svelte-kit-vice

Commit Graph

Author	SHA1	Message	Date
dev	fead097ce1	fix(demos): rewrite Skeleton + Spinner demos to canonical 6-tab depth The previous demos violated DEMO_AUTHORING_GUIDE in several places. Both have been rewritten end-to-end against the aspect-ratio canary template (canonical reference for 0-events eidos primitives). Changes per demo: - Stage always rendered between header and tablist (was inside Live tab). - MutationObserver wired with stageRef + 6-entry trace strip (was absent — required even for 0-event components per §6). - Trace strip layout: 'no semantic events' badge + shape/variant + size + color, matches aspect-ratio shape. - Live tab adds the soma + eidos code snippets with full data-uix-code wrappers and head badges (§7 + §8). - somaSnippet now shows the equivalent semantic markup with a clear "not real soma" note (since these are eidos-native). - API tab uses data-uix-table with explicit "Skeleton-specific props" + "Inherited from Box" + "Reference comparison" subsections (§4). - Morfo tab matches §10: header field/value table + Parts table with marker column + per-part data/aria subsection tables. - Sema tab keeps the explicit 0-events explanation (was absent for one of the demos). - Recipe tab uses the Selectors table with morfo/eidos owner tags (§11) instead of a single code snippet. - A11y tab uses data-uix-table (concern/contract) instead of a bullet list, matching aspect-ratio. Reference template: web/routes/uix/components/aspect-ratio/+page.svelte. Per §1, when in doubt, copy from the canary template and adapt. svelte-check: 0 errors. Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>	5 months ago
dev	940e94bb64	Build TextArea component + fix locale propagation bug across soma providers Major work in this session: 1. NumberField demo refactored to expose Intl.NumberFormatOptions live - 9 canonical presets (currency/unit/percent/compact/plain) - Locale/currency/unit lists derived from $libs/langs, $libs/currency, $format/units (no more hardcoded arrays) - Default locale from uix.format.numbers.getLocale() 2. Bug fix: locale prop ignored when soma.format service is active - soma/NumberField: 5 bypass points via new `hasOwnLocale` getter (decimalSeparator, groupSeparator, formatValue, formatEditValue, parseValue) - soma/Calendar: dateOrder respects locale prop (matches DateField precedence) - soma/RangeCalendar: same dateOrder fix - When the consumer passes `locale` prop, soma.nums/dates is bypassed and Intl is used directly with the prop locale 3. TextArea — new component, full 4-layer stack - morfo: 3 parts (provider/input/count), 3 events (commit-input/commit-submit/shift-count-overflow), APG textbox - soma: TextAreaProvider with autosize (scrollHeight measurement), submitOn modes (false\|enter\|shift+enter\|mod+enter), maxLength soft clamp, Field integration (OR-merge), counter overflow tracking - eidos: 5 sizes × 3 variants × 8 colors, autosize suppresses CSS resize - sema: commit-submit + shift-count-overflow perceptual cues - demo: canonical 6-tab depth, all props exposed as live controls - PrimitiveTextareaAttributes added to soma/types/html.ts 4. Also includes accumulated unreleased work from prior sessions: - Eidos ports: announce, clipboard, drag-drop, feed, table, tree-grid, tree-view, virtual-grid, virtual-list, words - Their canonical demos under web/routes/uix/components/ - Semantic events defined for utility morfos (announce/clipboard/virtual-list/virtual-grid) - Tree indent guides fixed (TreeView ::before, TreeGrid stacked gradients) - Sidebar reorganized with Data + Utilities groups - Eidos words content layer and primitives Reference library survey performed before TextArea API design (Mantine, Radix Themes, Chakra v3, React Aria, Ark UI, Bits UI, shadcn, MUI, Prime). Decision documented: no separate CurrencyField/UnitField — single NumberField with formatOptions is the canon (matches all surveyed headless libs except PrimeReact's mode enum, which still uses 1 component). svelte-check: 0 errors in modified/created files. See CONTINUE.md for full session notes and next steps. Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>	5 months ago

Author

SHA1

Message

Date

dev

fead097ce1

fix(demos): rewrite Skeleton + Spinner demos to canonical 6-tab depth

The previous demos violated DEMO_AUTHORING_GUIDE in several places. Both
have been rewritten end-to-end against the aspect-ratio canary template
(canonical reference for 0-events eidos primitives).

Changes per demo:

- Stage always rendered between header and tablist (was inside Live tab).
- MutationObserver wired with stageRef + 6-entry trace strip (was absent —
  required even for 0-event components per §6).
- Trace strip layout: 'no semantic events' badge + shape/variant + size +
  color, matches aspect-ratio shape.
- Live tab adds the soma + eidos code snippets with full data-uix-code
  wrappers and head badges (§7 + §8).
- somaSnippet now shows the equivalent semantic markup with a clear
  "not real soma" note (since these are eidos-native).
- API tab uses data-uix-table with explicit "Skeleton-specific props" +
  "Inherited from Box" + "Reference comparison" subsections (§4).
- Morfo tab matches §10: header field/value table + Parts table with
  marker column + per-part data/aria subsection tables.
- Sema tab keeps the explicit 0-events explanation (was absent for one
  of the demos).
- Recipe tab uses the Selectors table with morfo/eidos owner tags (§11)
  instead of a single code snippet.
- A11y tab uses data-uix-table (concern/contract) instead of a bullet
  list, matching aspect-ratio.

Reference template: web/routes/uix/components/aspect-ratio/+page.svelte.
Per §1, when in doubt, copy from the canary template and adapt.

svelte-check: 0 errors.

Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>

dev

940e94bb64

Build TextArea component + fix locale propagation bug across soma providers

Major work in this session:

1. NumberField demo refactored to expose Intl.NumberFormatOptions live
   - 9 canonical presets (currency/unit/percent/compact/plain)
   - Locale/currency/unit lists derived from $libs/langs, $libs/currency,
     $format/units (no more hardcoded arrays)
   - Default locale from uix.format.numbers.getLocale()

2. Bug fix: locale prop ignored when soma.format service is active
   - soma/NumberField: 5 bypass points via new `hasOwnLocale` getter
     (decimalSeparator, groupSeparator, formatValue, formatEditValue, parseValue)
   - soma/Calendar: dateOrder respects locale prop (matches DateField precedence)
   - soma/RangeCalendar: same dateOrder fix
   - When the consumer passes `locale` prop, soma.nums/dates is bypassed
     and Intl is used directly with the prop locale

3. TextArea — new component, full 4-layer stack
   - morfo: 3 parts (provider/input/count), 3 events
     (commit-input/commit-submit/shift-count-overflow), APG textbox
   - soma: TextAreaProvider with autosize (scrollHeight measurement),
     submitOn modes (false|enter|shift+enter|mod+enter), maxLength soft clamp,
     Field integration (OR-merge), counter overflow tracking
   - eidos: 5 sizes × 3 variants × 8 colors, autosize suppresses CSS resize
   - sema: commit-submit + shift-count-overflow perceptual cues
   - demo: canonical 6-tab depth, all props exposed as live controls
   - PrimitiveTextareaAttributes added to soma/types/html.ts

4. Also includes accumulated unreleased work from prior sessions:
   - Eidos ports: announce, clipboard, drag-drop, feed, table,
     tree-grid, tree-view, virtual-grid, virtual-list, words
   - Their canonical demos under web/routes/uix/components/
   - Semantic events defined for utility morfos
     (announce/clipboard/virtual-list/virtual-grid)
   - Tree indent guides fixed (TreeView ::before, TreeGrid stacked gradients)
   - Sidebar reorganized with Data + Utilities groups
   - Eidos words content layer and primitives

Reference library survey performed before TextArea API design (Mantine,
Radix Themes, Chakra v3, React Aria, Ark UI, Bits UI, shadcn, MUI, Prime).
Decision documented: no separate CurrencyField/UnitField — single
NumberField with formatOptions is the canon (matches all surveyed
headless libs except PrimeReact's mode enum, which still uses 1 component).

svelte-check: 0 errors in modified/created files.

See CONTINUE.md for full session notes and next steps.

Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>

2 Commits (fead097ce1c44e28167e6b0b330b9d396aeded27)