Introducing Socket Firewall: Free, Proactive Protection for Your Software Supply Chain.Learn More
Socket
Book a DemoInstallSign in
Socket

@senx/warpview-editor

Package Overview
Dependencies
Maintainers
3
Versions
133
Alerts
File Explorer

Advanced tools

Socket logo

Install Socket

Detect and block malicious and high-risk dependencies

Install

@senx/warpview-editor

WarpView Editor Elements

latest
Source
npmnpm
Version
2.3.46
Version published
Maintainers
3
Created
Source

Warp View Editor

npm version

This web components embed a WarpScript editor dedicated to Warp 10™.

Warp 10

Demo: https://senx.github.io/warpview-editor

Getting started

npm i @senx/warpview-editor --save

yarn add @senx/warpview-editor

Usage

<html dir="ltr" lang="en">
  <head>
    <title>Test</title>
    <script src="https://unpkg.com/@senx/warpview-editor@x.x.x/elements/warpview-editor.js"></script>
  </head>
  <body>
    <warp-view-editor url="https://warp.senx.io/api/v0/exec" height-line=18 width-px=600 theme="dark" id="editor" show-dataviz="true" horizontal-layout="false" config='{"quickSuggestionsDelay":3000, "suggestOnTriggerCharacters": false}'>
      2 2 +
    </warp-view-editor>
  </body>
</html>

CSS vars

Attributes

NameTypeDefaultDescription
urlstringWarp 10 url, eg: https://warp.senx.io/api/v0/exec
themestring'light'Editor theme (light or dark)
warpscriptstring''WarpScript to edit (optional, could be inside HTML tag)
showDatavizbooleanfalseDisplay the "Show dataviz" button
showExecutebooleantrueDisplay the "Execute" button
horizontalLayoutbooleanfalseHorizontal or vertical layout
configobjectdefault configConfiguration
displayMessagesbooleantrueDisplays messages from WarpScript execution
widthPxnumberFixed width
heightPxnumberFixed height
heightLinenumberFixed number of lines
imageTabbooleanfalseDisplay the tab for image results

Data format

Default config

{
  "buttons" : {
    "class": ""
  },
  "execButton" : {
    "class": "",
    "label": "Execute"
  },
  "datavizButton" : {
    "class": "",
    "label": "Visualize"
  },
  "hover" : true,
  "readOnly" : false,
  "messageClass" : "",
  "errorClass" : "",
  "editor": {
    "quickSuggestionsDelay": 10,
    "quickSuggestions": true,
    "tabSize": 2,
    "minLineNumber": 10,
    "enableDebug": false
  }
}

Events

warpViewEditorStatusEvent

String execution status :

Your script execution took 527.749 ms serverside, fetched 138156 datapoints and performed 21 WarpScript operations.

warpViewEditorErrorEvent

String execution error :

ERROR line #4 in section '[TOP]': Unknown symbol 'TOKEN2'

warpViewEditorWarpscriptChanged

String representation of the WarpScript typed in the editor.

warpViewEditorWarpscriptResult

Json of the the WarpScript execution result triggered by a click on the execute button.

warpViewEditorDatavizRequested

Json of the the WarpScript execution result triggered by a click on the dataViz button

Keywords

web

FAQs

Package last updated on 24 Aug 2023

Did you know?

Socket

Socket for GitHub automatically highlights issues in each pull request and monitors the health of all your open source dependencies. Discover the contents of your packages and block harmful activity before you install or update your dependencies.

Install

Related posts