svelte-kit-vice

Commit Graph

Author	SHA1	Message	Date
dev	e6862265e2	sema/morfo/eidos: typed selector builder + dialog wrapper + emerge color sema architecture - sema-map: 5-channel registry (motion / sound / color / presence / haptic) via SemaChannelSignatures declaration merging; engine stamps data-event-* tokens; flat CSS-style cascade replaces the eventLabel-overrides middle layer. - sema-map: emerge family gains base.color so intent deltas can shift hue / saturation / intensity. Without a base, the resolver was skipping the channel and Dialog open with intent='threat' rendered as neutral blue in the Sema tab visualisation. - types: SEMA_FAMILY_POLICY const drives compile-time + runtime intent requirements per family. Object shape so future per-family policy fields fit alongside. Emerge events MAY now declare intent (canon update — a Dialog confirming threat carries it in its very appearance). - chans: rename vibra→haptic, add HapticChannel V1 (Vibration API); SoundChannel eager-init on first user gesture (autoplay race fix). morfo selector discipline - morfo/selectors.ts (new): semaSelector(morfo, partKebab, matchers?) — type-checked against morfo.parts and morfo.events. Sema cascade rules MUST use it; hand-written strings are an architecture violation that breaks silently when morfo renames a part. - dialog morfo: open carries intent via fromProp; close-cancel / close-dismiss / close-dismiss-outside drop intent (cancellation has no evaluative load); close-save stays hardcoded fulfill (commit fulfils the user's decision regardless of dialog context). eidos dialog migration (4th pilot) - eidos/components/dialog/: full subdirectory wrapper — flat <Dialog> + compound Provider/Trigger/Overlay/Content/Title/Description/Close/Header/ Footer; size + position responsive props; sheet auto-form on narrow viewports; closePosition for the auto-X. - sema/components/dialog.ts: cascade rules use semaSelector(dialogMorfo, 'content', matchers?). Intent block adds character (haptic kind / pattern) but never overrides pitch / gain / contour — those are intent.deltas signature ownership and overriding flattens per-intent perceptual difference. demo controls + dialog page - src/lib/_demo (DemoSwitch / DemoEnum / DemoText / DemoRange) — unified controls reused across all component demos. - web/routes/dialog: live preview always rendered above tabs; per-event Sema tab with independent intent probe; signature visualisation + Play buttons with fallback target chain. documentation - CLAUDE.md: intent.deltas signature ownership rule; eidos drift defense doctrine (types over lint); 2026-05-09 hand-off entry. - morfo/README: Typed selector builder section. - eidos/README: linter section reframed as opt-in safety net for plain CSS recipes; the architectural mechanism is compile-time typing. - sema/README: open channel registry + flat cascade docs + override semantics + intent policy const + selector builder discipline. Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>	5 months ago
dev	f5a2a7fb49	eidos: pilot wrapper pattern + doctrinal API conventions Toggle as the eidos pilot: subdirectory layout (recipe + Svelte wrapper + types + index + README) replacing the flat CSS-only form. Pattern is documented in eidos/components/README.md and the toggle README. Shared types live in eidos/lib/types.ts. First export is `Size` (8 values xxs..xxl + full); components narrow with `Extract<Size, ...>` per the per-component-subset doctrine. No `Eidos` prefix on types — module path already conveys the layer. API doctrine: - soma stays compound (Toggle.Provider) for symmetry with multi-part - eidos exports both default + Provider so single-part components accept both `<Toggle>` (ergonomic) and `<Toggle.Provider>` (compound-style consumers) SoundChannel eager-init fixes the autoplay race: AudioContext is created + resumed synchronously on the first user gesture (capture-phase listener registered in the constructor), avoiding the previous race where the first emit() scheduled the resume in a microtask outside the gesture window. Demo page (web/routes/toggle/+page.svelte) restructured so the live preview renders ALWAYS above the tablist — Sema-tab Play buttons can fire on the real toggle. Motion preview amplifies scale ×8 visually only; doctrinal values stay in the <dl>. Conventions 7-13 added to src/docs/sema-implementation-guide.md covering: directory structure, wrapper composition, no Eidos prefix, soma compound vs eidos flat, iconOnly sr-only body, sound eager-init, docs-preview amplification. CLAUDE.md gets a session hand-off block listing where things stand and next concrete steps (migrate switch/collapsible/dialog/drawer/popover/ toast/avatar; wire topbar sound mute to masterGain; rename theme tokens to drop the success/warning/danger fallback aliases). Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>	5 months ago
dev	4546e448bd	demos: web/routes/* for the 8 migrated soma components First demos under the new web/routes location (configured by phase C of the cleanup as `kit.files.routes`). One demo per component: toggle, switch, collapsible, avatar, dialog, drawer, popover, toast. Layout (web/routes/+layout.svelte): - Bootstraps the UIX via createActiveUix({ lang: { schema: {}, defaultLocale: 'es' } }) — minimal config, full UIX surface. - Wraps in <Uix> which sets the active-uix context and creates the Soma scope so providers can require it. - Imports the eidos index.css so the visual layer is applied. - Tiny demo-only stylesheet (web/routes/layout.css) for the page chrome (topbar, demo grid, sections) — explicitly NOT part of eidos. Each demo page exercises the public API: - toggle: bound, initially-pressed, disabled - switch: bound, disabled - collapsible: bound show/hide, disabled trigger - avatar: loaded, error fallback, delayed - dialog: basic with overlay + focus trap + escape dismissal - drawer: right / left / bottom (with handle) - popover: click + hover trigger - toast: 4 intents (fulfill, risk, threat, neutral) via createToaster Verified end-to-end with scripts/demo-probe.ts (Playwright): - All 9 routes (landing + 8 demos) serve 200. - Zero console errors except avatar's pravatar.cc network failure (sandbox limitation, not a real bug). - Interactive checks: dialog open shows modal + overlay backdrop + focused Cancel button; popover open positions floating content next to trigger; toast Fulfill shows the green-tinted shadow driven by data-event-intent='fulfill' from sema's visual channel reacting to the morfo's announce event semantics — confirms the full morfo → sema → eidos pipeline works end-to-end on a migrated soma component. scripts/demo-probe.ts: small Playwright runner that loads each route, captures console errors, takes a screenshot of the static state, then clicks the trigger on dialog/collapsible/popover/toast for a second "open" screenshot. Output goes to g:/tmp/demos/. Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>	5 months ago

Author

SHA1

Message

Date

dev

e6862265e2

sema/morfo/eidos: typed selector builder + dialog wrapper + emerge color

sema architecture
- sema-map: 5-channel registry (motion / sound / color / presence / haptic)
  via SemaChannelSignatures declaration merging; engine stamps data-event-*
  tokens; flat CSS-style cascade replaces the eventLabel-overrides middle layer.
- sema-map: emerge family gains base.color so intent deltas can shift
  hue / saturation / intensity. Without a base, the resolver was skipping the
  channel and Dialog open with intent='threat' rendered as neutral blue in the
  Sema tab visualisation.
- types: SEMA_FAMILY_POLICY const drives compile-time + runtime intent
  requirements per family. Object shape so future per-family policy fields
  fit alongside. Emerge events MAY now declare intent (canon update — a
  Dialog confirming threat carries it in its very appearance).
- chans: rename vibra→haptic, add HapticChannel V1 (Vibration API);
  SoundChannel eager-init on first user gesture (autoplay race fix).

morfo selector discipline
- morfo/selectors.ts (new): semaSelector(morfo, partKebab, matchers?) —
  type-checked against morfo.parts and morfo.events. Sema cascade rules MUST
  use it; hand-written strings are an architecture violation that breaks
  silently when morfo renames a part.
- dialog morfo: open carries intent via fromProp; close-cancel /
  close-dismiss / close-dismiss-outside drop intent (cancellation has no
  evaluative load); close-save stays hardcoded fulfill (commit fulfils the
  user's decision regardless of dialog context).

eidos dialog migration (4th pilot)
- eidos/components/dialog/: full subdirectory wrapper — flat <Dialog> +
  compound Provider/Trigger/Overlay/Content/Title/Description/Close/Header/
  Footer; size + position responsive props; sheet auto-form on narrow
  viewports; closePosition for the auto-X.
- sema/components/dialog.ts: cascade rules use semaSelector(dialogMorfo,
  'content', matchers?). Intent block adds character (haptic kind / pattern)
  but never overrides pitch / gain / contour — those are intent.deltas
  signature ownership and overriding flattens per-intent perceptual difference.

demo controls + dialog page
- src/lib/_demo (DemoSwitch / DemoEnum / DemoText / DemoRange) — unified
  controls reused across all component demos.
- web/routes/dialog: live preview always rendered above tabs; per-event
  Sema tab with independent intent probe; signature visualisation + Play
  buttons with fallback target chain.

documentation
- CLAUDE.md: intent.deltas signature ownership rule; eidos drift defense
  doctrine (types over lint); 2026-05-09 hand-off entry.
- morfo/README: Typed selector builder section.
- eidos/README: linter section reframed as opt-in safety net for plain CSS
  recipes; the architectural mechanism is compile-time typing.
- sema/README: open channel registry + flat cascade docs + override
  semantics + intent policy const + selector builder discipline.

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

dev

f5a2a7fb49

eidos: pilot wrapper pattern + doctrinal API conventions

Toggle as the eidos pilot: subdirectory layout (recipe + Svelte wrapper +
types + index + README) replacing the flat CSS-only form. Pattern is
documented in eidos/components/README.md and the toggle README.

Shared types live in eidos/lib/types.ts. First export is `Size` (8 values
xxs..xxl + full); components narrow with `Extract<Size, ...>` per the
per-component-subset doctrine. No `Eidos` prefix on types — module path
already conveys the layer.

API doctrine:
  - soma stays compound (Toggle.Provider) for symmetry with multi-part
  - eidos exports both default + Provider so single-part components
    accept both `<Toggle>` (ergonomic) and `<Toggle.Provider>`
    (compound-style consumers)

SoundChannel eager-init fixes the autoplay race: AudioContext is created
+ resumed synchronously on the first user gesture (capture-phase
listener registered in the constructor), avoiding the previous race
where the first emit() scheduled the resume in a microtask outside the
gesture window.

Demo page (web/routes/toggle/+page.svelte) restructured so the live
preview renders ALWAYS above the tablist — Sema-tab Play buttons can
fire on the real toggle. Motion preview amplifies scale ×8 visually
only; doctrinal values stay in the <dl>.

Conventions 7-13 added to src/docs/sema-implementation-guide.md
covering: directory structure, wrapper composition, no Eidos prefix,
soma compound vs eidos flat, iconOnly sr-only body, sound eager-init,
docs-preview amplification.

CLAUDE.md gets a session hand-off block listing where things stand and
next concrete steps (migrate switch/collapsible/dialog/drawer/popover/
toast/avatar; wire topbar sound mute to masterGain; rename theme
tokens to drop the success/warning/danger fallback aliases).

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

dev

4546e448bd

demos: web/routes/* for the 8 migrated soma components

First demos under the new web/routes location (configured by phase C
of the cleanup as `kit.files.routes`). One demo per component:
toggle, switch, collapsible, avatar, dialog, drawer, popover, toast.

Layout (web/routes/+layout.svelte):
  - Bootstraps the UIX via createActiveUix({ lang: { schema: {},
    defaultLocale: 'es' } }) — minimal config, full UIX surface.
  - Wraps in <Uix> which sets the active-uix context and creates the
    Soma scope so providers can require it.
  - Imports the eidos index.css so the visual layer is applied.
  - Tiny demo-only stylesheet (web/routes/layout.css) for the page
    chrome (topbar, demo grid, sections) — explicitly NOT part of
    eidos.

Each demo page exercises the public API:
  - toggle: bound, initially-pressed, disabled
  - switch: bound, disabled
  - collapsible: bound show/hide, disabled trigger
  - avatar: loaded, error fallback, delayed
  - dialog: basic with overlay + focus trap + escape dismissal
  - drawer: right / left / bottom (with handle)
  - popover: click + hover trigger
  - toast: 4 intents (fulfill, risk, threat, neutral) via createToaster

Verified end-to-end with scripts/demo-probe.ts (Playwright):
  - All 9 routes (landing + 8 demos) serve 200.
  - Zero console errors except avatar's pravatar.cc network failure
    (sandbox limitation, not a real bug).
  - Interactive checks: dialog open shows modal + overlay backdrop +
    focused Cancel button; popover open positions floating content
    next to trigger; toast Fulfill shows the green-tinted shadow
    driven by data-event-intent='fulfill' from sema's visual channel
    reacting to the morfo's announce event semantics — confirms the
    full morfo → sema → eidos pipeline works end-to-end on a migrated
    soma component.

scripts/demo-probe.ts: small Playwright runner that loads each route,
captures console errors, takes a screenshot of the static state, then
clicks the trigger on dialog/collapsible/popover/toast for a second
"open" screenshot. Output goes to g:/tmp/demos/.

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

3 Commits (64bbe9b158c16cfcbc1225e7dd7d7d038018f87e)