svelte-kit-vice

Commit Graph

Author	SHA1	Message	Date
dev	edd75affb3	perf(eidos): code-split 35 component recipes (Phase 3, batch 1) Self-contained recipes (typography/inline/feedback/overlays/misc): banner button float scroll-area separator splitter text heading display code code-block kbd mark highlight link icon avatar breadcrumb toast alert-dialog carousel pin-input popover tooltip link-preview progress meter pagination collapsible accordion tabs toolbar tag-group stepper drawer. Each self-imports its `.css` from its root `.svelte`; removed from index.css. Menus held back (batch 2) because menu-indicator.css must load after them. index.css 93→58 @imports. Monolith 805,692→666,436 raw (−139 KB) / 107,843→90,381 gz (−17.5 KB). Verified: recipes gone from monolith (residual popover sub-part refs are batch-3 pickers; [data- stepper] is base.css token contract); portaled popover content styled in browser; check 0 errors. Co-Authored-By: Claude Opus 4.8 (1M context) <noreply@anthropic.com>	4 months ago
dev	12a7e5cfd3	fix(uix audit): apply Kim audit remediations across morfo/soma/eidos/recipe layers Resolves 34 of 40 failures from src/uix/audit-uix-kimi-1.md. The remaining 6 are all Words component (excluded per project owner — actively developed on a separate track) or unrelated infra (cookie-adapter-client jsdom timeout). Key changes: - soma/provider/context.ts: swallow Svelte's `lifecycle_outside_component` in `context.set()` so unit tests can instantiate providers without a component tree (unblocked 18 picker tests in one line). - soma/textarea: route inline style writes through `dom.apply({attrs})` instead of direct `el.style.X = Y` (contract regex compliance). - soma/picker-shell: add minimal Provider component + morfo so the shared handle utility passes the morfo/component contract. - eidos/_layout: lift `shared.ts` to `eidos/lib/layout-helpers.ts` (the `_layout` directory wasn't a real component) and update 8 layout primitive imports. - eidos/command: replace `onMount` with `$effect` (visual layer can't use Svelte 4 lifecycle hooks per component-api contract); restructure `Item.Icon`/`Item.Shortcut` namespace so contract regex matches. - eidos/color-picker: extract hue spectrum hsl literals to sidecar `color-picker-spectrum.css`; keep main recipe color-literal-free. - eidos/lib/recipes/base.ts: declare 196 layout-primitive + chrome CSS vars (box, flex, grid, float, group, banner, container, section, separator, toggle-group, pin-input, scroll-area, splitter, navigation-menu, dropdown-menu, context-menu, date-range-field, time-range-field, plus per-component additions to date-field, color-picker, button, select). 197 missing → 0 non-Words. - morfo: add `data-dir` to carousel, `data-kind` to date-picker, add StrengthMeterLabel sub-part to password-field, register picker-shell. - 5 pickers (date/color/date-range/time/time-range): add `internals.ts` indirection so `exports.ts` doesn't re-export `*provider.svelte.ts` directly (contract D); rewrite virtual root types to plain object literals (no `WithChild`/`PrimitiveDivAttributes`). - 4 new READMEs (button, textarea, password-field, picker-shell) following the search-field canonical template. Test result: 2391/2397 passing (99.75%). Remaining 6 failures are all Words-scope or jsdom infra timeout — explicitly out of scope. Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>	5 months ago
dev	376f9e33eb	feat(layout): Layout Batch 2 — aspect-ratio, auto-grid, banner, float 4 new layout primitives, full canon (morfo + eidos full set + canon demo + README). `npm run component:audit`: 81 / 81 PASS, 0 NEEDS-WORK. AspectRatio — composes through Box; emits single `--aspect-ratio` CSS var (uses modern CSS `aspect-ratio` property, drops legacy padding-bottom hack). Accepts numeric (16/9 → 1.777…) or string ("16/9") values. AutoGrid — composes through Grid. Resolves `templateColumns` from `minItemWidth` to `repeat(auto-fill, minmax(MIN, 1fr))` in JS so the recipe stays declarative. Uses `auto-fill` (not auto-fit) to preserve empty tracks when item count is low. Banner — `<header role="banner">` announcement strip with intent (full 8-role UIX `ColorRole`), variant (`ChipVariant` soft/solid/ outline/ghost), size (sm/md/lg). Dismissal is composition-driven: consumer wraps in {#if show} and adds `<Banner.Close>`. No `dismissible` boolean. Float — CSS `float` primitive with logical `inline-start` / `inline-end` sides. Redefined from air's 9-zone overlay primitive (which becomes a future `<Positioned>` component if real demand surfaces). Useful for inline images / pull-quotes / drop caps. Each component ships morfo (`scope: ['eidos']`, 1 part, 0 events, justified) + eidos set + README (Baseline / Comparativa / Decisiones / Eventos Sema / Gaps with disposition markers / Referencias / Passive justification) + canon demo with 6 tabs. Sidebar nav appends the 4 entries to the existing Layout group. Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>	5 months ago

Author

SHA1

Message

Date

dev

edd75affb3

perf(eidos): code-split 35 component recipes (Phase 3, batch 1)

Self-contained recipes (typography/inline/feedback/overlays/misc):
banner button float scroll-area separator splitter text heading display
code code-block kbd mark highlight link icon avatar breadcrumb toast
alert-dialog carousel pin-input popover tooltip link-preview progress
meter pagination collapsible accordion tabs toolbar tag-group stepper
drawer.

Each self-imports its `.css` from its root `.svelte`; removed from
index.css. Menus held back (batch 2) because menu-indicator.css must
load after them. index.css 93→58 @imports. Monolith 805,692→666,436 raw
(−139 KB) / 107,843→90,381 gz (−17.5 KB). Verified: recipes gone from
monolith (residual popover sub-part refs are batch-3 pickers; [data-
stepper] is base.css token contract); portaled popover content styled in
browser; check 0 errors.

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

dev

12a7e5cfd3

fix(uix audit): apply Kim audit remediations across morfo/soma/eidos/recipe layers

Resolves 34 of 40 failures from src/uix/audit-uix-kimi-1.md. The remaining
6 are all Words component (excluded per project owner — actively developed
on a separate track) or unrelated infra (cookie-adapter-client jsdom timeout).

Key changes:

  - soma/provider/context.ts: swallow Svelte's `lifecycle_outside_component`
    in `context.set()` so unit tests can instantiate providers without a
    component tree (unblocked 18 picker tests in one line).

  - soma/textarea: route inline style writes through `dom.apply({attrs})`
    instead of direct `el.style.X = Y` (contract regex compliance).

  - soma/picker-shell: add minimal Provider component + morfo so the shared
    handle utility passes the morfo/component contract.

  - eidos/_layout: lift `shared.ts` to `eidos/lib/layout-helpers.ts` (the
    `_layout` directory wasn't a real component) and update 8 layout
    primitive imports.

  - eidos/command: replace `onMount` with `$effect` (visual layer can't use
    Svelte 4 lifecycle hooks per component-api contract); restructure
    `Item.Icon`/`Item.Shortcut` namespace so contract regex matches.

  - eidos/color-picker: extract hue spectrum hsl literals to sidecar
    `color-picker-spectrum.css`; keep main recipe color-literal-free.

  - eidos/lib/recipes/base.ts: declare 196 layout-primitive + chrome CSS
    vars (box, flex, grid, float, group, banner, container, section,
    separator, toggle-group, pin-input, scroll-area, splitter,
    navigation-menu, dropdown-menu, context-menu, date-range-field,
    time-range-field, plus per-component additions to date-field,
    color-picker, button, select). 197 missing → 0 non-Words.

  - morfo: add `data-dir` to carousel, `data-kind` to date-picker, add
    StrengthMeterLabel sub-part to password-field, register picker-shell.

  - 5 pickers (date/color/date-range/time/time-range): add `internals.ts`
    indirection so `exports.ts` doesn't re-export `*provider.svelte.ts`
    directly (contract D); rewrite virtual root types to plain object
    literals (no `WithChild`/`PrimitiveDivAttributes`).

  - 4 new READMEs (button, textarea, password-field, picker-shell)
    following the search-field canonical template.

Test result: 2391/2397 passing (99.75%). Remaining 6 failures are all
Words-scope or jsdom infra timeout — explicitly out of scope.

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

dev

376f9e33eb

feat(layout): Layout Batch 2 — aspect-ratio, auto-grid, banner, float

4 new layout primitives, full canon (morfo + eidos full set + canon
demo + README). `npm run component:audit`: 81 / 81 PASS, 0 NEEDS-WORK.

**AspectRatio** — composes through Box; emits single `--aspect-ratio`
CSS var (uses modern CSS `aspect-ratio` property, drops legacy
padding-bottom hack). Accepts numeric (16/9 → 1.777…) or string
("16/9") values.

**AutoGrid** — composes through Grid. Resolves `templateColumns` from
`minItemWidth` to `repeat(auto-fill, minmax(MIN, 1fr))` in JS so the
recipe stays declarative. Uses `auto-fill` (not auto-fit) to preserve
empty tracks when item count is low.

**Banner** — `<header role="banner">` announcement strip with intent
(full 8-role UIX `ColorRole`), variant (`ChipVariant` soft/solid/
outline/ghost), size (sm/md/lg). Dismissal is composition-driven:
consumer wraps in {#if show} and adds `<Banner.Close>`. No
`dismissible` boolean.

**Float** — CSS `float` primitive with logical `inline-start` /
`inline-end` sides. Redefined from air's 9-zone overlay primitive
(which becomes a future `<Positioned>` component if real demand
surfaces). Useful for inline images / pull-quotes / drop caps.

Each component ships morfo (`scope: ['eidos']`, 1 part, 0 events,
justified) + eidos set + README (Baseline / Comparativa /
Decisiones / Eventos Sema / Gaps with disposition markers /
Referencias / Passive justification) + canon demo with 6 tabs.

Sidebar nav appends the 4 entries to the existing Layout group.

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

3 Commits (27012a5c6823e1e386e03928099d2a5822b0dfaf)