mirror of
https://github.com/pbakaus/impeccable.git
synced 2026-09-12 06:06:37 +03:00
Paul BakausandClaude Code
17dabf4b7e
A ground-up hardening of live mode, driven by a production session in a nested-app monorepo that hit six distinct failure classes. Full design rationale in docs/LIVE-REWRITE-PLAN.md; every Codex-reported failure now has a mechanical fix and a regression test. Roots: live/roots.mjs resolves appRoot/repoRoot/contextRoot once at boot (keyed on dev-server configs, not monorepo brand markers), persists a manifest, and every live CLI re-anchors onto it at startup, so a helper run from the wrong directory can no longer fork session state. Context files are discovered upward to the git root. Render truth: variant_mounted / variant_mount_failed events give the journal per-variant mount state; failures reach the agent's poll queue, raise a persistent error card with Retry (no more localStorage wipe), and an attach probe names root/dev-server mismatches explicitly. The browser rehydrates from the server when localStorage is gone. Svelte: the scaffolder now parses with the app's own svelte 5 compiler. Control flow survives (an each collection crosses the contract as one structured prop), keyed each blocks hydrate synthetic keys, and anything a detached preview cannot support falls back to source-preview instead of shipping a wrong scaffold. Preview modules live in per-publish revision directories, defeating stale transform caches. Accept: CSS is reconciled, not appended. Matching selectors are replaced, params bake from params.json kinds, the compiler's unused-selector pass prunes superseded rules (pre-existing dead rules protected), a selector- loss postcondition refuses any write that would drop hand-written rules, and live-complete refuses to finish while live plumbing remains in source. Also: framework registry (live/frameworks/) with a crash-safe injection journal, session-store snapshot caching with read-only reads, protocol enum consolidation, steer Send button, honest DESIGN-panel empty states. Testing: new unit suites (roots, AST scaffolder, accept CSS, accept pipeline, framework conformance); e2e now fails on preview-tree 404s, proves computed-style mount for every variant, drives the Tune panel through baked params, and injects failures (broken mounts, republish, storage loss). New runtime fixtures: monorepo-nested-vite (repo root != app root) and vite8-sveltekit-stateful (each blocks + state). Nightly full-matrix cron. An independent adversarial review pass preceded this commit; its blocker and major findings are fixed and regression-tested. This work was produced with AI assistance (Claude Code). Co-Authored-By: Claude Code <noreply@anthropic.com>
50 lines
1.7 KiB
JavaScript
50 lines
1.7 KiB
JavaScript
/**
|
|
* Next.js registry entry.
|
|
*
|
|
* Next takes the generic tag strategy: the App Router's root layout renders
|
|
* `<html>…<body>` in JSX, so the marker-wrapped script block goes in there
|
|
* verbatim. Nothing about injection differs from a plain Vite app, which is
|
|
* why live-inject.mjs never had a Next branch. The entry exists so the
|
|
* registry can name what it is looking at.
|
|
*/
|
|
|
|
import { fileExists, findConfigFile, hasAnyDependency } from './detect-utils.mjs';
|
|
|
|
const NEXT_CONFIG_RE = /^next\.config\.(?:js|mjs|cjs|ts|mts|cts)$/;
|
|
|
|
const ROUTER_ENTRY_CANDIDATES = [
|
|
'app/layout.tsx', 'app/layout.jsx', 'app/layout.ts', 'app/layout.js',
|
|
'src/app/layout.tsx', 'src/app/layout.jsx', 'src/app/layout.ts', 'src/app/layout.js',
|
|
'pages/_app.tsx', 'pages/_app.jsx', 'pages/_app.ts', 'pages/_app.js',
|
|
'pages/_document.tsx', 'pages/_document.jsx',
|
|
'src/pages/_app.tsx', 'src/pages/_app.jsx',
|
|
];
|
|
|
|
export function detectNextProject(cwd = process.cwd()) {
|
|
const configFile = findConfigFile(cwd, NEXT_CONFIG_RE);
|
|
if (configFile) return { configFile, via: 'config' };
|
|
if (hasAnyDependency(cwd, ['next'])) return { configFile: null, via: 'package' };
|
|
// Next's file conventions are distinctive enough to stand alone: a root
|
|
// `app/layout.*` or `pages/_app.*` is not a shape other bundlers produce.
|
|
const entry = ROUTER_ENTRY_CANDIDATES.find((rel) => fileExists(cwd, rel));
|
|
if (entry) return { configFile: null, via: 'router-entry', entry };
|
|
return null;
|
|
}
|
|
|
|
export const nextjs = {
|
|
name: 'nextjs',
|
|
|
|
detect(cwd) {
|
|
return detectNextProject(cwd);
|
|
},
|
|
|
|
inject: { kind: 'tag' },
|
|
|
|
source: {
|
|
extensions: ['.tsx', '.jsx'],
|
|
preview: 'source',
|
|
styleMode: 'scoped',
|
|
commentSyntax: 'jsx',
|
|
},
|
|
};
|