@plitzi/plitzi-builder 0.38.10 → 0.38.12

package/CHANGELOG.md

@@ -1,5 +1,314 @@
 # @plitzi/plitzi-builder
 
+## 0.38.12
+
+### Patch Changes
+
+- 1301338: ## Builder
+
+  - **Icons in the canvas again** (`@plitzi/plitzi-builder`): the canvas inlined the SDK's Font Awesome sheet into its
+    `<style>`, where the sheet's `url(webfonts/…)` resolved against the editor's URL — a `srcdoc` frame takes it as its
+    base — so every icon was a 404 under `/spaces/<space>/webfonts/` and drew as an empty box. Only the Vite dev server,
+    which rewrites the URL, hid it. The canvas and the element preview now link the sheet from where the host serves it:
+    a new prop, `sdkIconsStylePath`, the one the host already gives the pages it renders
+    (`/sdk-assets/plitzi-sdk-icons.css` for sdk-server). Absent, the canvas links no icon sheet.
+
+  ## Plugins
+  - **A plugin's other elements, hosted by `custom`** (`@plitzi/sdk-elements`): `custom({ renderType: 'jamDisc' })` on a
+    space with a plugin installed whose main element is another (`plitzi plugin pack` of several folders: the first is the
+    plugin, the rest go in it) rendered "Custom Component jamDisc Not Found" — the page registers only the plugin's main
+    element, and a `custom` host looked nowhere else. It now loads the type from the installed plugin that packs it, as
+    an element of the type itself always did, so the two ways the docs give to place a plugin's element are the same
+    everywhere: in a project `plitzi create` wrote, and once the project is on Plitzi.
+  - **One way to place a plugin's element** (`@plitzi/sdk-authoring`, `@plitzi/cli`, docs): from its declaration,
+    `const seatPicker = defineElement(declaration)` then `seatPicker({ id, … })` — typed by what it
+    declares, and the element the builder adds when somebody drops it. The welcome space `plitzi create` writes, the
+    plugin package's preview, `plitzi plugin add` and `plitzi explain` all write it so (the template's
+    `PluginHostOptions` now takes the plugin's `type` and `declaration: { from, attributes? }`; `custom`/`element` hosting
+    is gone). `pluginFolders(folder)` (`@plitzi/sdk-authoring/node`) reads each plugin with the folder it is in;
+    `pluginDeclarations` is built on it. A `custom({ renderType })` naming a plugin the space was handed the declaration
+    of is offered the declaration instead — suggestion `plugin-custom-host`. `custom` stays for a component registered
+    by name with no declaration. The skills, the CLI README, the MCP guide, `docs/en` and the website say the same.
+  - **`definePlugin`** (`@plitzi/sdk-authoring/plugin`, a new entry of 3 KB with nothing else in it): a plugin's
+    declaration written from what only it can say —
+    `definePlugin<SeatPickerAttributes>()({ type, label, attributes, triggers, callbacks })` — and every other field
+    at the default all plugins share (the builder's gestures, the catalogue entry, each attribute bindable, an empty
+    style). It answers the whole declaration, branded with its attributes, so `defineElement(declaration)` is typed
+    without a generic. `plitzi plugin add` and `create --plugin` write declarations with it (about a third of the lines).
+  - **`usePluginTrigger(declaration)`** (`@plitzi/plitzi-sdk`): fires a plugin's declared event on its element — the
+    event name and what each hands a flow typed off the declaration's `preview` — on a live page only. The hook every
+    plugin wrote for itself (and `plugin add` generated as `use<Name>Events`) is gone from the scaffold.
+  - **Attributes as the types their defaults are** (`@plitzi/sdk-elements`): a plugin's attribute bound from text — a
+    state, a row, a channel message — reaches its component as the number or the flag its declared default is (`'112'`
+    as 112, `'true'` as true). A plugin no longer types its props `number | string` and parses them.
+
+  ## Server actions and functions
+  - **Task params with rules** (`@plitzi/sdk-server`, `@plitzi/sdk-shared`): a task declares `required`, a text's
+    `maxLength` and a number's `min`/`max`, and the runner refuses a call that breaks any of them — every rule broken at
+    once, in the words the page shows (`Title is required; Seconds is at most 300`) — before the code runs. A `text` param
+    bound to a number arrives as its digits. The manifest keeps the rules, so the platform's sandbox checks the same.
+  - **`taskAction(task, { trigger })`** (`@plitzi/sdk-authoring`): the action that runs one of the space's tasks and
+    answers its result, derived from the task — its id (`<namespace>-<action>`), name, description and input (the task's
+    params, once). An action of more than one step is still `defineAction`.
+  - **`ctx.rateLimit(bucket, { …, refuse })`**: past the limit the call is refused with those words instead of answering
+    `allowed: false` for the code to check — natively and in the sandbox.
+
+  ## Authoring
+  - **`runServerActionOrNotify(id, params, fallback)`**: a server action run and the notice the visitor reads when it
+    fails — the action's own refusal, or the fallback — as two steps to spread into a flow.
+  - **`repeated-shape` reads what copies bind**: copies whose bindings read their data in different forms (a count, a
+    total of a quota) and copies holding a provider resolved on the server (found by its own id) are no longer offered
+    as one component.
+  - **`element-color-inherited`** (suggestion): `elements` giving a heading, a text, a link… `color: inherit` or the
+    page's own colour. **A link inherits the page's colour** (`@plitzi/plitzi-sdk`, `@plitzi/sdk-elements`) rather than
+    holding the SDK's grey — the same by default, and the space's palette inside a card that is a link. The template
+    every space starts from writes its colours once, on the page.
+
+  ## Fixes
+  - **A dialog opened with an id** (`@plitzi/sdk-elements`): `openDialog('dialog', '{{ row.id }}')` reads the id as its
+    `content`, as `openModal` already did — a numeric id parsed as the number and the dialog's bindings read nothing.
+  - **A select's chevron** (`@plitzi/plitzi-sdk`): a drawn chevron in the field's own colour, sized by its type, in place
+    of the `▼` glyph — and laid out in the box, so it ends where the box's padding begins whatever that padding is, and
+    the chosen option stops short of it instead of running under it. A disabled select's is faded.
+  - **Every element has its settings** (`@plitzi/plitzi-builder`, `@plitzi/sdk-elements`): the builder found none for
+    `tabContainerHeader` (registered under a misspelt type), `themeToggle`, `dropdownPopup`, `loading` and `notFound`.
+    The theme toggle's panel sets its mode, its labels and whether it offers "System"; the registry is typed by element
+    type and must hold one for each.
+  - **A plugin's panel** (`@plitzi/cli`): `plitzi doctor` warns of a plugin with no `Settings.tsx`, or one its entry never
+    passes as `pluginSettings` (`plugin-settings-missing`); the example `create` writes has its panel, as every element
+    `plugin add` writes does, and the panels it generates are laid out as the project's Prettier lays them out.
+  - **A refused or failed run reaches `onFlowError` in every mode** (`@plitzi/sdk-interactions`): an awaited server
+    action the server refused fired no `onFlowError` on the element that started it, as `detached` and `stream` ones do
+    — a board rolling its edits back on a refusal never did; and a run answered `status: 'failed'` fired `onFlowEnd`
+    (detached) or nothing (awaited) rather than `onFlowError`.
+  - **A source renamed** (`@plitzi/sdk-shared`): the binding picker lists a provider, a form or a modal by the name its
+    element has now, not the one it had when it mounted.
+  - **A text's words in the builder** (`@plitzi/sdk-elements`): a `paragraph`, `text` or `heading` whose `content` is
+    `0` shows `0` while editing too, not its placeholder; one bound to nothing shows nothing rather than `null`.
+  - **Built-in declarations** (`@plitzi/sdk-shared`): `elementDeclaration` fills in what every element shares — the
+    builder's gestures, Plitzi's catalogue entry, a visible element with no bindings, its style named by its label —
+    from the defaults `definePlugin` uses; each element's declaration says only what is its own (a third of the lines).
+
+  ## Typed for plugins and hosts
+  - **`usePlitzi()` and `PlitziProvider`** (`@plitzi/sdk-shared/hooks/usePlitzi`, `@plitzi/plitzi-sdk`): what were
+    `usePlitziServiceContext()` and `PlitziServiceProvider` (and `PlitziServiceContextValue`, now `PlitziContextValue`),
+    holding only what the host rendering a space knows — `settings`, `root`, `utils`. Its `contexts` and
+    `customContexts` are gone: every context it carried is a shared one already, imported from its own module
+    (`@plitzi/sdk-interactions/InteractionsContext`, `@plitzi/sdk-shared/network/NetworkContext`…), and
+    `PluginsContext` moves to `@plitzi/sdk-shared/plugins/PluginsContext` beside the others.
+  - **`InteractionsManagerApi`** (`@plitzi/sdk-shared`): the interactions manager as everything outside
+    `@plitzi/sdk-interactions` reaches it, declared where every package can name it and implemented by
+    `InteractionsManager`, so `use(InteractionsContext)` is typed — `interactionTrigger`, `createChildManager`… — where it
+    was `any`.
+  - **`getPathsFromObject`** (`@plitzi/sdk-shared/helpers/utils`), spelt right; `getPathsFromObeject` is gone.
+  - **`ElementWords` places itself** (`@plitzi/sdk-elements`): `contentPlacement` and the element's children, so a button
+    and a link write their words once.
+
+- Updated dependencies [1301338]
+  - @plitzi/plitzi-sdk@0.38.12
+  - @plitzi/sdk-auth@0.38.12
+  - @plitzi/sdk-authoring@0.38.12
+  - @plitzi/sdk-dev-tools@0.38.12
+  - @plitzi/sdk-elements@0.38.12
+  - @plitzi/sdk-event-bridge@0.38.12
+  - @plitzi/sdk-interactions@0.38.12
+  - @plitzi/sdk-navigation@0.38.12
+  - @plitzi/sdk-plugins@0.38.12
+  - @plitzi/sdk-schema@0.38.12
+  - @plitzi/sdk-shared@0.38.12
+  - @plitzi/sdk-style@0.38.12
+  - @plitzi/sdk-variables@0.38.12
+
+## 0.38.11
+
+### Patch Changes
+
+- cadf70a: - **`server.cache.invalidate` drops what a page is rendered from** (`@plitzi/sdk-server`): the pages, the RSC answers
+  and the schema data they are rendered from go together. It dropped the pages alone, and the next request rendered
+  the same page again from the schema still cached under the same key — a publish that invalidated the space changed
+  nothing until the schema's TTL ran out. `clear()` and `size` cover the three. A filter on `hostname` drops the schema
+  data too, which belongs to no one host. `server.cache` is `null` only when nothing is cached (`cacheTtlMs: 0` and
+  `rsc.cacheTtlMs: 0`).
+
+  ## Style inspector
+  - **Finds a property** (`@plitzi/sdk-style`): a search above the categories narrows them to the ones that edit what was
+    typed — a CSS name in any order of its words (`border radius` finds the four corners), a category's title, or a
+    common word for it (`bg`, `rounded`) — opens them, and shows the advanced rows when the match lives there. Escape
+    clears it. The categories' properties live in one list (`categoryKeys.ts`) that the dots, the advanced hint and the
+    search all read.
+  - **Rows that fit**: a section with more than two controls puts its label above them and lays them out in as many
+    columns as the panel is wide, instead of one row where every label was cut (`Appearan…`, `Cell Spaci…`, the five
+    scroll-snap controls). A row's label column is 80px.
+  - **Where a value comes from, said quietly**: the label's tint keeps its four meanings — set here, from a token, bound
+    to data, inherited — without the solid blocks of colour; hovering says which (an inherited one names its selector and
+    breakpoint) and that a click resets it, the click shows it by striking the label through. The footer's info icon
+    holds the legend, and its arrow folds every category.
+  - **What is being edited**: an "Editing … › Hover" line under the pickers whenever the rules being written are not the
+    selector's plain ones, with a button back to them. Ancestor, pseudo-element and condition fold behind a toggle —
+    never while one is in use.
+  - The class being edited is the panel's one strong mark (violet), the element's type defaults a softer one; the tools'
+    tabs fit the panel and are reachable from the keyboard.
+
+  - **Lists edited in a popover, all alike**: box and text shadows, transforms, transitions and filters share one row
+    (the CSS it writes, a swatch, a remove button) and one popover (a title, a close button, Escape, the focus moved
+    into it). What none of them could read is now kept and edited as text instead of being replaced with a default — a
+    token for the whole value, `drop-shadow(…)`, `url(#…)`.
+  - **Values read the way CSS writes them**: a shadow with two, three or four lengths and its color on either end;
+    `rgba(…)` inside text shadows and filters no longer split; negative shadow offsets accepted; a transition with any
+    of its parts left out; brightness, contrast and saturation past 1. Transition presets are written as CSS — the
+    preset names (`easeInQuad`) made the browser drop the whole declaration — the curve can be dragged into one of your
+    own, and the preview stops with the editor. `font-color` (not CSS) became `color`.
+  - **Background layers keep what they hold**: a repeating gradient (now a switch), a radial gradient's explicit size, a
+    token or `image-set()` as a layer (a "Custom (CSS)" layer), a one-value position read as CSS reads it (`20%` is
+    `20% center`), lists shorter than the layers repeated as CSS repeats them, an unset repeat read as tiling, two-position
+    stops, negative angles — every one of them was rewritten on the next edit of any layer. Defaults are no longer
+    written back, and "Token values" no longer bakes resolved tokens into the layers.
+  - **A layer's editor in two halves** — what it draws, then where it goes (size, position, tile, attachment, clip,
+    which now offers `text`). The gradient's stops sit on one bar, each a handle that drags or moves with the arrow keys;
+    the stop's color and position below it. Previews and swatches resolve the space's tokens.
+  - Spacing tells margin (dashed, outside) from padding; Border's sides are labelled and readable in the dark theme; a
+    class's menu says what each action does to whom; the Style Manager opens at a size that holds both columns.
+
+  ## Builder
+  - **Shortcuts**: `?` shows every shortcut the builder answers to — the same list the "Nothing selected" card teaches
+    from — and ⌘\ / Ctrl+\ hides both side panels for the canvas alone and brings back the ones that were open. Both
+    work with the canvas focused.
+  - **Panels keep their width**: each side panel opens at the width it was left at; the right one starts at 380px.
+  - **Text no smaller than 11px** across the builder's panels (it went down to 10px in fifty places).
+
+  ## Realtime
+  - **A page hears what it sent when it asks to** (`@plitzi/sdk-shared`, `@plitzi/sdk-server`, `@plitzi/sdk-elements`):
+    `publishOn('room', 'react', data, { echo: true })`, `useChannel().publish(type, data, { echo: true })` and the
+    channel's `publish` callback (`echo`) hand the message back to the page that sent it too, once the server took it —
+    stamped like everyone's, with `echo: true`, its `from` the channel's `me`. Without it a page still never hears its
+    own messages, and the docs said "every page on its topic hears it": they now say every OTHER page. Presence never
+    echoes.
+  - **A topic is opened only once it names one** (`@plitzi/sdk-elements`): `useChannel` — and so the `channel` element —
+    opens a topic only when a channel of the space covers it, by the same `matchChannel` the server decides by. A topic
+    written from data that has not arrived (`room:` while its provider loads, or its template still as text) asked the
+    server for both, was refused with a 403 and a console error on every load, and is now waited for.
+  - **Pages that watch** (`@plitzi/sdk-server`, `@plitzi/cli`): a connection whose page carries the `plitzi-observer`
+    cookie hears its topics and says nothing on them — no `$join`, no presence, its publishes taken and dropped.
+    `page check`, `page shot` and `verify` load pages that way, so checking a live site is no longer a visitor walking
+    into a room (`X walked in`, a member more in every picture). `--presence` takes part as a visitor does.
+
+  ## Authoring
+  - **`template-in-value`** (refused): a `{{ }}` inside an attribute that is an object or a list — a provider's
+    `input`, a list's `items`, a plugin's settings — is never evaluated: only an attribute that is text is interpolated,
+    and the page server reads attributes as saved. A provider's `input` also replaced the route param of the same name
+    the action was already given, so `input: { room: '{{ navigation.routeParams.room }}' }` reached the task as `""` and
+    the page answered 404; its refusal says the action is handed the page's route and query params already. Anything
+    else is a binding on the attribute. `mockData`, a sample, is not held to it.
+  - **Rules on top of a class need no `id`** (`class: [card, { gap: '6px' }]`): they are named after the id the element
+    is given, written or not. `modifier-without-id` is gone; a one-off tweak no longer needs a name nothing reads.
+  - **Typed list rows have `inTemplate`**, as untyped ones do, and `bindTemplate`, `visibleWhen`, `hiddenWhen` and
+    `variantFrom` take a typed source's path as well as a name: turning a list typed broke every template of its rows.
+  - **`when({ field, operator: 'empty' })`** takes no `value` (nor `notEmpty`), as flows.md recommends; it did not
+    type-check.
+  - **Data-driven colours**: a style binding on a custom property (`{ to: '--who', category: 'style' }`) is written as
+    named — it was camel-cased into `who` — so a class reads `var(--who, var(--muted))`. A style binding's value carrying
+    `;` or braces is not written: the page server writes inline styles as text, and such a value added declarations of
+    its own. `binding-target-unknown` on `style` or a CSS property says to bind it in the `style` category.
+  - `unknown-attribute` for `decorative` on an `svg` or a `fontAwesome` says what it means: without a `label` it is
+    already hidden from screen readers.
+
+  - **A folder nobody declared says where to declare it**: `folder-undeclared` (a page, a layout, a folder's parent)
+    ends with `pageFolders: [{ id, name }]` on the space, and with the line of the `pageFamily` that wrote the page. A
+    folder starts its pages' addresses (`/docs/quickstart`), so a misspelt one is never declared on the author's behalf.
+    The skill's `pageFamily` example declares its folder.
+  - **A tag is an element**: a `subType` this element has not but another has — `container({ subType: 'ol' })` — names
+    that element (`list({ subType: 'ol' })`) instead of the value two letters away (`dl`). Read off the elements'
+    declarations, for every element and tag.
+  - **A `pageFamily`'s body is written once**: `repeated-shape` and `repeated-on-pages` no longer count the same part of
+    each page of one family as copies — they were offering a component for exactly what the docs recommend. Copies within
+    one page, or across pages written one by one, are still offered.
+  - **Colour emoji are not text to `page check`**: a character painted in its own colours (🎲, `❤️`, a keycap, a ZWJ
+    sequence) is left out of the contrast measure, which compared `color` with the tile behind it and failed `verify`
+    in the theme whose text colour was close to the tile. A symbol drawn as text (✓, ★) is still measured.
+
+  - **`declared-callback-target`** (refused): a value beside `on` in `declaredCallback(…, { on, date })` — written as
+    `openModal`'s target reads — was read nowhere, and the step ran without it. Refused, with the `params` it goes in
+    (`{ on: 'calendar', params: { date } }`) and whether it is one of the callback's declared params.
+  - The skill's list rows show the typed form beside the untyped one: with `items` typed by a sample, `r.item` is a path
+    (`from: r.item.title`), not text to put in a template string.
+  - **`slot-not-class`** (refused): rules written in place in a slot — `slots: { error: [fieldError, { color }] }`, past
+    the type in JavaScript or a spec rebuilt from JSON — were taken for a declaration with no rules, and `authorSpace`
+    failed later with `Cannot read properties of undefined (reading 'desktop')`, naming nothing. Refused where the slot
+    is written, naming the slot and the element, with the `styles()` declaration to hand instead.
+
+  ## CLI
+  - **`page shot --click` (and `--clip`, `--wait-for`, `--scroll-to`, `--steps`) takes any selector**: a value that is
+    not an element's name (letters, digits, `-`, `_`) is a selector, CSS or Playwright's own (`button:has-text("Orbit")`).
+    It was wrapped as a name, and an invalid selector ended the command with Playwright's stack trace; it is now refused
+    with the reason.
+
+  - **`plitzi functions add <package>`**: a package the functions use comes with them, as a function carries its
+    dependencies. Installed in the project, it is bundled (web APIs only, minified, its licence kept) into
+    `src/functions/vendor/<package>.js`, with a `.d.ts` re-exporting the installed package's types, imported as
+    `./vendor/<package>.js` and pushed, built and run with the rest — nothing is resolved anywhere else, so the builder,
+    the sandbox and the push are unchanged. A package that reaches Node (`fs`, `node:*`) is refused, naming what it
+    reached; one past the functions' 1 MB is too; one that reads `process`/`Buffer` is warned about. The build's refusal
+    of a package import now names the command.
+  - **`page shot` targets**: a bare word is an element's name, or — no element named so — a tag (`textarea`); resolved on
+    the loaded page for `--click`, `--clip`, `--scroll-to`, `--wait-for` and `--steps`. In `--steps`, `type` takes a
+    quoted element with spaces (`type ".panel textarea" hola`) — it was cut at its first space and typed the rest — and
+    fails when the click leaves no field focused, rather than sending the keys to the page's shortcuts.
+
+  ## Server
+  - **`server.listen()` resolves once the port answers** (`@plitzi/sdk-server`) — in a fleet, once the first worker
+    does. `serveProject` writes `tmp/dev-server.json` and says `pages on …` after it, not on the line after `listen`:
+    for about 0.4 s a tool trusting the line (CI, Playwright's `webServer`, `page check`) was refused. A port it cannot
+    take still ends the process, or goes to `onListenError`, and the promise is then never resolved.
+  - **Runs set for later** (`@plitzi/sdk-server`, `@plitzi/sdk-shared`, `@plitzi/sdk-authoring`, `@plitzi/plitzi-builder`):
+    a turn that runs out, a bot's move, a hold that lapses — one run starting one of the space's actions in N seconds,
+    whether or not a page is still open. The action says it may be with a **`later` trigger** (no access rule: the run
+    that set it was let in); a flow sets it with `flow.later { action, in, input, key }`, a function with
+    `ctx.later({ … })`, and `flow.cancelLater` / `ctx.cancelLater(key)` drops it. A `key` names it: set again under the
+    same key, the one still waiting is replaced — the newer of two set at once, on every replica — and a running one is
+    left. It is a job of the queue schedules use: due by the store's clock (0 s to 30 days, about a second late at most),
+    once across replicas, retried, shown in Automations → Queue. Refused before anything is queued, with why: no `later`
+    trigger, one switched off, a time out of range, a key that is not one, a server with no jobs. A plugin's functions
+    set none. `ActionJobQueue` gains `cancelPending({ spaceId, key, olderThan? })` and jobs a `key`: the memory, Mongo
+    and MySQL queues implement it, and the shared contract tests it. **MySQL**: `action_jobs` gains `job_key` (and the
+    `action_jobs_key` index), added on first use; with `createTables: false`, run that statement of
+    `mysqlJobSchemaUpgrades()`. A queue of a deployment's own implements `cancelPending` (`09-schedules` shows one).
+  - **A project's `kv` file has one holder** (`@plitzi/sdk-server`): `createFileKv` takes `<file>.lock` with its pid;
+    a second process — another `npm start`, a `--watch` left running — is refused, naming the first (`the server of
+"orbita", on port 8080`) instead of both writing their whole map over each other's changes, and a lock whose process
+    is gone is taken over. `close()` writes what is pending and lets go. A server with `workers` opens the file once, in
+    the primary, and its workers reach it through the fleet (`fleetKv`): each used to open a copy of its own.
+  - **A self-hosted project's credentials** (`@plitzi/sdk-server`, `@plitzi/cli`): `serveProject` answers
+    `getCredential` from `PLITZI_CREDENTIALS` in `.env` — one JSON object, credential id → its keys — so
+    `ctx.fetch({ credential })`, a connector and an `http.request` step work on the project's own server, not only in
+    `functions dev`. The same variable for both (it was `PLITZI_FUNCTIONS_CREDENTIALS`, read by the CLI alone); a value
+    that is not that object is refused with how to write it, instead of every credential going missing.
+  - **`HOST` beyond loopback says where to open it**: with `HOST=0.0.0.0`, `serveProject` prints the machine's network
+    addresses — what a tablet on the same Wi-Fi opens — and that anyone on that network can. `.env.example` names `HOST`
+    and `PLITZI_CREDENTIALS`.
+
+  ## SDK
+  - **`useElementSize(ref)`** (`@plitzi/plitzi-sdk`): the size a plugin's own box is drawn at, followed as it changes —
+    what `useDisplayMode()` cannot say: a tablet held upright is `mobile` by the window and still a week wide by the
+    plugin's box. `undefined` until measured, so the server's page and the hydrated one agree. The breakpoints are
+    unchanged.
+  - The functions docs say how a task's `params` types (how the builder edits them: `codemirror-json`) and an action's
+    `input` types (what the value is: `json`) correspond.
+
+- Updated dependencies [cadf70a]
+  - @plitzi/plitzi-sdk@0.38.11
+  - @plitzi/sdk-auth@0.38.11
+  - @plitzi/sdk-authoring@0.38.11
+  - @plitzi/sdk-dev-tools@0.38.11
+  - @plitzi/sdk-elements@0.38.11
+  - @plitzi/sdk-event-bridge@0.38.11
+  - @plitzi/sdk-interactions@0.38.11
+  - @plitzi/sdk-navigation@0.38.11
+  - @plitzi/sdk-plugins@0.38.11
+  - @plitzi/sdk-schema@0.38.11
+  - @plitzi/sdk-shared@0.38.11
+  - @plitzi/sdk-style@0.38.11
+  - @plitzi/sdk-variables@0.38.11
+
 ## 0.38.10
 
 ### Patch Changes

package/dist/App.d.ts

@@ -13,6 +13,11 @@ export type AppProps = {
      * of this package, from wherever the host serves the builder's files. Absent, the panel edits and saves without it.
      */
     functionsWorkerUrl?: string;
+    /**
+     * Where the SDK's Font Awesome sheet (`plitzi-sdk-icons.css`) is served, with its `webfonts/` beside it — the one
+     * the host already gives the pages it renders. The canvas links it; absent, its icons draw as empty boxes.
+     */
+    sdkIconsStylePath?: string;
 };
 declare const App: (props: AppProps) => import('react').JSX.Element;
 export default App;

package/dist/index.d.ts

@@ -8,7 +8,7 @@ import { default as PluginRemote } from '@plitzi/sdk-elements/Element/PluginRemo
 import { default as ReplicaProvider } from '@plitzi/sdk-elements/Element/ReplicaProvider';
 import { default as RootElement } from '@plitzi/sdk-elements/Element/RootElement';
 import { default as ComponentContext } from '@plitzi/sdk-shared/elements/ComponentContext';
-import { default as usePlitziServiceContext, PlitziServiceProvider } from '@plitzi/sdk-shared/hooks/usePlitziServiceContext';
+import { default as usePlitzi, PlitziProvider } from '@plitzi/sdk-shared/hooks/usePlitzi';
 import { useBuilderStore } from '@plitzi/sdk-shared/store';
 import { AppProps } from './App';
 import { ComponentPlugin, RenderMode, Server } from '@plitzi/sdk-shared';
@@ -29,11 +29,12 @@ export type PlitziBuilderProps = {
     state?: object;
     debugMode?: boolean;
     functionsWorkerUrl?: AppProps['functionsWorkerUrl'];
+    sdkIconsStylePath?: AppProps['sdkIconsStylePath'];
 };
 declare const PlitziBuilder: {
     (props: PlitziBuilderProps): import('react').JSX.Element;
     Plugin: (_props: import('./modules/Builder/BuilderPlugin').BuilderPluginProps) => undefined;
 };
 export declare const version: string;
-export { useBuilderStore, ComponentProvider, ComponentContext, usePlitziServiceContext, PlitziServiceProvider, RootElement, withElement, JsxManager, PluginManager, PluginRemote, ReplicaProvider, useElement, useRscData };
+export { useBuilderStore, ComponentProvider, ComponentContext, usePlitzi, PlitziProvider, RootElement, withElement, JsxManager, PluginManager, PluginRemote, ReplicaProvider, useElement, useRscData };
 export default PlitziBuilder;

package/dist/index.html

@@ -53,9 +53,10 @@
           webKey: 'eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJzdWIiOiIxIiwib3JpZ2lucyI6WyJodHRwczovL3dlYnNpdGUucGxpdHppLmFwcCIsImh0dHBzOi8vcGxpdHppLmxvY2FsIiwiaHR0cHM6Ly9hcHAucGxpdHppLmxvY2FsIiwiaHR0cHM6Ly9hcHAucGxpdHppLmxvY2FsOjMwMDAiLCJodHRwczovL2FwcC5wbGl0emkubG9jYWw6MzAwMSIsImh0dHBzOi8vc3NyLnBsaXR6aS5sb2NhbCIsImh0dHBzOi8vc2VydmVyLnBsaXR6aS5sb2NhbCIsImh0dHA6Ly9sb2NhbGhvc3Q6MzAwMCIsImh0dHA6Ly9sb2NhbGhvc3Q6ODA4MCIsImh0dHA6Ly8xMjcuMC4wLjE6ODA4MCIsImh0dHBzOi8vZGV2LnBsaXR6aS5jb20iLCJodHRwczovL3BsaXR6aS5jb20iLCJodHRwczovL3N0Zy5wbGl0emkuY29tIl0sImlzcyI6Imh0dHBzOi8vc2VydmVyLnBsaXR6aS5sb2NhbCIsImF1ZCI6WyJodHRwczovL3BsaXR6aS5sb2NhbCIsImh0dHBzOi8vYXBwLnBsaXR6aS5sb2NhbCIsImh0dHBzOi8vYXBwLnBsaXR6aS5sb2NhbDozMDAwIiwiaHR0cHM6Ly9hcHAucGxpdHppLmxvY2FsOjMwMDEiLCJodHRwczovL2FwaS5wbGl0emkubG9jYWwiLCJodHRwczovL3Nzci5wbGl0emkubG9jYWwiLCJodHRwczovL3NlcnZlci5wbGl0emkubG9jYWwiLCJodHRwczovL21jcC5wbGl0emkubG9jYWwiLCJodHRwczovL2F1dGgucGxpdHppLmxvY2FsIiwiaHR0cDovLzEyNy4wLjAuMTo1MzAwIiwiaHR0cDovL2xvY2FsaG9zdDo1MTgwIl0sInNjb3BlIjoic3BhY2U6cmVuZGVyIiwiaWF0IjoxNzkwMjEzMjg5LCJqdGkiOiJhZDgyN2EyMjliZjhlMzk3IiwibmJmIjoxNzkwMjEzMjg5fQ.dedpVVA5Nv3Xr7nEOZ8UmEJcIamF9AHGnLgqQyDV8-k',
           // The actor. Without it the builder loads and every write is refused, since authorization is
           // can(actor, space, permission). Both halves come from `yarn token 1 --user admin` in plitzi-sdk-server.
-          userKey: 'eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJzdWIiOiIxIiwiaXNzIjoiaHR0cHM6Ly9zZXJ2ZXIucGxpdHppLmxvY2FsIiwiYXVkIjpbImh0dHBzOi8vcGxpdHppLmxvY2FsIiwiaHR0cHM6Ly9hcHAucGxpdHppLmxvY2FsIiwiaHR0cHM6Ly9hcHAucGxpdHppLmxvY2FsOjMwMDAiLCJodHRwczovL2FwcC5wbGl0emkubG9jYWw6MzAwMSIsImh0dHBzOi8vYXBpLnBsaXR6aS5sb2NhbCIsImh0dHBzOi8vc3NyLnBsaXR6aS5sb2NhbCIsImh0dHBzOi8vc2VydmVyLnBsaXR6aS5sb2NhbCIsImh0dHBzOi8vbWNwLnBsaXR6aS5sb2NhbCIsImh0dHBzOi8vYXV0aC5wbGl0emkubG9jYWwiLCJodHRwOi8vMTI3LjAuMC4xOjUzMDAiLCJodHRwOi8vbG9jYWxob3N0OjUxODAiXSwic2NvcGUiOiJ1c2VyIiwiZXhwIjoxNzkxMzg4NjQxLCJpYXQiOjE3OTEzMDIyNDEsImp0aSI6IjcwMjBkM2IyNjhmODcxNGQiLCJuYmYiOjE3OTEzMDIyNDF9.J5Ou41_K-nr12D3JP4wCVf0bZsorEVbvOgQ6WQTN54Y',
+          userKey: 'eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJzdWIiOiIxIiwiaXNzIjoiaHR0cHM6Ly9zZXJ2ZXIucGxpdHppLmxvY2FsIiwiYXVkIjpbImh0dHBzOi8vcGxpdHppLmxvY2FsIiwiaHR0cHM6Ly9hcHAucGxpdHppLmxvY2FsIiwiaHR0cHM6Ly9hcHAucGxpdHppLmxvY2FsOjMwMDAiLCJodHRwczovL2FwcC5wbGl0emkubG9jYWw6MzAwMSIsImh0dHBzOi8vYXBpLnBsaXR6aS5sb2NhbCIsImh0dHBzOi8vc3NyLnBsaXR6aS5sb2NhbCIsImh0dHBzOi8vc2VydmVyLnBsaXR6aS5sb2NhbCIsImh0dHBzOi8vbWNwLnBsaXR6aS5sb2NhbCIsImh0dHBzOi8vYXV0aC5wbGl0emkubG9jYWwiLCJodHRwOi8vMTI3LjAuMC4xOjUzMDAiLCJodHRwOi8vbG9jYWxob3N0OjUxODAiXSwic2NvcGUiOiJ1c2VyIiwiZXhwIjoxNzkxNTQ1ODcxLCJpYXQiOjE3OTE0NTk0NzEsImp0aSI6IjMwNjQ3NmFlN2YzOTgwMmMiLCJuYmYiOjE3OTE0NTk0NzF9.1yw4JxzN9qkssRYSHAqg4hjFRvatT82PkYVGwF3SP_I',
           environment: 'main',
           functionsWorkerUrl: '/plitzi-functions-worker.js',
+          sdkIconsStylePath: '',
           server: {
             basePath: '',
             // Dashboard

package/dist/modules/App/AppContext.d.ts

@@ -27,6 +27,8 @@ export type AppContextValue = {
     setMobilePreview: Dispatch<SetStateAction<boolean>>;
     /** Where the Functions panel's TypeScript worker is served; empty when the host serves none. */
     functionsWorkerUrl: string;
+    /** Where the SDK's icon sheet is served, for the canvases to link; empty when the host serves none. */
+    sdkIconsStylePath: string;
 };
 declare const AppContext: import('react').Context<AppContextValue>;
 export default AppContext;

package/dist/modules/App/AppMain.d.ts

@@ -14,6 +14,7 @@ export type AppMainProps = {
     children?: ReactNode;
     debugMode?: boolean;
     functionsWorkerUrl?: string;
+    sdkIconsStylePath?: string;
 };
-declare const AppMain: ({ webKey, webId, userKey, instanceId, server, environment, includeSubscriptions, includeRealTime, externalStyle, debugMode, functionsWorkerUrl }: AppMainProps) => import('react').JSX.Element;
+declare const AppMain: ({ webKey, webId, userKey, instanceId, server, environment, includeSubscriptions, includeRealTime, externalStyle, debugMode, functionsWorkerUrl, sdkIconsStylePath }: AppMainProps) => import('react').JSX.Element;
 export default AppMain;

package/dist/modules/Builder/helpers/canvasIcons.d.ts

@@ -0,0 +1,10 @@
+import { Asset } from '@plitzi/sdk-shared';
+/**
+ * The SDK's Font Awesome sheet in a canvas: linked, never inlined.
+ *
+ * The sheet names its fonts relative to itself (`webfonts/…`), so they are found wherever the sheet is served from.
+ * Inlined into the canvas's `<style>` they resolved against the document instead — a `srcdoc` frame takes the editor's
+ * URL as its base — and every icon was a 404 under `/spaces/<space>/webfonts/`. Only the Vite dev server, which
+ * rewrites the URL, hid it.
+ */
+export declare const canvasIconsAssets: (href: string) => Record<string, Asset>;

package/dist/modules/Builder/helpers/canvasIcons.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/modules/Network/contexts/BuilderSubscriptionsContext.d.ts

@@ -3,7 +3,7 @@ export type BuilderSubscriptionsContextValue = {
     includeSubscriptions: boolean;
     supportRealTime: boolean;
     subscriptionsPush: (data: RTMessageManagedClient) => void;
-    subscriptionsRegisterCallback: (type: RTEvent, callback: RTCallback, subscriberId?: string) => void;
+    subscriptionsRegisterCallback: <E extends RTEvent>(type: E, callback: RTCallback<E>, subscriberId?: string) => void;
     subscriptionsUnregisterCallback: (type: RTEvent, subscriberId?: string) => void;
 };
 declare const BuilderSubscriptionsContext: import('react').Context<BuilderSubscriptionsContextValue>;

package/dist/modules/Queue/QueueContext.d.ts

@@ -3,14 +3,23 @@ import { SchemaReducerActions } from '@plitzi/sdk-schema/SchemaReducer';
 import { Schema, Style } from '@plitzi/sdk-shared';
 import { StyleReducerActions } from '@plitzi/sdk-style/StyleReducer';
 import { ActionDispatch } from 'react';
-export type QueueItem<TState = any, TDispatchAction = any> = {
+export type QueueItem<TState, TDispatchAction> = {
     action: TDispatchAction;
     prevState: TState;
     state: TState;
     dispatch: ActionDispatch<[action: TDispatchAction]>;
 };
+/** A change the queue sends: to the schema or to the style, each with its own reducer's state and action. */
+export type QueuedChange = ({
+    kind: 'schema';
+} & QueueItem<Schema, SchemaReducerActions>) | ({
+    kind: 'style';
+} & QueueItem<Style, StyleReducerActions>);
 export type QueueContextValue = {
-    enqueueMiddleware: ReducerMiddlewareCallback<Schema | Style, [action: StyleReducerActions | SchemaReducerActions]>;
+    /** What queues the schema reducer's changes, as its middleware. */
+    enqueueSchema: ReducerMiddlewareCallback<Schema, [action: SchemaReducerActions]>;
+    /** What queues the style reducer's changes, as its middleware. */
+    enqueueStyle: ReducerMiddlewareCallback<Style, [action: StyleReducerActions]>;
 };
 declare const QueueContext: import('react').Context<QueueContextValue>;
 export default QueueContext;

package/dist/modules/Queue/hooks/useQueueManager.d.ts

@@ -1,4 +1,4 @@
-import { QueueItem } from '../QueueContext';
+import { QueuedChange } from '../QueueContext';
 import { BuilderMutationsMap, BuilderQueriesMap } from '@plitzi/sdk-shared';
 import { NetworkContextValue } from '@plitzi/sdk-shared/network/NetworkContext';
 export type UseQueueManagerProps = {
@@ -9,7 +9,7 @@ export type UseQueueManagerProps = {
     disabled?: boolean;
 };
 declare const useQueueManager: ({ delay, mutate, maxRetries, retryTimeout, disabled }: UseQueueManagerProps) => {
-    enqueue: (item: QueueItem) => void;
+    enqueue: (item: QueuedChange) => void;
     processing: boolean;
 };
 export default useQueueManager;

package/dist/modules/Shortcuts/ShortcutsContext.d.ts

@@ -0,0 +1,12 @@
+export type ShortcutsContextValue = {
+    /** Opens the sheet listing every shortcut. */
+    openHelp: () => void;
+    /** Hides both side panels for the canvas alone — or, when they are hidden, brings back the ones that were open. */
+    togglePanels: () => void;
+};
+/**
+ * The canvas is an iframe, and a key pressed inside it never reaches the document the shortcuts listen on: the canvas
+ * forwards the ones it sees through here, as it does ⌘P through the search.
+ */
+declare const ShortcutsContext: import('react').Context<ShortcutsContextValue>;
+export default ShortcutsContext;

package/dist/modules/Shortcuts/ShortcutsProvider.d.ts

@@ -0,0 +1,10 @@
+import { ReactNode } from 'react';
+export type ShortcutsProviderProps = {
+    children?: ReactNode;
+};
+/**
+ * The builder's own shortcuts — the ones that act on the workspace rather than on the canvas: the help sheet and the
+ * side panels. Inside the popup provider, whose panels it hides and brings back.
+ */
+declare const ShortcutsProvider: ({ children }: ShortcutsProviderProps) => import('react').JSX.Element;
+export default ShortcutsProvider;

package/dist/modules/Shortcuts/components/ShortcutsHelp/ShortcutsHelp.d.ts

@@ -0,0 +1,7 @@
+export type ShortcutsHelpProps = {
+    open: boolean;
+    onClose: () => void;
+};
+/** Every key the builder answers to, grouped by where it acts. Opened with `?` from anywhere but a text field. */
+declare const ShortcutsHelp: ({ open, onClose }: ShortcutsHelpProps) => import('react').JSX.Element;
+export default ShortcutsHelp;

package/dist/modules/Shortcuts/components/ShortcutsHelp/index.d.ts

@@ -0,0 +1,3 @@
+import { default as ShortcutsHelp } from './ShortcutsHelp';
+export * from './ShortcutsHelp';
+export default ShortcutsHelp;

package/dist/modules/Shortcuts/helpers.d.ts

@@ -0,0 +1,22 @@
+/** One key of a shortcut as its keycap reads — `command` puts the platform's modifier (⌘ / Ctrl) in front of it. */
+export type ShortcutKey = {
+    char: string;
+    command?: boolean;
+};
+export type Shortcut = {
+    label: string;
+    keys: ShortcutKey[];
+};
+export type ShortcutGroup = {
+    title: string;
+    shortcuts: Shortcut[];
+};
+/**
+ * Every shortcut the builder answers to, and only those: the help sheet (`?`) and the card shown while nothing is
+ * selected both read this list, so a key that is listed is a key that works.
+ */
+export declare const SHORTCUT_GROUPS: ShortcutGroup[];
+/** Where a key is text being typed, not a command: an input, a textarea, a select or anything editable. */
+export declare const isTypingTarget: (target: EventTarget | null) => boolean;
+export declare const isHelpShortcut: (e: KeyboardEvent) => boolean;
+export declare const isPanelsShortcut: (e: KeyboardEvent) => boolean;

package/dist/modules/Shortcuts/index.d.ts

@@ -0,0 +1,6 @@
+import { default as ShortcutsProvider } from './ShortcutsProvider';
+export * from './helpers';
+export * from './ShortcutsProvider';
+export { default as ShortcutsContext } from './ShortcutsContext';
+export type * from './ShortcutsContext';
+export default ShortcutsProvider;

package/dist/modules/Undoable/UndoableContext.d.ts

@@ -4,21 +4,30 @@ import { SchemaReducerActions } from '@plitzi/sdk-schema/SchemaReducer';
 import { Schema, Style } from '@plitzi/sdk-shared';
 import { StyleReducerActions } from '@plitzi/sdk-style/StyleReducer';
 import { ActionDispatch } from 'react';
-export type UndoableItem<TState = any, TDispatchAction = any> = {
+export type UndoableItem<TState, TDispatchAction> = {
     action: TDispatchAction;
     dispatch: ActionDispatch<[action: TDispatchAction]>;
     nextState: TState;
     prevState: TState;
 };
+/** A change the history keeps: to the schema or to the style, each with its own reducer's state and action. */
+export type UndoableChange = ({
+    kind: 'schema';
+} & UndoableItem<Schema, SchemaReducerActions>) | ({
+    kind: 'style';
+} & UndoableItem<Style, StyleReducerActions>);
 export type UndoableContextValue = {
     canUndo: boolean;
     canRedo: boolean;
     dispatchUndoable: ActionDispatch<[action: UndoableReducerActions]>;
-    undoableAddUndo: (prevState: UndoableItem['prevState'], action: UndoableItem['action'], nextState: UndoableItem['nextState'], dispatch: UndoableItem['dispatch']) => void;
+    undoableAddUndo: (change: UndoableChange) => void;
     undoableUndo: () => void;
     undoableRedo: () => void;
     undoableClearHistory: () => void;
-    undoableMiddleware: ReducerMiddlewareCallback<Schema | Style, [action: StyleReducerActions | SchemaReducerActions]>;
+    /** What remembers the schema reducer's changes, as its middleware. */
+    undoableSchema: ReducerMiddlewareCallback<Schema, [action: SchemaReducerActions]>;
+    /** What remembers the style reducer's changes, as its middleware. */
+    undoableStyle: ReducerMiddlewareCallback<Style, [action: StyleReducerActions]>;
 };
 declare const UndoableContext: import('react').Context<UndoableContextValue>;
 export default UndoableContext;

package/dist/modules/Undoable/UndoableReducer.d.ts

@@ -1,20 +1,21 @@
-import { UndoableItem } from './UndoableContext';
-export type UndoableReducerActions = ({
+import { UndoableChange } from './UndoableContext';
+export type UndoableReducerActions = {
     type: 'undoableAddUndo';
-} & UndoableItem) | {
+    change: UndoableChange;
+} | {
     type: 'undoableUndo';
-    past: UndoableItem[];
-    future: UndoableItem[];
+    past: UndoableChange[];
+    future: UndoableChange[];
 } | {
     type: 'undoableRedo';
-    past: UndoableItem[];
-    future: UndoableItem[];
+    past: UndoableChange[];
+    future: UndoableChange[];
 } | {
     type: 'undoableClearHistory';
 };
 export type UndoableState = {
-    past: UndoableItem[];
-    future: UndoableItem[];
+    past: UndoableChange[];
+    future: UndoableChange[];
     canUndo: boolean;
     canRedo: boolean;
 };

package/dist/package.json.d.ts

@@ -1,6 +1,6 @@
 declare const _default: {
   "name": "@plitzi/plitzi-builder",
-  "version": "0.38.10",
+  "version": "0.38.12",
   "homepage": "./",
   "license": "AGPL-3.0",
   "files": [
@@ -34,7 +34,7 @@ declare const _default: {
     "@fortawesome/fontawesome-free": "^7.3.1",
     "@plitzi/nexus": "^1.4.0",
     "@plitzi/plitzi-sdk": "workspace:*",
-    "@plitzi/plitzi-ui": "^1.6.32",
+    "@plitzi/plitzi-ui": "^1.6.33",
     "@plitzi/sdk-auth": "workspace:*",
     "@plitzi/sdk-authoring": "workspace:*",
     "@plitzi/sdk-dev-tools": "workspace:*",