@wildwinter/app-shell

The shared shell for the editor family (Patterpad, Storylet Studio): the app-agnostic pieces both apps would otherwise hand-mirror. Framework-neutral (vanilla TS + DOM), no app dependencies.

Two palettes, one grammar. Each app supplies its own palette and fonts; this package supplies the grammar and primitives beneath them.

v0.1 (the thin slice)

• el - the tag-typed element factory. A superset of the two apps' prior signatures, so neither rewrites call sites:

  import { el } from "@wildwinter/app-shell";
  el("div", "card", "hello");                       // string className + text child
  el("button", { className: "b", onClick: fn }, child);  // props bag + children

• colourIndex / colourFor / PALETTE / PALETTE_SIZE - the per-entity colour hash. A stable name -> palette-slot index, storage-free. The hues live in each theme as --char-0 .. --char-11.

• tokens.css - the design-token grammar (elevation, motion, radius, scrollbar). Import once at the app root:

  @import "@wildwinter/app-shell/tokens.css";

Roadmap

Later slices lift the rest of the common shell from Patterpad (canonical), reconciling Storylet Studio's variants: the pane grid + toggles, the save/dirty controller, the command palette, the anchored popover/panel + toast, and the detached-window out-of-date / restart pattern. Storylet Studio migrates each first (proving app-agnosticism); Patterpad follows.

Release

npm run release -- minor   # bumps, commits, pushes, tags, creates a GH Release

Creating the Release triggers publish.yml, which publishes to npm. Requires an NPM_TOKEN repo secret with publish rights to the @wildwinter scope.