JSPM

  • Created
  • Published
  • Downloads 106
  • Score
    100M100P100Q80760F
  • License MIT

Webcomponents for creating Visual Studio Code extensions

Package Exports

  • @bendera/vscode-webview-elements/bundled.js
  • @bendera/vscode-webview-elements/includes/FormButtonWidgetBase.d.ts
  • @bendera/vscode-webview-elements/includes/FormButtonWidgetBase.d.ts.map
  • @bendera/vscode-webview-elements/includes/FormButtonWidgetBase.js
  • @bendera/vscode-webview-elements/includes/FormButtonWidgetBase.js.map
  • @bendera/vscode-webview-elements/includes/FormWidgetButtonBase.d.ts
  • @bendera/vscode-webview-elements/includes/FormWidgetButtonBase.d.ts.map
  • @bendera/vscode-webview-elements/includes/FormWidgetButtonBase.js
  • @bendera/vscode-webview-elements/includes/FormWidgetButtonBase.js.map
  • @bendera/vscode-webview-elements/includes/applyRgbaVariations.d.ts
  • @bendera/vscode-webview-elements/includes/applyRgbaVariations.d.ts.map
  • @bendera/vscode-webview-elements/includes/applyRgbaVariations.js
  • @bendera/vscode-webview-elements/includes/applyRgbaVariations.js.map
  • @bendera/vscode-webview-elements/includes/colorHelpers.d.ts
  • @bendera/vscode-webview-elements/includes/colorHelpers.d.ts.map
  • @bendera/vscode-webview-elements/includes/colorHelpers.js
  • @bendera/vscode-webview-elements/includes/colorHelpers.js.map
  • @bendera/vscode-webview-elements/includes/fallbackStyles.d.ts
  • @bendera/vscode-webview-elements/includes/fallbackStyles.d.ts.map
  • @bendera/vscode-webview-elements/includes/fallbackStyles.js
  • @bendera/vscode-webview-elements/includes/fallbackStyles.js.map
  • @bendera/vscode-webview-elements/includes/form-button-widget/FormButtonWidgetBase.d.ts
  • @bendera/vscode-webview-elements/includes/form-button-widget/FormButtonWidgetBase.d.ts.map
  • @bendera/vscode-webview-elements/includes/form-button-widget/FormButtonWidgetBase.js
  • @bendera/vscode-webview-elements/includes/form-button-widget/FormButtonWidgetBase.js.map
  • @bendera/vscode-webview-elements/includes/form-button-widget/base.styles.d.ts
  • @bendera/vscode-webview-elements/includes/form-button-widget/base.styles.d.ts.map
  • @bendera/vscode-webview-elements/includes/form-button-widget/base.styles.js
  • @bendera/vscode-webview-elements/includes/form-button-widget/base.styles.js.map
  • @bendera/vscode-webview-elements/includes/form-button-widget/checkbox.styles.d.ts
  • @bendera/vscode-webview-elements/includes/form-button-widget/checkbox.styles.d.ts.map
  • @bendera/vscode-webview-elements/includes/form-button-widget/checkbox.styles.js
  • @bendera/vscode-webview-elements/includes/form-button-widget/checkbox.styles.js.map
  • @bendera/vscode-webview-elements/includes/form-button-widget/radio.styles.d.ts
  • @bendera/vscode-webview-elements/includes/form-button-widget/radio.styles.d.ts.map
  • @bendera/vscode-webview-elements/includes/form-button-widget/radio.styles.js
  • @bendera/vscode-webview-elements/includes/form-button-widget/radio.styles.js.map
  • @bendera/vscode-webview-elements/includes/form-button-widget/styles.radio.d.ts
  • @bendera/vscode-webview-elements/includes/form-button-widget/styles.radio.d.ts.map
  • @bendera/vscode-webview-elements/includes/form-button-widget/styles.radio.js
  • @bendera/vscode-webview-elements/includes/form-button-widget/styles.radio.js.map
  • @bendera/vscode-webview-elements/includes/formHelperTextStyles.d.ts
  • @bendera/vscode-webview-elements/includes/formHelperTextStyles.d.ts.map
  • @bendera/vscode-webview-elements/includes/formHelperTextStyles.js
  • @bendera/vscode-webview-elements/includes/formHelperTextStyles.js.map
  • @bendera/vscode-webview-elements/includes/helpers.d.ts
  • @bendera/vscode-webview-elements/includes/helpers.d.ts.map
  • @bendera/vscode-webview-elements/includes/helpers.js
  • @bendera/vscode-webview-elements/includes/helpers.js.map
  • @bendera/vscode-webview-elements/includes/helpers/adjustColorAlpha.d.ts
  • @bendera/vscode-webview-elements/includes/helpers/adjustColorAlpha.d.ts.map
  • @bendera/vscode-webview-elements/includes/helpers/adjustColorAlpha.js
  • @bendera/vscode-webview-elements/includes/helpers/adjustColorAlpha.js.map
  • @bendera/vscode-webview-elements/includes/helpers/colorHelpers.d.ts
  • @bendera/vscode-webview-elements/includes/helpers/colorHelpers.d.ts.map
  • @bendera/vscode-webview-elements/includes/helpers/colorHelpers.js
  • @bendera/vscode-webview-elements/includes/helpers/colorHelpers.js.map
  • @bendera/vscode-webview-elements/includes/helpers/constants.d.ts
  • @bendera/vscode-webview-elements/includes/helpers/constants.d.ts.map
  • @bendera/vscode-webview-elements/includes/helpers/constants.js
  • @bendera/vscode-webview-elements/includes/helpers/constants.js.map
  • @bendera/vscode-webview-elements/includes/helpers/helpers.d.ts
  • @bendera/vscode-webview-elements/includes/helpers/helpers.d.ts.map
  • @bendera/vscode-webview-elements/includes/helpers/helpers.js
  • @bendera/vscode-webview-elements/includes/helpers/helpers.js.map
  • @bendera/vscode-webview-elements/includes/themeHelpers.d.ts
  • @bendera/vscode-webview-elements/includes/themeHelpers.d.ts.map
  • @bendera/vscode-webview-elements/includes/themeHelpers.js
  • @bendera/vscode-webview-elements/includes/themeHelpers.js.map
  • @bendera/vscode-webview-elements/includes/vscode-select/helpers.d.ts
  • @bendera/vscode-webview-elements/includes/vscode-select/helpers.d.ts.map
  • @bendera/vscode-webview-elements/includes/vscode-select/helpers.js
  • @bendera/vscode-webview-elements/includes/vscode-select/helpers.js.map
  • @bendera/vscode-webview-elements/includes/vscode-select/styles.d.ts
  • @bendera/vscode-webview-elements/includes/vscode-select/styles.d.ts.map
  • @bendera/vscode-webview-elements/includes/vscode-select/styles.js
  • @bendera/vscode-webview-elements/includes/vscode-select/styles.js.map
  • @bendera/vscode-webview-elements/includes/vscode-select/template-elements.d.ts
  • @bendera/vscode-webview-elements/includes/vscode-select/template-elements.d.ts.map
  • @bendera/vscode-webview-elements/includes/vscode-select/template-elements.js
  • @bendera/vscode-webview-elements/includes/vscode-select/template-elements.js.map
  • @bendera/vscode-webview-elements/includes/vscode-select/types.d.ts
  • @bendera/vscode-webview-elements/includes/vscode-select/types.d.ts.map
  • @bendera/vscode-webview-elements/includes/vscode-select/types.js
  • @bendera/vscode-webview-elements/includes/vscode-select/types.js.map
  • @bendera/vscode-webview-elements/includes/vscode-select/vscode-select-base.d.ts
  • @bendera/vscode-webview-elements/includes/vscode-select/vscode-select-base.d.ts.map
  • @bendera/vscode-webview-elements/includes/vscode-select/vscode-select-base.js
  • @bendera/vscode-webview-elements/includes/vscode-select/vscode-select-base.js.map
  • @bendera/vscode-webview-elements/main.d.ts
  • @bendera/vscode-webview-elements/main.d.ts.map
  • @bendera/vscode-webview-elements/main.js
  • @bendera/vscode-webview-elements/main.js.map
  • @bendera/vscode-webview-elements/vscode-button.d.ts
  • @bendera/vscode-webview-elements/vscode-button.d.ts.map
  • @bendera/vscode-webview-elements/vscode-button.js
  • @bendera/vscode-webview-elements/vscode-button.js.map
  • @bendera/vscode-webview-elements/vscode-checkbox-group.d.ts
  • @bendera/vscode-webview-elements/vscode-checkbox-group.d.ts.map
  • @bendera/vscode-webview-elements/vscode-checkbox-group.js
  • @bendera/vscode-webview-elements/vscode-checkbox-group.js.map
  • @bendera/vscode-webview-elements/vscode-checkbox.d.ts
  • @bendera/vscode-webview-elements/vscode-checkbox.d.ts.map
  • @bendera/vscode-webview-elements/vscode-checkbox.js
  • @bendera/vscode-webview-elements/vscode-checkbox.js.map
  • @bendera/vscode-webview-elements/vscode-collapsible.d.ts
  • @bendera/vscode-webview-elements/vscode-collapsible.d.ts.map
  • @bendera/vscode-webview-elements/vscode-collapsible.js
  • @bendera/vscode-webview-elements/vscode-collapsible.js.map
  • @bendera/vscode-webview-elements/vscode-context-menu-item.d.ts
  • @bendera/vscode-webview-elements/vscode-context-menu-item.d.ts.map
  • @bendera/vscode-webview-elements/vscode-context-menu-item.js
  • @bendera/vscode-webview-elements/vscode-context-menu-item.js.map
  • @bendera/vscode-webview-elements/vscode-context-menu.d.ts
  • @bendera/vscode-webview-elements/vscode-context-menu.d.ts.map
  • @bendera/vscode-webview-elements/vscode-context-menu.js
  • @bendera/vscode-webview-elements/vscode-context-menu.js.map
  • @bendera/vscode-webview-elements/vscode-form-container.d.ts
  • @bendera/vscode-webview-elements/vscode-form-container.d.ts.map
  • @bendera/vscode-webview-elements/vscode-form-container.js
  • @bendera/vscode-webview-elements/vscode-form-container.js.map
  • @bendera/vscode-webview-elements/vscode-form-control.d.ts
  • @bendera/vscode-webview-elements/vscode-form-control.d.ts.map
  • @bendera/vscode-webview-elements/vscode-form-control.js
  • @bendera/vscode-webview-elements/vscode-form-control.js.map
  • @bendera/vscode-webview-elements/vscode-form-description.d.ts
  • @bendera/vscode-webview-elements/vscode-form-description.d.ts.map
  • @bendera/vscode-webview-elements/vscode-form-description.js
  • @bendera/vscode-webview-elements/vscode-form-description.js.map
  • @bendera/vscode-webview-elements/vscode-form-group.d.ts
  • @bendera/vscode-webview-elements/vscode-form-group.d.ts.map
  • @bendera/vscode-webview-elements/vscode-form-group.js
  • @bendera/vscode-webview-elements/vscode-form-group.js.map
  • @bendera/vscode-webview-elements/vscode-form-helper.d.ts
  • @bendera/vscode-webview-elements/vscode-form-helper.d.ts.map
  • @bendera/vscode-webview-elements/vscode-form-helper.js
  • @bendera/vscode-webview-elements/vscode-form-helper.js.map
  • @bendera/vscode-webview-elements/vscode-form-item.d.ts
  • @bendera/vscode-webview-elements/vscode-form-item.d.ts.map
  • @bendera/vscode-webview-elements/vscode-form-item.js
  • @bendera/vscode-webview-elements/vscode-form-item.js.map
  • @bendera/vscode-webview-elements/vscode-form-label.d.ts
  • @bendera/vscode-webview-elements/vscode-form-label.d.ts.map
  • @bendera/vscode-webview-elements/vscode-form-label.js
  • @bendera/vscode-webview-elements/vscode-form-label.js.map
  • @bendera/vscode-webview-elements/vscode-icon.d.ts
  • @bendera/vscode-webview-elements/vscode-icon.d.ts.map
  • @bendera/vscode-webview-elements/vscode-icon.js
  • @bendera/vscode-webview-elements/vscode-icon.js.map
  • @bendera/vscode-webview-elements/vscode-inputbox.d.ts
  • @bendera/vscode-webview-elements/vscode-inputbox.d.ts.map
  • @bendera/vscode-webview-elements/vscode-inputbox.js
  • @bendera/vscode-webview-elements/vscode-inputbox.js.map
  • @bendera/vscode-webview-elements/vscode-label.d.ts
  • @bendera/vscode-webview-elements/vscode-label.d.ts.map
  • @bendera/vscode-webview-elements/vscode-label.js
  • @bendera/vscode-webview-elements/vscode-label.js.map
  • @bendera/vscode-webview-elements/vscode-multi-select.d.ts
  • @bendera/vscode-webview-elements/vscode-multi-select.d.ts.map
  • @bendera/vscode-webview-elements/vscode-multi-select.js
  • @bendera/vscode-webview-elements/vscode-multi-select.js.map
  • @bendera/vscode-webview-elements/vscode-option.d.ts
  • @bendera/vscode-webview-elements/vscode-option.d.ts.map
  • @bendera/vscode-webview-elements/vscode-option.js
  • @bendera/vscode-webview-elements/vscode-option.js.map
  • @bendera/vscode-webview-elements/vscode-radio-group.d.ts
  • @bendera/vscode-webview-elements/vscode-radio-group.d.ts.map
  • @bendera/vscode-webview-elements/vscode-radio-group.js
  • @bendera/vscode-webview-elements/vscode-radio-group.js.map
  • @bendera/vscode-webview-elements/vscode-radio.d.ts
  • @bendera/vscode-webview-elements/vscode-radio.d.ts.map
  • @bendera/vscode-webview-elements/vscode-radio.js
  • @bendera/vscode-webview-elements/vscode-radio.js.map
  • @bendera/vscode-webview-elements/vscode-scrollable.d.ts
  • @bendera/vscode-webview-elements/vscode-scrollable.d.ts.map
  • @bendera/vscode-webview-elements/vscode-scrollable.js
  • @bendera/vscode-webview-elements/vscode-scrollable.js.map
  • @bendera/vscode-webview-elements/vscode-single-select.d.ts
  • @bendera/vscode-webview-elements/vscode-single-select.d.ts.map
  • @bendera/vscode-webview-elements/vscode-single-select.js
  • @bendera/vscode-webview-elements/vscode-single-select.js.map
  • @bendera/vscode-webview-elements/vscode-split-layout.d.ts
  • @bendera/vscode-webview-elements/vscode-split-layout.d.ts.map
  • @bendera/vscode-webview-elements/vscode-split-layout.js
  • @bendera/vscode-webview-elements/vscode-split-layout.js.map
  • @bendera/vscode-webview-elements/vscode-tabs.d.ts
  • @bendera/vscode-webview-elements/vscode-tabs.d.ts.map
  • @bendera/vscode-webview-elements/vscode-tabs.js
  • @bendera/vscode-webview-elements/vscode-tabs.js.map
  • @bendera/vscode-webview-elements/vscode-tree.d.ts
  • @bendera/vscode-webview-elements/vscode-tree.d.ts.map
  • @bendera/vscode-webview-elements/vscode-tree.js
  • @bendera/vscode-webview-elements/vscode-tree.js.map

Readme

VSCode Webview Elements

For the end-user documentation, click here. This project made with LitElement and based on a modified version of the LitElement TypeScript starter.

Setup

Install dependencies:

npm ci

The main NPM tasks

Production build

npm run build

Start development mode

Start TypeScript compiler in development mode and start the @web-dev-server

npm run start

Generate the documentation site

npm run docs

Start the documentation site development server

npm run docs:start

Testing

npm run build:watch

# in another terminal instance:
npm run test:watch

Run tests

npm run test