@senx/warpview-editor
TypeScript icon, indicating that this package has built-in type declarations

2.3.46 • Public • Published

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

Name Type Default Description
url string Warp 10 url, eg: https://warp.senx.io/api/v0/exec
theme string 'light' Editor theme (light or dark)
warpscript string '' WarpScript to edit (optional, could be inside HTML tag)
showDataviz boolean false Display the "Show dataviz" button
showExecute boolean true Display the "Execute" button
horizontalLayout boolean false Horizontal or vertical layout
config object default config Configuration
displayMessages boolean true Displays messages from WarpScript execution
widthPx number Fixed width
heightPx number Fixed height
heightLine number Fixed number of lines
imageTab boolean false Display 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

Package Sidebar

Install

npm i @senx/warpview-editor

Weekly Downloads

196

Version

2.3.46

License

Apache-2.0

Unpacked Size

72.3 MB

Total Files

202

Last publish

Collaborators

  • xavmarin
  • giwi
  • pi-r-p