quiver-cli 1.3.0 → 2.0.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +197 -239
- package/dist/cli.js +3163 -2040
- package/package.json +10 -11
- package/template/.agents/AGENTS.md +0 -26
- package/template/.agents/commands/cp.md +0 -108
- package/template/.agents/commands/next-setup.md +0 -1064
- package/template/.agents/commands/review.md +0 -68
- package/template/.agents/commands/terraform-readme.md +0 -38
- package/template/.agents/config.json +0 -80
- package/template/.agents/plugins/opencode/rtk.ts +0 -34
- package/template/.agents/skills/agent-browser/SKILL.md +0 -51
- package/template/.agents/skills/apps/skybridge/SKILL.md +0 -50
- package/template/.agents/skills/code/cleanup/SKILL.md +0 -26
- package/template/.agents/skills/code/improve/SKILL.md +0 -122
- package/template/.agents/skills/code/improve/references/audit-playbook.md +0 -130
- package/template/.agents/skills/code/improve/references/closing-the-loop.md +0 -96
- package/template/.agents/skills/code/improve/references/plan-template.md +0 -197
- package/template/.agents/skills/code/vercel-react-best-practices/AGENTS.md +0 -3810
- package/template/.agents/skills/code/vercel-react-best-practices/README.md +0 -123
- package/template/.agents/skills/code/vercel-react-best-practices/SKILL.md +0 -149
- package/template/.agents/skills/code/vercel-react-best-practices/metadata.json +0 -15
- package/template/.agents/skills/code/vercel-react-best-practices/rules/_sections.md +0 -46
- package/template/.agents/skills/code/vercel-react-best-practices/rules/_template.md +0 -28
- package/template/.agents/skills/code/vercel-react-best-practices/rules/advanced-effect-event-deps.md +0 -56
- package/template/.agents/skills/code/vercel-react-best-practices/rules/advanced-event-handler-refs.md +0 -55
- package/template/.agents/skills/code/vercel-react-best-practices/rules/advanced-init-once.md +0 -42
- package/template/.agents/skills/code/vercel-react-best-practices/rules/advanced-use-latest.md +0 -39
- package/template/.agents/skills/code/vercel-react-best-practices/rules/async-api-routes.md +0 -38
- package/template/.agents/skills/code/vercel-react-best-practices/rules/async-cheap-condition-before-await.md +0 -37
- package/template/.agents/skills/code/vercel-react-best-practices/rules/async-defer-await.md +0 -82
- package/template/.agents/skills/code/vercel-react-best-practices/rules/async-dependencies.md +0 -51
- package/template/.agents/skills/code/vercel-react-best-practices/rules/async-parallel.md +0 -28
- package/template/.agents/skills/code/vercel-react-best-practices/rules/async-suspense-boundaries.md +0 -99
- package/template/.agents/skills/code/vercel-react-best-practices/rules/bundle-analyzable-paths.md +0 -63
- package/template/.agents/skills/code/vercel-react-best-practices/rules/bundle-barrel-imports.md +0 -60
- package/template/.agents/skills/code/vercel-react-best-practices/rules/bundle-conditional.md +0 -31
- package/template/.agents/skills/code/vercel-react-best-practices/rules/bundle-defer-third-party.md +0 -49
- package/template/.agents/skills/code/vercel-react-best-practices/rules/bundle-dynamic-imports.md +0 -35
- package/template/.agents/skills/code/vercel-react-best-practices/rules/bundle-preload.md +0 -50
- package/template/.agents/skills/code/vercel-react-best-practices/rules/client-event-listeners.md +0 -74
- package/template/.agents/skills/code/vercel-react-best-practices/rules/client-localstorage-schema.md +0 -71
- package/template/.agents/skills/code/vercel-react-best-practices/rules/client-passive-event-listeners.md +0 -48
- package/template/.agents/skills/code/vercel-react-best-practices/rules/client-swr-dedup.md +0 -56
- package/template/.agents/skills/code/vercel-react-best-practices/rules/js-batch-dom-css.md +0 -107
- package/template/.agents/skills/code/vercel-react-best-practices/rules/js-cache-function-results.md +0 -80
- package/template/.agents/skills/code/vercel-react-best-practices/rules/js-cache-property-access.md +0 -28
- package/template/.agents/skills/code/vercel-react-best-practices/rules/js-cache-storage.md +0 -70
- package/template/.agents/skills/code/vercel-react-best-practices/rules/js-combine-iterations.md +0 -32
- package/template/.agents/skills/code/vercel-react-best-practices/rules/js-early-exit.md +0 -50
- package/template/.agents/skills/code/vercel-react-best-practices/rules/js-flatmap-filter.md +0 -60
- package/template/.agents/skills/code/vercel-react-best-practices/rules/js-hoist-regexp.md +0 -45
- package/template/.agents/skills/code/vercel-react-best-practices/rules/js-index-maps.md +0 -37
- package/template/.agents/skills/code/vercel-react-best-practices/rules/js-length-check-first.md +0 -49
- package/template/.agents/skills/code/vercel-react-best-practices/rules/js-min-max-loop.md +0 -82
- package/template/.agents/skills/code/vercel-react-best-practices/rules/js-request-idle-callback.md +0 -105
- package/template/.agents/skills/code/vercel-react-best-practices/rules/js-set-map-lookups.md +0 -24
- package/template/.agents/skills/code/vercel-react-best-practices/rules/js-tosorted-immutable.md +0 -57
- package/template/.agents/skills/code/vercel-react-best-practices/rules/rendering-activity.md +0 -26
- package/template/.agents/skills/code/vercel-react-best-practices/rules/rendering-animate-svg-wrapper.md +0 -47
- package/template/.agents/skills/code/vercel-react-best-practices/rules/rendering-conditional-render.md +0 -40
- package/template/.agents/skills/code/vercel-react-best-practices/rules/rendering-content-visibility.md +0 -38
- package/template/.agents/skills/code/vercel-react-best-practices/rules/rendering-hoist-jsx.md +0 -46
- package/template/.agents/skills/code/vercel-react-best-practices/rules/rendering-hydration-no-flicker.md +0 -82
- package/template/.agents/skills/code/vercel-react-best-practices/rules/rendering-hydration-suppress-warning.md +0 -30
- package/template/.agents/skills/code/vercel-react-best-practices/rules/rendering-resource-hints.md +0 -85
- package/template/.agents/skills/code/vercel-react-best-practices/rules/rendering-script-defer-async.md +0 -68
- package/template/.agents/skills/code/vercel-react-best-practices/rules/rendering-svg-precision.md +0 -28
- package/template/.agents/skills/code/vercel-react-best-practices/rules/rendering-usetransition-loading.md +0 -75
- package/template/.agents/skills/code/vercel-react-best-practices/rules/rerender-defer-reads.md +0 -39
- package/template/.agents/skills/code/vercel-react-best-practices/rules/rerender-dependencies.md +0 -45
- package/template/.agents/skills/code/vercel-react-best-practices/rules/rerender-derived-state-no-effect.md +0 -40
- package/template/.agents/skills/code/vercel-react-best-practices/rules/rerender-derived-state.md +0 -29
- package/template/.agents/skills/code/vercel-react-best-practices/rules/rerender-functional-setstate.md +0 -74
- package/template/.agents/skills/code/vercel-react-best-practices/rules/rerender-lazy-state-init.md +0 -58
- package/template/.agents/skills/code/vercel-react-best-practices/rules/rerender-memo-with-default-value.md +0 -38
- package/template/.agents/skills/code/vercel-react-best-practices/rules/rerender-memo.md +0 -44
- package/template/.agents/skills/code/vercel-react-best-practices/rules/rerender-move-effect-to-event.md +0 -45
- package/template/.agents/skills/code/vercel-react-best-practices/rules/rerender-no-inline-components.md +0 -82
- package/template/.agents/skills/code/vercel-react-best-practices/rules/rerender-simple-expression-in-memo.md +0 -35
- package/template/.agents/skills/code/vercel-react-best-practices/rules/rerender-split-combined-hooks.md +0 -64
- package/template/.agents/skills/code/vercel-react-best-practices/rules/rerender-transitions.md +0 -40
- package/template/.agents/skills/code/vercel-react-best-practices/rules/rerender-use-deferred-value.md +0 -59
- package/template/.agents/skills/code/vercel-react-best-practices/rules/rerender-use-ref-transient-values.md +0 -73
- package/template/.agents/skills/code/vercel-react-best-practices/rules/server-after-nonblocking.md +0 -73
- package/template/.agents/skills/code/vercel-react-best-practices/rules/server-auth-actions.md +0 -96
- package/template/.agents/skills/code/vercel-react-best-practices/rules/server-cache-lru.md +0 -41
- package/template/.agents/skills/code/vercel-react-best-practices/rules/server-cache-react.md +0 -76
- package/template/.agents/skills/code/vercel-react-best-practices/rules/server-dedup-props.md +0 -65
- package/template/.agents/skills/code/vercel-react-best-practices/rules/server-hoist-static-io.md +0 -149
- package/template/.agents/skills/code/vercel-react-best-practices/rules/server-no-shared-module-state.md +0 -50
- package/template/.agents/skills/code/vercel-react-best-practices/rules/server-parallel-fetching.md +0 -83
- package/template/.agents/skills/code/vercel-react-best-practices/rules/server-parallel-nested-fetching.md +0 -34
- package/template/.agents/skills/code/vercel-react-best-practices/rules/server-serialization.md +0 -38
- package/template/.agents/skills/data/prisma-cli/SKILL.md +0 -247
- package/template/.agents/skills/data/prisma-cli/references/db-execute.md +0 -78
- package/template/.agents/skills/data/prisma-cli/references/db-pull.md +0 -185
- package/template/.agents/skills/data/prisma-cli/references/db-push.md +0 -148
- package/template/.agents/skills/data/prisma-cli/references/db-seed.md +0 -188
- package/template/.agents/skills/data/prisma-cli/references/debug.md +0 -46
- package/template/.agents/skills/data/prisma-cli/references/dev.md +0 -157
- package/template/.agents/skills/data/prisma-cli/references/format.md +0 -48
- package/template/.agents/skills/data/prisma-cli/references/generate.md +0 -173
- package/template/.agents/skills/data/prisma-cli/references/init.md +0 -136
- package/template/.agents/skills/data/prisma-cli/references/mcp.md +0 -38
- package/template/.agents/skills/data/prisma-cli/references/migrate-deploy.md +0 -127
- package/template/.agents/skills/data/prisma-cli/references/migrate-dev.md +0 -145
- package/template/.agents/skills/data/prisma-cli/references/migrate-diff.md +0 -89
- package/template/.agents/skills/data/prisma-cli/references/migrate-reset.md +0 -78
- package/template/.agents/skills/data/prisma-cli/references/migrate-resolve.md +0 -57
- package/template/.agents/skills/data/prisma-cli/references/migrate-status.md +0 -65
- package/template/.agents/skills/data/prisma-cli/references/studio.md +0 -137
- package/template/.agents/skills/data/prisma-cli/references/validate.md +0 -53
- package/template/.agents/skills/data/prisma-client-api/SKILL.md +0 -216
- package/template/.agents/skills/data/prisma-client-api/references/client-methods.md +0 -223
- package/template/.agents/skills/data/prisma-client-api/references/constructor.md +0 -208
- package/template/.agents/skills/data/prisma-client-api/references/filters.md +0 -256
- package/template/.agents/skills/data/prisma-client-api/references/model-queries.md +0 -281
- package/template/.agents/skills/data/prisma-client-api/references/query-options.md +0 -276
- package/template/.agents/skills/data/prisma-client-api/references/raw-queries.md +0 -194
- package/template/.agents/skills/data/prisma-client-api/references/relations.md +0 -308
- package/template/.agents/skills/data/prisma-client-api/references/transactions.md +0 -184
- package/template/.agents/skills/design/impeccable/SKILL.md +0 -84
- package/template/.agents/skills/design/impeccable/reference/adapt.md +0 -312
- package/template/.agents/skills/design/impeccable/reference/adapt.native.md +0 -58
- package/template/.agents/skills/design/impeccable/reference/android.md +0 -40
- package/template/.agents/skills/design/impeccable/reference/animate.md +0 -86
- package/template/.agents/skills/design/impeccable/reference/audit.md +0 -136
- package/template/.agents/skills/design/impeccable/reference/audit.native.md +0 -139
- package/template/.agents/skills/design/impeccable/reference/bolder.md +0 -31
- package/template/.agents/skills/design/impeccable/reference/clarify.md +0 -94
- package/template/.agents/skills/design/impeccable/reference/colorize.md +0 -86
- package/template/.agents/skills/design/impeccable/reference/craft-floor.md +0 -42
- package/template/.agents/skills/design/impeccable/reference/craft.md +0 -5
- package/template/.agents/skills/design/impeccable/reference/critique.md +0 -788
- package/template/.agents/skills/design/impeccable/reference/degraded/asset-producer.md +0 -90
- package/template/.agents/skills/design/impeccable/reference/degraded/documenter.md +0 -24
- package/template/.agents/skills/design/impeccable/reference/degraded/finish-reviewer.md +0 -37
- package/template/.agents/skills/design/impeccable/reference/degraded/manual-edit-applier.md +0 -92
- package/template/.agents/skills/design/impeccable/reference/delight.md +0 -70
- package/template/.agents/skills/design/impeccable/reference/distill.md +0 -111
- package/template/.agents/skills/design/impeccable/reference/doctor.md +0 -53
- package/template/.agents/skills/design/impeccable/reference/document.md +0 -416
- package/template/.agents/skills/design/impeccable/reference/extract.md +0 -69
- package/template/.agents/skills/design/impeccable/reference/harden.md +0 -336
- package/template/.agents/skills/design/impeccable/reference/hooks.md +0 -105
- package/template/.agents/skills/design/impeccable/reference/init.md +0 -125
- package/template/.agents/skills/design/impeccable/reference/ios.md +0 -45
- package/template/.agents/skills/design/impeccable/reference/layout.md +0 -84
- package/template/.agents/skills/design/impeccable/reference/live-setup.md +0 -102
- package/template/.agents/skills/design/impeccable/reference/live.md +0 -323
- package/template/.agents/skills/design/impeccable/reference/new-work.md +0 -105
- package/template/.agents/skills/design/impeccable/reference/onboard.md +0 -234
- package/template/.agents/skills/design/impeccable/reference/operate.md +0 -61
- package/template/.agents/skills/design/impeccable/reference/optimize.md +0 -258
- package/template/.agents/skills/design/impeccable/reference/overdrive.md +0 -127
- package/template/.agents/skills/design/impeccable/reference/polish.md +0 -97
- package/template/.agents/skills/design/impeccable/reference/quieter.md +0 -99
- package/template/.agents/skills/design/impeccable/reference/routing.md +0 -18
- package/template/.agents/skills/design/impeccable/reference/shape.md +0 -59
- package/template/.agents/skills/design/impeccable/reference/typeset.md +0 -80
- package/template/.agents/skills/design/impeccable/reference/visualize.md +0 -47
- package/template/.agents/skills/design/impeccable/scripts/command-metadata.json +0 -94
- package/template/.agents/skills/design/impeccable/scripts/concept-seed.mjs +0 -558
- package/template/.agents/skills/design/impeccable/scripts/context-signals.mjs +0 -334
- package/template/.agents/skills/design/impeccable/scripts/context.mjs +0 -1450
- package/template/.agents/skills/design/impeccable/scripts/critique-storage.mjs +0 -213
- package/template/.agents/skills/design/impeccable/scripts/detect-csp.mjs +0 -198
- package/template/.agents/skills/design/impeccable/scripts/detect.mjs +0 -21
- package/template/.agents/skills/design/impeccable/scripts/detector/browser/injected/index.mjs +0 -2023
- package/template/.agents/skills/design/impeccable/scripts/detector/cli/main.mjs +0 -438
- package/template/.agents/skills/design/impeccable/scripts/detector/design-system.mjs +0 -983
- package/template/.agents/skills/design/impeccable/scripts/detector/detect-antipatterns-browser.js +0 -8283
- package/template/.agents/skills/design/impeccable/scripts/detector/detect-antipatterns.mjs +0 -50
- package/template/.agents/skills/design/impeccable/scripts/detector/engines/browser/detect-url.mjs +0 -372
- package/template/.agents/skills/design/impeccable/scripts/detector/engines/regex/detect-text.mjs +0 -768
- package/template/.agents/skills/design/impeccable/scripts/detector/engines/static-html/css-cascade.mjs +0 -1186
- package/template/.agents/skills/design/impeccable/scripts/detector/engines/static-html/detect-html.mjs +0 -264
- package/template/.agents/skills/design/impeccable/scripts/detector/engines/visual/screenshot-contrast.mjs +0 -189
- package/template/.agents/skills/design/impeccable/scripts/detector/findings.mjs +0 -18
- package/template/.agents/skills/design/impeccable/scripts/detector/node/file-system.mjs +0 -212
- package/template/.agents/skills/design/impeccable/scripts/detector/profile/profiler.mjs +0 -166
- package/template/.agents/skills/design/impeccable/scripts/detector/registry/antipatterns.mjs +0 -617
- package/template/.agents/skills/design/impeccable/scripts/detector/rules/checks.mjs +0 -5580
- package/template/.agents/skills/design/impeccable/scripts/detector/shared/color.mjs +0 -124
- package/template/.agents/skills/design/impeccable/scripts/detector/shared/constants.mjs +0 -112
- package/template/.agents/skills/design/impeccable/scripts/detector/shared/fonts.mjs +0 -30
- package/template/.agents/skills/design/impeccable/scripts/detector/shared/inline-ignores.mjs +0 -148
- package/template/.agents/skills/design/impeccable/scripts/detector/shared/page.mjs +0 -7
- package/template/.agents/skills/design/impeccable/scripts/doctor.mjs +0 -336
- package/template/.agents/skills/design/impeccable/scripts/embed-prompt.mjs +0 -133
- package/template/.agents/skills/design/impeccable/scripts/generate-image.mjs +0 -240
- package/template/.agents/skills/design/impeccable/scripts/hook-admin.mjs +0 -741
- package/template/.agents/skills/design/impeccable/scripts/hook-before-edit.mjs +0 -516
- package/template/.agents/skills/design/impeccable/scripts/hook-lib.mjs +0 -2100
- package/template/.agents/skills/design/impeccable/scripts/hook.mjs +0 -78
- package/template/.agents/skills/design/impeccable/scripts/lib/artifact-schema.mjs +0 -93
- package/template/.agents/skills/design/impeccable/scripts/lib/composition-catalog.mjs +0 -200
- package/template/.agents/skills/design/impeccable/scripts/lib/concept-catalog.mjs +0 -357
- package/template/.agents/skills/design/impeccable/scripts/lib/design-parser.mjs +0 -842
- package/template/.agents/skills/design/impeccable/scripts/lib/impeccable-config.mjs +0 -658
- package/template/.agents/skills/design/impeccable/scripts/lib/impeccable-paths.mjs +0 -137
- package/template/.agents/skills/design/impeccable/scripts/lib/is-generated.mjs +0 -69
- package/template/.agents/skills/design/impeccable/scripts/lib/provider.mjs +0 -5
- package/template/.agents/skills/design/impeccable/scripts/lib/roll-selection.mjs +0 -362
- package/template/.agents/skills/design/impeccable/scripts/lib/staleness-deep.mjs +0 -457
- package/template/.agents/skills/design/impeccable/scripts/lib/staleness-notice.mjs +0 -169
- package/template/.agents/skills/design/impeccable/scripts/lib/staleness.mjs +0 -457
- package/template/.agents/skills/design/impeccable/scripts/lib/surface-briefs.mjs +0 -151
- package/template/.agents/skills/design/impeccable/scripts/lib/target-args.mjs +0 -42
- package/template/.agents/skills/design/impeccable/scripts/lib/target-slug.mjs +0 -33
- package/template/.agents/skills/design/impeccable/scripts/lib/template-extensions.mjs +0 -146
- package/template/.agents/skills/design/impeccable/scripts/live/accept-css.mjs +0 -617
- package/template/.agents/skills/design/impeccable/scripts/live/accept-verify.mjs +0 -60
- package/template/.agents/skills/design/impeccable/scripts/live/browser-script-parts.mjs +0 -55
- package/template/.agents/skills/design/impeccable/scripts/live/completion.mjs +0 -28
- package/template/.agents/skills/design/impeccable/scripts/live/event-validation.mjs +0 -199
- package/template/.agents/skills/design/impeccable/scripts/live/frameworks/astro.mjs +0 -47
- package/template/.agents/skills/design/impeccable/scripts/live/frameworks/detect-utils.mjs +0 -73
- package/template/.agents/skills/design/impeccable/scripts/live/frameworks/index.mjs +0 -143
- package/template/.agents/skills/design/impeccable/scripts/live/frameworks/journal.mjs +0 -197
- package/template/.agents/skills/design/impeccable/scripts/live/frameworks/nextjs.mjs +0 -49
- package/template/.agents/skills/design/impeccable/scripts/live/frameworks/nuxt.mjs +0 -161
- package/template/.agents/skills/design/impeccable/scripts/live/frameworks/script-src.mjs +0 -17
- package/template/.agents/skills/design/impeccable/scripts/live/frameworks/static-html.mjs +0 -26
- package/template/.agents/skills/design/impeccable/scripts/live/frameworks/sveltekit.mjs +0 -71
- package/template/.agents/skills/design/impeccable/scripts/live/frameworks/tag-strategy.mjs +0 -247
- package/template/.agents/skills/design/impeccable/scripts/live/frameworks/tanstack-start.mjs +0 -70
- package/template/.agents/skills/design/impeccable/scripts/live/frameworks/vite-generic.mjs +0 -42
- package/template/.agents/skills/design/impeccable/scripts/live/generation-preflight.mjs +0 -149
- package/template/.agents/skills/design/impeccable/scripts/live/insert-ui.mjs +0 -458
- package/template/.agents/skills/design/impeccable/scripts/live/instructions.mjs +0 -142
- package/template/.agents/skills/design/impeccable/scripts/live/manual-apply.mjs +0 -939
- package/template/.agents/skills/design/impeccable/scripts/live/manual-edit-routes.mjs +0 -357
- package/template/.agents/skills/design/impeccable/scripts/live/manual-edits-buffer.mjs +0 -152
- package/template/.agents/skills/design/impeccable/scripts/live/poll-lanes.mjs +0 -14
- package/template/.agents/skills/design/impeccable/scripts/live/roots.mjs +0 -508
- package/template/.agents/skills/design/impeccable/scripts/live/session-store.mjs +0 -563
- package/template/.agents/skills/design/impeccable/scripts/live/source-lock.mjs +0 -105
- package/template/.agents/skills/design/impeccable/scripts/live/source-search.mjs +0 -105
- package/template/.agents/skills/design/impeccable/scripts/live/svelte-ast.mjs +0 -961
- package/template/.agents/skills/design/impeccable/scripts/live/svelte-component.mjs +0 -1342
- package/template/.agents/skills/design/impeccable/scripts/live/sveltekit-adapter.mjs +0 -316
- package/template/.agents/skills/design/impeccable/scripts/live/tanstack-adapter.mjs +0 -280
- package/template/.agents/skills/design/impeccable/scripts/live/ui-core.mjs +0 -180
- package/template/.agents/skills/design/impeccable/scripts/live/vocabulary.mjs +0 -171
- package/template/.agents/skills/design/impeccable/scripts/live-accept.mjs +0 -954
- package/template/.agents/skills/design/impeccable/scripts/live-browser-dom.js +0 -146
- package/template/.agents/skills/design/impeccable/scripts/live-browser-session.js +0 -123
- package/template/.agents/skills/design/impeccable/scripts/live-browser.js +0 -12512
- package/template/.agents/skills/design/impeccable/scripts/live-commit-manual-edits.mjs +0 -1244
- package/template/.agents/skills/design/impeccable/scripts/live-complete.mjs +0 -107
- package/template/.agents/skills/design/impeccable/scripts/live-copy-edit-agent.mjs +0 -683
- package/template/.agents/skills/design/impeccable/scripts/live-discard-manual-edits.mjs +0 -51
- package/template/.agents/skills/design/impeccable/scripts/live-inject.mjs +0 -503
- package/template/.agents/skills/design/impeccable/scripts/live-insert.mjs +0 -292
- package/template/.agents/skills/design/impeccable/scripts/live-manual-edit-evidence.mjs +0 -368
- package/template/.agents/skills/design/impeccable/scripts/live-poll.mjs +0 -429
- package/template/.agents/skills/design/impeccable/scripts/live-resume.mjs +0 -123
- package/template/.agents/skills/design/impeccable/scripts/live-server.mjs +0 -1661
- package/template/.agents/skills/design/impeccable/scripts/live-status.mjs +0 -71
- package/template/.agents/skills/design/impeccable/scripts/live-target.mjs +0 -30
- package/template/.agents/skills/design/impeccable/scripts/live-wrap.mjs +0 -927
- package/template/.agents/skills/design/impeccable/scripts/live.mjs +0 -359
- package/template/.agents/skills/design/impeccable/scripts/modern-screenshot.umd.js +0 -14
- package/template/.agents/skills/design/impeccable/scripts/palette.mjs +0 -628
- package/template/.agents/skills/design/impeccable/scripts/pin.mjs +0 -221
- package/template/.agents/skills/design/impeccable/scripts/serve-question.mjs +0 -932
- package/template/.agents/skills/design/impeccable/scripts/surface-brief.mjs +0 -74
- package/template/.agents/skills/design/shadcn/SKILL.md +0 -277
- package/template/.agents/skills/design/shadcn/agents/openai.yml +0 -5
- package/template/.agents/skills/design/shadcn/assets/shadcn-small.png +0 -0
- package/template/.agents/skills/design/shadcn/assets/shadcn.png +0 -0
- package/template/.agents/skills/design/shadcn/cli.md +0 -290
- package/template/.agents/skills/design/shadcn/customization.md +0 -209
- package/template/.agents/skills/design/shadcn/evals/evals.json +0 -77
- package/template/.agents/skills/design/shadcn/mcp.md +0 -105
- package/template/.agents/skills/design/shadcn/registry.md +0 -277
- package/template/.agents/skills/design/shadcn/rules/base-vs-radix.md +0 -306
- package/template/.agents/skills/design/shadcn/rules/chat.md +0 -224
- package/template/.agents/skills/design/shadcn/rules/composition.md +0 -213
- package/template/.agents/skills/design/shadcn/rules/forms.md +0 -192
- package/template/.agents/skills/design/shadcn/rules/icons.md +0 -101
- package/template/.agents/skills/design/shadcn/rules/styling.md +0 -185
- package/template/.agents/skills/find-skills/SKILL.md +0 -141
- package/template/.agents/skills/hono/SKILL.md +0 -579
- package/template/.agents/skills/integrations/langfuse/SKILL.md +0 -146
- package/template/.agents/skills/integrations/langfuse/references/ci-cd.md +0 -41
- package/template/.agents/skills/integrations/langfuse/references/cli.md +0 -60
- package/template/.agents/skills/integrations/langfuse/references/error-analysis.md +0 -88
- package/template/.agents/skills/integrations/langfuse/references/instrumentation.md +0 -121
- package/template/.agents/skills/integrations/langfuse/references/judge-calibration.md +0 -291
- package/template/.agents/skills/integrations/langfuse/references/prompt-engineering.md +0 -35
- package/template/.agents/skills/integrations/langfuse/references/prompt-migration.md +0 -79
- package/template/.agents/skills/integrations/langfuse/references/skill-feedback.md +0 -55
- package/template/.agents/skills/integrations/langfuse/references/trace-evaluator-upgrade.md +0 -76
- package/template/.agents/skills/integrations/langfuse/references/user-feedback.md +0 -92
- package/template/.agents/skills/integrations/langfuse/references/v4-project-migration.md +0 -73
- package/template/.agents/skills/integrations/posthog/SKILL.md +0 -102
- package/template/.agents/skills/integrations/posthog/references/error-tracking-alerts.md +0 -63
- package/template/.agents/skills/integrations/posthog/references/error-tracking-assigning-issues.md +0 -77
- package/template/.agents/skills/integrations/posthog/references/error-tracking-fingerprints.md +0 -57
- package/template/.agents/skills/integrations/posthog/references/error-tracking-monitoring.md +0 -140
- package/template/.agents/skills/integrations/posthog/references/error-tracking-nextjs.md +0 -490
- package/template/.agents/skills/integrations/posthog/references/error-tracking-source-maps.md +0 -45
- package/template/.agents/skills/integrations/posthog/references/feature-flags-best-practices.md +0 -139
- package/template/.agents/skills/integrations/posthog/references/feature-flags-react.md +0 -302
- package/template/.agents/skills/integrations/posthog/references/identify-users.md +0 -202
- package/template/.agents/skills/integrations/posthog/references/integration-example.md +0 -706
- package/template/.agents/skills/integrations/posthog/references/integration-nextjs.md +0 -385
- package/template/.agents/skills/integrations/posthog/references/integration-step-1-begin.md +0 -43
- package/template/.agents/skills/integrations/posthog/references/integration-step-2-edit.md +0 -37
- package/template/.agents/skills/integrations/posthog/references/integration-step-3-revise.md +0 -22
- package/template/.agents/skills/integrations/posthog/references/integration-step-4-conclude.md +0 -38
- package/template/.agents/skills/integrations/posthog/references/llm-analytics-anthropic.md +0 -200
- package/template/.agents/skills/integrations/posthog/references/llm-analytics-basics.md +0 -62
- package/template/.agents/skills/integrations/posthog/references/llm-analytics-costs.md +0 -197
- package/template/.agents/skills/integrations/posthog/references/llm-analytics-manual-capture.md +0 -397
- package/template/.agents/skills/integrations/posthog/references/llm-analytics-traces.md +0 -98
- package/template/.agents/skills/integrations/posthog/references/llm-analytics-vercel-ai.md +0 -120
- package/template/.agents/skills/repo/repo-ci/SKILL.md +0 -265
- package/template/.agents/skills/repo/repo-init-next-js/SKILL.md +0 -129
- package/template/.agents/skills/repo/repo-init-next-js/references/file-contents.md +0 -800
- package/template/.agents/skills/repo/repo-init-next-js/scripts/setup.sh +0 -47
- package/template/.agents/skills/repo/repo-init-node/SKILL.md +0 -196
- package/template/.agents/skills/skill-creator/LICENSE.txt +0 -202
- package/template/.agents/skills/skill-creator/SKILL.md +0 -485
- package/template/.agents/skills/skill-creator/agents/analyzer.md +0 -274
- package/template/.agents/skills/skill-creator/agents/comparator.md +0 -202
- package/template/.agents/skills/skill-creator/agents/grader.md +0 -223
- package/template/.agents/skills/skill-creator/assets/eval_review.html +0 -146
- package/template/.agents/skills/skill-creator/eval-viewer/generate_review.py +0 -471
- package/template/.agents/skills/skill-creator/eval-viewer/viewer.html +0 -1325
- package/template/.agents/skills/skill-creator/references/schemas.md +0 -430
- package/template/.agents/skills/skill-creator/scripts/__init__.py +0 -0
- package/template/.agents/skills/skill-creator/scripts/aggregate_benchmark.py +0 -401
- package/template/.agents/skills/skill-creator/scripts/generate_report.py +0 -326
- package/template/.agents/skills/skill-creator/scripts/improve_description.py +0 -247
- package/template/.agents/skills/skill-creator/scripts/package_skill.py +0 -136
- package/template/.agents/skills/skill-creator/scripts/quick_validate.py +0 -103
- package/template/.agents/skills/skill-creator/scripts/run_eval.py +0 -310
- package/template/.agents/skills/skill-creator/scripts/run_loop.py +0 -328
- package/template/.agents/skills/skill-creator/scripts/utils.py +0 -47
- package/template/.agents/skills/supabase/CHANGELOG.md +0 -71
- package/template/.agents/skills/supabase/SKILL.md +0 -145
- package/template/.agents/skills/supabase/assets/feedback-issue-template.md +0 -17
- package/template/.agents/skills/supabase/references/skill-feedback.md +0 -17
- package/template/.agents/skills/supabase-postgres-best-practices/CHANGELOG.md +0 -73
- package/template/.agents/skills/supabase-postgres-best-practices/SKILL.md +0 -64
- package/template/.agents/skills/supabase-postgres-best-practices/references/_contributing.md +0 -170
- package/template/.agents/skills/supabase-postgres-best-practices/references/_sections.md +0 -39
- package/template/.agents/skills/supabase-postgres-best-practices/references/_template.md +0 -34
- package/template/.agents/skills/supabase-postgres-best-practices/references/advanced-full-text-search.md +0 -55
- package/template/.agents/skills/supabase-postgres-best-practices/references/advanced-jsonb-indexing.md +0 -49
- package/template/.agents/skills/supabase-postgres-best-practices/references/conn-idle-timeout.md +0 -46
- package/template/.agents/skills/supabase-postgres-best-practices/references/conn-limits.md +0 -44
- package/template/.agents/skills/supabase-postgres-best-practices/references/conn-pooling.md +0 -41
- package/template/.agents/skills/supabase-postgres-best-practices/references/conn-prepared-statements.md +0 -46
- package/template/.agents/skills/supabase-postgres-best-practices/references/data-batch-inserts.md +0 -54
- package/template/.agents/skills/supabase-postgres-best-practices/references/data-n-plus-one.md +0 -53
- package/template/.agents/skills/supabase-postgres-best-practices/references/data-pagination.md +0 -50
- package/template/.agents/skills/supabase-postgres-best-practices/references/data-upsert.md +0 -50
- package/template/.agents/skills/supabase-postgres-best-practices/references/lock-advisory.md +0 -56
- package/template/.agents/skills/supabase-postgres-best-practices/references/lock-deadlock-prevention.md +0 -68
- package/template/.agents/skills/supabase-postgres-best-practices/references/lock-short-transactions.md +0 -50
- package/template/.agents/skills/supabase-postgres-best-practices/references/lock-skip-locked.md +0 -54
- package/template/.agents/skills/supabase-postgres-best-practices/references/monitor-explain-analyze.md +0 -45
- package/template/.agents/skills/supabase-postgres-best-practices/references/monitor-pg-stat-statements.md +0 -55
- package/template/.agents/skills/supabase-postgres-best-practices/references/monitor-vacuum-analyze.md +0 -55
- package/template/.agents/skills/supabase-postgres-best-practices/references/query-composite-indexes.md +0 -44
- package/template/.agents/skills/supabase-postgres-best-practices/references/query-covering-indexes.md +0 -40
- package/template/.agents/skills/supabase-postgres-best-practices/references/query-index-types.md +0 -48
- package/template/.agents/skills/supabase-postgres-best-practices/references/query-missing-indexes.md +0 -43
- package/template/.agents/skills/supabase-postgres-best-practices/references/query-partial-indexes.md +0 -45
- package/template/.agents/skills/supabase-postgres-best-practices/references/schema-constraints.md +0 -80
- package/template/.agents/skills/supabase-postgres-best-practices/references/schema-data-types.md +0 -46
- package/template/.agents/skills/supabase-postgres-best-practices/references/schema-foreign-key-indexes.md +0 -59
- package/template/.agents/skills/supabase-postgres-best-practices/references/schema-lowercase-identifiers.md +0 -55
- package/template/.agents/skills/supabase-postgres-best-practices/references/schema-partitioning.md +0 -55
- package/template/.agents/skills/supabase-postgres-best-practices/references/schema-primary-keys.md +0 -61
- package/template/.agents/skills/supabase-postgres-best-practices/references/security-privileges.md +0 -54
- package/template/.agents/skills/supabase-postgres-best-practices/references/security-rls-basics.md +0 -50
- package/template/.agents/skills/supabase-postgres-best-practices/references/security-rls-performance.md +0 -63
- package/template/.agents/skills/writing/humanizer/SKILL.md +0 -621
- package/template/.agents/upstreams.json +0 -116
|
@@ -1,1342 +0,0 @@
|
|
|
1
|
-
/**
|
|
2
|
-
* Svelte live-mode component injection helpers.
|
|
3
|
-
*
|
|
4
|
-
* Variants are real .svelte components under node_modules/.impeccable-live/<session-id>/.
|
|
5
|
-
* The browser mounts them via Svelte 5 mount(); accept inlines the chosen
|
|
6
|
-
* variant back into the route source with props mapped to original bindings.
|
|
7
|
-
*/
|
|
8
|
-
|
|
9
|
-
import fs from 'node:fs';
|
|
10
|
-
import path from 'node:path';
|
|
11
|
-
import os from 'node:os';
|
|
12
|
-
import { createHash } from 'node:crypto';
|
|
13
|
-
import {
|
|
14
|
-
analyzeSvelteMarkup,
|
|
15
|
-
buildPropsScriptV2,
|
|
16
|
-
loadSvelteCompiler,
|
|
17
|
-
restoreSvelteMarkup,
|
|
18
|
-
} from './svelte-ast.mjs';
|
|
19
|
-
import {
|
|
20
|
-
bakeParamValues,
|
|
21
|
-
collectAllSelectors,
|
|
22
|
-
collectUnusedSelectors,
|
|
23
|
-
normalizeSelector,
|
|
24
|
-
parseStylesheet,
|
|
25
|
-
pruneUnusedSelectors,
|
|
26
|
-
reconcileCss,
|
|
27
|
-
serializeNodes,
|
|
28
|
-
splitSelectorList,
|
|
29
|
-
} from './accept-css.mjs';
|
|
30
|
-
import { verifyAcceptedSource } from './accept-verify.mjs';
|
|
31
|
-
|
|
32
|
-
// Preview modules stay under node_modules on purpose: SvelteKit restricts
|
|
33
|
-
// vite's server.fs.allow to src/lib, src/routes, .svelte-kit, and
|
|
34
|
-
// node_modules, so an .impeccable/ tree under the app root 403s (verified
|
|
35
|
-
// against a real SvelteKit dev server). Staleness from node_modules being
|
|
36
|
-
// unwatched is solved by REVISIONED module paths instead: every publish
|
|
37
|
-
// snapshots the variant files into a fresh r<N>/ directory and the browser
|
|
38
|
-
// imports from there, so a republished fix can never be pinned by a
|
|
39
|
-
// transform cache keyed on the old path.
|
|
40
|
-
export const SVELTE_COMPONENT_ROOT = 'node_modules/.impeccable-live';
|
|
41
|
-
// A short-lived interim location; swept so no project keeps a stray tree.
|
|
42
|
-
export const LEGACY_SVELTE_COMPONENT_ROOT = '.impeccable/live/previews';
|
|
43
|
-
export const SVELTE_RUNTIME_FILE = `${SVELTE_COMPONENT_ROOT}/__runtime.js`;
|
|
44
|
-
export const SVELTE_PROBE_FILE = `${SVELTE_COMPONENT_ROOT}/__probe.js`;
|
|
45
|
-
export const DEFERRED_ACCEPTS_FILE = '.impeccable/live/deferred-svelte-component-accepts.json';
|
|
46
|
-
|
|
47
|
-
const MUSTACHE_RE = /\{([^{}]+)\}/g;
|
|
48
|
-
|
|
49
|
-
export function shouldUseSvelteComponentInjection(filePath) {
|
|
50
|
-
if (/^(0|false|no)$/i.test(process.env.IMPECCABLE_LIVE_SVELTE_COMPONENT || '')) return false;
|
|
51
|
-
return path.extname(filePath).toLowerCase() === '.svelte';
|
|
52
|
-
}
|
|
53
|
-
|
|
54
|
-
export function componentSessionDir(id, cwd = process.cwd()) {
|
|
55
|
-
return path.join(cwd, SVELTE_COMPONENT_ROOT, id);
|
|
56
|
-
}
|
|
57
|
-
|
|
58
|
-
export function manifestPathForSession(id, cwd = process.cwd()) {
|
|
59
|
-
return path.join(componentSessionDir(id, cwd), 'manifest.json');
|
|
60
|
-
}
|
|
61
|
-
|
|
62
|
-
export function ensureRuntimeHelper(cwd = process.cwd()) {
|
|
63
|
-
const file = path.join(cwd, SVELTE_RUNTIME_FILE);
|
|
64
|
-
fs.mkdirSync(path.dirname(file), { recursive: true });
|
|
65
|
-
if (!fs.existsSync(file)) {
|
|
66
|
-
fs.writeFileSync(file, `export { mount, unmount } from 'svelte';\n`, 'utf-8');
|
|
67
|
-
}
|
|
68
|
-
// Attach-time probe: the browser imports this through the dev server before
|
|
69
|
-
// the first mount. A 404 here means the resolved app root and the dev
|
|
70
|
-
// server's root disagree, and the session fails with a named error instead
|
|
71
|
-
// of a silent fall-back to the picker at first variant.
|
|
72
|
-
const probe = path.join(cwd, SVELTE_PROBE_FILE);
|
|
73
|
-
if (!fs.existsSync(probe)) {
|
|
74
|
-
fs.writeFileSync(probe, `export const impeccableLivePreviewProbe = true;\n`, 'utf-8');
|
|
75
|
-
}
|
|
76
|
-
return file;
|
|
77
|
-
}
|
|
78
|
-
|
|
79
|
-
/**
|
|
80
|
-
* Extract ordered unique mustache expressions from markup (not inside <!-- -->).
|
|
81
|
-
*/
|
|
82
|
-
export function extractMustacheExpressions(text) {
|
|
83
|
-
const expressions = [];
|
|
84
|
-
const seen = new Set();
|
|
85
|
-
const lines = String(text || '').split('\n');
|
|
86
|
-
for (const line of lines) {
|
|
87
|
-
const trimmed = line.trim();
|
|
88
|
-
if (trimmed.startsWith('<!--')) continue;
|
|
89
|
-
let match;
|
|
90
|
-
MUSTACHE_RE.lastIndex = 0;
|
|
91
|
-
while ((match = MUSTACHE_RE.exec(line)) !== null) {
|
|
92
|
-
const expr = match[1].trim();
|
|
93
|
-
if (!expr || seen.has(expr)) continue;
|
|
94
|
-
seen.add(expr);
|
|
95
|
-
expressions.push(expr);
|
|
96
|
-
}
|
|
97
|
-
}
|
|
98
|
-
return expressions;
|
|
99
|
-
}
|
|
100
|
-
|
|
101
|
-
export function buildPropContract(expressions) {
|
|
102
|
-
return expressions.map((expr, index) => {
|
|
103
|
-
const derived = derivePropName(expr, index);
|
|
104
|
-
return {
|
|
105
|
-
prop: derived,
|
|
106
|
-
expr,
|
|
107
|
-
placeholder: `{${expr}}`,
|
|
108
|
-
};
|
|
109
|
-
});
|
|
110
|
-
}
|
|
111
|
-
|
|
112
|
-
function derivePropName(expr, index) {
|
|
113
|
-
const tail = expr.match(/(?:\.|\[)(\w+)\s*\]?$/);
|
|
114
|
-
if (tail && tail[1] && /^[A-Za-z_$][\w$]*$/.test(tail[1])) {
|
|
115
|
-
return tail[1];
|
|
116
|
-
}
|
|
117
|
-
return `prop${index}`;
|
|
118
|
-
}
|
|
119
|
-
|
|
120
|
-
export function substituteExprsWithProps(markup, contract) {
|
|
121
|
-
let out = String(markup || '');
|
|
122
|
-
for (const entry of contract) {
|
|
123
|
-
out = out.split(entry.placeholder).join(`{${entry.prop}}`);
|
|
124
|
-
}
|
|
125
|
-
return out;
|
|
126
|
-
}
|
|
127
|
-
|
|
128
|
-
export function substitutePropsWithExprs(markup, contract) {
|
|
129
|
-
let out = String(markup || '');
|
|
130
|
-
for (const entry of contract) {
|
|
131
|
-
out = out.split(`{${entry.prop}}`).join(`{${entry.expr}}`);
|
|
132
|
-
}
|
|
133
|
-
return out;
|
|
134
|
-
}
|
|
135
|
-
|
|
136
|
-
export function parseSvelteComponentFile(content) {
|
|
137
|
-
const text = String(content || '');
|
|
138
|
-
const scriptMatch = text.match(/^([\s\S]*?)<script\b[^>]*>[\s\S]*?<\/script>/i);
|
|
139
|
-
const withoutScript = scriptMatch ? text.slice(scriptMatch[0].length) : text;
|
|
140
|
-
const styleMatch = withoutScript.match(/<style\b[^>]*>[\s\S]*?<\/style\s*>/i);
|
|
141
|
-
const styleBlock = styleMatch ? styleMatch[0] : '';
|
|
142
|
-
const markup = styleMatch
|
|
143
|
-
? withoutScript.slice(0, styleMatch.index).trim()
|
|
144
|
-
: withoutScript.trim();
|
|
145
|
-
const cssLines = styleBlock
|
|
146
|
-
? styleBlock
|
|
147
|
-
.replace(/^<style\b[^>]*>/i, '')
|
|
148
|
-
.replace(/<\/style\s*>$/i, '')
|
|
149
|
-
.split('\n')
|
|
150
|
-
.map((line) => line.trimEnd())
|
|
151
|
-
: [];
|
|
152
|
-
while (cssLines.length > 0 && cssLines[0].trim() === '') cssLines.shift();
|
|
153
|
-
while (cssLines.length > 0 && cssLines[cssLines.length - 1].trim() === '') cssLines.pop();
|
|
154
|
-
return { markup, cssLines, styleBlock };
|
|
155
|
-
}
|
|
156
|
-
|
|
157
|
-
function buildPropsScript(contract) {
|
|
158
|
-
if (contract.length === 0) {
|
|
159
|
-
return '<script>\n /** @type {Record<string, never>} */\n let {} = $props();\n</script>\n';
|
|
160
|
-
}
|
|
161
|
-
const names = contract.map((c) => c.prop).join(', ');
|
|
162
|
-
const typeFields = contract.map((c) => ` ${c.prop}: string;`).join('\n');
|
|
163
|
-
return `<script>\n /** @type {{\n${typeFields}\n }} */\n let { ${names} } = $props();\n</script>\n`;
|
|
164
|
-
}
|
|
165
|
-
|
|
166
|
-
function buildVariantStub(variantNum, originalWithProps, contract) {
|
|
167
|
-
const propsComment = contract.length > 0
|
|
168
|
-
? `\n<!-- Props: ${contract.map((c) => `${c.prop} <- {${c.expr}}`).join(', ')} -->\n`
|
|
169
|
-
: '';
|
|
170
|
-
return `${buildPropsScript(contract)}${propsComment}${originalWithProps.trim()}\n\n<style>\n /* Variant ${variantNum}: add scoped CSS here */\n</style>\n`;
|
|
171
|
-
}
|
|
172
|
-
|
|
173
|
-
function buildInsertVariantStub(variantNum) {
|
|
174
|
-
return `${buildPropsScript([])}<div class="impeccable-insert-preview">Insert variant ${variantNum}</div>\n\n<style>\n .impeccable-insert-preview { display: block; }\n</style>\n`;
|
|
175
|
-
}
|
|
176
|
-
|
|
177
|
-
/**
|
|
178
|
-
* Scaffold a component-preview session. The scaffold is AST-based: the app's
|
|
179
|
-
* own svelte compiler parses the selected markup, control-flow blocks are
|
|
180
|
-
* preserved (an each collection crosses the prop contract as ONE structured
|
|
181
|
-
* prop, its loop body verbatim), and constructs a detached preview cannot
|
|
182
|
-
* support return `{ fallback: 'source-preview', reason }` so the caller keeps
|
|
183
|
-
* the markup inside the route file instead of shipping a wrong preview.
|
|
184
|
-
*/
|
|
185
|
-
export function scaffoldSvelteComponentSession({
|
|
186
|
-
id,
|
|
187
|
-
count,
|
|
188
|
-
sourceFile,
|
|
189
|
-
sourceStartLine,
|
|
190
|
-
sourceEndLine,
|
|
191
|
-
originalLines,
|
|
192
|
-
cwd = process.cwd(),
|
|
193
|
-
}) {
|
|
194
|
-
const originalMarkup = originalLines.join('\n');
|
|
195
|
-
|
|
196
|
-
const compiler = loadSvelteCompiler(cwd);
|
|
197
|
-
if (!compiler) {
|
|
198
|
-
return { fallback: 'source-preview', reason: 'svelte 5 compiler not resolvable from the app root' };
|
|
199
|
-
}
|
|
200
|
-
const analysis = analyzeSvelteMarkup(originalMarkup, compiler.parse);
|
|
201
|
-
if (!analysis.ok) {
|
|
202
|
-
return { fallback: 'source-preview', reason: analysis.reason };
|
|
203
|
-
}
|
|
204
|
-
|
|
205
|
-
ensureRuntimeHelper(cwd);
|
|
206
|
-
const dir = componentSessionDir(id, cwd);
|
|
207
|
-
fs.mkdirSync(dir, { recursive: true });
|
|
208
|
-
|
|
209
|
-
const contract = analysis.contract;
|
|
210
|
-
const seeded = extractMatchingSourceCss(
|
|
211
|
-
safeReadSource(path.resolve(cwd, sourceFile)),
|
|
212
|
-
originalMarkup,
|
|
213
|
-
);
|
|
214
|
-
const seededCss = seeded.css;
|
|
215
|
-
// The preview compiles in isolation, so NONE of these source rules applied
|
|
216
|
-
// to what the user approved. Accept enforces that preview truth: any of
|
|
217
|
-
// them the variant does not re-declare is superseded and removed, instead
|
|
218
|
-
// of re-attaching to the accepted markup through kept class names (the
|
|
219
|
-
// ".decisions grid grabs the new board" failure). Only the CLASS-matched
|
|
220
|
-
// selectors are candidates; tag rules style shared route elements.
|
|
221
|
-
const seededSelectors = [...seeded.supersedable];
|
|
222
|
-
|
|
223
|
-
const manifest = {
|
|
224
|
-
id,
|
|
225
|
-
previewMode: 'svelte-component',
|
|
226
|
-
contractVersion: 2,
|
|
227
|
-
sourceFile: sourceFile.split(path.sep).join('/'),
|
|
228
|
-
sourceStartLine,
|
|
229
|
-
sourceEndLine,
|
|
230
|
-
count,
|
|
231
|
-
propContract: contract,
|
|
232
|
-
originalMarkup,
|
|
233
|
-
seededSelectors,
|
|
234
|
-
componentDir: path.relative(cwd, dir).split(path.sep).join('/'),
|
|
235
|
-
// Absolute paths let the browser fall back to /@fs/ imports when the dev
|
|
236
|
-
// server's base or root makes root-relative URLs miss, and probe whether
|
|
237
|
-
// the preview tree is reachable at all before blaming a variant.
|
|
238
|
-
componentDirAbs: dir.split(path.sep).join('/'),
|
|
239
|
-
runtimeModule: `/${SVELTE_RUNTIME_FILE}`,
|
|
240
|
-
runtimeModuleAbs: path.join(cwd, SVELTE_RUNTIME_FILE).split(path.sep).join('/'),
|
|
241
|
-
probeModule: `/${SVELTE_PROBE_FILE}`,
|
|
242
|
-
probeModuleAbs: path.join(cwd, SVELTE_PROBE_FILE).split(path.sep).join('/'),
|
|
243
|
-
};
|
|
244
|
-
|
|
245
|
-
fs.writeFileSync(path.join(dir, 'manifest.json'), JSON.stringify(manifest, null, 2) + '\n', 'utf-8');
|
|
246
|
-
|
|
247
|
-
for (let n = 1; n <= count; n++) {
|
|
248
|
-
const variantFile = path.join(dir, `v${n}.svelte`);
|
|
249
|
-
if (!fs.existsSync(variantFile)) {
|
|
250
|
-
fs.writeFileSync(variantFile, buildVariantStubV2(n, analysis.markupWithProps, contract, seededCss), 'utf-8');
|
|
251
|
-
}
|
|
252
|
-
}
|
|
253
|
-
|
|
254
|
-
return {
|
|
255
|
-
manifest,
|
|
256
|
-
manifestFile: path.relative(cwd, path.join(dir, 'manifest.json')).split(path.sep).join('/'),
|
|
257
|
-
componentDir: manifest.componentDir,
|
|
258
|
-
propContract: contract,
|
|
259
|
-
// Inlined so the generate event's scaffold payload carries the stub
|
|
260
|
-
// shape; the agent edits vN.svelte in place instead of spending reads on
|
|
261
|
-
// the manifest and stub files (or deleting and recreating them).
|
|
262
|
-
stubMarkup: analysis.markupWithProps,
|
|
263
|
-
seededCss,
|
|
264
|
-
};
|
|
265
|
-
}
|
|
266
|
-
|
|
267
|
-
function safeReadSource(filePath) {
|
|
268
|
-
try { return fs.readFileSync(filePath, 'utf-8'); } catch { return ''; }
|
|
269
|
-
}
|
|
270
|
-
|
|
271
|
-
function escapeSelectorToken(token) {
|
|
272
|
-
return String(token).replace(/[.*+?^${}()|[\]\\]/g, '\\$&');
|
|
273
|
-
}
|
|
274
|
-
|
|
275
|
-
/**
|
|
276
|
-
* Seed variant stubs with the source component's rules that already style the
|
|
277
|
-
* selected markup, so variants start from the real cascade (a detached
|
|
278
|
-
* preview inherits none of the route's compile-scoped CSS) instead of
|
|
279
|
-
* reimplementing it blind.
|
|
280
|
-
*
|
|
281
|
-
* Returns { css, supersedable }. `css` is every matching rule (class OR tag
|
|
282
|
-
* matched). `supersedable` holds only the CLASS-matched selectors: those are
|
|
283
|
-
* the accept-time removal candidates. Tag selectors (h1, a, p) style shared
|
|
284
|
-
* elements across the whole route, so they seed the preview but are never
|
|
285
|
-
* candidates for removal.
|
|
286
|
-
*/
|
|
287
|
-
export function extractMatchingSourceCss(routeSource, originalMarkup) {
|
|
288
|
-
const empty = { css: '', supersedable: new Set() };
|
|
289
|
-
const styleMatch = String(routeSource || '').match(/<style\b[^>]*>([\s\S]*?)<\/style\s*>/i);
|
|
290
|
-
if (!styleMatch) return empty;
|
|
291
|
-
const classNames = new Set();
|
|
292
|
-
const classRe = /class\s*=\s*(["'])(.*?)\1/g;
|
|
293
|
-
let m;
|
|
294
|
-
while ((m = classRe.exec(originalMarkup))) {
|
|
295
|
-
for (const cls of m[2].split(/\s+/)) if (cls && !cls.includes('{')) classNames.add(cls);
|
|
296
|
-
}
|
|
297
|
-
const tagRe = /<([a-z][a-z0-9-]*)/gi;
|
|
298
|
-
const tags = new Set();
|
|
299
|
-
while ((m = tagRe.exec(originalMarkup))) tags.add(m[1].toLowerCase());
|
|
300
|
-
if (classNames.size === 0 && tags.size === 0) return empty;
|
|
301
|
-
|
|
302
|
-
// Token-boundary matching, never substring: `.btn` must not match
|
|
303
|
-
// `.btn-primary`, and `.stage` must not match `.stages`. A substring hit
|
|
304
|
-
// seeds a rule that never styled the pick, and a falsely seeded selector
|
|
305
|
-
// becomes an accept-time DELETION of a hand-written rule.
|
|
306
|
-
const classRes = [...classNames].map((cls) => new RegExp('\\.' + escapeSelectorToken(cls) + '(?![A-Za-z0-9_-])'));
|
|
307
|
-
const tagRes = [...tags].map((tag) => new RegExp('(^|[\\s>+~,(])' + escapeSelectorToken(tag) + '(?![A-Za-z0-9_-])', 'i'));
|
|
308
|
-
const classMatches = (selector) => classRes.some((re) => re.test(selector));
|
|
309
|
-
const tagMatches = (selector) => tagRes.some((re) => re.test(selector));
|
|
310
|
-
|
|
311
|
-
const supersedable = new Set();
|
|
312
|
-
const ruleMatches = (prelude) => {
|
|
313
|
-
let matched = false;
|
|
314
|
-
for (const selector of splitSelectorList(prelude)) {
|
|
315
|
-
if (classMatches(selector)) {
|
|
316
|
-
matched = true;
|
|
317
|
-
supersedable.add(normalizeSelector(selector));
|
|
318
|
-
} else if (tagMatches(selector)) {
|
|
319
|
-
matched = true;
|
|
320
|
-
}
|
|
321
|
-
}
|
|
322
|
-
return matched;
|
|
323
|
-
};
|
|
324
|
-
|
|
325
|
-
const pick = (nodes) => {
|
|
326
|
-
const kept = [];
|
|
327
|
-
for (const node of nodes) {
|
|
328
|
-
if (node.type === 'rule' && ruleMatches(node.prelude)) kept.push(node);
|
|
329
|
-
else if (node.type === 'at' && node.children) {
|
|
330
|
-
const children = pick(node.children);
|
|
331
|
-
if (children.length) kept.push({ ...node, children });
|
|
332
|
-
}
|
|
333
|
-
}
|
|
334
|
-
return kept;
|
|
335
|
-
};
|
|
336
|
-
return { css: serializeNodes(pick(parseStylesheet(styleMatch[1]))), supersedable };
|
|
337
|
-
}
|
|
338
|
-
|
|
339
|
-
function buildVariantStubV2(variantNum, markupWithProps, contract, seededCss) {
|
|
340
|
-
const propsComment = contract.length > 0
|
|
341
|
-
? `\n<!-- Props: ${contract.map((c) => `${c.prop} (${c.kind}) <- {${c.expr}}`).join(', ')} -->\n`
|
|
342
|
-
: '';
|
|
343
|
-
// The guard comments must never contain the literal "<style" character
|
|
344
|
-
// sequence: agents (and the fake test agent) locate the style block with
|
|
345
|
-
// string searches, and a mention inside a comment truncates their surgery
|
|
346
|
-
// mid-comment.
|
|
347
|
-
const css = seededCss
|
|
348
|
-
? `\n<style>\n /* Variant ${variantNum}: seeded from the route's current rules; restyle or delete freely.\n ALL rules go inside THIS block. Svelte allows exactly one top-level style\n element per component; appending a second one is a compile error. */\n${seededCss.split('\n').map((l) => (l.trim() ? ' ' + l : '')).join('\n')}\n</style>\n`
|
|
349
|
-
: `\n<style>\n /* Variant ${variantNum}: add all CSS inside THIS block. Svelte allows exactly\n one top-level style element; a second one is a compile error. */\n</style>\n`;
|
|
350
|
-
return `${buildPropsScriptV2(contract)}${propsComment}${markupWithProps.trim()}\n${css}`;
|
|
351
|
-
}
|
|
352
|
-
|
|
353
|
-
export function scaffoldSvelteComponentInsertSession({
|
|
354
|
-
id,
|
|
355
|
-
count,
|
|
356
|
-
sourceFile,
|
|
357
|
-
insertLine,
|
|
358
|
-
position,
|
|
359
|
-
anchorStartLine,
|
|
360
|
-
anchorEndLine,
|
|
361
|
-
anchorLines,
|
|
362
|
-
cwd = process.cwd(),
|
|
363
|
-
}) {
|
|
364
|
-
ensureRuntimeHelper(cwd);
|
|
365
|
-
const dir = componentSessionDir(id, cwd);
|
|
366
|
-
fs.mkdirSync(dir, { recursive: true });
|
|
367
|
-
|
|
368
|
-
const anchorMarkup = (anchorLines || []).join('\n');
|
|
369
|
-
const manifest = {
|
|
370
|
-
id,
|
|
371
|
-
mode: 'insert',
|
|
372
|
-
previewMode: 'svelte-component',
|
|
373
|
-
sourceFile: sourceFile.split(path.sep).join('/'),
|
|
374
|
-
insertLine,
|
|
375
|
-
position,
|
|
376
|
-
anchorStartLine,
|
|
377
|
-
anchorEndLine,
|
|
378
|
-
originalMarkup: anchorMarkup,
|
|
379
|
-
anchorMarkup,
|
|
380
|
-
count,
|
|
381
|
-
propContract: [],
|
|
382
|
-
componentDir: path.relative(cwd, dir).split(path.sep).join('/'),
|
|
383
|
-
componentDirAbs: dir.split(path.sep).join('/'),
|
|
384
|
-
runtimeModule: `/${SVELTE_RUNTIME_FILE}`,
|
|
385
|
-
runtimeModuleAbs: path.join(cwd, SVELTE_RUNTIME_FILE).split(path.sep).join('/'),
|
|
386
|
-
probeModule: `/${SVELTE_PROBE_FILE}`,
|
|
387
|
-
probeModuleAbs: path.join(cwd, SVELTE_PROBE_FILE).split(path.sep).join('/'),
|
|
388
|
-
};
|
|
389
|
-
|
|
390
|
-
fs.writeFileSync(path.join(dir, 'manifest.json'), JSON.stringify(manifest, null, 2) + '\n', 'utf-8');
|
|
391
|
-
|
|
392
|
-
for (let n = 1; n <= count; n++) {
|
|
393
|
-
const variantFile = path.join(dir, `v${n}.svelte`);
|
|
394
|
-
if (!fs.existsSync(variantFile)) {
|
|
395
|
-
fs.writeFileSync(variantFile, buildInsertVariantStub(n), 'utf-8');
|
|
396
|
-
}
|
|
397
|
-
}
|
|
398
|
-
|
|
399
|
-
return {
|
|
400
|
-
manifest,
|
|
401
|
-
manifestFile: path.relative(cwd, path.join(dir, 'manifest.json')).split(path.sep).join('/'),
|
|
402
|
-
componentDir: manifest.componentDir,
|
|
403
|
-
propContract: [],
|
|
404
|
-
};
|
|
405
|
-
}
|
|
406
|
-
|
|
407
|
-
export function findSvelteComponentManifest(id, cwd = process.cwd()) {
|
|
408
|
-
const direct = manifestPathForSession(id, cwd);
|
|
409
|
-
if (fs.existsSync(direct)) {
|
|
410
|
-
return readManifest(direct);
|
|
411
|
-
}
|
|
412
|
-
// Legacy location: a session scaffolded by an older version can still be
|
|
413
|
-
// accepted after an upgrade.
|
|
414
|
-
const legacyDirect = path.join(cwd, LEGACY_SVELTE_COMPONENT_ROOT, id, 'manifest.json');
|
|
415
|
-
if (fs.existsSync(legacyDirect)) {
|
|
416
|
-
return readManifest(legacyDirect);
|
|
417
|
-
}
|
|
418
|
-
for (const rootRel of [SVELTE_COMPONENT_ROOT, LEGACY_SVELTE_COMPONENT_ROOT]) {
|
|
419
|
-
const root = path.join(cwd, rootRel);
|
|
420
|
-
if (!fs.existsSync(root)) continue;
|
|
421
|
-
for (const entry of fs.readdirSync(root, { withFileTypes: true })) {
|
|
422
|
-
if (!entry.isDirectory()) continue;
|
|
423
|
-
const candidate = path.join(root, entry.name, 'manifest.json');
|
|
424
|
-
if (!fs.existsSync(candidate)) continue;
|
|
425
|
-
try {
|
|
426
|
-
const manifest = readManifest(candidate);
|
|
427
|
-
if (manifest?.id === id) return { ...manifest, manifestPath: candidate };
|
|
428
|
-
} catch { /* skip */ }
|
|
429
|
-
}
|
|
430
|
-
}
|
|
431
|
-
return null;
|
|
432
|
-
}
|
|
433
|
-
|
|
434
|
-
export function readManifest(manifestPath) {
|
|
435
|
-
const data = JSON.parse(fs.readFileSync(manifestPath, 'utf-8'));
|
|
436
|
-
return {
|
|
437
|
-
...data,
|
|
438
|
-
manifestPath,
|
|
439
|
-
};
|
|
440
|
-
}
|
|
441
|
-
|
|
442
|
-
export function resolveSourceFile(sourceFile, cwd = process.cwd()) {
|
|
443
|
-
if (!sourceFile || path.isAbsolute(sourceFile)) {
|
|
444
|
-
throw new Error('Invalid svelte-component source file');
|
|
445
|
-
}
|
|
446
|
-
const full = path.resolve(cwd, sourceFile);
|
|
447
|
-
const rel = path.relative(cwd, full);
|
|
448
|
-
if (!rel || rel.startsWith('..') || path.isAbsolute(rel)) {
|
|
449
|
-
throw new Error('Svelte-component source file escapes project root');
|
|
450
|
-
}
|
|
451
|
-
if (!fs.existsSync(full)) {
|
|
452
|
-
throw new Error('Svelte-component source file not found: ' + sourceFile);
|
|
453
|
-
}
|
|
454
|
-
return full;
|
|
455
|
-
}
|
|
456
|
-
|
|
457
|
-
function appendCssToSvelteStyle(lines, cssLines) {
|
|
458
|
-
const closeIdx = findLastStyleCloseLine(lines);
|
|
459
|
-
const prepared = ['', ...cssLines.map((line) => (line.trim() === '' ? '' : ' ' + line.trimStart()))];
|
|
460
|
-
if (closeIdx === -1) {
|
|
461
|
-
return [...lines, '', '<style>', ...prepared.slice(1), '</style>'];
|
|
462
|
-
}
|
|
463
|
-
return [
|
|
464
|
-
...lines.slice(0, closeIdx),
|
|
465
|
-
...prepared,
|
|
466
|
-
...lines.slice(closeIdx),
|
|
467
|
-
];
|
|
468
|
-
}
|
|
469
|
-
|
|
470
|
-
function findLastStyleCloseLine(lines) {
|
|
471
|
-
for (let i = lines.length - 1; i >= 0; i--) {
|
|
472
|
-
if (/<\/style\s*>/.test(lines[i])) return i;
|
|
473
|
-
}
|
|
474
|
-
return -1;
|
|
475
|
-
}
|
|
476
|
-
|
|
477
|
-
function bakeParamValuesInCss(cssLines, paramValues) {
|
|
478
|
-
if (!paramValues || Object.keys(paramValues).length === 0) return cssLines;
|
|
479
|
-
return cssLines.map((line) => {
|
|
480
|
-
let out = line;
|
|
481
|
-
for (const [key, value] of Object.entries(paramValues)) {
|
|
482
|
-
const varName = `--p-${key}`;
|
|
483
|
-
out = out.replace(new RegExp(`var\\(${escapeRegExp(varName)}(?:,\\s*[^)]+)?\\)`, 'g'), String(value));
|
|
484
|
-
}
|
|
485
|
-
return out;
|
|
486
|
-
});
|
|
487
|
-
}
|
|
488
|
-
|
|
489
|
-
function sanitizeAcceptedSvelteCss(cssLines, variantNum, paramValues = null, rootTag = 'div') {
|
|
490
|
-
const css = String((cssLines || []).join('\n'));
|
|
491
|
-
if (!/data-impeccable-variant|impeccable-variant-ready/.test(css)) return cssLines;
|
|
492
|
-
|
|
493
|
-
const rules = parseCssRules(css);
|
|
494
|
-
const output = [];
|
|
495
|
-
for (const rule of rules) {
|
|
496
|
-
appendSanitizedCssRule(output, rule, variantNum, paramValues, rootTag);
|
|
497
|
-
}
|
|
498
|
-
return output.join('\n')
|
|
499
|
-
.split('\n')
|
|
500
|
-
.map((line) => line.trimEnd())
|
|
501
|
-
.filter((line) => line.trim() !== '');
|
|
502
|
-
}
|
|
503
|
-
|
|
504
|
-
function appendSanitizedCssRule(output, rule, variantNum, paramValues, rootTag) {
|
|
505
|
-
const prelude = rule.prelude.trim();
|
|
506
|
-
const body = rule.body.trim();
|
|
507
|
-
if (!prelude || !body || /--impeccable-variant-ready\s*:/.test(body)) return;
|
|
508
|
-
|
|
509
|
-
if (/^@scope\b/i.test(prelude)) {
|
|
510
|
-
if (/data-impeccable-variant/.test(prelude) && !selectorHasVariant(prelude, variantNum)) return;
|
|
511
|
-
const inner = parseCssRules(body);
|
|
512
|
-
for (const innerRule of inner) {
|
|
513
|
-
const rewrittenPrelude = rewriteAcceptedSvelteSelector(innerRule.prelude, variantNum, paramValues, rootTag, true);
|
|
514
|
-
if (!rewrittenPrelude || /--impeccable-variant-ready\s*:/.test(innerRule.body)) continue;
|
|
515
|
-
output.push(formatCssRule(rewrittenPrelude, innerRule.body.trim()));
|
|
516
|
-
}
|
|
517
|
-
return;
|
|
518
|
-
}
|
|
519
|
-
|
|
520
|
-
const rewrittenPrelude = rewriteAcceptedSvelteSelector(prelude, variantNum, paramValues, rootTag, false);
|
|
521
|
-
if (!rewrittenPrelude) return;
|
|
522
|
-
output.push(formatCssRule(rewrittenPrelude, body));
|
|
523
|
-
}
|
|
524
|
-
|
|
525
|
-
function parseCssRules(css) {
|
|
526
|
-
const rules = [];
|
|
527
|
-
const text = String(css || '');
|
|
528
|
-
let i = 0;
|
|
529
|
-
while (i < text.length) {
|
|
530
|
-
while (i < text.length && /\s/.test(text[i])) i++;
|
|
531
|
-
const preludeStart = i;
|
|
532
|
-
while (i < text.length && text[i] !== '{') i++;
|
|
533
|
-
if (i >= text.length) break;
|
|
534
|
-
const prelude = text.slice(preludeStart, i).trim();
|
|
535
|
-
i++;
|
|
536
|
-
const bodyStart = i;
|
|
537
|
-
let depth = 1;
|
|
538
|
-
let quote = null;
|
|
539
|
-
let comment = false;
|
|
540
|
-
while (i < text.length && depth > 0) {
|
|
541
|
-
const ch = text[i];
|
|
542
|
-
const next = text[i + 1];
|
|
543
|
-
if (comment) {
|
|
544
|
-
if (ch === '*' && next === '/') {
|
|
545
|
-
comment = false;
|
|
546
|
-
i += 2;
|
|
547
|
-
continue;
|
|
548
|
-
}
|
|
549
|
-
i++;
|
|
550
|
-
continue;
|
|
551
|
-
}
|
|
552
|
-
if (quote) {
|
|
553
|
-
if (ch === '\\') {
|
|
554
|
-
i += 2;
|
|
555
|
-
continue;
|
|
556
|
-
}
|
|
557
|
-
if (ch === quote) quote = null;
|
|
558
|
-
i++;
|
|
559
|
-
continue;
|
|
560
|
-
}
|
|
561
|
-
if (ch === '/' && next === '*') {
|
|
562
|
-
comment = true;
|
|
563
|
-
i += 2;
|
|
564
|
-
continue;
|
|
565
|
-
}
|
|
566
|
-
if (ch === '"' || ch === "'") {
|
|
567
|
-
quote = ch;
|
|
568
|
-
i++;
|
|
569
|
-
continue;
|
|
570
|
-
}
|
|
571
|
-
if (ch === '{') depth++;
|
|
572
|
-
else if (ch === '}') depth--;
|
|
573
|
-
i++;
|
|
574
|
-
}
|
|
575
|
-
const body = text.slice(bodyStart, Math.max(bodyStart, i - 1));
|
|
576
|
-
if (prelude) rules.push({ prelude, body });
|
|
577
|
-
}
|
|
578
|
-
return rules;
|
|
579
|
-
}
|
|
580
|
-
|
|
581
|
-
function rewriteAcceptedSvelteSelector(prelude, variantNum, paramValues, rootTag, fromScope) {
|
|
582
|
-
const selectors = splitSelectorList(prelude);
|
|
583
|
-
const rewritten = [];
|
|
584
|
-
for (const selector of selectors) {
|
|
585
|
-
const next = rewriteAcceptedSvelteSelectorPart(selector, variantNum, paramValues, rootTag, fromScope);
|
|
586
|
-
if (next) rewritten.push(next);
|
|
587
|
-
}
|
|
588
|
-
return rewritten.join(', ');
|
|
589
|
-
}
|
|
590
|
-
|
|
591
|
-
function rewriteAcceptedSvelteSelectorPart(selector, variantNum, paramValues, rootTag, fromScope) {
|
|
592
|
-
let out = selector.trim();
|
|
593
|
-
const hasVariant = /data-impeccable-variant/.test(out);
|
|
594
|
-
if (hasVariant && !selectorHasVariant(out, variantNum)) return '';
|
|
595
|
-
if (hasVariant) {
|
|
596
|
-
out = out.replace(variantSelectorRegex(variantNum), '');
|
|
597
|
-
out = out.replace(/\[data-impeccable-variant=(["']).*?\1\]/g, '');
|
|
598
|
-
}
|
|
599
|
-
|
|
600
|
-
const paramResult = rewriteParamSelectors(out, paramValues);
|
|
601
|
-
if (!paramResult.keep) return '';
|
|
602
|
-
out = paramResult.selector;
|
|
603
|
-
|
|
604
|
-
out = out
|
|
605
|
-
.replace(/:scope(?:\[[^\]]+\])?\s*>\s*/g, '')
|
|
606
|
-
.replace(/:scope(?:\[[^\]]+\])?/g, rootTag || '')
|
|
607
|
-
.replace(/\s+/g, ' ')
|
|
608
|
-
.trim();
|
|
609
|
-
|
|
610
|
-
out = out.replace(/^[>+~]\s*/, '').trim();
|
|
611
|
-
if (!out && (hasVariant || fromScope)) return rootTag || ':global(*)';
|
|
612
|
-
return out;
|
|
613
|
-
}
|
|
614
|
-
|
|
615
|
-
function rewriteParamSelectors(selector, paramValues) {
|
|
616
|
-
let keep = true;
|
|
617
|
-
const next = selector.replace(/\[data-p-([A-Za-z0-9_-]+)(?:=(["'])(.*?)\2)?\]/g, (_match, key, _quote, expected) => {
|
|
618
|
-
if (!paramValues || !Object.prototype.hasOwnProperty.call(paramValues, key)) return '';
|
|
619
|
-
const actual = paramValues[key];
|
|
620
|
-
if (expected != null && String(actual) !== String(expected)) {
|
|
621
|
-
keep = false;
|
|
622
|
-
return '';
|
|
623
|
-
}
|
|
624
|
-
if (expected == null && (actual === false || actual == null || actual === 'false' || actual === 'off' || actual === '0')) {
|
|
625
|
-
keep = false;
|
|
626
|
-
return '';
|
|
627
|
-
}
|
|
628
|
-
return '';
|
|
629
|
-
});
|
|
630
|
-
return { keep, selector: next };
|
|
631
|
-
}
|
|
632
|
-
|
|
633
|
-
|
|
634
|
-
function selectorHasVariant(selector, variantNum) {
|
|
635
|
-
return variantSelectorRegex(variantNum).test(selector);
|
|
636
|
-
}
|
|
637
|
-
|
|
638
|
-
function variantSelectorRegex(variantNum) {
|
|
639
|
-
return new RegExp(`\\[data-impeccable-variant=(["'])${escapeRegExp(String(variantNum))}\\1\\]`, 'g');
|
|
640
|
-
}
|
|
641
|
-
|
|
642
|
-
function formatCssRule(selector, body) {
|
|
643
|
-
return `${selector} { ${body.trim()} }`;
|
|
644
|
-
}
|
|
645
|
-
|
|
646
|
-
function escapeRegExp(value) {
|
|
647
|
-
return String(value).replace(/[.*+?^${}()|[\]\\]/g, '\\$&');
|
|
648
|
-
}
|
|
649
|
-
|
|
650
|
-
export function inlineSvelteComponentAccept(manifest, variantNum, paramValues = null, cwd = process.cwd()) {
|
|
651
|
-
const sourceFile = resolveSourceFile(manifest.sourceFile, cwd);
|
|
652
|
-
const variantPath = path.join(cwd, manifest.componentDir, `v${variantNum}.svelte`);
|
|
653
|
-
const resultBase = {
|
|
654
|
-
file: manifest.sourceFile,
|
|
655
|
-
sourceFile: manifest.sourceFile,
|
|
656
|
-
previewMode: 'svelte-component',
|
|
657
|
-
componentDir: manifest.componentDir,
|
|
658
|
-
carbonize: false,
|
|
659
|
-
};
|
|
660
|
-
if (!fs.existsSync(variantPath)) {
|
|
661
|
-
return { handled: false, error: `Variant ${variantNum} not found`, ...resultBase };
|
|
662
|
-
}
|
|
663
|
-
|
|
664
|
-
const { markup, cssLines } = parseSvelteComponentFile(fs.readFileSync(variantPath, 'utf-8'));
|
|
665
|
-
if (manifest.mode === 'insert') {
|
|
666
|
-
return inlineSvelteComponentInsertAccept({
|
|
667
|
-
manifest,
|
|
668
|
-
markup,
|
|
669
|
-
cssLines,
|
|
670
|
-
variantNum,
|
|
671
|
-
paramValues,
|
|
672
|
-
sourceFile,
|
|
673
|
-
resultBase,
|
|
674
|
-
cwd,
|
|
675
|
-
});
|
|
676
|
-
}
|
|
677
|
-
|
|
678
|
-
const rootTag = matchOpeningTag(markup)?.tag || 'div';
|
|
679
|
-
const contract = manifest.propContract || [];
|
|
680
|
-
const compiler = loadSvelteCompiler(cwd);
|
|
681
|
-
const mergedMarkup = mergeOriginalTopLevelAttrs(markup, manifest.originalMarkup || '');
|
|
682
|
-
|
|
683
|
-
// Restore props back to route expressions. Contract v2 restores through the
|
|
684
|
-
// AST so a prop used without braces (each headers, attribute positions)
|
|
685
|
-
// still maps back to its original expression; v1 falls back to the textual
|
|
686
|
-
// placeholder swap.
|
|
687
|
-
let restoredText;
|
|
688
|
-
if (Number(manifest.contractVersion) === 2 && compiler) {
|
|
689
|
-
const restored = restoreSvelteMarkup(mergedMarkup, contract, compiler.parse);
|
|
690
|
-
if (!restored.ok) {
|
|
691
|
-
return { handled: false, error: 'Accepted variant does not parse: ' + restored.reason, ...resultBase };
|
|
692
|
-
}
|
|
693
|
-
restoredText = restored.markup;
|
|
694
|
-
} else {
|
|
695
|
-
restoredText = substitutePropsWithExprs(mergedMarkup, contract);
|
|
696
|
-
}
|
|
697
|
-
const restoredMarkup = restoredText.split('\n').map((line) => line.trimEnd());
|
|
698
|
-
|
|
699
|
-
const sourceContent = fs.readFileSync(sourceFile, 'utf-8');
|
|
700
|
-
const sourceLines = sourceContent.split('\n');
|
|
701
|
-
const start = Number(manifest.sourceStartLine) - 1;
|
|
702
|
-
const end = Number(manifest.sourceEndLine) - 1;
|
|
703
|
-
if (!Number.isInteger(start) || !Number.isInteger(end) || start < 0 || end < start || end >= sourceLines.length) {
|
|
704
|
-
return { handled: false, error: 'Invalid source line range for ' + manifest.sourceFile, ...resultBase };
|
|
705
|
-
}
|
|
706
|
-
|
|
707
|
-
const indent = sourceLines[start].match(/^(\s*)/)?.[1] || '';
|
|
708
|
-
const indentedMarkup = reindentPreservingStructure(restoredMarkup, indent);
|
|
709
|
-
|
|
710
|
-
let newLines = [
|
|
711
|
-
...sourceLines.slice(0, start),
|
|
712
|
-
...indentedMarkup,
|
|
713
|
-
...sourceLines.slice(end + 1),
|
|
714
|
-
];
|
|
715
|
-
|
|
716
|
-
// Selectors that were already unused before this accept are the user's
|
|
717
|
-
// pre-existing code; the pruning pass must not touch them.
|
|
718
|
-
const preUnused = compiler ? collectUnusedSelectors(sourceContent, compiler.compile) : new Set();
|
|
719
|
-
|
|
720
|
-
// Bake params (declared kinds from params.json drive branch pruning), then
|
|
721
|
-
// MERGE into the component's existing style block: matching selectors are
|
|
722
|
-
// replaced, new ones appended. Appending alone is how superseded rules used
|
|
723
|
-
// to survive their own replacement.
|
|
724
|
-
const declaredParams = readDeclaredParams(manifest, variantNum, cwd);
|
|
725
|
-
let variantCss = cssLines.join('\n');
|
|
726
|
-
if (/data-impeccable-variant|impeccable-variant-ready/.test(variantCss)) {
|
|
727
|
-
// Defensive: strip preview-wrapper selectors that authoring rules forbid
|
|
728
|
-
// on this path but an off-spec agent may still emit.
|
|
729
|
-
variantCss = sanitizeAcceptedSvelteCss(cssLines, variantNum, paramValues, rootTag).join('\n');
|
|
730
|
-
}
|
|
731
|
-
const bakedCss = bakeParamValues(variantCss, declaredParams, paramValues || {});
|
|
732
|
-
const cssStats = { replaced: 0, appended: 0, pruned: [], superseded: [] };
|
|
733
|
-
if (bakedCss.trim()) {
|
|
734
|
-
const merged = mergeCssIntoSvelteSource(newLines.join('\n'), bakedCss);
|
|
735
|
-
newLines = merged.text.split('\n');
|
|
736
|
-
cssStats.replaced = merged.replaced;
|
|
737
|
-
cssStats.appended = merged.appended;
|
|
738
|
-
}
|
|
739
|
-
|
|
740
|
-
let finalText = newLines.join('\n');
|
|
741
|
-
|
|
742
|
-
// Preview truth: the detached preview never applied the source rules that
|
|
743
|
-
// styled the replaced selection, so the user approved a design without
|
|
744
|
-
// them. Any seeded selector the variant did not re-declare is superseded;
|
|
745
|
-
// left in place it re-attaches through kept class names (the accepted root
|
|
746
|
-
// keeps its original classes) and re-layouts markup it no longer owns.
|
|
747
|
-
//
|
|
748
|
-
// Removal is bounded by ownership: a selector whose classes are still used
|
|
749
|
-
// by route markup OUTSIDE the replaced region does not belong to the pick
|
|
750
|
-
// alone, and removing it would strip styling from markup this accept never
|
|
751
|
-
// touched. Keeping it risks a visible re-attachment quirk on the accepted
|
|
752
|
-
// region; deleting it breaks the rest of the route. Keep it.
|
|
753
|
-
const outsideMarkup = [...sourceLines.slice(0, start), ...sourceLines.slice(end + 1)]
|
|
754
|
-
.join('\n')
|
|
755
|
-
.replace(/<style\b[^>]*>[\s\S]*?<\/style\s*>/gi, '');
|
|
756
|
-
const outsideClasses = new Set();
|
|
757
|
-
{
|
|
758
|
-
const attrRe = /class\s*=\s*(["'])(.*?)\1/g;
|
|
759
|
-
let cm;
|
|
760
|
-
while ((cm = attrRe.exec(outsideMarkup))) {
|
|
761
|
-
for (const cls of cm[2].split(/\s+/)) if (cls && !cls.includes('{')) outsideClasses.add(cls);
|
|
762
|
-
}
|
|
763
|
-
const directiveRe = /class:([A-Za-z0-9_-]+)/g;
|
|
764
|
-
while ((cm = directiveRe.exec(outsideMarkup))) outsideClasses.add(cm[1]);
|
|
765
|
-
}
|
|
766
|
-
const usedOutsideReplacedRegion = (selector) => {
|
|
767
|
-
const classTokenRe = /\.([A-Za-z0-9_-]+)/g;
|
|
768
|
-
let tm;
|
|
769
|
-
while ((tm = classTokenRe.exec(selector))) {
|
|
770
|
-
if (outsideClasses.has(tm[1])) return true;
|
|
771
|
-
}
|
|
772
|
-
return false;
|
|
773
|
-
};
|
|
774
|
-
const incomingSelectors = collectAllSelectors(bakedCss);
|
|
775
|
-
const superseded = (manifest.seededSelectors || [])
|
|
776
|
-
.map((selector) => normalizeSelector(selector))
|
|
777
|
-
.filter((selector) => selector && !incomingSelectors.has(selector) && !usedOutsideReplacedRegion(selector));
|
|
778
|
-
if (superseded.length > 0) {
|
|
779
|
-
const scrubbed = removeSelectorsFromSvelteSource(finalText, new Set(superseded));
|
|
780
|
-
finalText = scrubbed.text;
|
|
781
|
-
cssStats.superseded = scrubbed.removed;
|
|
782
|
-
}
|
|
783
|
-
|
|
784
|
-
if (compiler) {
|
|
785
|
-
const pruned = pruneUnusedSelectors(finalText, compiler.compile, { skipSelectors: preUnused });
|
|
786
|
-
finalText = pruned.source;
|
|
787
|
-
cssStats.pruned = pruned.removed;
|
|
788
|
-
}
|
|
789
|
-
|
|
790
|
-
// Postcondition: no selector from the user's pre-accept CSS may vanish
|
|
791
|
-
// unless the compiler-driven prune or the preview-truth supersession
|
|
792
|
-
// deliberately removed it. This turns any parser or reconciler defect into
|
|
793
|
-
// a loud refusal instead of silent damage to a hand-written style block.
|
|
794
|
-
const lostSelectors = findLostSelectors(sourceContent, finalText, [
|
|
795
|
-
...cssStats.pruned,
|
|
796
|
-
...cssStats.superseded,
|
|
797
|
-
]);
|
|
798
|
-
if (lostSelectors.length > 0) {
|
|
799
|
-
return {
|
|
800
|
-
handled: false,
|
|
801
|
-
error: 'CSS reconciliation would lose selectors from the existing style block: '
|
|
802
|
-
+ lostSelectors.join(', ')
|
|
803
|
-
+ '. Source not modified; accept the variant manually.',
|
|
804
|
-
mode: 'error',
|
|
805
|
-
...resultBase,
|
|
806
|
-
};
|
|
807
|
-
}
|
|
808
|
-
|
|
809
|
-
try {
|
|
810
|
-
fs.writeFileSync(sourceFile, finalText, 'utf-8');
|
|
811
|
-
} catch (err) {
|
|
812
|
-
return { handled: false, error: 'Failed to write Svelte source: ' + err.message, ...resultBase };
|
|
813
|
-
}
|
|
814
|
-
removeSvelteComponentSession(manifest.id, cwd);
|
|
815
|
-
|
|
816
|
-
const verify = verifyAcceptedSource(finalText);
|
|
817
|
-
return {
|
|
818
|
-
handled: true,
|
|
819
|
-
css: cssStats,
|
|
820
|
-
verify,
|
|
821
|
-
...resultBase,
|
|
822
|
-
};
|
|
823
|
-
}
|
|
824
|
-
|
|
825
|
-
/** Re-indent a block onto `indent` while preserving its internal structure. */
|
|
826
|
-
export function reindentPreservingStructure(lines, indent) {
|
|
827
|
-
const nonEmpty = lines.filter((line) => line.trim() !== '');
|
|
828
|
-
if (nonEmpty.length === 0) return lines.map(() => '');
|
|
829
|
-
const minIndent = Math.min(...nonEmpty.map((line) => (line.match(/^\s*/) || [''])[0].length));
|
|
830
|
-
return lines.map((line) => {
|
|
831
|
-
if (line.trim() === '') return '';
|
|
832
|
-
const current = (line.match(/^\s*/) || [''])[0].length;
|
|
833
|
-
return indent + line.slice(Math.min(minIndent, current));
|
|
834
|
-
});
|
|
835
|
-
}
|
|
836
|
-
|
|
837
|
-
function styleBlockText(sourceText) {
|
|
838
|
-
const match = String(sourceText || '').match(/<style\b[^>]*>([\s\S]*?)<\/style\s*>/i);
|
|
839
|
-
return match ? match[1] : '';
|
|
840
|
-
}
|
|
841
|
-
|
|
842
|
-
/**
|
|
843
|
-
* Remove every rule whose (normalized) selector list is fully contained in
|
|
844
|
-
* `selectors` from the component's style block, at any at-rule nesting depth.
|
|
845
|
-
* Rules that mix doomed and surviving selectors keep the survivors.
|
|
846
|
-
*/
|
|
847
|
-
export function removeSelectorsFromSvelteSource(sourceText, selectors) {
|
|
848
|
-
const text = String(sourceText || '');
|
|
849
|
-
const styleRe = /<style\b[^>]*>([\s\S]*?)<\/style\s*>/gi;
|
|
850
|
-
let lastMatch = null;
|
|
851
|
-
let m;
|
|
852
|
-
while ((m = styleRe.exec(text))) lastMatch = m;
|
|
853
|
-
if (!lastMatch) return { text, removed: [] };
|
|
854
|
-
|
|
855
|
-
const removed = [];
|
|
856
|
-
const transform = (nodes) => {
|
|
857
|
-
const kept = [];
|
|
858
|
-
for (const node of nodes) {
|
|
859
|
-
if (node.type === 'rule') {
|
|
860
|
-
const survivors = [];
|
|
861
|
-
for (const selector of splitSelectorList(node.prelude)) {
|
|
862
|
-
if (selectors.has(normalizeSelector(selector))) removed.push(normalizeSelector(selector));
|
|
863
|
-
else survivors.push(selector);
|
|
864
|
-
}
|
|
865
|
-
if (survivors.length > 0) kept.push({ ...node, prelude: survivors.join(', ') });
|
|
866
|
-
} else if (node.type === 'at' && node.children) {
|
|
867
|
-
const children = transform(node.children);
|
|
868
|
-
if (children.length > 0) kept.push({ ...node, children });
|
|
869
|
-
} else {
|
|
870
|
-
kept.push(node);
|
|
871
|
-
}
|
|
872
|
-
}
|
|
873
|
-
return kept;
|
|
874
|
-
};
|
|
875
|
-
|
|
876
|
-
const nodes = transform(parseStylesheet(lastMatch[1]));
|
|
877
|
-
if (removed.length === 0) return { text, removed };
|
|
878
|
-
const openTag = lastMatch[0].slice(0, lastMatch[0].indexOf('>') + 1);
|
|
879
|
-
const rebuilt = `${openTag}\n${serializeNodes(nodes).split('\n').map((l) => (l.trim() ? ' ' + l : '')).join('\n')}\n</style>`;
|
|
880
|
-
return {
|
|
881
|
-
text: text.slice(0, lastMatch.index) + rebuilt + text.slice(lastMatch.index + lastMatch[0].length),
|
|
882
|
-
removed,
|
|
883
|
-
};
|
|
884
|
-
}
|
|
885
|
-
|
|
886
|
-
export function findLostSelectors(beforeSource, afterSource, prunedSelectors = []) {
|
|
887
|
-
const before = collectAllSelectors(styleBlockText(beforeSource));
|
|
888
|
-
const after = collectAllSelectors(styleBlockText(afterSource));
|
|
889
|
-
const pruned = new Set((prunedSelectors || []).map((s) => normalizeSelector(s)));
|
|
890
|
-
const lost = [];
|
|
891
|
-
for (const selector of before) {
|
|
892
|
-
if (!after.has(selector) && !pruned.has(selector)) lost.push(selector);
|
|
893
|
-
}
|
|
894
|
-
return lost;
|
|
895
|
-
}
|
|
896
|
-
|
|
897
|
-
function readDeclaredParams(manifest, variantNum, cwd) {
|
|
898
|
-
try {
|
|
899
|
-
const raw = JSON.parse(fs.readFileSync(path.join(cwd, manifest.componentDir, 'params.json'), 'utf-8'));
|
|
900
|
-
const list = raw?.[String(variantNum)];
|
|
901
|
-
return Array.isArray(list) ? list : [];
|
|
902
|
-
} catch {
|
|
903
|
-
return [];
|
|
904
|
-
}
|
|
905
|
-
}
|
|
906
|
-
|
|
907
|
-
/**
|
|
908
|
-
* Merge CSS into a svelte component's top-level style block (created when
|
|
909
|
-
* absent), replacing rules whose selectors match and appending the rest.
|
|
910
|
-
*/
|
|
911
|
-
export function mergeCssIntoSvelteSource(sourceText, incomingCss) {
|
|
912
|
-
const text = String(sourceText || '');
|
|
913
|
-
const styleRe = /<style\b[^>]*>([\s\S]*?)<\/style\s*>/gi;
|
|
914
|
-
let lastMatch = null;
|
|
915
|
-
let m;
|
|
916
|
-
while ((m = styleRe.exec(text))) lastMatch = m;
|
|
917
|
-
|
|
918
|
-
if (!lastMatch) {
|
|
919
|
-
const { css, replaced, appended } = reconcileCss('', incomingCss);
|
|
920
|
-
return {
|
|
921
|
-
text: `${text.replace(/\s*$/, '')}\n\n<style>\n${indentCssBlock(css)}\n</style>\n`,
|
|
922
|
-
replaced,
|
|
923
|
-
appended,
|
|
924
|
-
};
|
|
925
|
-
}
|
|
926
|
-
|
|
927
|
-
const inner = lastMatch[1];
|
|
928
|
-
const { css, replaced, appended } = reconcileCss(inner, incomingCss);
|
|
929
|
-
const openTag = lastMatch[0].slice(0, lastMatch[0].indexOf('>') + 1);
|
|
930
|
-
const replacedBlock = `${openTag}\n${indentCssBlock(css)}\n</style>`;
|
|
931
|
-
return {
|
|
932
|
-
text: text.slice(0, lastMatch.index) + replacedBlock + text.slice(lastMatch.index + lastMatch[0].length),
|
|
933
|
-
replaced,
|
|
934
|
-
appended,
|
|
935
|
-
};
|
|
936
|
-
}
|
|
937
|
-
|
|
938
|
-
function indentCssBlock(css) {
|
|
939
|
-
return String(css || '')
|
|
940
|
-
.split('\n')
|
|
941
|
-
.map((line) => (line.trim() === '' ? '' : ' ' + line))
|
|
942
|
-
.join('\n');
|
|
943
|
-
}
|
|
944
|
-
|
|
945
|
-
function inlineSvelteComponentInsertAccept({
|
|
946
|
-
manifest,
|
|
947
|
-
markup,
|
|
948
|
-
cssLines,
|
|
949
|
-
variantNum,
|
|
950
|
-
paramValues,
|
|
951
|
-
sourceFile,
|
|
952
|
-
resultBase,
|
|
953
|
-
cwd,
|
|
954
|
-
}) {
|
|
955
|
-
if (!svelteMarkupHasVisibleContent(markup)) {
|
|
956
|
-
return { handled: false, error: 'Accepted Svelte insert variant is empty', ...resultBase };
|
|
957
|
-
}
|
|
958
|
-
if (/\bdata-impeccable-[\w-]*\s*=/.test(markup)) {
|
|
959
|
-
return { handled: false, error: 'Accepted Svelte insert variant contains preview-only data-impeccable attributes', ...resultBase };
|
|
960
|
-
}
|
|
961
|
-
|
|
962
|
-
const rootTag = matchOpeningTag(markup)?.tag || 'div';
|
|
963
|
-
const restoredMarkup = String(markup || '')
|
|
964
|
-
.split('\n')
|
|
965
|
-
.map((line) => line.trimEnd());
|
|
966
|
-
const sourceContent = fs.readFileSync(sourceFile, 'utf-8');
|
|
967
|
-
const sourceLines = sourceContent.split('\n');
|
|
968
|
-
const insertIndex = Number(manifest.insertLine) - 1;
|
|
969
|
-
if (!Number.isInteger(insertIndex) || insertIndex < 0 || insertIndex > sourceLines.length) {
|
|
970
|
-
return { handled: false, error: 'Invalid insert line for ' + manifest.sourceFile, ...resultBase };
|
|
971
|
-
}
|
|
972
|
-
|
|
973
|
-
const nearbyLine = sourceLines[insertIndex] ?? sourceLines[insertIndex - 1] ?? '';
|
|
974
|
-
const indent = nearbyLine.match(/^(\s*)/)?.[1] || '';
|
|
975
|
-
const indentedMarkup = reindentPreservingStructure(restoredMarkup, indent);
|
|
976
|
-
|
|
977
|
-
let newLines = [
|
|
978
|
-
...sourceLines.slice(0, insertIndex),
|
|
979
|
-
...indentedMarkup,
|
|
980
|
-
...sourceLines.slice(insertIndex),
|
|
981
|
-
];
|
|
982
|
-
|
|
983
|
-
let variantCss = cssLines.join('\n');
|
|
984
|
-
if (/data-impeccable-variant|impeccable-variant-ready/.test(variantCss)) {
|
|
985
|
-
variantCss = sanitizeAcceptedSvelteCss(cssLines, variantNum, paramValues, rootTag).join('\n');
|
|
986
|
-
}
|
|
987
|
-
const declaredParams = readDeclaredParams(manifest, variantNum, cwd);
|
|
988
|
-
const bakedCss = bakeParamValues(variantCss, declaredParams, paramValues || {});
|
|
989
|
-
if (bakedCss.trim()) {
|
|
990
|
-
const merged = mergeCssIntoSvelteSource(newLines.join('\n'), bakedCss);
|
|
991
|
-
newLines = merged.text.split('\n');
|
|
992
|
-
}
|
|
993
|
-
|
|
994
|
-
try {
|
|
995
|
-
fs.writeFileSync(sourceFile, newLines.join('\n'), 'utf-8');
|
|
996
|
-
} catch (err) {
|
|
997
|
-
return { handled: false, error: 'Failed to write Svelte source: ' + err.message, ...resultBase };
|
|
998
|
-
}
|
|
999
|
-
removeSvelteComponentSession(manifest.id, cwd);
|
|
1000
|
-
|
|
1001
|
-
const verify = verifyAcceptedSource(newLines.join('\n'));
|
|
1002
|
-
return {
|
|
1003
|
-
handled: true,
|
|
1004
|
-
verify,
|
|
1005
|
-
...resultBase,
|
|
1006
|
-
};
|
|
1007
|
-
}
|
|
1008
|
-
|
|
1009
|
-
function svelteMarkupHasVisibleContent(markup) {
|
|
1010
|
-
const text = String(markup || '')
|
|
1011
|
-
.replace(/<script[\s\S]*?<\/script>/gi, '')
|
|
1012
|
-
.replace(/<style[\s\S]*?<\/style>/gi, '')
|
|
1013
|
-
.replace(/<!--[\s\S]*?-->/g, '')
|
|
1014
|
-
.replace(/<[^>]+>/g, ' ')
|
|
1015
|
-
.replace(/\s+/g, ' ')
|
|
1016
|
-
.trim();
|
|
1017
|
-
if (text.length > 0) return true;
|
|
1018
|
-
return /<(img|svg|canvas|video|audio|picture|input|button|select|textarea)\b/i.test(markup || '');
|
|
1019
|
-
}
|
|
1020
|
-
|
|
1021
|
-
function mergeOriginalTopLevelAttrs(markup, originalMarkup) {
|
|
1022
|
-
const variantOpen = matchOpeningTag(markup);
|
|
1023
|
-
const originalOpen = matchOpeningTag(originalMarkup);
|
|
1024
|
-
if (!variantOpen || !originalOpen) return markup;
|
|
1025
|
-
if (variantOpen.tag.toLowerCase() !== originalOpen.tag.toLowerCase()) return markup;
|
|
1026
|
-
|
|
1027
|
-
const variantAttrs = parseAttrSegments(variantOpen.attrs);
|
|
1028
|
-
const originalAttrs = parseAttrSegments(originalOpen.attrs);
|
|
1029
|
-
const additions = [];
|
|
1030
|
-
let attrs = variantOpen.attrs;
|
|
1031
|
-
|
|
1032
|
-
const originalClass = originalAttrs.get('class');
|
|
1033
|
-
const variantClass = variantAttrs.get('class');
|
|
1034
|
-
if (originalClass && variantClass) {
|
|
1035
|
-
const merged = mergeStaticClassAttr(originalClass, variantClass);
|
|
1036
|
-
if (merged) {
|
|
1037
|
-
attrs = attrs.slice(0, variantClass.start) + merged + attrs.slice(variantClass.end);
|
|
1038
|
-
variantAttrs.set('class', { ...variantClass, raw: merged });
|
|
1039
|
-
}
|
|
1040
|
-
} else if (originalClass && !variantClass) {
|
|
1041
|
-
additions.push(originalClass.raw);
|
|
1042
|
-
}
|
|
1043
|
-
|
|
1044
|
-
for (const [name, attr] of originalAttrs) {
|
|
1045
|
-
if (name === 'class') continue;
|
|
1046
|
-
if (!variantAttrs.has(name)) additions.push(attr.raw);
|
|
1047
|
-
}
|
|
1048
|
-
|
|
1049
|
-
if (additions.length === 0 && attrs === variantOpen.attrs) return markup;
|
|
1050
|
-
const nextOpen = variantOpen.prefix
|
|
1051
|
-
+ variantOpen.tag
|
|
1052
|
-
+ attrs
|
|
1053
|
-
+ additions.map((attr) => ' ' + attr.trim()).join('')
|
|
1054
|
-
+ variantOpen.close;
|
|
1055
|
-
return markup.slice(0, variantOpen.index) + nextOpen + markup.slice(variantOpen.index + variantOpen.raw.length);
|
|
1056
|
-
}
|
|
1057
|
-
|
|
1058
|
-
function matchOpeningTag(markup) {
|
|
1059
|
-
const match = String(markup || '').match(/^(\s*<)([A-Za-z][\w:-]*)([^>]*?)(\/?>)/);
|
|
1060
|
-
if (!match) return null;
|
|
1061
|
-
return {
|
|
1062
|
-
raw: match[0],
|
|
1063
|
-
prefix: match[1],
|
|
1064
|
-
tag: match[2],
|
|
1065
|
-
attrs: match[3] || '',
|
|
1066
|
-
close: match[4],
|
|
1067
|
-
index: match.index || 0,
|
|
1068
|
-
};
|
|
1069
|
-
}
|
|
1070
|
-
|
|
1071
|
-
function parseAttrSegments(attrs) {
|
|
1072
|
-
const out = new Map();
|
|
1073
|
-
const re = /([A-Za-z_:][\w:.-]*)(?:\s*=\s*(?:"[^"]*"|'[^']*'|\{[^}]*\}|[^\s"'>=]+))?/g;
|
|
1074
|
-
let match;
|
|
1075
|
-
while ((match = re.exec(attrs))) {
|
|
1076
|
-
const raw = match[0];
|
|
1077
|
-
const name = match[1];
|
|
1078
|
-
out.set(name, {
|
|
1079
|
-
name,
|
|
1080
|
-
raw,
|
|
1081
|
-
start: match.index,
|
|
1082
|
-
end: match.index + raw.length,
|
|
1083
|
-
});
|
|
1084
|
-
}
|
|
1085
|
-
return out;
|
|
1086
|
-
}
|
|
1087
|
-
|
|
1088
|
-
function mergeStaticClassAttr(originalClass, variantClass) {
|
|
1089
|
-
const originalValue = originalClass.raw.match(/class\s*=\s*(["'])(.*?)\1/);
|
|
1090
|
-
const variantValue = variantClass.raw.match(/class\s*=\s*(["'])(.*?)\1/);
|
|
1091
|
-
if (!originalValue || !variantValue) return null;
|
|
1092
|
-
const quote = variantValue[1];
|
|
1093
|
-
const classes = [
|
|
1094
|
-
...variantValue[2].split(/\s+/),
|
|
1095
|
-
...originalValue[2].split(/\s+/),
|
|
1096
|
-
].filter(Boolean);
|
|
1097
|
-
return `class=${quote}${[...new Set(classes)].join(' ')}${quote}`;
|
|
1098
|
-
}
|
|
1099
|
-
|
|
1100
|
-
export function removeSvelteComponentSession(id, cwd = process.cwd()) {
|
|
1101
|
-
const dir = componentSessionDir(id, cwd);
|
|
1102
|
-
try {
|
|
1103
|
-
fs.rmSync(dir, { recursive: true, force: true });
|
|
1104
|
-
} catch { /* non-fatal */ }
|
|
1105
|
-
}
|
|
1106
|
-
|
|
1107
|
-
/**
|
|
1108
|
-
* Compile-check every variant component of a session with the app's own
|
|
1109
|
-
* compiler, BEFORE the browser ever imports them. A variant that does not
|
|
1110
|
-
* compile (the classic: a second top-level <style> appended next to the
|
|
1111
|
-
* seeded one) used to surface as a red Vite overlay in the user's page plus
|
|
1112
|
-
* a mount-failure round trip; bounced at publish time it is a private
|
|
1113
|
-
* agent-side fix with the exact file and line.
|
|
1114
|
-
*/
|
|
1115
|
-
export function compileCheckVariants(id, cwd = process.cwd()) {
|
|
1116
|
-
const manifest = findSvelteComponentManifest(id, cwd);
|
|
1117
|
-
if (!manifest || !manifest.manifestPath) return { ok: true, failures: [], checked: 0 };
|
|
1118
|
-
const compiler = loadSvelteCompiler(cwd);
|
|
1119
|
-
if (!compiler || typeof compiler.compile !== 'function') return { ok: true, failures: [], checked: 0 };
|
|
1120
|
-
const sessionDir = path.dirname(manifest.manifestPath);
|
|
1121
|
-
const failures = [];
|
|
1122
|
-
let checked = 0;
|
|
1123
|
-
let entries = [];
|
|
1124
|
-
try { entries = fs.readdirSync(sessionDir); } catch { return { ok: true, failures: [], checked: 0 }; }
|
|
1125
|
-
for (const name of entries) {
|
|
1126
|
-
if (!/^v\d+\.svelte$/.test(name)) continue;
|
|
1127
|
-
checked++;
|
|
1128
|
-
try {
|
|
1129
|
-
compiler.compile(fs.readFileSync(path.join(sessionDir, name), 'utf-8'), { generate: false });
|
|
1130
|
-
} catch (err) {
|
|
1131
|
-
failures.push({
|
|
1132
|
-
file: `${manifest.componentDir}/${name}`,
|
|
1133
|
-
line: err?.start?.line ?? null,
|
|
1134
|
-
column: err?.start?.column ?? null,
|
|
1135
|
-
message: String(err?.message || err).split('\n')[0].slice(0, 300),
|
|
1136
|
-
});
|
|
1137
|
-
}
|
|
1138
|
-
}
|
|
1139
|
-
return { ok: failures.length === 0, failures, checked };
|
|
1140
|
-
}
|
|
1141
|
-
|
|
1142
|
-
/**
|
|
1143
|
-
* Snapshot the agent-authored variant files into a fresh revision directory
|
|
1144
|
-
* and stamp the manifest. Called by the server on every publish (`done`
|
|
1145
|
-
* reply) for a component session; the browser imports from the revision dir,
|
|
1146
|
-
* so the dev server can never serve a stale compile of a republished file.
|
|
1147
|
-
*/
|
|
1148
|
-
export function bumpSvelteComponentPreviewRevision(id, cwd = process.cwd()) {
|
|
1149
|
-
const manifest = findSvelteComponentManifest(id, cwd);
|
|
1150
|
-
if (!manifest || !manifest.manifestPath) return null;
|
|
1151
|
-
const sessionDir = path.dirname(manifest.manifestPath);
|
|
1152
|
-
const revision = Number(manifest.revision || 0) + 1;
|
|
1153
|
-
const revDirName = `r${revision}`;
|
|
1154
|
-
const revDir = path.join(sessionDir, revDirName);
|
|
1155
|
-
try {
|
|
1156
|
-
fs.mkdirSync(revDir, { recursive: true });
|
|
1157
|
-
let entries = [];
|
|
1158
|
-
try { entries = fs.readdirSync(sessionDir, { withFileTypes: true }); } catch { /* empty */ }
|
|
1159
|
-
for (const entry of entries) {
|
|
1160
|
-
if (!entry.isFile()) continue;
|
|
1161
|
-
if (entry.name === 'manifest.json') continue;
|
|
1162
|
-
fs.copyFileSync(path.join(sessionDir, entry.name), path.join(revDir, entry.name));
|
|
1163
|
-
}
|
|
1164
|
-
// Previous revision dirs are dead the moment a new one exists.
|
|
1165
|
-
for (const entry of entries) {
|
|
1166
|
-
if (entry.isDirectory() && /^r\d+$/.test(entry.name) && entry.name !== revDirName) {
|
|
1167
|
-
try { fs.rmSync(path.join(sessionDir, entry.name), { recursive: true, force: true }); } catch { /* non-fatal */ }
|
|
1168
|
-
}
|
|
1169
|
-
}
|
|
1170
|
-
const relSessionDir = path.relative(cwd, sessionDir).split(path.sep).join('/');
|
|
1171
|
-
const updated = {
|
|
1172
|
-
...manifest,
|
|
1173
|
-
revision,
|
|
1174
|
-
revisionDir: `${relSessionDir}/${revDirName}`,
|
|
1175
|
-
revisionDirAbs: revDir.split(path.sep).join('/'),
|
|
1176
|
-
};
|
|
1177
|
-
delete updated.manifestPath;
|
|
1178
|
-
fs.writeFileSync(manifest.manifestPath, JSON.stringify(updated, null, 2) + '\n', 'utf-8');
|
|
1179
|
-
return { revision, revisionDir: updated.revisionDir };
|
|
1180
|
-
} catch {
|
|
1181
|
-
return null;
|
|
1182
|
-
}
|
|
1183
|
-
}
|
|
1184
|
-
|
|
1185
|
-
/**
|
|
1186
|
-
* Stop-path sweep. The whole `node_modules/.impeccable-live` tree is
|
|
1187
|
-
* impeccable-owned and gitignored, so once no session should survive there is
|
|
1188
|
-
* nothing left worth keeping: the per-session dirs, the generated
|
|
1189
|
-
* `__runtime.js`, and the parent directory all go. The old per-entry loop
|
|
1190
|
-
* skipped `__*` entries and the parent, which left the runtime shim and an
|
|
1191
|
-
* empty directory in every project that ever ran live mode once.
|
|
1192
|
-
*/
|
|
1193
|
-
export function removeAllSvelteComponentSessions(cwd = process.cwd()) {
|
|
1194
|
-
for (const rootRel of [SVELTE_COMPONENT_ROOT, LEGACY_SVELTE_COMPONENT_ROOT]) {
|
|
1195
|
-
const root = path.join(cwd, rootRel);
|
|
1196
|
-
if (!fs.existsSync(root)) continue;
|
|
1197
|
-
try {
|
|
1198
|
-
fs.rmSync(root, { recursive: true, force: true });
|
|
1199
|
-
} catch { /* non-fatal */ }
|
|
1200
|
-
}
|
|
1201
|
-
}
|
|
1202
|
-
|
|
1203
|
-
/**
|
|
1204
|
-
* Boot-path sweep. A restart must not delete the tree wholesale: sessions
|
|
1205
|
-
* recorded in the session store may still be mid-generation. Remove only the
|
|
1206
|
-
* session dirs whose id has no active snapshot, then drop `__runtime.js` and
|
|
1207
|
-
* the parent directory when nothing is left to serve.
|
|
1208
|
-
*
|
|
1209
|
-
* @param {Iterable<string>} activeIds session ids that must be preserved
|
|
1210
|
-
* @returns {{ removed: string[], removedRoot: boolean, kept: string[] }}
|
|
1211
|
-
*/
|
|
1212
|
-
export function sweepInactiveSvelteComponentSessions(activeIds = [], cwd = process.cwd()) {
|
|
1213
|
-
const result = { removed: [], removedRoot: false, kept: [] };
|
|
1214
|
-
const active = new Set();
|
|
1215
|
-
for (const id of activeIds || []) {
|
|
1216
|
-
if (typeof id === 'string' && id) active.add(id);
|
|
1217
|
-
}
|
|
1218
|
-
|
|
1219
|
-
for (const rootRel of [SVELTE_COMPONENT_ROOT, LEGACY_SVELTE_COMPONENT_ROOT]) {
|
|
1220
|
-
const root = path.join(cwd, rootRel);
|
|
1221
|
-
if (!fs.existsSync(root)) continue;
|
|
1222
|
-
|
|
1223
|
-
let entries;
|
|
1224
|
-
try {
|
|
1225
|
-
entries = fs.readdirSync(root, { withFileTypes: true });
|
|
1226
|
-
} catch {
|
|
1227
|
-
continue;
|
|
1228
|
-
}
|
|
1229
|
-
|
|
1230
|
-
let keptHere = 0;
|
|
1231
|
-
for (const entry of entries) {
|
|
1232
|
-
if (!entry.isDirectory()) continue;
|
|
1233
|
-
if (entry.name.startsWith('__')) continue;
|
|
1234
|
-
if (active.has(entry.name)) {
|
|
1235
|
-
result.kept.push(entry.name);
|
|
1236
|
-
keptHere++;
|
|
1237
|
-
continue;
|
|
1238
|
-
}
|
|
1239
|
-
try {
|
|
1240
|
-
fs.rmSync(path.join(root, entry.name), { recursive: true, force: true });
|
|
1241
|
-
result.removed.push(entry.name);
|
|
1242
|
-
} catch {
|
|
1243
|
-
// Could not remove it, so it still occupies the tree; treat it as kept
|
|
1244
|
-
// so the parent directory is not torn out from under it.
|
|
1245
|
-
result.kept.push(entry.name);
|
|
1246
|
-
keptHere++;
|
|
1247
|
-
}
|
|
1248
|
-
}
|
|
1249
|
-
|
|
1250
|
-
if (keptHere === 0) {
|
|
1251
|
-
try {
|
|
1252
|
-
fs.rmSync(root, { recursive: true, force: true });
|
|
1253
|
-
result.removedRoot = true;
|
|
1254
|
-
} catch { /* non-fatal */ }
|
|
1255
|
-
}
|
|
1256
|
-
}
|
|
1257
|
-
return result;
|
|
1258
|
-
}
|
|
1259
|
-
|
|
1260
|
-
export function deferredAcceptsPath(cwd = process.cwd()) {
|
|
1261
|
-
const key = createHash('sha1').update(path.resolve(cwd)).digest('hex').slice(0, 16);
|
|
1262
|
-
return path.join(os.tmpdir(), 'impeccable-live', key, 'deferred-svelte-component-accepts.json');
|
|
1263
|
-
}
|
|
1264
|
-
|
|
1265
|
-
export function readDeferredAccepts(cwd = process.cwd()) {
|
|
1266
|
-
const file = deferredAcceptsPath(cwd);
|
|
1267
|
-
try {
|
|
1268
|
-
return JSON.parse(fs.readFileSync(file, 'utf-8'));
|
|
1269
|
-
} catch {
|
|
1270
|
-
return { accepts: [] };
|
|
1271
|
-
}
|
|
1272
|
-
}
|
|
1273
|
-
|
|
1274
|
-
export function writeDeferredAccept(entry, cwd = process.cwd()) {
|
|
1275
|
-
const file = deferredAcceptsPath(cwd);
|
|
1276
|
-
fs.mkdirSync(path.dirname(file), { recursive: true });
|
|
1277
|
-
const data = readDeferredAccepts(cwd);
|
|
1278
|
-
data.accepts = (data.accepts || []).filter((item) => item.id !== entry.id);
|
|
1279
|
-
data.accepts.push({ ...entry, createdAt: new Date().toISOString() });
|
|
1280
|
-
fs.writeFileSync(file, JSON.stringify(data, null, 2) + '\n', 'utf-8');
|
|
1281
|
-
}
|
|
1282
|
-
|
|
1283
|
-
export function applyDeferredSvelteComponentAccepts(cwd = process.cwd()) {
|
|
1284
|
-
const file = deferredAcceptsPath(cwd);
|
|
1285
|
-
const data = readDeferredAccepts(cwd);
|
|
1286
|
-
const pending = Array.isArray(data.accepts) ? data.accepts : [];
|
|
1287
|
-
const results = [];
|
|
1288
|
-
const remaining = [];
|
|
1289
|
-
for (const entry of pending) {
|
|
1290
|
-
try {
|
|
1291
|
-
const manifest = findSvelteComponentManifest(entry.id, cwd);
|
|
1292
|
-
if (!manifest) {
|
|
1293
|
-
results.push({ id: entry.id, ok: false, error: 'manifest not found' });
|
|
1294
|
-
remaining.push(entry);
|
|
1295
|
-
continue;
|
|
1296
|
-
}
|
|
1297
|
-
const result = inlineSvelteComponentAccept(
|
|
1298
|
-
manifest,
|
|
1299
|
-
entry.variantNum,
|
|
1300
|
-
entry.paramValues || null,
|
|
1301
|
-
cwd,
|
|
1302
|
-
);
|
|
1303
|
-
results.push({ id: entry.id, ok: result.handled !== false, result });
|
|
1304
|
-
if (result.handled === false) remaining.push(entry);
|
|
1305
|
-
} catch (err) {
|
|
1306
|
-
results.push({ id: entry.id, ok: false, error: err.message });
|
|
1307
|
-
remaining.push(entry);
|
|
1308
|
-
}
|
|
1309
|
-
}
|
|
1310
|
-
if (remaining.length > 0) {
|
|
1311
|
-
fs.writeFileSync(file, JSON.stringify({ accepts: remaining }, null, 2) + '\n', 'utf-8');
|
|
1312
|
-
} else {
|
|
1313
|
-
try { fs.rmSync(file, { force: true }); } catch {}
|
|
1314
|
-
}
|
|
1315
|
-
return { applied: results.filter((r) => r.ok).length, failed: results.filter((r) => !r.ok).length, results };
|
|
1316
|
-
}
|
|
1317
|
-
|
|
1318
|
-
export function buildSvelteComponentCssAuthoring(count) {
|
|
1319
|
-
const variantNumbers = Array.from({ length: count }, (_, i) => i + 1);
|
|
1320
|
-
return {
|
|
1321
|
-
mode: 'svelte-component',
|
|
1322
|
-
styleTag: null,
|
|
1323
|
-
strategy: 'component-style-block',
|
|
1324
|
-
rulePattern: '.semantic-class { ... }',
|
|
1325
|
-
selectorExamples: variantNumbers.map(() => '.expense-row { padding: 22px; }'),
|
|
1326
|
-
requirements: [
|
|
1327
|
-
'Write each variant as a real Svelte component file (v1.svelte, v2.svelte, ...).',
|
|
1328
|
-
'Keep the prop names from propContract; bind dynamic text with {propName}, not literal snapshot text.',
|
|
1329
|
-
'Put variant CSS in the component <style> block using semantic class selectors.',
|
|
1330
|
-
'Author param-driven CSS against var(--p-<id>, default) and [data-p-<id>] using :global(...) so the runtime knob values reach the mounted root.',
|
|
1331
|
-
'Declare params in componentDir/params.json keyed by variant number (e.g. {"1": [...], "2": [...]}), NOT as a data-impeccable-params attribute.',
|
|
1332
|
-
'Do not use @scope or data-impeccable-variant selectors in component files.',
|
|
1333
|
-
'Do not edit the route source file during generation; only edit files under componentDir.',
|
|
1334
|
-
],
|
|
1335
|
-
forbidden: [
|
|
1336
|
-
'Do not use @scope blocks in Svelte component variants.',
|
|
1337
|
-
'Do not copy live DOM snapshot text into markup when propContract provides bindings.',
|
|
1338
|
-
'Do not add data-impeccable-* attributes inside component files. Svelte parses { in attribute values as an expression, so data-impeccable-params with JSON breaks the build; use componentDir/params.json instead.',
|
|
1339
|
-
],
|
|
1340
|
-
paramsFile: 'params.json',
|
|
1341
|
-
};
|
|
1342
|
-
}
|