@plitzi/sdk-shared 0.38.3 → 0.38.4

package/CHANGELOG.md

@@ -1,5 +1,198 @@
 # @plitzi/sdk-shared
 
+## 0.38.4
+
+### Patch Changes
+
+- 6ae4161: ## `plitzi push`: a self-hosted project back on its space
+
+  `plitzi create --from` and `plitzi pull` took a space out as a project and kept it in step; nothing put the project's
+  own changes back but a command per part, and no command at all for its pages. `plitzi push` is the way back
+  (`docs/en/projects-from-spaces.md`):
+
+  - **What changed, or what is named.** `plitzi push` sends what changed since the project last had the space — at a
+    terminal, offered as a ticked list to choose from (`↑/↓`, space, Enter); `plitzi push space functions` sends only
+    those parts: `space`, `functions`, `runtime`, `plugins`.
+  - **In order:** each changed plugin packed and uploaded (`pack plugin` + `upload plugin`, `--cdn`/`--bucket`), the
+    functions, the runtime, then the space — `src/space.ts` authored, the actions `src/actions.ts` serves and the manifests
+    in `src/connectors/` — as the space's draft. Never a published environment.
+  - **Never over the builder's work unseen.** The export now carries which state the draft is in (`SpaceExport.draft`),
+    recorded in `.plitzi/space.json` by `create --from` and `pull`; a push names it, and a draft edited since is refused
+    until `--force`. A project that never had the space may take one nobody has worked on; one holding work takes
+    `--force`.
+  - **Then `pull` follows it.** `.plitzi/space.json` records what was sent — only that, so a builder's change to a part
+    not pushed is still the next pull's — and a project that started on its own works with `pull` from then on.
+  - `@plitzi/sdk-shared/source`: `SpaceImport` / `SpaceImportResult` (`SPACE_IMPORT_FORMAT`), the push's one shape for
+    both ends, beside `SpaceExport`, which gains `draft`.
+  - `functions push`, `runtime push` and `upload plugin` keep their behaviour; their cores are what `push` runs.
+
+  ## A project's folders: `tmp/` for what it writes, `.plitzi/` committed, `public/` said to be public
+  - **`tmp/` is what a project writes for itself.** `@plitzi/sdk-server` keeps the plugins it builds in `tmp/.sdk-plugins`
+    and resized pictures in `tmp/images` by default (were `.sdk-plugins` and `.plitzi/images`). A project the CLI writes
+    puts the port it took (`tmp/dev-server.json`), the space as last authored while developing (`tmp/space.json`) and
+    Playwright's output (`tmp/visual`) there too, and its `.gitignore` ignores `tmp` — one line for all of it.
+  - **`.plitzi/` is committed.** The scaffold ignored it whole, so a clone lost `space.json`, `functions.json` and
+    `scaffold.json` — what `pull`, `push`, `functions push` and `upgrade` stand on. Now it holds only what the CLI records.
+    `npx plitzi upgrade --write` brings an existing project's `.gitignore` up.
+  - **No `space/offline-data.json`.** `npm run author` checks the space and writes nothing; the server asks it for the
+    documents with `--out tmp/space.json` while developing. The space is `src/space.ts`, and nothing beside it says
+    otherwise.
+  - **`public/` is on the internet.** The generated `README.md` and `AGENTS.md`, the CLI and authoring skills, the MCP
+    guide, `@plitzi/sdk-server`'s README and the docs now say so where data goes: never a secret, a key or data only
+    some visitors may read — in `public/`, or in a space's documents, which reach every visitor too.
+
+  ## An agent leaves the project clean
+
+  `AGENTS.md` gains **Keep the project clean** — nothing unused left behind, scratch work in `tmp/`, one of everything,
+  files a reader can find, and `author`, `typecheck`, `lint`, `format` and `check` passing — and the authoring skill's
+  review checklist a **Nothing left behind** section.
+
+  ## The dev tools' X-ray is the outlines too
+
+  The QA tab had **Outlines** (every element's box, its type and id when pointed at) and **X-ray** (the same boxes,
+  fainter, with what is wired to each). They are one tool now: the X-ray draws every box with its type and id, and marks
+  the wiring picked — all of it, one kind, or **Boxes only**.
+
+  ## A new space that says where to go
+
+  The space a new account and `plitzi create` start from keeps its welcome, and gains the three ways to change it — the
+  builder, code (with the command to run) and an agent — before the guides, which are shorter. Header, navigation, main
+  and footer are landmarks; the grid behind the top fades out instead of ending at an edge; the footer's line spans the
+  content; the links say their words and icon themselves, with no suggestion left.
+
+  ## Server data reads the same everywhere
+  - **One shape for a provider with a `query`.** A `runtime: 'server'` provider that only reads a JSON file the server
+    serves answered the body itself, while the same provider in the browser publishes `{ status, data }` — so moving it
+    to the server broke every binding. `publicFileResolver` and the builder's mock now answer `{ status, data }` too:
+    `<source>.data.<field>` whichever runtime.
+  - **Server data is on unless a space turns it off.** The page render read a missing `rsc` as on and the connector
+    resolver as off, so a server provider in a space the builder or the MCP made (neither writes `rsc`) resolved to
+    nothing, silently. Both read it as on now; only `rsc: { enabled: false }` turns it off (and is warned with a server
+    element). `authorSpace` writes `enabled: true` for a space that has one.
+  - **Never inside a component.** The page server resolves a page's tree and its layouts only, so a server provider in a
+    component rendered nothing, silently. Refused now (`server-provider-in-component`), with the fix: the provider on
+    the page, the rows handed in as a prop.
+  - **Bindings held to the data.** `authorSpace` takes `data` — what a provider's `query` answers — and
+    `publicData(folder)` (`@plitzi/sdk-authoring/node`) reads it from `public/`. A binding onto a path the file does not
+    have is warned (`path-not-in-data`) with the keys it does have. Generated projects pass it.
+  - **`plitzi check` reads the data too.** A binding that reads a path its provider's answer lacks, a provider that
+    failed (once, not as every element it left empty) and the rows each list rendered (`dataIssues`). `--ssr` names what
+    the server's HTML lacks that the hydrated page has. The dev tools' badge and panel (`data-plitzi-devtools`) are hidden
+    while `check` and `shot` look.
+
+  ## Authoring, clearer where agents tripped
+  - **`controls` on a button** (`aria-controls`): named by the element's id; authoring gives that element the anchor and
+    refuses an id the space lacks (`controls-unknown`); a saved document naming no anchor is warned
+    (`controls-no-anchor`). The accordion recipe uses it.
+  - **`live` on a container** (`aria-live`, `polite` or `assertive`) for words that change while a visitor reads them.
+  - **`subType: 'p'`** for a paragraph made of parts; `span-holds-block` covers it.
+  - **`formControl` types `search`, `url` and `tel`.**
+  - **Images:** no `src` draws the SDK's own placeholder (the CDN one answered 404); `resize: false` keeps a picture as
+    written; an SVG is never resized — `/_plitzi/img` redirects to it (`307`) instead of refusing it.
+  - **Messages:** an id taken by another page or layout names it and the id to write; a hyphenated source in a template
+    (`list_study-plans`) is explained as valid; an unknown CSS property says to write it in `customCss`; an unknown
+    variant on `custom` says it is never a prop of the component it hosts.
+  - **`plitzi explain` knows the helpers** — `bindTemplate`, `visibleWhen`, `variantFrom`, `activeOn`, `activeWhen`,
+    `when`, `named`, `scope`, `source`, `twig` — and `motion`, from the presets the SDK plays (`MOTION_ENTERS`,
+    `MOTION_TRIGGERS`, `MOTION_LOOPS`, now exported). `--list helpers` lists them.
+  - **`plitzi shot`** writes to `tmp/shots/` by default, and a full page shows the arrivals tied to the scroll as they
+    end. `inspectPage` no longer reports an image a hidden ancestor hides.
+  - **Style inspector:** `container-type` in Size.
+  - **New recipes:** `server-data.ts`, `accordion.ts`.
+
+  ## Matching a page to another, measured
+  - **A whole page is the whole page.** The SDK scrolls a pane of its own, so `shot`'s full-page picture was one
+    screen; the pane is unrolled now (`unrollPage`) — the viewport untouched, so a `100vh` hero stays one screen.
+  - **`plitzi shot --compare` says why, not only how much.** Every lazy picture on both pages is loaded before they are
+    taken (`loadImages`), so a section no longer swings between 23 % and 40 % on how many covers had arrived. Each section
+    is compared where it is on the other page (`alignPictures` over row profiles): a page 400 px longer is said once, with
+    the section the drift starts at, instead of a footer with the same styles reading 100 %. And the texts both pages
+    have are paired (`pageTexts`, `compareTexts`), each with what it does differently there —
+    `h1 "Learn CSS" — font-size 68px → 60px · y +19px` — position less the drift of its section. `comparePictures` takes
+    its options as an object now (`{ regions, tolerance, align }`).
+  - **`--scheme` is the space's theme.** A space whose default is dark painted dark under `--scheme light`, and the file
+    said light. `check` and `shot` now set the `theme` cookie a visitor's toggle writes; left out, the space's default is
+    pictured and the file is named by the theme actually painted.
+
+  ## `motion: { on: 'view' }` arrives once
+
+  `view` was tied to the scroll both ways: cards faded out again as the reader scrolled back up. Now it plays once, the
+  first time the element comes into view, with its `duration`, and stays — `revealOnView` (`@plitzi/sdk-shared/schema/
+motionReveal`), one observer under the SDK's root, marks it `data-motion-seen`. The scroll-driven arrival is
+  `on: 'scroll'`. A page read without scripts shows them as they end (`@media (scripting: none)`); the builder's previews
+  and the MCP's local screenshots hold motion at its end. The builder's Motion tab has the three.
+
+  The builder's preview plays motion as the published page does. It held everything at its end, and nothing marked
+  the canvas `data-hydrated`, so neither the loops nor a space's own `[data-hydrated]` animations ever started there.
+  Now an arrival plays as it comes into view, and the loops and keyframes run; **▶** on the canvas being edited runs the
+  space's own `[data-hydrated]` loops too. The motion guide adds the rule this needs from a space: `[data-hydrated]` is for
+  loops; an entrance of its own that plays once (`transform`/`opacity` only) plays from the first paint with
+  `backwards`, as the presets do — gated on hydration it jumps when the page goes live, and a canvas that never goes
+  live holds it on its first frame.
+
+  ## Thirteen ways in, nine loops
+
+  `motion` grows from six arrivals and four loops to thirteen and nine, all still `opacity` and the transforms:
+
+  - **Bold arrivals:** `slide-up` (from well below), `zoom-in` (from 60%), `zoom-out` (settling from 125%), `tilt`
+    (rising as it turns straight), `spin-in` (half a turn as it grows).
+  - **Springy arrivals:** `pop` overshoots and settles; `bounce-in` falls into place and bounces.
+  - **Loops:** `bounce`, `wobble`, `orbit` (a slow circle round where it is), `heartbeat`, `drift`.
+
+  An arrival is now a list of frames (`MOTION_ENTER_FRAMES` in `@plitzi/sdk-shared/schema/motion`; `MOTION_ENTER_FROM`
+  is its first), and so is a loop (`MOTION_LOOP_FRAMES[name].frames`, replacing `transform`/`at`). Arrivals move the
+  individual `translate`, `scale` and `rotate`, so they still compose with an element's own `transform` and with a loop.
+  The builder's Motion tab previews every frame; authoring, the MCP, `explain motion` and GraphQL read the same lists.
+
+  An arrival from the side no longer scrolls the page sideways. `slide-left` starts 32px to the right of where it lands,
+  past a phone's 16px gutter, and until it had played the page could be dragged sideways. The SDK's root clips that way
+  now (`overflow-x: clip`, which keeps the window the scroller: sticky bars and scroll timelines are untouched), and the
+  builder's preview does the same. Content wider than the page is cut rather than scrolling the page — give it a box of
+  its own with `overflow-x: auto`.
+
+  **3D and the transform parts are style properties.** `transform-style`, `perspective-origin`, `backface-visibility`,
+  `translate`, `rotate` and `scale` join the vocabulary (they were refused as `css-property-unknown` and had to go in
+  `customCss`); `scale: 0.94` is a factor, not pixels.
+
+  **The builder's placeholder for an empty element is 24px** (was 50px), one size for every element that has one. It
+  is a minimum, so it also grew empty shapes with a size of their own — a dot, a planet — while editing; 24px is still
+  a box to see, pick and drop into.
+
+  The desktop app's window was blank: authoring, run in the renderer to build the rail, asked Vite's `process` shim for
+  a working directory it does not have. It reads one only where there is one now — and only when a class conflict is
+  reported, rather than for every element of every space it writes.
+
+  ## Authoring advice that knows where and when
+  - **`class-conflict` says where both declarations are:** `styles('md-menu-button') at src/components/dropdown.ts:12,
+used by button at …, and styles('md-menu-button') at src/site/layout.ts:8, used by …` — `styles()` records its line as
+    an element factory does.
+  - **`repeated-shape` leaves controls alone.** Siblings that read different sources or write different state keys — a
+    menu for the language, one for the level — are not offered as a list.
+  - **`quiet: ['repeated-shape']`** on an element says a suggestion was left on purpose, and it is not offered again.
+    Only suggestions' codes (`quiet-unknown`). It is saved on the element (`definition.quiet`), so the builder's problems
+    panel, the MCP's `upsertElement`/`patchElement` and a project pulled back with `plitzi pull` all leave it alone.
+
+  ## What the docs say is what the code does
+
+  A pass across authoring's own messages, the skills, the MCP guide, `docs/en`, the CLI's README and the website, so an
+  agent reading two of them is never told two things:
+
+  - **A binding's `source` is the bound value, and only that.** With no value yet it fell back to the attribute's
+    current one — `sourceTo` — so `{{ source|default('…') }}` never took its default and `{{ source ? … }}` read an
+    element's placeholder ("Text") as an answer. It is `undefined` until the source has a value now; `sourceTo` is still
+    the value before.
+  - **`explain` writes a step the way its builder is called:** `delay(ms)`, `openModal('modal-id', data?)`,
+    `scrollBy('row-id', { x: '80%' })` — not `delay(…)` above the document's param names, which read as `delay({ time })`.
+  - **A page field nobody takes is told what it was probably for** — `seo` → `seoTitle` and `seoDescription` — instead of a
+    hint about keeping state appended to every one.
+  - Docs set straight: an element's id is `data-plitzi-el` in the page (`data-id` is the builder's, with debugging on);
+    a visibility condition writes nothing while its source has no value and is a yes or a no once it has one; `mobile`
+    is up to and including 48rem; `loadStrategy` defaults by type (`lazy` for a modal); the accessibility codes listed
+    in full everywhere (`embed-without-title`, `dropdown-without-control`, `controls-no-anchor`); the generated
+    `AGENTS.md` says a repeated block is a component and rows of data a list, as the skill does; `plitzi runtime` is
+    documented in the CLI's README, its skill and the website, which no longer says state across requests needs a
+    server of your own.
+
 ## 0.38.3
 
 ### Patch Changes

package/dist/authoring/elementCallbacks.d.ts

@@ -53,13 +53,13 @@ export declare const SCROLL_CALLBACKS: {
                 type: "select";
                 description: string;
                 default: string;
-                options: ("end" | "start" | "center" | "nearest")[];
+                options: ("start" | "center" | "end" | "nearest")[];
             };
             inline: {
                 type: "select";
                 description: string;
                 default: string;
-                options: ("end" | "start" | "center" | "nearest")[];
+                options: ("start" | "center" | "end" | "nearest")[];
             };
             behavior: BuiltinParam;
         };

package/dist/dataSource/getBindingsDetails.mjs

@@ -8,7 +8,7 @@ import { produce as s } from "immer";
 var c = (e, t, n, r, a) => {
 	let o = r === "initialState" ? `definition.${r}.${a}` : `${r}.${a}`;
 	return {
-		fromValue: t ? i(e, t, i(n, o)) : void 0,
+		fromValue: t ? i(e, t) : void 0,
 		toValue: i(n, o, t ? i(e, t) : void 0)
 	};
 }, l = (l, u, d = {}) => {

package/dist/devTools/chrome.d.ts

@@ -0,0 +1,8 @@
+/**
+ * The attribute every piece of the dev tools' own chrome carries — the badge, the panel — so whatever looks at the
+ * page rather than at the tools can leave it out: `plitzi shot` and `plitzi check` hide it, and a picture of a page is
+ * a picture of the page.
+ */
+export declare const DEV_TOOLS_ATTRIBUTE = "data-plitzi-devtools";
+/** The rule that hides the dev tools' chrome, for a capture of the page alone. */
+export declare const HIDE_DEV_TOOLS_CSS = "[data-plitzi-devtools] { display: none !important; }";

package/dist/devTools/chrome.mjs

@@ -0,0 +1,4 @@
+//#region src/devTools/chrome.ts
+var e = "data-plitzi-devtools", t = `[${e}] { display: none !important; }`;
+//#endregion
+export { e as DEV_TOOLS_ATTRIBUTE, t as HIDE_DEV_TOOLS_CSS };

package/dist/devTools/index.d.ts

@@ -2,6 +2,7 @@ import { default as debugCookieName } from './debugCookie';
 import { default as DevToolsContext } from './DevToolsContext';
 import { default as isInteractionFlow } from './interactionLog';
 import { default as PlitziConsole } from './utils/PlitziConsole';
+export * from './chrome';
 export * from './debugCookie';
 export * from './DevToolsContext';
 export * from './interactionLog';

package/dist/devTools/index.mjs

@@ -1,5 +1,6 @@
 import e from "./DevToolsContext.mjs";
-import { debugCookieName as t } from "./debugCookie.mjs";
-import n from "./interactionLog.mjs";
-import r, { createStoreDevToolsLogger as i, pConsole as a } from "./utils/PlitziConsole.mjs";
-export { e as DevToolsContext, r as PlitziConsole, i as createStoreDevToolsLogger, t as debugCookieName, n as isInteractionFlow, a as pConsole };
+import { DEV_TOOLS_ATTRIBUTE as t, HIDE_DEV_TOOLS_CSS as n } from "./chrome.mjs";
+import { debugCookieName as r } from "./debugCookie.mjs";
+import i from "./interactionLog.mjs";
+import a, { createStoreDevToolsLogger as o, pConsole as s } from "./utils/PlitziConsole.mjs";
+export { t as DEV_TOOLS_ATTRIBUTE, e as DevToolsContext, n as HIDE_DEV_TOOLS_CSS, a as PlitziConsole, o as createStoreDevToolsLogger, r as debugCookieName, i as isInteractionFlow, s as pConsole };

package/dist/helpers/images.d.ts

@@ -12,6 +12,11 @@ export type ImageWidth = (typeof IMAGE_WIDTHS)[number];
 export declare const isImageWidth: (width: number) => width is ImageWidth;
 /** A picture another site serves — the only kind there is anything to resize; a path of this site is served as it is. */
 export declare const isRemoteImage: (src: string) => boolean;
+/**
+ * Whether the page server makes sizes of a picture: another site's, and not a vector — an SVG is the same at any width,
+ * and the endpoint sends one back to where it is.
+ */
+export declare const isResizableImage: (src: string) => boolean;
 /** The address of `src` at `width` on the endpoint. */
 export declare const imageUrl: (endpoint: string, src: string, width: ImageWidth) => string;
 /** Every width as a `srcset`, for the browser to pick the one its layout needs. */

package/dist/helpers/images.mjs

@@ -8,6 +8,6 @@ var e = "/_plitzi/img", t = [
 	1280,
 	1600,
 	1920
-], n = (e) => t.some((t) => t === e), r = (e) => /^https?:\/\//i.test(e), i = (e, t, n) => `${e}?url=${encodeURIComponent(t)}&w=${String(n)}`, a = (e, n) => t.map((t) => `${i(e, n, t)} ${String(t)}w`).join(", ");
+], n = (e) => t.some((t) => t === e), r = (e) => /^https?:\/\//i.test(e), i = (e) => r(e) && !/\.svgz?(?:[?#]|$)/i.test(e), a = (e, t, n) => `${e}?url=${encodeURIComponent(t)}&w=${String(n)}`, o = (e, n) => t.map((t) => `${a(e, n, t)} ${String(t)}w`).join(", ");
 //#endregion
-export { e as IMAGE_PATH, t as IMAGE_WIDTHS, a as imageSrcSet, i as imageUrl, n as isImageWidth, r as isRemoteImage };
+export { e as IMAGE_PATH, t as IMAGE_WIDTHS, o as imageSrcSet, a as imageUrl, n as isImageWidth, r as isRemoteImage, i as isResizableImage };

package/dist/index.mjs

@@ -34,57 +34,58 @@ import ye from "./dataSource/helpers/getSourceName.mjs";
 import be from "./dataSource/hooks/useRegisterSource.mjs";
 import xe from "./dataSource/resolveVariables.mjs";
 import Se from "./devTools/DevToolsContext.mjs";
-import { debugCookieName as Ce } from "./devTools/debugCookie.mjs";
-import we from "./devTools/interactionLog.mjs";
-import Te, { createStoreDevToolsLogger as Ee, pConsole as De } from "./devTools/utils/PlitziConsole.mjs";
-import Oe from "./elements/ComponentContext.mjs";
-import { FLAG_GATE_PATTERN as ke, FLAG_NAME_PATTERN as Ae, isFlagName as je, isSchemaFlag as Me } from "./flags/schemaFlag.mjs";
-import { flagsCookieName as Ne, forcedFlagsFromCookies as Pe, parseFlagList as Fe, serializeFlagList as Ie, withForcedFlag as Le, writeForcedFlags as Re } from "./flags/flagsCookie.mjs";
-import { FLAG_LAYERS as ze, flagUserFromSSR as Be, flagValues as Ve, hasConditions as He, passesFlagGate as Ue, resolveFlags as We, undeclaredFlagOverrides as Ge } from "./flags/resolveFlags.mjs";
-import Ke from "./hooks/useStableValue.mjs";
-import { describeChange as qe, fieldChanges as Je, uniqueLines as Ye } from "./history/describe.mjs";
-import { diffSchema as Xe, diffStyle as Ze, jsonCopy as Qe, sameValue as $e } from "./history/diff.mjs";
-import et from "./hooks/useFontHead.mjs";
-import tt from "./hooks/useNetwork.mjs";
-import nt, { PlitziServiceContext as rt, PlitziServiceProvider as it } from "./hooks/usePlitziServiceContext.mjs";
-import { WHILE_RUNNING_MODES as at } from "./types/SchemaTypes.mjs";
-import { StyleVariableCategory as ot, isStyleVariableCategory as st } from "./types/StyleTypes.mjs";
-import ct, { EMPTY_STYLE_SCHEMA as lt, StyleBindingsAllowed as ut, baseDefaultValue as dt, inheritableAttributesBase as ft } from "./style/styleConstants.mjs";
-import { DISPLAY_MODE_MIN_WIDTH as pt, displayModeAt as mt, displayModeWidthRem as ht } from "./style/breakpoints.mjs";
-import { DISPLAY_MODES as gt, isDisplayMode as _t } from "./style/displayModes.mjs";
-import { fontLinkAssets as vt } from "./style/fontAssets.mjs";
-import { SYSTEM_FONTS as yt, availableFonts as bt, familiesInCss as xt, fontFamilyStack as St, fontUrlResolver as Ct, fontsToHead as wt, googleCss2Url as Tt, googleTextSubsetUrl as Et, isSafeFontUrl as Dt, primaryFamily as Ot } from "./style/fonts.mjs";
-import { FontValidationError as kt, parseSpaceFont as At } from "./style/fontValidation.mjs";
-import { fallbackForFamily as jt, fontsFromCss as Mt } from "./style/fontsFromCss.mjs";
-import { LAYOUT_GRIDS as Nt, layoutGridCss as Pt, layoutGridLook as Ft } from "./style/layoutGrid.mjs";
-import { RUNTIME_STYLE_ID as It, markStyleCache as Lt, styleCacheFromDocument as Rt, styleCacheTravelsInDocument as zt } from "./style/runtimeStyle.mjs";
-import { mergeSnippetStyle as Bt, sameSelector as Vt, selectorsOf as Ht } from "./style/snippetStyle.mjs";
-import { CURRENT_PAGE_SELECTOR as Ut, HIDDEN_CLASS as Wt, STYLE_STATES as Gt, STYLE_STATE_LABELS as Kt, inCascadeOrder as qt, isKnownState as Jt, isStartingState as Yt, stateSuffix as Xt } from "./style/styleStates.mjs";
-import Zt from "./schema/SchemaContext.mjs";
-import { ANCHOR_PATTERN as Qt, isAnchor as $t } from "./schema/anchor.mjs";
-import { COMPONENT_PROPS_SOURCE as en, EMPTY_SCHEMA as tn, VARIABLE_REGEX as nn } from "./schema/schemaConstants.mjs";
-import { findLayoutCycle as rn, resolveLayoutChain as an } from "./schema/layoutChain.mjs";
-import { collectServerElements as on, hasServerElements as sn } from "./schema/serverElements.mjs";
-import { isSnippet as cn } from "./schema/snippet.mjs";
-import ln from "./network/NetworkContext.mjs";
-import un from "./network/NetworkInternalContext.mjs";
-import { elementFromWire as dn, schemaFromWire as fn, schemaToWire as pn } from "./schema/wire.mjs";
-import { SpaceEvents as mn, spaceEventSchemas as hn, validateSpaceEvent as gn } from "./network/spaceEvents.mjs";
-import _n from "./network/graphql/builder/Mutations/index.mjs";
-import vn from "./network/graphql/builder/Queries/index.mjs";
-import yn from "./network/graphql/builder/Subscriptions/index.mjs";
-import bn from "./network/graphql/sdk/Mutations/index.mjs";
-import xn from "./network/graphql/sdk/Queries/index.mjs";
-import Sn, { RTEvent as Cn, RTEventCloseCode as wn, getInstance as Tn, isRTEvent as En, isRTEventCloseCode as Dn, setInstance as On } from "./websockets/RTCodec.mjs";
-import { THEME_CLASSES as kn, THEME_COOKIE_NAME as An, applyThemeClass as jn, isTheme as Mn, readThemeCookie as Nn, themeFromCookies as Pn, writeThemeCookie as Fn } from "./theme/themeCookie.mjs";
-import In, { createThemeState as Ln, createThemeStore as Rn, resolveScheme as zn, setAreaTheme as Bn, setMachineScheme as Vn, setThemeMode as Hn, themeFor as Un } from "./theme/themeStore.mjs";
-import { useThemeStore as Wn } from "./theme/ThemeScope.mjs";
-import Gn from "./theme/ThemeProvider.mjs";
-import Kn, { SPACE_THEME_AREA as qn } from "./theme/useTheme.mjs";
-import Jn from "./server/actions/useActionsSync.mjs";
-import Yn, { currentRscLocation as Xn, rscDataPath as Zn } from "./server/rsc/refreshRsc.mjs";
-import Qn from "./server/rsc/useRscRefresh.mjs";
-import $n from "./server/rsc/useRscSync.mjs";
-import { PAINTED_STATE_BUDGET as er, clearPaintedEntry as tr, paintedEntryFromCookies as nr, paintedKeys as rr, paintedStateCookieName as ir, paintedStateFor as ar, pickPainted as or, readPaintedEntry as sr, writePaintedEntry as cr } from "./state/paintedState.mjs";
-import { runtimeStatePersist as lr, stateOwner as ur } from "./state/runtimeStatePersist.mjs";
-export { Qt as ANCHOR_PATTERN, x as BODYLESS_METHODS, y as BuilderContext, _n as BuilderMutations, vn as BuilderQueries, en as COMPONENT_PROPS_SOURCE, N as COMPUTED_GLOBALS, S as CONNECTOR_HTTP_METHODS, Ut as CURRENT_PAGE_SELECTOR, Oe as ComponentContext, C as DEFAULT_READ_ENDPOINT, gt as DISPLAY_MODES, pt as DISPLAY_MODE_MIN_WIDTH, Se as DevToolsContext, w as EMPTY_RESPONSE_METHODS, tn as EMPTY_SCHEMA, lt as EMPTY_STYLE_SCHEMA, ke as FLAG_GATE_PATTERN, ze as FLAG_LAYERS, Ae as FLAG_NAME_PATTERN, kt as FontValidationError, P as GLOBAL_SOURCES, Wt as HIDDEN_CLASS, ee as INTERVAL_TRIGGER, Nt as LAYOUT_GRIDS, m as MAX_PARAM_PASSES, te as MIN_INTERVAL_MS, ln as NetworkContext, un as NetworkInternalContext, er as PAINTED_STATE_BUDGET, oe as ParamsFromURL, Te as PlitziConsole, rt as PlitziServiceContext, it as PlitziServiceProvider, T as READ_ENDPOINT_NAMES, Sn as RTCodec, Cn as RTEvent, wn as RTEventCloseCode, It as RUNTIME_STYLE_ID, qn as SPACE_THEME_AREA, Gt as STYLE_STATES, Kt as STYLE_STATE_LABELS, yt as SYSTEM_FONTS, Zt as SchemaContext, bn as SdkMutations, xn as SdkQueries, yn as SpaceEventSubscription, mn as SpaceEvents, ut as StyleBindingsAllowed, ot as StyleVariableCategory, kn as THEME_CLASSES, An as THEME_COOKIE_NAME, Gn as ThemeProvider, nn as VARIABLE_REGEX, a as VISITOR_NAME, at as WHILE_RUNNING_MODES, E as WRITE_ENDPOINT_NAMES, jn as applyThemeClass, t as authFailureFromResponse, bt as availableFonts, dt as baseDefaultValue, o as checkVisitorRoles, tr as clearPaintedEntry, on as collectServerElements, k as connectorPresets, D as connectorTokens, b as contexts, B as cookieFromHeader, Ee as createStoreDevToolsLogger, Ln as createThemeState, Rn as createThemeStore, Xn as currentRscLocation, Ce as debugCookieName, se as delay, qe as describeChange, Xe as diffSchema, Ze as diffStyle, he as disableReactDevTools, mt as displayModeAt, ht as displayModeWidthRem, V as documentCookies, dn as elementFromWire, H as elementOf, A as emptyManifest, ce as emptyObject, F as evaluateComputed, ae as evaluateRuleGroup, jt as fallbackForFamily, xt as familiesInCss, L as fetchManifest, Je as fieldChanges, c as filters, rn as findLayoutCycle, Be as flagUserFromSSR, Ve as flagValues, Ne as flagsCookieName, St as fontFamilyStack, vt as fontLinkAssets, Ct as fontUrlResolver, Mt as fontsFromCss, wt as fontsToHead, Pe as forcedFlagsFromCookies, K as formatDate, q as formatDateUTC, J as formatFromNow, Y as formatUTCToLocal, R as generateFacade, ve as getBindingsDetails, O as getConnectorTokens, le as getDisplayName, X as getDurationMs, Tn as getInstance, ue as getKeyDecoded, de as getPathsFromObeject, ye as getSourceName, Tt as googleCss2Url, Et as googleTextSubsetUrl, He as hasConditions, sn as hasServerElements, f as hasTemplateSyntax, p as hasValidToken, fe as hexToRGB, qt as inCascadeOrder, ft as inheritableAttributesBase, g as inspectTemplate, ne as intervalOf, $t as isAnchor, j as isConnectorManifestDraft, re as isDate, _t as isDisplayMode, U as isElementTarget, je as isFlagName, pe as isInViewport, we as isInteractionFlow, Jt as isKnownState, W as isNodeTarget, En as isRTEvent, Dn as isRTEventCloseCode, e as isRecord, Dt as isSafeFontUrl, Me as isSchemaFlag, cn as isSnippet, Yt as isStartingState, st as isStyleVariableCategory, Mn as isTheme, ie as isUserEdit, Z as isValidFormat, Qe as jsonCopy, Pt as layoutGridCss, Ft as layoutGridLook, I as liveSources, me as makeId, Lt as markStyleCache, Bt as mergeSnippetStyle, G as nodeOf, n as onAuthFailure, De as pConsole, nr as paintedEntryFromCookies, rr as paintedKeys, ir as paintedStateCookieName, ar as paintedStateFor, Q as parseDate, Fe as parseFlagList, At as parseSpaceFont, Ue as passesFlagGate, or as pickPainted, Ot as primaryFamily, l as processTwig, u as processTwigParam, d as processTwigValue, sr as readPaintedEntry, Nn as readThemeCookie, Yn as refreshRsc, r as reportAuthFailure, We as resolveFlags, an as resolveLayoutChain, zn as resolveScheme, h as resolveStepParam, xe as resolveVariables, Zn as rscDataPath, lr as runtimeStatePersist, i as sameRegistrableDomain, Vt as sameSelector, $e as sameValue, fn as schemaFromWire, pn as schemaToWire, Ht as selectorsOf, Ie as serializeFlagList, Bn as setAreaTheme, On as setInstance, Vn as setMachineScheme, Hn as setThemeMode, hn as spaceEventSchemas, ur as stateOwner, Xt as stateSuffix, Rt as styleCacheFromDocument, zt as styleCacheTravelsInDocument, ct as styleConstants, z as syntaxHighlight, _ as templatePaths, v as templateRootNames, Un as themeFor, Pn as themeFromCookies, In as themeStore, $ as toUnixSeconds, Ge as undeclaredFlagOverrides, Ye as uniqueLines, Jn as useActionsSync, et as useFontHead, tt as useNetwork, nt as usePlitziServiceContext, be as useRegisterSource, Qn as useRscRefresh, $n as useRscSync, Ke as useStableValue, Kn as useTheme, Wn as useThemeStore, ge as utility, _e as utilityOptions, M as validateConnectorManifest, gn as validateSpaceEvent, s as visitorAccess, Le as withForcedFlag, Re as writeForcedFlags, cr as writePaintedEntry, Fn as writeThemeCookie };
+import { DEV_TOOLS_ATTRIBUTE as Ce, HIDE_DEV_TOOLS_CSS as we } from "./devTools/chrome.mjs";
+import { debugCookieName as Te } from "./devTools/debugCookie.mjs";
+import Ee from "./devTools/interactionLog.mjs";
+import De, { createStoreDevToolsLogger as Oe, pConsole as ke } from "./devTools/utils/PlitziConsole.mjs";
+import Ae from "./elements/ComponentContext.mjs";
+import { FLAG_GATE_PATTERN as je, FLAG_NAME_PATTERN as Me, isFlagName as Ne, isSchemaFlag as Pe } from "./flags/schemaFlag.mjs";
+import { flagsCookieName as Fe, forcedFlagsFromCookies as Ie, parseFlagList as Le, serializeFlagList as Re, withForcedFlag as ze, writeForcedFlags as Be } from "./flags/flagsCookie.mjs";
+import { FLAG_LAYERS as Ve, flagUserFromSSR as He, flagValues as Ue, hasConditions as We, passesFlagGate as Ge, resolveFlags as Ke, undeclaredFlagOverrides as qe } from "./flags/resolveFlags.mjs";
+import Je from "./hooks/useStableValue.mjs";
+import { describeChange as Ye, fieldChanges as Xe, uniqueLines as Ze } from "./history/describe.mjs";
+import { diffSchema as Qe, diffStyle as $e, jsonCopy as et, sameValue as tt } from "./history/diff.mjs";
+import nt from "./hooks/useFontHead.mjs";
+import rt from "./hooks/useNetwork.mjs";
+import it, { PlitziServiceContext as at, PlitziServiceProvider as ot } from "./hooks/usePlitziServiceContext.mjs";
+import { WHILE_RUNNING_MODES as st } from "./types/SchemaTypes.mjs";
+import { StyleVariableCategory as ct, isStyleVariableCategory as lt } from "./types/StyleTypes.mjs";
+import ut, { EMPTY_STYLE_SCHEMA as dt, StyleBindingsAllowed as ft, baseDefaultValue as pt, inheritableAttributesBase as mt } from "./style/styleConstants.mjs";
+import { DISPLAY_MODE_MIN_WIDTH as ht, displayModeAt as gt, displayModeWidthRem as _t } from "./style/breakpoints.mjs";
+import { DISPLAY_MODES as vt, isDisplayMode as yt } from "./style/displayModes.mjs";
+import { fontLinkAssets as bt } from "./style/fontAssets.mjs";
+import { SYSTEM_FONTS as xt, availableFonts as St, familiesInCss as Ct, fontFamilyStack as wt, fontUrlResolver as Tt, fontsToHead as Et, googleCss2Url as Dt, googleTextSubsetUrl as Ot, isSafeFontUrl as kt, primaryFamily as At } from "./style/fonts.mjs";
+import { FontValidationError as jt, parseSpaceFont as Mt } from "./style/fontValidation.mjs";
+import { fallbackForFamily as Nt, fontsFromCss as Pt } from "./style/fontsFromCss.mjs";
+import { LAYOUT_GRIDS as Ft, layoutGridCss as It, layoutGridLook as Lt } from "./style/layoutGrid.mjs";
+import { RUNTIME_STYLE_ID as Rt, markStyleCache as zt, styleCacheFromDocument as Bt, styleCacheTravelsInDocument as Vt } from "./style/runtimeStyle.mjs";
+import { mergeSnippetStyle as Ht, sameSelector as Ut, selectorsOf as Wt } from "./style/snippetStyle.mjs";
+import { CURRENT_PAGE_SELECTOR as Gt, HIDDEN_CLASS as Kt, STYLE_STATES as qt, STYLE_STATE_LABELS as Jt, inCascadeOrder as Yt, isKnownState as Xt, isStartingState as Zt, stateSuffix as Qt } from "./style/styleStates.mjs";
+import $t from "./schema/SchemaContext.mjs";
+import { ANCHOR_PATTERN as en, isAnchor as tn } from "./schema/anchor.mjs";
+import { COMPONENT_PROPS_SOURCE as nn, EMPTY_SCHEMA as rn, VARIABLE_REGEX as an } from "./schema/schemaConstants.mjs";
+import { findLayoutCycle as on, resolveLayoutChain as sn } from "./schema/layoutChain.mjs";
+import { collectServerElements as cn, hasServerElements as ln } from "./schema/serverElements.mjs";
+import { isSnippet as un } from "./schema/snippet.mjs";
+import dn from "./network/NetworkContext.mjs";
+import fn from "./network/NetworkInternalContext.mjs";
+import { elementFromWire as pn, schemaFromWire as mn, schemaToWire as hn } from "./schema/wire.mjs";
+import { SpaceEvents as gn, spaceEventSchemas as _n, validateSpaceEvent as vn } from "./network/spaceEvents.mjs";
+import yn from "./network/graphql/builder/Mutations/index.mjs";
+import bn from "./network/graphql/builder/Queries/index.mjs";
+import xn from "./network/graphql/builder/Subscriptions/index.mjs";
+import Sn from "./network/graphql/sdk/Mutations/index.mjs";
+import Cn from "./network/graphql/sdk/Queries/index.mjs";
+import wn, { RTEvent as Tn, RTEventCloseCode as En, getInstance as Dn, isRTEvent as On, isRTEventCloseCode as kn, setInstance as An } from "./websockets/RTCodec.mjs";
+import { THEME_CLASSES as jn, THEME_COOKIE_NAME as Mn, applyThemeClass as Nn, isTheme as Pn, readThemeCookie as Fn, themeFromCookies as In, writeThemeCookie as Ln } from "./theme/themeCookie.mjs";
+import Rn, { createThemeState as zn, createThemeStore as Bn, resolveScheme as Vn, setAreaTheme as Hn, setMachineScheme as Un, setThemeMode as Wn, themeFor as Gn } from "./theme/themeStore.mjs";
+import { useThemeStore as Kn } from "./theme/ThemeScope.mjs";
+import qn from "./theme/ThemeProvider.mjs";
+import Jn, { SPACE_THEME_AREA as Yn } from "./theme/useTheme.mjs";
+import Xn from "./server/actions/useActionsSync.mjs";
+import Zn, { currentRscLocation as Qn, rscDataPath as $n } from "./server/rsc/refreshRsc.mjs";
+import er from "./server/rsc/useRscRefresh.mjs";
+import tr from "./server/rsc/useRscSync.mjs";
+import { PAINTED_STATE_BUDGET as nr, clearPaintedEntry as rr, paintedEntryFromCookies as ir, paintedKeys as ar, paintedStateCookieName as or, paintedStateFor as sr, pickPainted as cr, readPaintedEntry as lr, writePaintedEntry as ur } from "./state/paintedState.mjs";
+import { runtimeStatePersist as dr, stateOwner as fr } from "./state/runtimeStatePersist.mjs";
+export { en as ANCHOR_PATTERN, x as BODYLESS_METHODS, y as BuilderContext, yn as BuilderMutations, bn as BuilderQueries, nn as COMPONENT_PROPS_SOURCE, N as COMPUTED_GLOBALS, S as CONNECTOR_HTTP_METHODS, Gt as CURRENT_PAGE_SELECTOR, Ae as ComponentContext, C as DEFAULT_READ_ENDPOINT, Ce as DEV_TOOLS_ATTRIBUTE, vt as DISPLAY_MODES, ht as DISPLAY_MODE_MIN_WIDTH, Se as DevToolsContext, w as EMPTY_RESPONSE_METHODS, rn as EMPTY_SCHEMA, dt as EMPTY_STYLE_SCHEMA, je as FLAG_GATE_PATTERN, Ve as FLAG_LAYERS, Me as FLAG_NAME_PATTERN, jt as FontValidationError, P as GLOBAL_SOURCES, Kt as HIDDEN_CLASS, we as HIDE_DEV_TOOLS_CSS, ee as INTERVAL_TRIGGER, Ft as LAYOUT_GRIDS, m as MAX_PARAM_PASSES, te as MIN_INTERVAL_MS, dn as NetworkContext, fn as NetworkInternalContext, nr as PAINTED_STATE_BUDGET, oe as ParamsFromURL, De as PlitziConsole, at as PlitziServiceContext, ot as PlitziServiceProvider, T as READ_ENDPOINT_NAMES, wn as RTCodec, Tn as RTEvent, En as RTEventCloseCode, Rt as RUNTIME_STYLE_ID, Yn as SPACE_THEME_AREA, qt as STYLE_STATES, Jt as STYLE_STATE_LABELS, xt as SYSTEM_FONTS, $t as SchemaContext, Sn as SdkMutations, Cn as SdkQueries, xn as SpaceEventSubscription, gn as SpaceEvents, ft as StyleBindingsAllowed, ct as StyleVariableCategory, jn as THEME_CLASSES, Mn as THEME_COOKIE_NAME, qn as ThemeProvider, an as VARIABLE_REGEX, a as VISITOR_NAME, st as WHILE_RUNNING_MODES, E as WRITE_ENDPOINT_NAMES, Nn as applyThemeClass, t as authFailureFromResponse, St as availableFonts, pt as baseDefaultValue, o as checkVisitorRoles, rr as clearPaintedEntry, cn as collectServerElements, k as connectorPresets, D as connectorTokens, b as contexts, B as cookieFromHeader, Oe as createStoreDevToolsLogger, zn as createThemeState, Bn as createThemeStore, Qn as currentRscLocation, Te as debugCookieName, se as delay, Ye as describeChange, Qe as diffSchema, $e as diffStyle, he as disableReactDevTools, gt as displayModeAt, _t as displayModeWidthRem, V as documentCookies, pn as elementFromWire, H as elementOf, A as emptyManifest, ce as emptyObject, F as evaluateComputed, ae as evaluateRuleGroup, Nt as fallbackForFamily, Ct as familiesInCss, L as fetchManifest, Xe as fieldChanges, c as filters, on as findLayoutCycle, He as flagUserFromSSR, Ue as flagValues, Fe as flagsCookieName, wt as fontFamilyStack, bt as fontLinkAssets, Tt as fontUrlResolver, Pt as fontsFromCss, Et as fontsToHead, Ie as forcedFlagsFromCookies, K as formatDate, q as formatDateUTC, J as formatFromNow, Y as formatUTCToLocal, R as generateFacade, ve as getBindingsDetails, O as getConnectorTokens, le as getDisplayName, X as getDurationMs, Dn as getInstance, ue as getKeyDecoded, de as getPathsFromObeject, ye as getSourceName, Dt as googleCss2Url, Ot as googleTextSubsetUrl, We as hasConditions, ln as hasServerElements, f as hasTemplateSyntax, p as hasValidToken, fe as hexToRGB, Yt as inCascadeOrder, mt as inheritableAttributesBase, g as inspectTemplate, ne as intervalOf, tn as isAnchor, j as isConnectorManifestDraft, re as isDate, yt as isDisplayMode, U as isElementTarget, Ne as isFlagName, pe as isInViewport, Ee as isInteractionFlow, Xt as isKnownState, W as isNodeTarget, On as isRTEvent, kn as isRTEventCloseCode, e as isRecord, kt as isSafeFontUrl, Pe as isSchemaFlag, un as isSnippet, Zt as isStartingState, lt as isStyleVariableCategory, Pn as isTheme, ie as isUserEdit, Z as isValidFormat, et as jsonCopy, It as layoutGridCss, Lt as layoutGridLook, I as liveSources, me as makeId, zt as markStyleCache, Ht as mergeSnippetStyle, G as nodeOf, n as onAuthFailure, ke as pConsole, ir as paintedEntryFromCookies, ar as paintedKeys, or as paintedStateCookieName, sr as paintedStateFor, Q as parseDate, Le as parseFlagList, Mt as parseSpaceFont, Ge as passesFlagGate, cr as pickPainted, At as primaryFamily, l as processTwig, u as processTwigParam, d as processTwigValue, lr as readPaintedEntry, Fn as readThemeCookie, Zn as refreshRsc, r as reportAuthFailure, Ke as resolveFlags, sn as resolveLayoutChain, Vn as resolveScheme, h as resolveStepParam, xe as resolveVariables, $n as rscDataPath, dr as runtimeStatePersist, i as sameRegistrableDomain, Ut as sameSelector, tt as sameValue, mn as schemaFromWire, hn as schemaToWire, Wt as selectorsOf, Re as serializeFlagList, Hn as setAreaTheme, An as setInstance, Un as setMachineScheme, Wn as setThemeMode, _n as spaceEventSchemas, fr as stateOwner, Qt as stateSuffix, Bt as styleCacheFromDocument, Vt as styleCacheTravelsInDocument, ut as styleConstants, z as syntaxHighlight, _ as templatePaths, v as templateRootNames, Gn as themeFor, In as themeFromCookies, Rn as themeStore, $ as toUnixSeconds, qe as undeclaredFlagOverrides, Ze as uniqueLines, Xn as useActionsSync, nt as useFontHead, rt as useNetwork, it as usePlitziServiceContext, be as useRegisterSource, er as useRscRefresh, tr as useRscSync, Je as useStableValue, Jn as useTheme, Kn as useThemeStore, ge as utility, _e as utilityOptions, M as validateConnectorManifest, vn as validateSpaceEvent, s as visitorAccess, ze as withForcedFlag, Be as writeForcedFlags, ur as writePaintedEntry, Ln as writeThemeCookie };

package/dist/network/graphql/builder/Queries/InitQuery.d.ts

@@ -9,5 +9,5 @@ export type TInitQuery = {
         style: Style;
     };
 };
-declare const InitQuery = "\n  query InitQuery($environment: String!, $revision: Int) {\n    PlatformFlags\n    Space(environment: $environment, revision: $revision) {\n      definition {\n        name\n        permanentUrl\n      }\n      schema {\n        settings\n        rsc\n        flat {\n          id\n          definition {\n            label\n            type\n            initialState\n            styleSelectors\n            bindings\n            interactions\n            parentId\n            rootId\n            items\n            runtime\n            loadStrategy\n            flag {\n              name\n              is\n            }\n            anchor\n            motion {\n              enter\n              on\n              duration\n              delay\n              stagger\n              loop\n            }\n          }\n          attributes\n        }\n        pages\n        components\n        flags\n        pageFolders {\n          id\n          name\n          slug\n          parentId\n        }\n        variables {\n          name\n          category\n          type\n          value\n          subValues {\n            when\n            value\n          }\n        }\n      }\n      plugins {\n        type\n        resource\n        settings\n      }\n      style {\n        id\n        platform\n        variables\n        mode\n        fonts\n        cache\n      }\n    }\n  }\n";
+declare const InitQuery = "\n  query InitQuery($environment: String!, $revision: Int) {\n    PlatformFlags\n    Space(environment: $environment, revision: $revision) {\n      definition {\n        name\n        permanentUrl\n      }\n      schema {\n        settings\n        rsc\n        flat {\n          id\n          definition {\n            label\n            type\n            initialState\n            styleSelectors\n            bindings\n            interactions\n            parentId\n            rootId\n            items\n            runtime\n            loadStrategy\n            flag {\n              name\n              is\n            }\n            anchor\n            motion {\n              enter\n              on\n              duration\n              delay\n              stagger\n              loop\n            }\n            quiet\n          }\n          attributes\n        }\n        pages\n        components\n        flags\n        pageFolders {\n          id\n          name\n          slug\n          parentId\n        }\n        variables {\n          name\n          category\n          type\n          value\n          subValues {\n            when\n            value\n          }\n        }\n      }\n      plugins {\n        type\n        resource\n        settings\n      }\n      style {\n        id\n        platform\n        variables\n        mode\n        fonts\n        cache\n      }\n    }\n  }\n";
 export default InitQuery;

package/dist/network/graphql/builder/Queries/InitQuery.mjs

@@ -1,4 +1,4 @@
 //#region src/network/graphql/builder/Queries/InitQuery.ts
-var e = "\n  query InitQuery($environment: String!, $revision: Int) {\n    PlatformFlags\n    Space(environment: $environment, revision: $revision) {\n      definition {\n        name\n        permanentUrl\n      }\n      schema {\n        settings\n        rsc\n        flat {\n          id\n          definition {\n            label\n            type\n            initialState\n            styleSelectors\n            bindings\n            interactions\n            parentId\n            rootId\n            items\n            runtime\n            loadStrategy\n            flag {\n              name\n              is\n            }\n            anchor\n            motion {\n              enter\n              on\n              duration\n              delay\n              stagger\n              loop\n            }\n          }\n          attributes\n        }\n        pages\n        components\n        flags\n        pageFolders {\n          id\n          name\n          slug\n          parentId\n        }\n        variables {\n          name\n          category\n          type\n          value\n          subValues {\n            when\n            value\n          }\n        }\n      }\n      plugins {\n        type\n        resource\n        settings\n      }\n      style {\n        id\n        platform\n        variables\n        mode\n        fonts\n        cache\n      }\n    }\n  }\n";
+var e = "\n  query InitQuery($environment: String!, $revision: Int) {\n    PlatformFlags\n    Space(environment: $environment, revision: $revision) {\n      definition {\n        name\n        permanentUrl\n      }\n      schema {\n        settings\n        rsc\n        flat {\n          id\n          definition {\n            label\n            type\n            initialState\n            styleSelectors\n            bindings\n            interactions\n            parentId\n            rootId\n            items\n            runtime\n            loadStrategy\n            flag {\n              name\n              is\n            }\n            anchor\n            motion {\n              enter\n              on\n              duration\n              delay\n              stagger\n              loop\n            }\n            quiet\n          }\n          attributes\n        }\n        pages\n        components\n        flags\n        pageFolders {\n          id\n          name\n          slug\n          parentId\n        }\n        variables {\n          name\n          category\n          type\n          value\n          subValues {\n            when\n            value\n          }\n        }\n      }\n      plugins {\n        type\n        resource\n        settings\n      }\n      style {\n        id\n        platform\n        variables\n        mode\n        fonts\n        cache\n      }\n    }\n  }\n";
 //#endregion
 export { e as default };

package/dist/schema/motion.d.ts

@@ -7,20 +7,27 @@
  * The one description the authoring package, the builder's Motion tab, the MCP and the validator all read; the
  * stylesheet mirrors its presets and frames, and a test in `apps/sdk` holds the two together.
  */
-export declare const MOTION_ENTERS: readonly ["fade", "fade-up", "fade-down", "slide-left", "slide-right", "scale"];
+export declare const MOTION_ENTERS: readonly ["fade", "fade-up", "fade-down", "slide-left", "slide-right", "slide-up", "scale", "zoom-in", "zoom-out", "pop", "bounce-in", "tilt", "spin-in"];
 export type MotionEnter = (typeof MOTION_ENTERS)[number];
-/** As the page loads, or as the element scrolls into view — tied to the scroll, so it plays at the reader's pace. */
-export declare const MOTION_TRIGGERS: readonly ["load", "view"];
+/**
+ * When an arrival plays: as the page loads (`load`); once, as the element first comes into view, and then it stays
+ * (`view`); or with the scroll itself, at the reader's pace — played backwards when the reader scrolls back up past it
+ * (`scroll`).
+ */
+export declare const MOTION_TRIGGERS: readonly ["load", "view", "scroll"];
 export type MotionTrigger = (typeof MOTION_TRIGGERS)[number];
-/** A motion that repeats: a gentle rise and fall, a breath, a turn, a sway. Held until the page is live. */
-export declare const MOTION_LOOPS: readonly ["float", "pulse", "spin", "sway"];
+/**
+ * A motion that repeats: a gentle rise and fall, a breath, a turn, a sway — a bounce, a wobble, a small orbit, a
+ * heartbeat, a drift. Held until the page is live.
+ */
+export declare const MOTION_LOOPS: readonly ["float", "pulse", "spin", "sway", "bounce", "wobble", "orbit", "heartbeat", "drift"];
 export type MotionLoop = (typeof MOTION_LOOPS)[number];
 export interface ElementMotion {
     /** How it arrives. */
     enter?: MotionEnter;
-    /** When it arrives: `load` (the default) or `view`. */
+    /** When it arrives: `load` (the default), `view` (once, as it comes into view) or `scroll` (with the scroll). */
     on?: MotionTrigger;
-    /** How long it takes to arrive, in ms (600 by default). Ignored under `view`, which follows the scroll. */
+    /** How long it takes to arrive, in ms (600 by default). Ignored under `scroll`, which follows the scroll. */
     duration?: number;
     /** How long it waits before it does, in ms. */
     delay?: number;
@@ -35,19 +42,35 @@ export interface ElementMotion {
 /** How long an arrival takes when it does not say, and the curve every arrival follows: quick out, gentle in. */
 export declare const MOTION_DEFAULT_DURATION = 600;
 export declare const MOTION_ENTER_EASING = "cubic-bezier(0.2, 0.7, 0.2, 1)";
-/** Where each arrival starts from; it ends where the element is. */
-export declare const MOTION_ENTER_FROM: Record<MotionEnter, {
-    opacity: number;
+/**
+ * One frame of an arrival, `at` a percentage of its duration. It moves the individual `translate`, `scale` and `rotate`
+ * properties — never `transform` — so it composes with a `transform` the element has of its own and with a loop.
+ */
+export interface MotionEnterFrame {
+    at: number;
+    opacity?: number;
     translate?: string;
     scale?: string;
-}>;
+    rotate?: string;
+}
 /**
- * Each loop's one moving frame — its `transform` halfway through the period and back (`middle`), or at the end of
- * one that keeps turning (`end`) — and its period and curve.
+ * Each arrival's frames, from where it starts (`at: 0`) through any it passes on the way — an overshoot, a bounce. It
+ * always ends where the element is, which is why no frame says so.
  */
-export declare const MOTION_LOOP_FRAMES: Record<MotionLoop, {
+export declare const MOTION_ENTER_FRAMES: Record<MotionEnter, MotionEnterFrame[]>;
+/** Where each arrival starts from — its first frame. */
+export declare const MOTION_ENTER_FROM: Record<MotionEnter, Omit<MotionEnterFrame, "at">>;
+/** One frame of a loop: its `transform` at a percentage of its period. A frame no loop names is the element at rest. */
+export interface MotionLoopFrame {
+    at: number;
     transform: string;
-    at: 'middle' | 'end';
+}
+/**
+ * Each loop's frames, its period and its curve. A loop that swings starts and ends at rest; one that keeps turning
+ * (`spin`) ends a full turn on, which is the same place.
+ */
+export declare const MOTION_LOOP_FRAMES: Record<MotionLoop, {
+    frames: MotionLoopFrame[];
     periodMs: number;
     easing: string;
 }>;
@@ -72,6 +95,15 @@ export declare const MOVING_SELECTOR = "[data-motion-enter], [data-motion-stagge
  * never is.
  */
 export declare const MOTION_STILL_CSS = "[data-motion-enter], [data-motion-stagger] > *, [data-motion-loop] { animation: none !important; }";
+/** The attribute an arrival waiting to be seen (`on: 'view'`) gets once it has been, and then keeps (`revealOnView`). */
+export declare const MOTION_SEEN_ATTRIBUTE = "data-motion-seen";
+/** Every element whose arrival waits to be seen: what `revealOnView` watches. */
+export declare const MOTION_VIEW_SELECTOR = "[data-motion-on=\"view\"]";
+/**
+ * Every arrival waiting to be seen, played as if it had been: a surface with nobody scrolling it and no SDK root to
+ * watch it — a preview of an element, a thumbnail — would hold it at its start, unseen.
+ */
+export declare const MOTION_SEEN_CSS = "[data-motion-on=\"view\"][data-motion-enter], [data-motion-on=\"view\"][data-motion-stagger] > * { animation-play-state: running, running !important; }";
 export declare const MOTION_PLAY_CSS: string;
 /** Whether an animation is one of the declared motion's — what replaying the canvas restarts, and nothing else. */
 export declare const isMotionAnimation: (animation: object) => boolean;

package/dist/schema/motion.mjs

@@ -6,81 +6,253 @@ var t = [
 	"fade-down",
 	"slide-left",
 	"slide-right",
-	"scale"
-], n = ["load", "view"], r = [
+	"slide-up",
+	"scale",
+	"zoom-in",
+	"zoom-out",
+	"pop",
+	"bounce-in",
+	"tilt",
+	"spin-in"
+], n = [
+	"load",
+	"view",
+	"scroll"
+], r = [
 	"float",
 	"pulse",
 	"spin",
-	"sway"
+	"sway",
+	"bounce",
+	"wobble",
+	"orbit",
+	"heartbeat",
+	"drift"
 ], i = 600, a = "cubic-bezier(0.2, 0.7, 0.2, 1)", o = {
-	fade: { opacity: 0 },
-	"fade-up": {
+	fade: [{
+		at: 0,
+		opacity: 0
+	}],
+	"fade-up": [{
+		at: 0,
 		opacity: 0,
 		translate: "0 24px"
-	},
-	"fade-down": {
+	}],
+	"fade-down": [{
+		at: 0,
 		opacity: 0,
 		translate: "0 -24px"
-	},
-	"slide-left": {
+	}],
+	"slide-left": [{
+		at: 0,
 		opacity: 0,
 		translate: "32px 0"
-	},
-	"slide-right": {
+	}],
+	"slide-right": [{
+		at: 0,
 		opacity: 0,
 		translate: "-32px 0"
-	},
-	scale: {
+	}],
+	"slide-up": [{
+		at: 0,
+		opacity: 0,
+		translate: "0 72px"
+	}],
+	scale: [{
+		at: 0,
 		opacity: 0,
 		scale: "0.94"
-	}
-}, s = {
+	}],
+	"zoom-in": [{
+		at: 0,
+		opacity: 0,
+		scale: "0.6"
+	}],
+	"zoom-out": [{
+		at: 0,
+		opacity: 0,
+		scale: "1.25"
+	}],
+	pop: [
+		{
+			at: 0,
+			opacity: 0,
+			scale: "0.5"
+		},
+		{
+			at: 55,
+			opacity: 1,
+			scale: "1.08"
+		},
+		{
+			at: 78,
+			scale: "0.97"
+		}
+	],
+	"bounce-in": [
+		{
+			at: 0,
+			opacity: 0,
+			translate: "0 -64px"
+		},
+		{
+			at: 55,
+			opacity: 1,
+			translate: "0 10px"
+		},
+		{
+			at: 75,
+			translate: "0 -5px"
+		},
+		{
+			at: 90,
+			translate: "0 2px"
+		}
+	],
+	tilt: [{
+		at: 0,
+		opacity: 0,
+		translate: "0 32px",
+		rotate: "-6deg"
+	}],
+	"spin-in": [{
+		at: 0,
+		opacity: 0,
+		scale: "0.4",
+		rotate: "-180deg"
+	}]
+}, s = Object.fromEntries(t.map((e) => {
+	let [{ at: t, ...n }] = o[e];
+	return [e, n];
+})), c = (e, t) => {
+	let n = t * 2 * Math.PI, r = Math.round(Math.sin(n) * e * 10) / 10, i = Math.round(-Math.cos(n) * e * 10) / 10;
+	return `translate(${String(r)}px, ${String(i)}px)`;
+}, l = {
 	float: {
-		transform: "translateY(-8px)",
-		at: "middle",
+		frames: [{
+			at: 50,
+			transform: "translateY(-8px)"
+		}],
 		periodMs: 6e3,
 		easing: "ease-in-out"
 	},
 	pulse: {
-		transform: "scale(1.04)",
-		at: "middle",
+		frames: [{
+			at: 50,
+			transform: "scale(1.04)"
+		}],
 		periodMs: 3e3,
 		easing: "ease-in-out"
 	},
 	spin: {
-		transform: "rotate(360deg)",
-		at: "end",
+		frames: [{
+			at: 100,
+			transform: "rotate(360deg)"
+		}],
 		periodMs: 12e3,
 		easing: "linear"
 	},
 	sway: {
-		transform: "rotate(2deg)",
-		at: "middle",
+		frames: [{
+			at: 50,
+			transform: "rotate(2deg)"
+		}],
 		periodMs: 5e3,
 		easing: "ease-in-out"
+	},
+	bounce: {
+		frames: [
+			{
+				at: 0,
+				transform: "translateY(0) scale(1.03, 0.97)"
+			},
+			{
+				at: 45,
+				transform: "translateY(-14px) scale(0.98, 1.02)"
+			},
+			{
+				at: 55,
+				transform: "translateY(-14px) scale(0.98, 1.02)"
+			},
+			{
+				at: 100,
+				transform: "translateY(0) scale(1.03, 0.97)"
+			}
+		],
+		periodMs: 1400,
+		easing: "ease-in-out"
+	},
+	wobble: {
+		frames: [{
+			at: 25,
+			transform: "rotate(-5deg)"
+		}, {
+			at: 75,
+			transform: "rotate(5deg)"
+		}],
+		periodMs: 2400,
+		easing: "ease-in-out"
+	},
+	orbit: {
+		frames: Array.from({ length: 9 }, (e, t) => ({
+			at: t * 100 / 8,
+			transform: c(6, t / 8)
+		})),
+		periodMs: 8e3,
+		easing: "linear"
+	},
+	heartbeat: {
+		frames: [
+			{
+				at: 14,
+				transform: "scale(1.1)"
+			},
+			{
+				at: 28,
+				transform: "scale(1)"
+			},
+			{
+				at: 42,
+				transform: "scale(1.07)"
+			},
+			{
+				at: 70,
+				transform: "scale(1)"
+			}
+		],
+		periodMs: 1600,
+		easing: "ease-in-out"
+	},
+	drift: {
+		frames: [{
+			at: 50,
+			transform: "translateX(12px)"
+		}],
+		periodMs: 7e3,
+		easing: "ease-in-out"
 	}
-}, c = 1e4, l = (e, t) => typeof t == "string" && e.includes(t), u = /* @__PURE__ */ new Set([
+}, u = 1e4, d = (e, t) => typeof t == "string" && e.includes(t), f = /* @__PURE__ */ new Set([
 	"enter",
 	"on",
 	"duration",
 	"delay",
 	"stagger",
 	"loop"
-]), d = (i) => {
+]), p = (i) => {
 	if (!e(i)) return ["motion is an object: `{ enter: 'fade-up', on: 'view' }`"];
 	let a = [];
-	for (let e of Object.keys(i)) u.has(e) || a.push(`motion has no "${e}" — it takes enter, on, duration, delay, stagger and loop`);
-	i.enter !== void 0 && !l(t, i.enter) && a.push(`motion.enter is one of ${t.join(", ")}`), i.on !== void 0 && !l(n, i.on) && a.push(`motion.on is ${n.join(" or ")}`), i.loop !== void 0 && !l(r, i.loop) && a.push(`motion.loop is one of ${r.join(", ")}`);
+	for (let e of Object.keys(i)) f.has(e) || a.push(`motion has no "${e}" — it takes enter, on, duration, delay, stagger and loop`);
+	i.enter !== void 0 && !d(t, i.enter) && a.push(`motion.enter is one of ${t.join(", ")}`), i.on !== void 0 && !d(n, i.on) && a.push(`motion.on is ${n.slice(0, -1).join(", ")} or ${String(n.at(-1))}`), i.loop !== void 0 && !d(r, i.loop) && a.push(`motion.loop is one of ${r.join(", ")}`);
 	for (let e of [
 		"duration",
 		"delay",
 		"stagger"
 	]) {
 		let t = i[e];
-		t !== void 0 && (typeof t != "number" || !Number.isFinite(t) || t < 0 || t > 1e4) && a.push(`motion.${e} is a number of ms from 0 to ${String(c)}`);
+		t !== void 0 && (typeof t != "number" || !Number.isFinite(t) || t < 0 || t > 1e4) && a.push(`motion.${e} is a number of ms from 0 to ${String(u)}`);
 	}
 	return i.enter === void 0 && i.loop === void 0 && a.push("motion says nothing to play: give it an `enter`, a `loop`, or both"), i.stagger !== void 0 && i.enter === void 0 && a.push("motion.stagger staggers the children’s `enter`: give it one"), a;
-}, f = (e) => d(e).length === 0, p = (e) => {
+}, m = (e) => p(e).length === 0, h = (e) => {
 	if (!e) return {
 		attributes: {},
 		style: {}
@@ -90,6 +262,10 @@ var t = [
 		attributes: t,
 		style: n
 	};
-}, m = "[data-motion-enter], [data-motion-stagger] > *, [data-motion-loop]", h = `${m} { animation: none !important; }`, g = ["[data-motion-loop] { animation-play-state: running, running !important; }", "[data-motion-on=\"view\"][data-motion-enter], [data-motion-on=\"view\"][data-motion-stagger] > * { animation-timeline: auto, auto !important; }"].join("\n"), _ = (e) => "animationName" in e && typeof e.animationName == "string" && e.animationName.startsWith("plitzi-motion-");
+}, g = "[data-motion-enter], [data-motion-stagger] > *, [data-motion-loop]", _ = `${g} { animation: none !important; }`, v = "data-motion-seen", y = "[data-motion-on=\"view\"]", b = "[data-motion-on=\"view\"][data-motion-enter], [data-motion-on=\"view\"][data-motion-stagger] > * { animation-play-state: running, running !important; }", x = [
+	"[data-motion-loop] { animation-play-state: running, running !important; }",
+	b,
+	"[data-motion-on=\"scroll\"][data-motion-enter], [data-motion-on=\"scroll\"][data-motion-stagger] > * { animation-timeline: auto, auto !important; }"
+].join("\n"), S = (e) => "animationName" in e && typeof e.animationName == "string" && e.animationName.startsWith("plitzi-motion-");
 //#endregion
-export { i as MOTION_DEFAULT_DURATION, t as MOTION_ENTERS, a as MOTION_ENTER_EASING, o as MOTION_ENTER_FROM, r as MOTION_LOOPS, s as MOTION_LOOP_FRAMES, c as MOTION_MAX_MS, g as MOTION_PLAY_CSS, h as MOTION_STILL_CSS, n as MOTION_TRIGGERS, m as MOVING_SELECTOR, f as isMotion, _ as isMotionAnimation, p as motionAttributes, d as motionProblems };
+export { i as MOTION_DEFAULT_DURATION, t as MOTION_ENTERS, a as MOTION_ENTER_EASING, o as MOTION_ENTER_FRAMES, s as MOTION_ENTER_FROM, r as MOTION_LOOPS, l as MOTION_LOOP_FRAMES, u as MOTION_MAX_MS, x as MOTION_PLAY_CSS, v as MOTION_SEEN_ATTRIBUTE, b as MOTION_SEEN_CSS, _ as MOTION_STILL_CSS, n as MOTION_TRIGGERS, y as MOTION_VIEW_SELECTOR, g as MOVING_SELECTOR, m as isMotion, S as isMotionAnimation, h as motionAttributes, p as motionProblems };

package/dist/schema/motionReveal.d.ts

@@ -0,0 +1,10 @@
+/**
+ * Plays every arrival under `root` that waits to be seen (`motion: { on: 'view' }`) the first time it comes into view,
+ * and never again: the stylesheet holds it at its start until the element carries `data-motion-seen`, which this sets
+ * and nothing takes off. Elements added later — a page navigated to, a list's new rows — are watched as they arrive.
+ * Answers the function that stops watching.
+ *
+ * One observer for the whole tree rather than one per element: a page of cards is hundreds of them. A browser without
+ * `IntersectionObserver` shows each arrival at once, as one that cannot know what is on screen.
+ */
+export declare const revealOnView: (root: Element) => (() => void);

package/dist/schema/motionReveal.mjs

@@ -0,0 +1,23 @@
+import { MOTION_SEEN_ATTRIBUTE as e, MOTION_VIEW_SELECTOR as t } from "./motion.mjs";
+//#region src/schema/motionReveal.ts
+var n = `${t}:not([${e}])`, r = (t) => {
+	let r = (t) => t.setAttribute(e, ""), i = (e) => [...e.matches(n) ? [e] : [], ...Array.from(e.querySelectorAll(n))];
+	if (typeof Reflect.get(globalThis, "IntersectionObserver") != "function") return i(t).forEach(r), () => void 0;
+	let a = new IntersectionObserver((e) => {
+		for (let t of e) t.isIntersecting && (r(t.target), a.unobserve(t.target));
+	}), o = (e) => i(e).forEach((e) => a.observe(e)), s = new MutationObserver((e) => {
+		for (let t of e) t.type === "attributes" && t.target instanceof Element && o(t.target), t.addedNodes.forEach((e) => {
+			e instanceof Element && o(e);
+		});
+	});
+	return o(t), s.observe(t, {
+		childList: !0,
+		subtree: !0,
+		attributes: !0,
+		attributeFilter: ["data-motion-on"]
+	}), () => {
+		a.disconnect(), s.disconnect();
+	};
+};
+//#endregion
+export { r as revealOnView };

package/dist/schema/wire.mjs

@@ -10,11 +10,11 @@ var e = (e) => ({
 	...typeof e.stagger == "number" ? { stagger: e.stagger } : {},
 	...e.loop ? { loop: e.loop } : {}
 }), n = ({ definition: e, ...n }) => {
-	let { parentId: r, items: i, bindings: a, interactions: o, initialState: s, runtime: c, loadStrategy: l, flag: u, anchor: d, motion: f, ...p } = e;
+	let { parentId: r, items: i, bindings: a, interactions: o, initialState: s, runtime: c, loadStrategy: l, flag: u, anchor: d, motion: f, quiet: p, ...m } = e;
 	return {
 		...n,
 		definition: {
-			...p,
+			...m,
 			...r == null ? {} : { parentId: r },
 			...i == null ? {} : { items: i },
 			...a == null ? {} : { bindings: a },
@@ -24,7 +24,8 @@ var e = (e) => ({
 			...l == null ? {} : { loadStrategy: l },
 			...u == null ? {} : { flag: u },
 			...d == null ? {} : { anchor: d },
-			...f == null ? {} : { motion: t(f) }
+			...f == null ? {} : { motion: t(f) },
+			...p == null ? {} : { quiet: p }
 		}
 	};
 }, r = (e) => ({

package/dist/source/export.d.ts

@@ -28,6 +28,11 @@ export type SpaceExport = {
     };
     /** The version taken out: the draft (`main`, revision 0), or a snapshot an environment holds. */
     version: Pick<SpaceVersionContents, 'environment' | 'revision' | 'snapshot'>;
+    /**
+     * Which state of the draft's documents this is — its schema, style, actions and connectors — what `plitzi push`
+     * checks the space's draft has not moved on from. `null` for a snapshot, which no push writes.
+     */
+    draft: string | null;
     /** The space as authoring code, by path (`index.ts`, a file per page): none for a project that reads it from Plitzi. */
     authoring: {
         exportName: string;

package/dist/source/import.d.ts

@@ -0,0 +1,55 @@
+import { Schema, Style } from '../types';
+/**
+ * A project's space put back on Plitzi as the space's draft (docs/en/projects-from-spaces.md): what `plitzi push` sends
+ * to `PUT /spaces/:spaceId/import`, and what it is answered. The way back of `SpaceExport` — one shape for both ends.
+ */
+export declare const SPACE_IMPORT_FORMAT = 1;
+export type SpaceImport = {
+    format: typeof SPACE_IMPORT_FORMAT;
+    /** The space as the project authors it: the two documents the draft is made of, replaced whole. */
+    documents: {
+        schema: Schema;
+        style: Style;
+    };
+    /**
+     * Every server action the project keeps, and every connector: the space's become exactly these. Left out, the project
+     * keeps none of its own, and the space's are left as they are.
+     */
+    actions?: {
+        identifier: string;
+        name: string;
+        document: unknown;
+    }[];
+    connectors?: {
+        identifier: string;
+        name: string;
+        manifest: unknown;
+    }[];
+    /**
+     * The draft the project was last given or last pushed (`SpaceExport.draft`): the push is refused when the space's has
+     * moved on since. `null` for a project that never had one — refused unless the space is still as it was created.
+     */
+    base: string | null;
+    /** Replace the draft whatever it holds now. */
+    force: boolean;
+};
+/** Why a push was not taken, before anything was checked: the draft is not the one the project knows. */
+export type SpaceImportRefusalCode = 'DRAFT_MOVED' | 'DRAFT_NOT_EMPTY';
+export type SpaceImportResult = 
+/** Taken: `draft` is what the project knows from now on; `changed` false when it already was the space's draft. */
+{
+    ok: true;
+    changed: boolean;
+    draft: string;
+} | {
+    ok: false;
+    refusal: {
+        code: SpaceImportRefusalCode;
+        error: string;
+    };
+}
+/** Not taken: what is wrong with what was sent, each problem where it is. */
+ | {
+    ok: false;
+    problems: string[];
+};

package/dist/source/import.mjs

@@ -0,0 +1,4 @@
+//#region src/source/import.ts
+var e = 1;
+//#endregion
+export { e as SPACE_IMPORT_FORMAT };

package/dist/source/index.d.ts

@@ -1,4 +1,6 @@
 export { readSourceSnapshot, secretIn, sourcePathProblem, SOURCE_SNAPSHOT_FORMAT, SOURCE_SNAPSHOT_LIMITS } from './snapshot';
 export { SPACE_EXPORT_FORMAT } from './export';
+export { SPACE_IMPORT_FORMAT } from './import';
 export type { SourceSnapshot, SourceSnapshotKind, SourceSnapshotReading } from './snapshot';
 export type { SpaceExport, SpaceExportConflict, SpaceExportFile } from './export';
+export type { SpaceImport, SpaceImportRefusalCode, SpaceImportResult } from './import';

package/dist/source/index.mjs

@@ -1,3 +1,4 @@
 import { SPACE_EXPORT_FORMAT as e } from "./export.mjs";
-import { SOURCE_SNAPSHOT_FORMAT as t, SOURCE_SNAPSHOT_LIMITS as n, readSourceSnapshot as r, secretIn as i, sourcePathProblem as a } from "./snapshot.mjs";
-export { t as SOURCE_SNAPSHOT_FORMAT, n as SOURCE_SNAPSHOT_LIMITS, e as SPACE_EXPORT_FORMAT, r as readSourceSnapshot, i as secretIn, a as sourcePathProblem };
+import { SPACE_IMPORT_FORMAT as t } from "./import.mjs";
+import { SOURCE_SNAPSHOT_FORMAT as n, SOURCE_SNAPSHOT_LIMITS as r, readSourceSnapshot as i, secretIn as a, sourcePathProblem as o } from "./snapshot.mjs";
+export { n as SOURCE_SNAPSHOT_FORMAT, r as SOURCE_SNAPSHOT_LIMITS, e as SPACE_EXPORT_FORMAT, t as SPACE_IMPORT_FORMAT, i as readSourceSnapshot, a as secretIn, o as sourcePathProblem };

package/dist/style/styleConstants.d.ts

@@ -94,7 +94,13 @@ declare const styleConstants: {
     readonly CLIP_PATH: "clip-path";
     readonly TRANSFORM: "transform";
     readonly TRANSFORM_ORIGIN: "transform-origin";
+    readonly TRANSLATE: "translate";
+    readonly ROTATE: "rotate";
+    readonly SCALE: "scale";
+    readonly TRANSFORM_STYLE: "transform-style";
     readonly PERSPECTIVE: "perspective";
+    readonly PERSPECTIVE_ORIGIN: "perspective-origin";
+    readonly BACKFACE_VISIBILITY: "backface-visibility";
     readonly WILL_CHANGE: "will-change";
     readonly OUTLINE_WIDTH: "outline-width";
     readonly OUTLINE_STYLE: "outline-style";
@@ -136,6 +142,8 @@ declare const styleConstants: {
     readonly OVERFLOW_Y: "overflow-y";
     readonly SCROLLBAR_WIDTH: "scrollbar-width";
     readonly SCROLLBAR_COLOR: "scrollbar-color";
+    readonly CONTAINER_TYPE: "container-type";
+    readonly CONTAINER_NAME: "container-name";
     readonly OBJECT_FIT: "object-fit";
     readonly OBJECT_POSITION: "object-position";
     readonly COLUMN_WIDTH: "column-width";
@@ -190,8 +198,8 @@ declare const styleConstants: {
 };
 export declare const inheritableAttributesBase: StyleCategory[];
 export declare const StyleBindingsAllowed: {
-    path: "color" | "cursor" | "filter" | "fill" | "display" | "flex-wrap" | "flex-direction" | "align-items" | "justify-items" | "justify-content" | "align-content" | "row-gap" | "column-gap" | "grid-row-gap" | "grid-column-gap" | "grid-template-areas" | "grid-template-columns" | "grid-template-rows" | "grid-auto-flow" | "grid-auto-rows" | "grid-auto-columns" | "grid-row-start" | "grid-column-start" | "grid-row-end" | "grid-column-end" | "align-self" | "justify-self" | "order" | "flex-grow" | "flex-shrink" | "flex-basis" | "list-style" | "list-style-type" | "list-style-position" | "list-style-image" | "background-color" | "background-image" | "background-position" | "background-size" | "background-repeat" | "background-origin" | "background-clip" | "background-attachment" | "background-blend-mode" | "mask-image" | "mask-size" | "mask-position" | "mask-repeat" | "mask-composite" | "-webkit-mask-image" | "border-top-style" | "border-top-width" | "border-top-color" | "border-bottom-style" | "border-bottom-width" | "border-bottom-color" | "border-left-style" | "border-left-width" | "border-left-color" | "border-right-style" | "border-right-width" | "border-right-color" | "border-top-left-radius" | "border-top-right-radius" | "border-bottom-left-radius" | "border-bottom-right-radius" | "border-collapse" | "border-spacing" | "table-layout" | "opacity" | "visibility" | "transition" | "transition-property" | "transition-duration" | "transition-timing-function" | "transition-delay" | "transition-behavior" | "animation" | "animation-name" | "animation-duration" | "animation-timing-function" | "animation-delay" | "animation-iteration-count" | "animation-direction" | "animation-fill-mode" | "animation-play-state" | "animation-timeline" | "animation-range" | "box-shadow" | "backdrop-filter" | "mix-blend-mode" | "isolation" | "clip-path" | "transform" | "transform-origin" | "perspective" | "will-change" | "outline-width" | "outline-style" | "outline-color" | "outline-offset" | "pointer-events" | "user-select" | "touch-action" | "resize" | "appearance" | "scroll-behavior" | "overscroll-behavior" | "scroll-snap-type" | "scroll-snap-align" | "scroll-snap-stop" | "scroll-padding-top" | "scroll-margin-top" | "accent-color" | "caret-color" | "color-scheme" | "position" | "float" | "clear" | "z-index" | "top" | "bottom" | "left" | "right" | "box-sizing" | "aspect-ratio" | "width" | "height" | "min-width" | "min-height" | "max-width" | "max-height" | "overflow" | "overflow-x" | "overflow-y" | "scrollbar-width" | "scrollbar-color" | "object-fit" | "object-position" | "column-width" | "column-count" | "margin-top" | "margin-bottom" | "margin-left" | "margin-right" | "padding-top" | "padding-bottom" | "padding-left" | "padding-right" | "font-family" | "font-weight" | "font-size" | "line-height" | "text-align" | "font-style" | "font-variant" | "font-variant-numeric" | "font-feature-settings" | "text-decoration" | "text-decoration-line" | "text-decoration-color" | "text-decoration-style" | "text-decoration-thickness" | "text-underline-offset" | "letter-spacing" | "word-spacing" | "text-indent" | "text-transform" | "direction" | "white-space" | "text-wrap" | "word-break" | "overflow-wrap" | "hyphens" | "vertical-align" | "text-overflow" | "text-shadow" | "line-clamp" | "-webkit-line-clamp" | "-webkit-box-orient" | "-webkit-text-fill-color" | "-webkit-background-clip" | "box-decoration-break" | "-webkit-box-decoration-break" | "stroke" | "stroke-width";
-    label: "color" | "cursor" | "filter" | "fill" | "display" | "flex-wrap" | "flex-direction" | "align-items" | "justify-items" | "justify-content" | "align-content" | "row-gap" | "column-gap" | "grid-row-gap" | "grid-column-gap" | "grid-template-areas" | "grid-template-columns" | "grid-template-rows" | "grid-auto-flow" | "grid-auto-rows" | "grid-auto-columns" | "grid-row-start" | "grid-column-start" | "grid-row-end" | "grid-column-end" | "align-self" | "justify-self" | "order" | "flex-grow" | "flex-shrink" | "flex-basis" | "list-style" | "list-style-type" | "list-style-position" | "list-style-image" | "background-color" | "background-image" | "background-position" | "background-size" | "background-repeat" | "background-origin" | "background-clip" | "background-attachment" | "background-blend-mode" | "mask-image" | "mask-size" | "mask-position" | "mask-repeat" | "mask-composite" | "-webkit-mask-image" | "border-top-style" | "border-top-width" | "border-top-color" | "border-bottom-style" | "border-bottom-width" | "border-bottom-color" | "border-left-style" | "border-left-width" | "border-left-color" | "border-right-style" | "border-right-width" | "border-right-color" | "border-top-left-radius" | "border-top-right-radius" | "border-bottom-left-radius" | "border-bottom-right-radius" | "border-collapse" | "border-spacing" | "table-layout" | "opacity" | "visibility" | "transition" | "transition-property" | "transition-duration" | "transition-timing-function" | "transition-delay" | "transition-behavior" | "animation" | "animation-name" | "animation-duration" | "animation-timing-function" | "animation-delay" | "animation-iteration-count" | "animation-direction" | "animation-fill-mode" | "animation-play-state" | "animation-timeline" | "animation-range" | "box-shadow" | "backdrop-filter" | "mix-blend-mode" | "isolation" | "clip-path" | "transform" | "transform-origin" | "perspective" | "will-change" | "outline-width" | "outline-style" | "outline-color" | "outline-offset" | "pointer-events" | "user-select" | "touch-action" | "resize" | "appearance" | "scroll-behavior" | "overscroll-behavior" | "scroll-snap-type" | "scroll-snap-align" | "scroll-snap-stop" | "scroll-padding-top" | "scroll-margin-top" | "accent-color" | "caret-color" | "color-scheme" | "position" | "float" | "clear" | "z-index" | "top" | "bottom" | "left" | "right" | "box-sizing" | "aspect-ratio" | "width" | "height" | "min-width" | "min-height" | "max-width" | "max-height" | "overflow" | "overflow-x" | "overflow-y" | "scrollbar-width" | "scrollbar-color" | "object-fit" | "object-position" | "column-width" | "column-count" | "margin-top" | "margin-bottom" | "margin-left" | "margin-right" | "padding-top" | "padding-bottom" | "padding-left" | "padding-right" | "font-family" | "font-weight" | "font-size" | "line-height" | "text-align" | "font-style" | "font-variant" | "font-variant-numeric" | "font-feature-settings" | "text-decoration" | "text-decoration-line" | "text-decoration-color" | "text-decoration-style" | "text-decoration-thickness" | "text-underline-offset" | "letter-spacing" | "word-spacing" | "text-indent" | "text-transform" | "direction" | "white-space" | "text-wrap" | "word-break" | "overflow-wrap" | "hyphens" | "vertical-align" | "text-overflow" | "text-shadow" | "line-clamp" | "-webkit-line-clamp" | "-webkit-box-orient" | "-webkit-text-fill-color" | "-webkit-background-clip" | "box-decoration-break" | "-webkit-box-decoration-break" | "stroke" | "stroke-width";
+    path: "color" | "cursor" | "filter" | "fill" | "display" | "flex-wrap" | "flex-direction" | "align-items" | "justify-items" | "justify-content" | "align-content" | "row-gap" | "column-gap" | "grid-row-gap" | "grid-column-gap" | "grid-template-areas" | "grid-template-columns" | "grid-template-rows" | "grid-auto-flow" | "grid-auto-rows" | "grid-auto-columns" | "grid-row-start" | "grid-column-start" | "grid-row-end" | "grid-column-end" | "align-self" | "justify-self" | "order" | "flex-grow" | "flex-shrink" | "flex-basis" | "list-style" | "list-style-type" | "list-style-position" | "list-style-image" | "background-color" | "background-image" | "background-position" | "background-size" | "background-repeat" | "background-origin" | "background-clip" | "background-attachment" | "background-blend-mode" | "mask-image" | "mask-size" | "mask-position" | "mask-repeat" | "mask-composite" | "-webkit-mask-image" | "border-top-style" | "border-top-width" | "border-top-color" | "border-bottom-style" | "border-bottom-width" | "border-bottom-color" | "border-left-style" | "border-left-width" | "border-left-color" | "border-right-style" | "border-right-width" | "border-right-color" | "border-top-left-radius" | "border-top-right-radius" | "border-bottom-left-radius" | "border-bottom-right-radius" | "border-collapse" | "border-spacing" | "table-layout" | "opacity" | "visibility" | "transition" | "transition-property" | "transition-duration" | "transition-timing-function" | "transition-delay" | "transition-behavior" | "animation" | "animation-name" | "animation-duration" | "animation-timing-function" | "animation-delay" | "animation-iteration-count" | "animation-direction" | "animation-fill-mode" | "animation-play-state" | "animation-timeline" | "animation-range" | "box-shadow" | "backdrop-filter" | "mix-blend-mode" | "isolation" | "clip-path" | "transform" | "transform-origin" | "translate" | "rotate" | "scale" | "transform-style" | "perspective" | "perspective-origin" | "backface-visibility" | "will-change" | "outline-width" | "outline-style" | "outline-color" | "outline-offset" | "pointer-events" | "user-select" | "touch-action" | "resize" | "appearance" | "scroll-behavior" | "overscroll-behavior" | "scroll-snap-type" | "scroll-snap-align" | "scroll-snap-stop" | "scroll-padding-top" | "scroll-margin-top" | "accent-color" | "caret-color" | "color-scheme" | "position" | "float" | "clear" | "z-index" | "top" | "bottom" | "left" | "right" | "box-sizing" | "aspect-ratio" | "width" | "height" | "min-width" | "min-height" | "max-width" | "max-height" | "overflow" | "overflow-x" | "overflow-y" | "scrollbar-width" | "scrollbar-color" | "container-type" | "container-name" | "object-fit" | "object-position" | "column-width" | "column-count" | "margin-top" | "margin-bottom" | "margin-left" | "margin-right" | "padding-top" | "padding-bottom" | "padding-left" | "padding-right" | "font-family" | "font-weight" | "font-size" | "line-height" | "text-align" | "font-style" | "font-variant" | "font-variant-numeric" | "font-feature-settings" | "text-decoration" | "text-decoration-line" | "text-decoration-color" | "text-decoration-style" | "text-decoration-thickness" | "text-underline-offset" | "letter-spacing" | "word-spacing" | "text-indent" | "text-transform" | "direction" | "white-space" | "text-wrap" | "word-break" | "overflow-wrap" | "hyphens" | "vertical-align" | "text-overflow" | "text-shadow" | "line-clamp" | "-webkit-line-clamp" | "-webkit-box-orient" | "-webkit-text-fill-color" | "-webkit-background-clip" | "box-decoration-break" | "-webkit-box-decoration-break" | "stroke" | "stroke-width";
+    label: "color" | "cursor" | "filter" | "fill" | "display" | "flex-wrap" | "flex-direction" | "align-items" | "justify-items" | "justify-content" | "align-content" | "row-gap" | "column-gap" | "grid-row-gap" | "grid-column-gap" | "grid-template-areas" | "grid-template-columns" | "grid-template-rows" | "grid-auto-flow" | "grid-auto-rows" | "grid-auto-columns" | "grid-row-start" | "grid-column-start" | "grid-row-end" | "grid-column-end" | "align-self" | "justify-self" | "order" | "flex-grow" | "flex-shrink" | "flex-basis" | "list-style" | "list-style-type" | "list-style-position" | "list-style-image" | "background-color" | "background-image" | "background-position" | "background-size" | "background-repeat" | "background-origin" | "background-clip" | "background-attachment" | "background-blend-mode" | "mask-image" | "mask-size" | "mask-position" | "mask-repeat" | "mask-composite" | "-webkit-mask-image" | "border-top-style" | "border-top-width" | "border-top-color" | "border-bottom-style" | "border-bottom-width" | "border-bottom-color" | "border-left-style" | "border-left-width" | "border-left-color" | "border-right-style" | "border-right-width" | "border-right-color" | "border-top-left-radius" | "border-top-right-radius" | "border-bottom-left-radius" | "border-bottom-right-radius" | "border-collapse" | "border-spacing" | "table-layout" | "opacity" | "visibility" | "transition" | "transition-property" | "transition-duration" | "transition-timing-function" | "transition-delay" | "transition-behavior" | "animation" | "animation-name" | "animation-duration" | "animation-timing-function" | "animation-delay" | "animation-iteration-count" | "animation-direction" | "animation-fill-mode" | "animation-play-state" | "animation-timeline" | "animation-range" | "box-shadow" | "backdrop-filter" | "mix-blend-mode" | "isolation" | "clip-path" | "transform" | "transform-origin" | "translate" | "rotate" | "scale" | "transform-style" | "perspective" | "perspective-origin" | "backface-visibility" | "will-change" | "outline-width" | "outline-style" | "outline-color" | "outline-offset" | "pointer-events" | "user-select" | "touch-action" | "resize" | "appearance" | "scroll-behavior" | "overscroll-behavior" | "scroll-snap-type" | "scroll-snap-align" | "scroll-snap-stop" | "scroll-padding-top" | "scroll-margin-top" | "accent-color" | "caret-color" | "color-scheme" | "position" | "float" | "clear" | "z-index" | "top" | "bottom" | "left" | "right" | "box-sizing" | "aspect-ratio" | "width" | "height" | "min-width" | "min-height" | "max-width" | "max-height" | "overflow" | "overflow-x" | "overflow-y" | "scrollbar-width" | "scrollbar-color" | "container-type" | "container-name" | "object-fit" | "object-position" | "column-width" | "column-count" | "margin-top" | "margin-bottom" | "margin-left" | "margin-right" | "padding-top" | "padding-bottom" | "padding-left" | "padding-right" | "font-family" | "font-weight" | "font-size" | "line-height" | "text-align" | "font-style" | "font-variant" | "font-variant-numeric" | "font-feature-settings" | "text-decoration" | "text-decoration-line" | "text-decoration-color" | "text-decoration-style" | "text-decoration-thickness" | "text-underline-offset" | "letter-spacing" | "word-spacing" | "text-indent" | "text-transform" | "direction" | "white-space" | "text-wrap" | "word-break" | "overflow-wrap" | "hyphens" | "vertical-align" | "text-overflow" | "text-shadow" | "line-clamp" | "-webkit-line-clamp" | "-webkit-box-orient" | "-webkit-text-fill-color" | "-webkit-background-clip" | "box-decoration-break" | "-webkit-box-decoration-break" | "stroke" | "stroke-width";
 }[];
 export declare const baseDefaultValue: Record<StyleCategory, StyleValue>;
 export default styleConstants;

package/dist/style/styleConstants.mjs

@@ -107,7 +107,13 @@ var e = {
 	CLIP_PATH: "clip-path",
 	TRANSFORM: "transform",
 	TRANSFORM_ORIGIN: "transform-origin",
+	TRANSLATE: "translate",
+	ROTATE: "rotate",
+	SCALE: "scale",
+	TRANSFORM_STYLE: "transform-style",
 	PERSPECTIVE: "perspective",
+	PERSPECTIVE_ORIGIN: "perspective-origin",
+	BACKFACE_VISIBILITY: "backface-visibility",
 	WILL_CHANGE: "will-change",
 	OUTLINE_WIDTH: "outline-width",
 	OUTLINE_STYLE: "outline-style",
@@ -149,6 +155,8 @@ var e = {
 	OVERFLOW_Y: "overflow-y",
 	SCROLLBAR_WIDTH: "scrollbar-width",
 	SCROLLBAR_COLOR: "scrollbar-color",
+	CONTAINER_TYPE: "container-type",
+	CONTAINER_NAME: "container-name",
 	OBJECT_FIT: "object-fit",
 	OBJECT_POSITION: "object-position",
 	COLUMN_WIDTH: "column-width",
@@ -320,7 +328,13 @@ var e = {
 	[t.CLIP_PATH]: "none",
 	[t.TRANSFORM]: "translate3d(0px, 0px, 0px)",
 	[t.TRANSFORM_ORIGIN]: "50% 50%",
+	[t.TRANSLATE]: "none",
+	[t.ROTATE]: "none",
+	[t.SCALE]: "none",
+	[t.TRANSFORM_STYLE]: "flat",
 	[t.PERSPECTIVE]: "none",
+	[t.PERSPECTIVE_ORIGIN]: "50% 50%",
+	[t.BACKFACE_VISIBILITY]: "visible",
 	[t.WILL_CHANGE]: "auto",
 	[t.OUTLINE_WIDTH]: "medium",
 	[t.OUTLINE_STYLE]: "none",
@@ -362,6 +376,8 @@ var e = {
 	[t.OVERFLOW_Y]: "visible",
 	[t.SCROLLBAR_WIDTH]: "auto",
 	[t.SCROLLBAR_COLOR]: "auto",
+	[t.CONTAINER_TYPE]: "normal",
+	[t.CONTAINER_NAME]: "none",
 	[t.OBJECT_FIT]: "fill",
 	[t.OBJECT_POSITION]: "50% 50%",
 	[t.COLUMN_WIDTH]: "auto",

package/dist/types/SchemaTypes.d.ts

@@ -117,6 +117,12 @@ export type ElementDefinition = {
     anchor?: string;
     /** How it arrives and whether it keeps moving, played by the SDK's stylesheet. See {@link ElementMotion}. */
     motion?: ElementMotion;
+    /**
+     * The codes of the suggestions this element is not offered, because it is written this way on purpose —
+     * `['repeated-shape']`. Read by the one place suggestions are made (`suggestSpace`), so authoring, the builder and
+     * the MCP leave out the same ones. Never a problem's code.
+     */
+    quiet?: string[];
 };
 /**
  * An element, keyed by the one name it answers to.
@@ -340,7 +346,7 @@ export type SchemaContextValue = {
     schemaUpdateSettings?: (value: string | number | boolean, path?: string, fromSubscriptions?: boolean) => void;
 };
 /** The fields of a definition an element may go without — absent in a document, `null` from GraphQL. */
-type OptionalDefinitionKey = 'parentId' | 'items' | 'bindings' | 'interactions' | 'initialState' | 'runtime' | 'loadStrategy' | 'flag' | 'anchor' | 'motion';
+type OptionalDefinitionKey = 'parentId' | 'items' | 'bindings' | 'interactions' | 'initialState' | 'runtime' | 'loadStrategy' | 'flag' | 'anchor' | 'motion' | 'quiet';
 /**
  * An element as it arrives on the wire. GraphQL answers every field a query names, so one the element does not have
  * comes back `null` — where the element itself has nothing. `schemaFromWire` drops them on arrival.

package/dist/types/ServerTypes.d.ts

@@ -171,7 +171,7 @@ export type SSRImagesConfig = {
      * to the rule every outbound request is (no private network, every redirect judged).
      */
     domains: readonly string[];
-    /** Where the resized files are kept. Default: `.plitzi/images` under the working directory. */
+    /** Where the resized files are kept. Default: `tmp/images` under the working directory. */
     cacheDir?: string;
 };
 /**
@@ -945,6 +945,7 @@ export type SSRServerConfig = {
     authCookie?: SSRAuthCookie;
     templateFn?: SSRTemplateFn;
     plugins?: Record<string, PluginSource>;
+    /** Where the plugins it builds are kept. Default: `tmp/.sdk-plugins` under the working directory. */
     pluginsCacheDir?: string;
     pluginsTtlMs?: number;
     /** Auto-download and cache plugins declared in the schema's offlineData.plugins list. Default: true. */

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@plitzi/sdk-shared",
-  "version": "0.38.3",
+  "version": "0.38.4",
   "license": "AGPL-3.0",
   "files": [
     "dist",
@@ -254,6 +254,10 @@
       "types": "./dist/devTools/DevToolsContext.d.ts",
       "import": "./dist/devTools/DevToolsContext.mjs"
     },
+    "./devTools/chrome": {
+      "types": "./dist/devTools/chrome.d.ts",
+      "import": "./dist/devTools/chrome.mjs"
+    },
     "./devTools/debugCookie": {
       "types": "./dist/devTools/debugCookie.d.ts",
       "import": "./dist/devTools/debugCookie.mjs"
@@ -1139,6 +1143,10 @@
       "types": "./dist/schema/motion.d.ts",
       "import": "./dist/schema/motion.mjs"
     },
+    "./schema/motionReveal": {
+      "types": "./dist/schema/motionReveal.d.ts",
+      "import": "./dist/schema/motionReveal.mjs"
+    },
     "./schema/schemaConstants": {
       "types": "./dist/schema/schemaConstants.d.ts",
       "import": "./dist/schema/schemaConstants.mjs"
@@ -1195,6 +1203,10 @@
       "types": "./dist/source/export.d.ts",
       "import": "./dist/source/export.mjs"
     },
+    "./source/import": {
+      "types": "./dist/source/import.d.ts",
+      "import": "./dist/source/import.mjs"
+    },
     "./source/index": {
       "types": "./dist/source/index.d.ts",
       "import": "./dist/source/index.mjs"