JSPM

  • ESM via JSPM
  • ES Module Entrypoint
  • Export Map
  • Keywords
  • License
  • Repository URL
  • TypeScript Types
  • README
  • Created
  • Published
  • Downloads 15
  • Score
    100M100P100Q43080F
  • License MIT

A sidebar UI for gl-compare

Package Exports

  • gl-compare-sidebar

This package does not declare an exports field, so the exports above have been automatically detected and optimized by JSPM instead. If any package subpath is missing, it is recommended to post an issue to the original package (gl-compare-sidebar) to support the "exports" field. If that is not possible, create a JSPM override to customize the exports field for this package.

Readme

gl-compare-sidebar experimental

A sidebar UI for gl-compare, intended for use in glslify-workshopper.

screenshot

Usage

NPM

sidebar = createSidebar(compare)

Given an instance of gl-compare, this method creates a new sidebar.

sidebar.el

The sidebar's DOM node. Will be automatically attached to document.body but you can use this to apply your own styles too.

sidebar.content

The otherwise empty content area in the middle of the sidebar. The styles applied here are minimal, apart from a monospace font family and overflow: auto, so you should be able to place whatever content you like in here without many issues.

sidebar.status = 'message'

Updates the message displayed in the "status" area:

sidebar-status

sidebar.statusColor = '#f00'

Updates the color of the "status" area:

sidebar-status-color

License

MIT. See LICENSE.md for details.