@plitzi/plitzi-sdk 0.38.2 → 0.38.4

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/CHANGELOG.md CHANGED
@@ -1,5 +1,348 @@
1
1
  # @plitzi/plitzi-sdk
2
2
 
3
+ ## 0.38.4
4
+
5
+ ### Patch Changes
6
+
7
+ - 6ae4161: ## `plitzi push`: a self-hosted project back on its space
8
+
9
+ `plitzi create --from` and `plitzi pull` took a space out as a project and kept it in step; nothing put the project's
10
+ own changes back but a command per part, and no command at all for its pages. `plitzi push` is the way back
11
+ (`docs/en/projects-from-spaces.md`):
12
+
13
+ - **What changed, or what is named.** `plitzi push` sends what changed since the project last had the space — at a
14
+ terminal, offered as a ticked list to choose from (`↑/↓`, space, Enter); `plitzi push space functions` sends only
15
+ those parts: `space`, `functions`, `runtime`, `plugins`.
16
+ - **In order:** each changed plugin packed and uploaded (`pack plugin` + `upload plugin`, `--cdn`/`--bucket`), the
17
+ functions, the runtime, then the space — `src/space.ts` authored, the actions `src/actions.ts` serves and the manifests
18
+ in `src/connectors/` — as the space's draft. Never a published environment.
19
+ - **Never over the builder's work unseen.** The export now carries which state the draft is in (`SpaceExport.draft`),
20
+ recorded in `.plitzi/space.json` by `create --from` and `pull`; a push names it, and a draft edited since is refused
21
+ until `--force`. A project that never had the space may take one nobody has worked on; one holding work takes
22
+ `--force`.
23
+ - **Then `pull` follows it.** `.plitzi/space.json` records what was sent — only that, so a builder's change to a part
24
+ not pushed is still the next pull's — and a project that started on its own works with `pull` from then on.
25
+ - `@plitzi/sdk-shared/source`: `SpaceImport` / `SpaceImportResult` (`SPACE_IMPORT_FORMAT`), the push's one shape for
26
+ both ends, beside `SpaceExport`, which gains `draft`.
27
+ - `functions push`, `runtime push` and `upload plugin` keep their behaviour; their cores are what `push` runs.
28
+
29
+ ## A project's folders: `tmp/` for what it writes, `.plitzi/` committed, `public/` said to be public
30
+ - **`tmp/` is what a project writes for itself.** `@plitzi/sdk-server` keeps the plugins it builds in `tmp/.sdk-plugins`
31
+ and resized pictures in `tmp/images` by default (were `.sdk-plugins` and `.plitzi/images`). A project the CLI writes
32
+ puts the port it took (`tmp/dev-server.json`), the space as last authored while developing (`tmp/space.json`) and
33
+ Playwright's output (`tmp/visual`) there too, and its `.gitignore` ignores `tmp` — one line for all of it.
34
+ - **`.plitzi/` is committed.** The scaffold ignored it whole, so a clone lost `space.json`, `functions.json` and
35
+ `scaffold.json` — what `pull`, `push`, `functions push` and `upgrade` stand on. Now it holds only what the CLI records.
36
+ `npx plitzi upgrade --write` brings an existing project's `.gitignore` up.
37
+ - **No `space/offline-data.json`.** `npm run author` checks the space and writes nothing; the server asks it for the
38
+ documents with `--out tmp/space.json` while developing. The space is `src/space.ts`, and nothing beside it says
39
+ otherwise.
40
+ - **`public/` is on the internet.** The generated `README.md` and `AGENTS.md`, the CLI and authoring skills, the MCP
41
+ guide, `@plitzi/sdk-server`'s README and the docs now say so where data goes: never a secret, a key or data only
42
+ some visitors may read — in `public/`, or in a space's documents, which reach every visitor too.
43
+
44
+ ## An agent leaves the project clean
45
+
46
+ `AGENTS.md` gains **Keep the project clean** — nothing unused left behind, scratch work in `tmp/`, one of everything,
47
+ files a reader can find, and `author`, `typecheck`, `lint`, `format` and `check` passing — and the authoring skill's
48
+ review checklist a **Nothing left behind** section.
49
+
50
+ ## The dev tools' X-ray is the outlines too
51
+
52
+ The QA tab had **Outlines** (every element's box, its type and id when pointed at) and **X-ray** (the same boxes,
53
+ 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
54
+ the wiring picked — all of it, one kind, or **Boxes only**.
55
+
56
+ ## A new space that says where to go
57
+
58
+ The space a new account and `plitzi create` start from keeps its welcome, and gains the three ways to change it — the
59
+ builder, code (with the command to run) and an agent — before the guides, which are shorter. Header, navigation, main
60
+ and footer are landmarks; the grid behind the top fades out instead of ending at an edge; the footer's line spans the
61
+ content; the links say their words and icon themselves, with no suggestion left.
62
+
63
+ ## Server data reads the same everywhere
64
+ - **One shape for a provider with a `query`.** A `runtime: 'server'` provider that only reads a JSON file the server
65
+ serves answered the body itself, while the same provider in the browser publishes `{ status, data }` — so moving it
66
+ to the server broke every binding. `publicFileResolver` and the builder's mock now answer `{ status, data }` too:
67
+ `<source>.data.<field>` whichever runtime.
68
+ - **Server data is on unless a space turns it off.** The page render read a missing `rsc` as on and the connector
69
+ resolver as off, so a server provider in a space the builder or the MCP made (neither writes `rsc`) resolved to
70
+ nothing, silently. Both read it as on now; only `rsc: { enabled: false }` turns it off (and is warned with a server
71
+ element). `authorSpace` writes `enabled: true` for a space that has one.
72
+ - **Never inside a component.** The page server resolves a page's tree and its layouts only, so a server provider in a
73
+ component rendered nothing, silently. Refused now (`server-provider-in-component`), with the fix: the provider on
74
+ the page, the rows handed in as a prop.
75
+ - **Bindings held to the data.** `authorSpace` takes `data` — what a provider's `query` answers — and
76
+ `publicData(folder)` (`@plitzi/sdk-authoring/node`) reads it from `public/`. A binding onto a path the file does not
77
+ have is warned (`path-not-in-data`) with the keys it does have. Generated projects pass it.
78
+ - **`plitzi check` reads the data too.** A binding that reads a path its provider's answer lacks, a provider that
79
+ failed (once, not as every element it left empty) and the rows each list rendered (`dataIssues`). `--ssr` names what
80
+ the server's HTML lacks that the hydrated page has. The dev tools' badge and panel (`data-plitzi-devtools`) are hidden
81
+ while `check` and `shot` look.
82
+
83
+ ## Authoring, clearer where agents tripped
84
+ - **`controls` on a button** (`aria-controls`): named by the element's id; authoring gives that element the anchor and
85
+ refuses an id the space lacks (`controls-unknown`); a saved document naming no anchor is warned
86
+ (`controls-no-anchor`). The accordion recipe uses it.
87
+ - **`live` on a container** (`aria-live`, `polite` or `assertive`) for words that change while a visitor reads them.
88
+ - **`subType: 'p'`** for a paragraph made of parts; `span-holds-block` covers it.
89
+ - **`formControl` types `search`, `url` and `tel`.**
90
+ - **Images:** no `src` draws the SDK's own placeholder (the CDN one answered 404); `resize: false` keeps a picture as
91
+ written; an SVG is never resized — `/_plitzi/img` redirects to it (`307`) instead of refusing it.
92
+ - **Messages:** an id taken by another page or layout names it and the id to write; a hyphenated source in a template
93
+ (`list_study-plans`) is explained as valid; an unknown CSS property says to write it in `customCss`; an unknown
94
+ variant on `custom` says it is never a prop of the component it hosts.
95
+ - **`plitzi explain` knows the helpers** — `bindTemplate`, `visibleWhen`, `variantFrom`, `activeOn`, `activeWhen`,
96
+ `when`, `named`, `scope`, `source`, `twig` — and `motion`, from the presets the SDK plays (`MOTION_ENTERS`,
97
+ `MOTION_TRIGGERS`, `MOTION_LOOPS`, now exported). `--list helpers` lists them.
98
+ - **`plitzi shot`** writes to `tmp/shots/` by default, and a full page shows the arrivals tied to the scroll as they
99
+ end. `inspectPage` no longer reports an image a hidden ancestor hides.
100
+ - **Style inspector:** `container-type` in Size.
101
+ - **New recipes:** `server-data.ts`, `accordion.ts`.
102
+
103
+ ## Matching a page to another, measured
104
+ - **A whole page is the whole page.** The SDK scrolls a pane of its own, so `shot`'s full-page picture was one
105
+ screen; the pane is unrolled now (`unrollPage`) — the viewport untouched, so a `100vh` hero stays one screen.
106
+ - **`plitzi shot --compare` says why, not only how much.** Every lazy picture on both pages is loaded before they are
107
+ taken (`loadImages`), so a section no longer swings between 23 % and 40 % on how many covers had arrived. Each section
108
+ is compared where it is on the other page (`alignPictures` over row profiles): a page 400 px longer is said once, with
109
+ the section the drift starts at, instead of a footer with the same styles reading 100 %. And the texts both pages
110
+ have are paired (`pageTexts`, `compareTexts`), each with what it does differently there —
111
+ `h1 "Learn CSS" — font-size 68px → 60px · y +19px` — position less the drift of its section. `comparePictures` takes
112
+ its options as an object now (`{ regions, tolerance, align }`).
113
+ - **`--scheme` is the space's theme.** A space whose default is dark painted dark under `--scheme light`, and the file
114
+ said light. `check` and `shot` now set the `theme` cookie a visitor's toggle writes; left out, the space's default is
115
+ pictured and the file is named by the theme actually painted.
116
+
117
+ ## `motion: { on: 'view' }` arrives once
118
+
119
+ `view` was tied to the scroll both ways: cards faded out again as the reader scrolled back up. Now it plays once, the
120
+ first time the element comes into view, with its `duration`, and stays — `revealOnView` (`@plitzi/sdk-shared/schema/
121
+ motionReveal`), one observer under the SDK's root, marks it `data-motion-seen`. The scroll-driven arrival is
122
+ `on: 'scroll'`. A page read without scripts shows them as they end (`@media (scripting: none)`); the builder's previews
123
+ and the MCP's local screenshots hold motion at its end. The builder's Motion tab has the three.
124
+
125
+ The builder's preview plays motion as the published page does. It held everything at its end, and nothing marked
126
+ the canvas `data-hydrated`, so neither the loops nor a space's own `[data-hydrated]` animations ever started there.
127
+ Now an arrival plays as it comes into view, and the loops and keyframes run; **▶** on the canvas being edited runs the
128
+ space's own `[data-hydrated]` loops too. The motion guide adds the rule this needs from a space: `[data-hydrated]` is for
129
+ loops; an entrance of its own that plays once (`transform`/`opacity` only) plays from the first paint with
130
+ `backwards`, as the presets do — gated on hydration it jumps when the page goes live, and a canvas that never goes
131
+ live holds it on its first frame.
132
+
133
+ ## Thirteen ways in, nine loops
134
+
135
+ `motion` grows from six arrivals and four loops to thirteen and nine, all still `opacity` and the transforms:
136
+
137
+ - **Bold arrivals:** `slide-up` (from well below), `zoom-in` (from 60%), `zoom-out` (settling from 125%), `tilt`
138
+ (rising as it turns straight), `spin-in` (half a turn as it grows).
139
+ - **Springy arrivals:** `pop` overshoots and settles; `bounce-in` falls into place and bounces.
140
+ - **Loops:** `bounce`, `wobble`, `orbit` (a slow circle round where it is), `heartbeat`, `drift`.
141
+
142
+ An arrival is now a list of frames (`MOTION_ENTER_FRAMES` in `@plitzi/sdk-shared/schema/motion`; `MOTION_ENTER_FROM`
143
+ is its first), and so is a loop (`MOTION_LOOP_FRAMES[name].frames`, replacing `transform`/`at`). Arrivals move the
144
+ individual `translate`, `scale` and `rotate`, so they still compose with an element's own `transform` and with a loop.
145
+ The builder's Motion tab previews every frame; authoring, the MCP, `explain motion` and GraphQL read the same lists.
146
+
147
+ An arrival from the side no longer scrolls the page sideways. `slide-left` starts 32px to the right of where it lands,
148
+ past a phone's 16px gutter, and until it had played the page could be dragged sideways. The SDK's root clips that way
149
+ now (`overflow-x: clip`, which keeps the window the scroller: sticky bars and scroll timelines are untouched), and the
150
+ builder's preview does the same. Content wider than the page is cut rather than scrolling the page — give it a box of
151
+ its own with `overflow-x: auto`.
152
+
153
+ **3D and the transform parts are style properties.** `transform-style`, `perspective-origin`, `backface-visibility`,
154
+ `translate`, `rotate` and `scale` join the vocabulary (they were refused as `css-property-unknown` and had to go in
155
+ `customCss`); `scale: 0.94` is a factor, not pixels.
156
+
157
+ **The builder's placeholder for an empty element is 24px** (was 50px), one size for every element that has one. It
158
+ is a minimum, so it also grew empty shapes with a size of their own — a dot, a planet — while editing; 24px is still
159
+ a box to see, pick and drop into.
160
+
161
+ The desktop app's window was blank: authoring, run in the renderer to build the rail, asked Vite's `process` shim for
162
+ a working directory it does not have. It reads one only where there is one now — and only when a class conflict is
163
+ reported, rather than for every element of every space it writes.
164
+
165
+ ## Authoring advice that knows where and when
166
+ - **`class-conflict` says where both declarations are:** `styles('md-menu-button') at src/components/dropdown.ts:12,
167
+ used by button at …, and styles('md-menu-button') at src/site/layout.ts:8, used by …` — `styles()` records its line as
168
+ an element factory does.
169
+ - **`repeated-shape` leaves controls alone.** Siblings that read different sources or write different state keys — a
170
+ menu for the language, one for the level — are not offered as a list.
171
+ - **`quiet: ['repeated-shape']`** on an element says a suggestion was left on purpose, and it is not offered again.
172
+ Only suggestions' codes (`quiet-unknown`). It is saved on the element (`definition.quiet`), so the builder's problems
173
+ panel, the MCP's `upsertElement`/`patchElement` and a project pulled back with `plitzi pull` all leave it alone.
174
+
175
+ ## What the docs say is what the code does
176
+
177
+ A pass across authoring's own messages, the skills, the MCP guide, `docs/en`, the CLI's README and the website, so an
178
+ agent reading two of them is never told two things:
179
+
180
+ - **A binding's `source` is the bound value, and only that.** With no value yet it fell back to the attribute's
181
+ current one — `sourceTo` — so `{{ source|default('…') }}` never took its default and `{{ source ? … }}` read an
182
+ element's placeholder ("Text") as an answer. It is `undefined` until the source has a value now; `sourceTo` is still
183
+ the value before.
184
+ - **`explain` writes a step the way its builder is called:** `delay(ms)`, `openModal('modal-id', data?)`,
185
+ `scrollBy('row-id', { x: '80%' })` — not `delay(…)` above the document's param names, which read as `delay({ time })`.
186
+ - **A page field nobody takes is told what it was probably for** — `seo` → `seoTitle` and `seoDescription` — instead of a
187
+ hint about keeping state appended to every one.
188
+ - Docs set straight: an element's id is `data-plitzi-el` in the page (`data-id` is the builder's, with debugging on);
189
+ a visibility condition writes nothing while its source has no value and is a yes or a no once it has one; `mobile`
190
+ is up to and including 48rem; `loadStrategy` defaults by type (`lazy` for a modal); the accessibility codes listed
191
+ in full everywhere (`embed-without-title`, `dropdown-without-control`, `controls-no-anchor`); the generated
192
+ `AGENTS.md` says a repeated block is a component and rows of data a list, as the skill does; `plitzi runtime` is
193
+ documented in the CLI's README, its skill and the website, which no longer says state across requests needs a
194
+ server of your own.
195
+
196
+ - Updated dependencies [6ae4161]
197
+ - @plitzi/sdk-auth@0.38.4
198
+ - @plitzi/sdk-dev-tools@0.38.4
199
+ - @plitzi/sdk-elements@0.38.4
200
+ - @plitzi/sdk-event-bridge@0.38.4
201
+ - @plitzi/sdk-interactions@0.38.4
202
+ - @plitzi/sdk-navigation@0.38.4
203
+ - @plitzi/sdk-plugins@0.38.4
204
+ - @plitzi/sdk-schema@0.38.4
205
+ - @plitzi/sdk-shared@0.38.4
206
+ - @plitzi/sdk-style@0.38.4
207
+ - @plitzi/sdk-variables@0.38.4
208
+
209
+ ## 0.38.3
210
+
211
+ ### Patch Changes
212
+
213
+ - e047e1d: ## `plitzi upgrade`: a project brought up to its CLI
214
+
215
+ A project written by an older CLI had no way up but `plitzi create` in a scratch folder and a file-by-file comparison:
216
+ `skills update` brought the skills and nothing else, so the `check` and `shot` scripts they teach did not exist.
217
+ `plitzi upgrade` (also `update`) shows what this CLI writes today for what is the CLI's in the project, and `--write`
218
+ makes it. One part or several: `plitzi upgrade skills`, `plitzi upgrade files packages`.
219
+
220
+ - **`files`:** the CLI's machinery — `author.ts`, `main.ts`, the Playwright, TypeScript and lint configs, AGENTS.md. One
221
+ nobody changed since the CLI wrote it is replaced, a missing one added; one the project made its own is shown as a
222
+ diff and left, until `--take <file>` (or `all`). `plitzi create` now records what it wrote, by digest, in
223
+ `.plitzi/scaffold.json`; a project made before that sees every file that differs as its own.
224
+ - **`packages`:** `package.json` merged, never replaced — the scripts and dependencies it lacks added, `@plitzi/*`
225
+ raised to this version, then the install (`--no-install` to leave it). A script of the project's own stays.
226
+ - **`skills`:** `.claude/skills/plitzi-*` from the packages installed, each replaced whole, and the ones a newer CLI
227
+ writes added. `plitzi skills update` is `plitzi upgrade skills --write`.
228
+ - **`renames`:** a name a version renamed with no alias, at its file and line — `canTemplate` → `canSnippet`,
229
+ `authorTemplate` → `authorSnippet` and its kin (renamed only where imported from `@plitzi/sdk-authoring`) — renamed
230
+ with `--write`.
231
+
232
+ `npm run author` says when the skills or the CLI's files are older than the SDK installed, and `plitzi --version`
233
+ prints the CLI's.
234
+
235
+ ## Page checks that can be the definition of done
236
+
237
+ `inspectPage`, `plitzi check` and the scaffold's visual test failed pages that were whole, so an agent learnt to ignore
238
+ them:
239
+
240
+ - **A breakpoint hiding an element on purpose** — the desktop navigation on a phone, a bottom bar only a phone shows —
241
+ is no longer "not visible": an element whose `display` or `visibility` a breakpoint rule sets is checked at the width
242
+ it shows at.
243
+ - **A lazy image out of sight** waits whichever side it is out of: below the fold, as before, or beside the screen in a
244
+ carousel's track — cut off by any ancestor that clips, as the browser decides when to fetch it.
245
+ - **A plugin that draws nothing** says so: `drawsNothing: true` in its declaration (a clock that fires a flow), and its
246
+ handle is `boxless`, so no check waits for it on screen.
247
+
248
+ `plitzi check --json` and `PageReport` carry `issues` beside `problems`: each with its `code` (`element-hidden`,
249
+ `image-not-loaded`, `sideways-scroll`…), the `elementId` it is about and, in `check`, the `width`.
250
+
251
+ ## Authoring
252
+ - **A link's `content` names it.** `control-without-name` read only a link's `label`, so applying the
253
+ `content-attribute` suggestion as written turned every link into a warning.
254
+ - **`plitzi fix` writes `content-attribute`** where it has one reading: a button's or link's children that are only
255
+ `text(…)` and `fontAwesome({ icon })` become its own `content` and `icon` — the words kept as written, an import left
256
+ unused taken out. A child with an id, options or a class of the space's own stays, and is said. `npm run author`'s
257
+ `[fix]` line counts these too.
258
+ - **The recipes, the skill's examples and the catalog template** hold to the suggestions as well as the warnings, and
259
+ their tests say so: six recipes and the template wrote a link's or a button's words as a child.
260
+
261
+ ## Declared motion — in code, in the builder and over MCP
262
+
263
+ An element says how it arrives and whether it keeps moving with `motion`, and the SDK's stylesheet plays it — no
264
+ keyframes to write: `{ enter: 'fade-up', on: 'view' }` arrives as it scrolls into view, `{ enter: 'scale', stagger:
265
+ 60 }` brings its children one by one (a grid, a list's rows), `{ loop: 'float' }` keeps it moving. Enters: `fade`,
266
+ `fade-up`, `fade-down`, `slide-left`, `slide-right`, `scale`; loops: `float`, `pulse`, `spin`, `sway`; `duration`,
267
+ `delay`, `stagger` in ms. Opacity and the transforms only — an arrival on `translate`/`scale`, so it composes with an
268
+ element's own `transform` — a loop held until the page is live (`data-hydrated`), and none of it for a visitor who asked
269
+ for less motion. `view` follows the scroll where the browser has scroll timelines and plays on load where not.
270
+
271
+ - **Authoring:** `motion` on any factory; refused where it cannot play (`motion-invalid`, `motion-no-tag`), and carried
272
+ by `specFromSpace` and `compareSpaces`.
273
+ - **Builder:** a **Motion** tab in an element's tools: the presets as chips, a stage that plays the one pointed at (a
274
+ loop shown stronger than the page plays it, and saying so), when and how long, children one by one, and the choices
275
+ read back as a sentence — laid out side by side once the sidebar is wide enough. The canvas holds motion still while
276
+ editing; **▶** in the header (or **Play on the canvas** in the tab) plays it from the start, restarting what already
277
+ played, and an arrival tied to the scroll plays by the clock there, where it is usually in view already.
278
+ - **MCP:** `motion` on `upsertElement` and `patchElement`, checked the same way; the guide names the presets.
279
+ - **Schema:** `definition.motion` (`ElementMotion`, `@plitzi/sdk-shared/schema/motion` — the presets, `motionProblems`,
280
+ `motionAttributes`, `isMotionAnimation`, and each preset's frames, which the stylesheet is tested against), in both
281
+ init queries. **The platform's GraphQL schema has to declare `SpaceElementMotion`
282
+ before this version's builder or SDK queries it.**
283
+
284
+ ## Dev tools QA: x-ray and motion
285
+
286
+ The **QA** tab gains an **X-ray**: every element the document wires something to — bound to data, shown on a condition,
287
+ running a flow, moving, behind a flag — outlined in its colour and named on the page, read from the space's document by
288
+ the element's name; its legend counts each kind on the page and picks one to show alone. Beside **Pause**, **Slow**
289
+ plays every animation at a quarter of its speed and **Replay** plays the declared motion again from the start, without
290
+ reloading the page.
291
+
292
+ ## Plugins that draw
293
+
294
+ `useCanvas2d`, `useWebGL`, `useWebGL2` and `useAnimationFrame` (`@plitzi/plitzi-sdk`): a canvas sized to the device (at
295
+ most 2×), followed as it resizes, animating only while somebody can see it move — a live page, no reduced motion, the
296
+ tab in front, the canvas on screen — and one still frame otherwise (the builder included). `createShaderProgram`
297
+ compiles and links, and a shader that fails throws a `ShaderError` with the driver's log, printed as
298
+ `[plugin <type> "<id>"] fragment shader failed: …` instead of an empty canvas; `error` and `ready` say where it is.
299
+ `useReducedMotion` for the rest.
300
+
301
+ ## A space re-authored without a restart
302
+
303
+ A project's `npm run start:dev` restarts for its server code and its plugins only: a save to the space is re-authored
304
+ in a process of its own and every open page loads again (`server.reloadPages()` over an SSE endpoint, on with
305
+ `createServer({ devReload: true })` — never by `devMode` alone, since every open page holds a connection for it); an
306
+ edit authoring refuses is printed and the page keeps the last space that authored. A shutdown also ends WebSockets at
307
+ once (`1001`, going away) rather than waiting out the grace — the ten seconds a restart used to wait on an open page.
308
+
309
+ ## Checks and authoring, from the stripe.com experiment
310
+ - **A component's instance** is found by its own name: its root carries `data-plitzi-instance`, and the instance's
311
+ handle selects it — `inspectPage` no longer reports every named instance as missing.
312
+ - **Hidden at this width on purpose** — the burger on a desktop, the desktop menu on a phone — is listed apart
313
+ (`hiddenAtWidth`, and a dim line under `plitzi check`'s ✓) rather than as a problem.
314
+ - **An element whose every child is conditional** — four flyouts in one list, each opening on the state that names
315
+ it — is conditional too: at rest it shows nothing, and that is it working.
316
+ - **A carousel that scrolls by itself** (`overflow-x: auto`) is not the page scrolling sideways; the page's own pane
317
+ still is.
318
+ - **Templates:** `{{ state.faq ?? -1 }}` — a sign on the right of `??` — reads.
319
+ - **A plugin attribute named as an element field** (`variant`, `class`, `id`…) is warned about
320
+ (`plugin-attribute-reserved`): a factory never hands it to the plugin. A `variant` no class or type style declares is
321
+ `unknown-variant`.
322
+ - **Lists:** a list with `items` renders as the `<ul>` (or `<ol>`) its `subType` says — it was a `<div>` — with no
323
+ markers and the same spacing, so a page looks as it did; the builder offers the list type for it too. Its rows are
324
+ `<li>`s: `list-row-not-li` warns of one that is not — a plain container is made one by `fixSpace`, a link or a button
325
+ is wrapped — and the recipes, the catalog template and the docs write rows as `listItem`.
326
+ - **CSS:** `mask-size`, `mask-position`, `mask-repeat`, `mask-composite`, `-webkit-mask-image`,
327
+ `-webkit-background-clip`, `box-decoration-break` and `-webkit-box-decoration-break`.
328
+ - **`plitzi shot`:** `--clip <element>`, `--scroll-to <element>` and `--viewport`; `--frames` takes the same framing.
329
+ - **SVG from files:** `svgFile` and `svgFiles` (`@plitzi/sdk-authoring/node`) read a logo or a folder of them,
330
+ compacted (`compactSvg`, also on the main entry), instead of strings in the space's source.
331
+ - The plugin scaffolds say that an inline `style` on `RootElement` outranks the element's classes.
332
+
333
+ - Updated dependencies [e047e1d]
334
+ - @plitzi/sdk-auth@0.38.3
335
+ - @plitzi/sdk-dev-tools@0.38.3
336
+ - @plitzi/sdk-elements@0.38.3
337
+ - @plitzi/sdk-event-bridge@0.38.3
338
+ - @plitzi/sdk-interactions@0.38.3
339
+ - @plitzi/sdk-navigation@0.38.3
340
+ - @plitzi/sdk-plugins@0.38.3
341
+ - @plitzi/sdk-schema@0.38.3
342
+ - @plitzi/sdk-shared@0.38.3
343
+ - @plitzi/sdk-style@0.38.3
344
+ - @plitzi/sdk-variables@0.38.3
345
+
3
346
  ## 0.38.2
4
347
 
5
348
  ### Patch Changes
@@ -0,0 +1 @@
1
+ export {};
package/dist/index.d.ts CHANGED
@@ -1,4 +1,5 @@
1
1
  import { default as sdkComponents } from './modules/Element';
2
+ import { createShaderProgram, ShaderError, useAnimationFrame, useCanvas2d, useReducedMotion, useWebGL, useWebGL2, CanvasHandle, CanvasOptions, CanvasSize, Frame } from '@plitzi/sdk-elements/canvas';
2
3
  import { default as ComponentProvider } from '@plitzi/sdk-elements/Component/ComponentProvider';
3
4
  import { default as useFlag } from '@plitzi/sdk-elements/dataSource/useFlag';
4
5
  import { default as withElement } from '@plitzi/sdk-elements/Element/hocs/withElement';
@@ -133,8 +134,8 @@ declare const PlitziSdk: {
133
134
  };
134
135
  type PlitziServiceContextValue = BasePlitziServiceContextValue<InstanceType<typeof EventBridge>, InstanceType<typeof InteractionsManager>>;
135
136
  declare const usePlitziServiceContext: () => PlitziServiceContextValue;
136
- export { track, useSdkStore as useStore, ComponentProvider, ComponentContext, usePlitziServiceContext, PlitziServiceProvider, RootElement, withElement, JsxManager, PluginManager, sdkComponents, PluginRemote, ReplicaProvider, useElement, useRscData, useRscRefresh, useChannel, useFlag };
137
- export type { AnalyticsConfig, ElementContextValue, Element, Schema, Style, ComponentPlugin, ComponentPluginFC, PlitziServiceContextValue, OfflineDataRaw, InteractionCallback, InteractionCallbackParamValues, PluginDeclaration, ChannelHandle, RealtimeMember, RealtimeMessage };
137
+ export { track, useSdkStore as useStore, ComponentProvider, ComponentContext, usePlitziServiceContext, PlitziServiceProvider, RootElement, withElement, JsxManager, PluginManager, sdkComponents, PluginRemote, ReplicaProvider, useElement, useRscData, useRscRefresh, useChannel, useFlag, useAnimationFrame, useReducedMotion, useCanvas2d, useWebGL, useWebGL2, createShaderProgram, ShaderError };
138
+ export type { AnalyticsConfig, ElementContextValue, Element, Schema, Style, ComponentPlugin, ComponentPluginFC, PlitziServiceContextValue, OfflineDataRaw, InteractionCallback, InteractionCallbackParamValues, PluginDeclaration, ChannelHandle, RealtimeMember, RealtimeMessage, CanvasHandle, CanvasOptions, CanvasSize, Frame };
138
139
  export declare const version: string;
139
140
  export declare const getStateManager: () => RuntimeStateInstance;
140
141
  export declare const getEventBridge: () => EventBridgeContextValue;
@@ -0,0 +1,6 @@
1
+ /**
2
+ * Plays the space's arrivals that wait to be seen (`motion: { on: 'view' }`) as each first comes into view — every one
3
+ * under the SDK's root, the pages navigated to included. Renders nothing.
4
+ */
5
+ declare const MotionReveal: () => null;
6
+ export default MotionReveal;
@@ -18,7 +18,8 @@ export type ThemedRootProps = {
18
18
  *
19
19
  * It also says when the page is interactive: `data-hydrated` appears once React has taken over the server's markup
20
20
  * (at once for a page rendered in the browser). A space's CSS keys decorative motion that repaints every frame off it
21
- * — `[data-hydrated] .glow { animation-play-state: running; }` — so the load has the main thread to itself.
21
+ * — `[data-hydrated] .glow { animation-play-state: running; }` — so the load has the main thread to itself. And it
22
+ * plays the arrivals that wait to be seen (`MotionReveal`).
22
23
  */
23
24
  declare const ThemedRoot: ({ className, scoped, children }: ThemedRootProps) => import('react').JSX.Element;
24
25
  export default ThemedRoot;