@advanced-rest-client/variables-editordeprecated

A variables editor element is an UI element to display existing variables and forms to edit them

Usage no npm install needed!

<script type="module">
  import advancedRestClientVariablesEditor from 'https://cdn.skypack.dev/@advanced-rest-client/variables-editor';
</script>

README

Published on NPM

Build Status

Published on webcomponents.org

variables-editor

A variables editor element is an UI element to display existing variables and forms to edit them.

Required component

This component works with:

  • variables-model - Storing / restoring data from the data store
  • variables-manager - Managing environments and variables
  • variables-evaluator - Evaluates variables into values

This components can be replaced with other logic with compatible API.

Jexl dependency

variables-editor requires Jexl library to be installed in the application and included into the document. This is not done inside the variables-editor element as each element using Jexl would have to include it's own copy and at build time it would produce multiple copies of the library.

This element, when installed locally, installs Jexl and produces local copy of the library to be used with demo page.

Usage

Installation

npm install --save @advanced-rest-client/variables-editor
import { LitElement, html } from 'lit-element';
import './node_odules/@advanced-rest-client/variables-editor/variables-editor.js';

class SampleElement extends LitElement {
  render() {
    return html`
    <variables-editor></variables-editor>

    <variables-model></variables-model>
    <variables-manager></variables-manager>
    <variables-evaluator></variables-evaluator>
    `;
  }
}
customElements.define('sample-element', SampleElement);

Development

git clone https://github.com/advanced-rest-client/variables-editor
cd variables-editor
npm install

Running the demo locally

npm start

Running the tests

npm test

API components

This components is a part of API components ecosystem