v0.201.0

What's new

• @inspect variables: annotate a top-level const with a JSDoc @inspect tag and it becomes a live control in the stage inspector, below the background picker. The compile step turns the declaration into a signal on the editor's reactive graph, so moving a control updates the canvas without a remount, and the value it settles on is written back into the declaration's initializer — undo and redo included. Six controls: number (a slider given min and max, a draggable field otherwise), color, text, font, boolean and select. An optional path="Group/Label" files a control under a group and names it; without one the label is the variable's own name.

/** @inspect number min=0 max=100 step=1 */
const padding = 24;

/** @inspect color path="Theme/Accent" */
const accent = "#ff3366";

See reference/jsx/variables.md for the full grammar and its rules.