Sheath Architecture

Use the inspector to override classes, styles, inputs, outputs, and events on dom elements. These modifications are saved and restored upon visiting the page again. They are stored separate from the panel page.

Features

override props

• style
• class
• data-input-*
• data-output-*
• on[Event] maybe...

Style

Styles added in inspector to elements.

• dynamic references including data inputs, and props. @todo

Class

Classes added and removed in insepector.

• dynamic references including data inputs, and props on component. @todo
• integrate with tail wind somehow to build styles for classes part of lib
  • this could go for any framework really that is class based.

Data Input

Add data inputs to components.

• access to bridge

Data Outputs

Add data output handler bindings.

• access to bridge

Inline Events ?

Add click handler directly to element and call bridge. Seems usful.