56 lines
3.2 KiB
Markdown
56 lines
3.2 KiB
Markdown
# Studio interactive gallery release
|
|
|
|
Packages: Studio 0.1.4, design-system 0.1.1, compiler 0.8.45, UI 0.8.120.
|
|
|
|
## Result
|
|
|
|
All 104 gallery entries now have explicit sample props and content. Collection
|
|
components receive rows, options, messages, tabs, tree nodes or metrics rather
|
|
than empty defaults. Layout components receive slot content, including the
|
|
conditional templates instantiated after hydration. Composite components render
|
|
their nested shipped components instead of leaving empty mount placeholders.
|
|
|
|
Previews include generated browser functions for the shipped components. Local
|
|
Chart.js and Drawflow bundles render their real providers. Icon masks use the
|
|
shipped Lucide collection, including its aliases; no CDN or icon font is needed.
|
|
The map uses a labeled local schematic and supports marker selection and zoom.
|
|
DeviceFrame shows local content and supports rotation. Toaster has a sample
|
|
notification trigger; Confetti has room to animate without nested scrollbars.
|
|
|
|
Large examples span the available gallery width. Sample output events are
|
|
visible, and preview links do not navigate the frame to unrelated routes. Forms
|
|
and uploads remain demonstrations: they do not submit user data. The editor
|
|
reports rendering, readiness, and failures while preserving the draft. Readiness
|
|
messages must come from the current preview window and match its document path.
|
|
|
|
Switch tracks retain pill geometry across presets and older saved recipes. The
|
|
component's semantic shape takes precedence over the ordinary control radius.
|
|
DeviceFrame now uses the existing motion-base token rather than an undefined
|
|
motion-normal token. The visual-contract update contains only those two files.
|
|
|
|
A generated compiler commit variable shadowed FlowCanvas's `pending` state and
|
|
threw during interaction. Commit bookkeeping now uses short names allocated
|
|
against authored bindings. Tests cover pending, values, committed and the helper
|
|
prefixes, while the generated-module size ratchet continues to pass.
|
|
|
|
The user authorized including the concurrently edited chart-label improvements.
|
|
Painted category ticks shorten at compact widths; complete labels remain in
|
|
wrapped tooltips. Existing caller-provided callbacks remain authoritative.
|
|
|
|
## Verification
|
|
|
|
- Combined compiler, UI, design-system and Studio run: 548 passing tests.
|
|
- TypeScript, public API baseline and UI visual-contract checks pass.
|
|
- Gallery tests verify 104 sample cards, local assets, generated functions,
|
|
populated slots and absence of unresolved nested component mounts.
|
|
- Browser review covers all seven pages, with 16 samples on the first six and
|
|
eight on the last. Actual checks include accordion expansion, Switch toggling
|
|
and its computed 999px radius, modal content, chart canvas creation, table rows,
|
|
graph nodes and selection, Confetti start, data-map selection, map zoom/selection
|
|
and a visible notification. No external map/embed access is required.
|
|
- Existing draft schema, validation, generation locks and APIs remain unchanged.
|
|
|
|
Source sample data is adapted from the existing component showcase profiles and
|
|
reviewed as fixed Studio fixtures. The package has no runtime dependency on the
|
|
component-showcase checkout. New contracts must receive a fixture before shipping.
|