svelte-kit-vice

Commit Graph

Author	SHA1	Message	Date
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
dev	8e800031fe	cleanup phase C: reconfig SvelteKit + aliases + web/routes skeleton svelte.config.js / vite.config.ts: - Drop dead aliases: \$lib, \$glob, \$langs, @/ling, @/logr, @/glob, @/actx, @/uiux, \$terra (their target dirs were removed in phase B). - Add \$reactive at the top level (was previously hidden under the "legacy" block; the target src/libs/reactive is current). - Set kit.files.routes to "web/routes" — demos move out of src/ and will be re-authored from scratch alongside the new architecture. - vite.config.ts: extract the alias map into a single `aliases` const shared by both Vite resolve and the server-test project, instead of duplicating it. web/routes/+layout.svelte + +page.svelte: minimal SvelteKit boot so `npm run dev` and `npm run build` find a routes tree. Real demos (active-uix, soma, morfo, sema, eidos) will be added as sibling routes once the runtime is wired. Verified: `npx svelte-kit sync` regenerates .svelte-kit/tsconfig.json without any of the dead aliases. .svelte-kit/types/web/routes/ is populated, confirming the new routes path is active. Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>	5 months ago

Author

SHA1

Message

Date

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>

dev

8e800031fe

cleanup phase C: reconfig SvelteKit + aliases + web/routes skeleton

svelte.config.js / vite.config.ts:

  - Drop dead aliases: \$lib, \$glob, \$langs, @/ling, @/logr, @/glob,
    @/actx, @/uiux, \$terra (their target dirs were removed in phase B).
  - Add \$reactive at the top level (was previously hidden under the
    "legacy" block; the target src/libs/reactive is current).
  - Set kit.files.routes to "web/routes" — demos move out of src/ and
    will be re-authored from scratch alongside the new architecture.
  - vite.config.ts: extract the alias map into a single `aliases` const
    shared by both Vite resolve and the server-test project, instead of
    duplicating it.

web/routes/+layout.svelte + +page.svelte: minimal SvelteKit boot so
`npm run dev` and `npm run build` find a routes tree. Real demos
(active-uix, soma, morfo, sema, eidos) will be added as sibling routes
once the runtime is wired.

Verified: `npx svelte-kit sync` regenerates .svelte-kit/tsconfig.json
without any of the dead aliases. .svelte-kit/types/web/routes/ is
populated, confirming the new routes path is active.

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

1 2 3 4

153 Commits (74e54384ea5063387f1dfd1ca72779fccde4ffbf)