svelte-kit-vice

Commit Graph

Author	SHA1	Message	Date
dev	f8056f438b	fix(demos): eliminate each_key_duplicate crash in 22 component demos The event-trace inspector in each demo keyed its `{#each}` by a `Date.now()` timestamp (`entry.at` / `h.at`). A single interaction can stamp `data-event` on several elements within the same millisecond, so two trace entries share the key and Svelte throws `each_key_duplicate` (reported on dropdown-menu). The trace is an ephemeral, 3-item, text-only log with no transitions or stateful children, so positional reconciliation is correct: drop the timestamp key (the each becomes unkeyed). The `fmtTime(...at)` display is left intact. Swept all 22 demos carrying the pattern (21 keyed by `entry.at` + announce by `h.at`): dropdown-menu, context-menu, menubar, navigation-menu, listbox, grid-list, table, tree-view, tree-grid, feed, command, carousel, drag-drop, clipboard, announce, alert-dialog, button, color-field, link-preview, range-calendar, time-field, time-range-field. Verified: `as \w+ (\w+.at)` -> 0 occurrences site-wide; `npm run check` 0 errors; browser repro on dropdown-menu + table (burst of events, no each_key_duplicate, console clean). Co-Authored-By: Claude Opus 4.8 (1M context) <noreply@anthropic.com>	4 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

f8056f438b

fix(demos): eliminate each_key_duplicate crash in 22 component demos

The event-trace inspector in each demo keyed its `{#each}` by a
`Date.now()` timestamp (`entry.at` / `h.at`). A single interaction can
stamp `data-event` on several elements within the same millisecond, so
two trace entries share the key and Svelte throws `each_key_duplicate`
(reported on dropdown-menu).

The trace is an ephemeral, 3-item, text-only log with no transitions or
stateful children, so positional reconciliation is correct: drop the
timestamp key (the each becomes unkeyed). The `fmtTime(...at)` display is
left intact.

Swept all 22 demos carrying the pattern (21 keyed by `entry.at` + announce
by `h.at`): dropdown-menu, context-menu, menubar, navigation-menu, listbox,
grid-list, table, tree-view, tree-grid, feed, command, carousel, drag-drop,
clipboard, announce, alert-dialog, button, color-field, link-preview,
range-calendar, time-field, time-range-field.

Verified: `as \w+ (\w+.at)` -> 0 occurrences site-wide; `npm run check`
0 errors; browser repro on dropdown-menu + table (burst of events, no
each_key_duplicate, console clean).

Co-Authored-By: Claude Opus 4.8 (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 (5c18a892a007f4fb01f930a693d12d17a1d69587)