3.2 KiB
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.