fix(studio): render complete interactive gallery previews
Quality / quality (ubuntu-latest) (push) Failing after 10m12s
Quality / quality (windows-latest) (push) Canceled after 0s

This commit is contained in:
Clintchiz committed 2026-10-19 17:40:50 +05:30
1 parent c765d76a06
commit 9520651330
26 files changed
+5761 -39

No files matched your search

@@ -0,0 +1,55 @@
# 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.