fimo 0.7.0-experimental.2 → 0.7.0-experimental.4

package/dist/scripts/frameworks/next/wiring.js

@@ -0,0 +1,163 @@
+import fs from 'node:fs';
+import path from 'node:path';
+import { parseSync } from 'oxc-parser';
+import { ensureFimoImport } from '../../apply-wrap.js';
+/**
+ * Next.js-side wrap wiring: everything the wrap migration must touch that is
+ * specific to this framework lives HERE, not in the generic flow. Mirror this
+ * module when adding a framework (see the fimo-framework-adapter skill).
+ */
+export function ensureNextWiring(cwd) {
+    const changes = [];
+    const warnings = [];
+    const configFile = ['next.config.ts', 'next.config.mjs', 'next.config.js', 'next.config.cjs']
+        .map((candidate) => path.join(cwd, candidate))
+        .find((candidate) => fs.existsSync(candidate));
+    if (configFile) {
+        const source = fs.readFileSync(configFile, 'utf8');
+        if (!source.includes('allowedDevOrigins')) {
+            // The three mainstream config shapes: a named object binding, a direct
+            // `export default {` literal, and CJS `module.exports = {`.
+            let patched = source.replace(/(const\s+nextConfig[^=]*=\s*\{)/, `$1\n  allowedDevOrigins: ['*.preview.fimo.ai'],`);
+            if (patched === source) {
+                patched = source.replace(/((?:export\s+default|module\.exports\s*=)\s*\{)/, `$1\n  allowedDevOrigins: ['*.preview.fimo.ai'],\n`);
+            }
+            if (patched !== source) {
+                fs.writeFileSync(configFile, patched);
+                changes.push(`added allowedDevOrigins to ${path.basename(configFile)}`);
+            }
+            else {
+                warnings.push(`Could not patch ${path.basename(configFile)} automatically — add: allowedDevOrigins: ['*.preview.fimo.ai']`);
+            }
+        }
+    }
+    else {
+        warnings.push("No next.config found — create one with: allowedDevOrigins: ['*.preview.fimo.ai']");
+    }
+    return { changes, warnings };
+}
+function findFirst(node, predicate) {
+    if (!node || typeof node !== 'object') {
+        return null;
+    }
+    if (predicate(node)) {
+        return node;
+    }
+    for (const value of Object.values(node)) {
+        if (Array.isArray(value)) {
+            for (const entry of value) {
+                const found = findFirst(entry, predicate);
+                if (found) {
+                    return found;
+                }
+            }
+        }
+        else if (value && typeof value === 'object') {
+            const found = findFirst(value, predicate);
+            if (found) {
+                return found;
+            }
+        }
+    }
+    return null;
+}
+const jsxName = (element) => element?.openingElement?.name?.name;
+/**
+ * Wire the app-router root layout deterministically: imports, async default
+ * export, loader calls, `<FimoNextScripts />` in head, and `{children}`
+ * wrapped in `<FimoNextProviders>`. Only the provably safe shape is touched —
+ * one default-exported function whose JSX returns `<html>…<body>` with a
+ * `{children}` expression somewhere inside body (create-next-app and its
+ * variants). Anything else bails with the reason, and the agent prompt keeps
+ * the manual recipe.
+ */
+export function ensureNextLayoutWiring(cwd, detection) {
+    if (!detection.appDir) {
+        return {
+            changes: [],
+            warnings: ['Root wiring not applied: pages-router project (no app directory) — wire pages/_app manually.'],
+            wired: false,
+        };
+    }
+    const layoutFile = ['layout.tsx', 'layout.jsx', 'layout.js']
+        .map((candidate) => path.join(cwd, detection.appDir, candidate))
+        .find((candidate) => fs.existsSync(candidate));
+    const rel = layoutFile ? path.relative(cwd, layoutFile) : `${detection.appDir}/layout.tsx`;
+    const bail = (reason) => ({
+        changes: [],
+        warnings: [`Root wiring not applied: ${reason} — follow the layout recipe in the agent prompt (${rel}).`],
+        wired: false,
+    });
+    if (!layoutFile) {
+        return bail('no root layout file found');
+    }
+    const code = fs.readFileSync(layoutFile, 'utf8');
+    if (code.includes('FimoNextProviders')) {
+        return { changes: [], warnings: [], wired: true };
+    }
+    let program;
+    try {
+        program = parseSync(layoutFile, code).program;
+    }
+    catch {
+        return bail('root layout could not be parsed');
+    }
+    const exportDefault = (program.body ?? []).find((node) => node.type === 'ExportDefaultDeclaration');
+    if (!exportDefault || exportDefault.declaration?.type !== 'FunctionDeclaration') {
+        return bail('the default export is not a plain function declaration');
+    }
+    const layoutFn = exportDefault.declaration;
+    const body = layoutFn.body;
+    if (!body || (body.type !== 'FunctionBody' && body.type !== 'BlockStatement')) {
+        return bail('the layout function has no block body');
+    }
+    const html = findFirst(body, (node) => node?.type === 'JSXElement' && jsxName(node) === 'html');
+    if (!html) {
+        return bail('the layout does not return an <html> element');
+    }
+    const htmlBody = (html.children ?? []).find((child) => child?.type === 'JSXElement' && jsxName(child) === 'body');
+    if (!htmlBody) {
+        return bail('no <body> element found under <html>');
+    }
+    const childrenExpr = findFirst(htmlBody, (node) => node?.type === 'JSXExpressionContainer' &&
+        node.expression?.type === 'Identifier' &&
+        node.expression?.name === 'children');
+    if (!childrenExpr) {
+        return bail('no {children} expression found inside <body>');
+    }
+    const edits = [];
+    if (!layoutFn.async) {
+        edits.push({ start: layoutFn.start, end: layoutFn.start, replacement: 'async ' });
+    }
+    edits.push({
+        start: body.start + 1,
+        end: body.start + 1,
+        replacement: '\n  const config = loadFimoConfig();\n  const labels = await loadFimoLabels();\n',
+    });
+    edits.push({
+        start: childrenExpr.start,
+        end: childrenExpr.end,
+        replacement: `<FimoNextProviders config={config} labels={labels}>${code.slice(childrenExpr.start, childrenExpr.end)}</FimoNextProviders>`,
+    });
+    const head = (html.children ?? []).find((child) => child?.type === 'JSXElement' && jsxName(child) === 'head');
+    if (head) {
+        const at = head.openingElement.end;
+        edits.push({ start: at, end: at, replacement: '<FimoNextScripts />' });
+    }
+    else {
+        const at = html.openingElement.end;
+        edits.push({
+            start: at,
+            end: at,
+            replacement: '\n      <head>\n        <FimoNextScripts />\n      </head>',
+        });
+    }
+    let next = code;
+    for (const edit of edits.sort((a, b) => b.start - a.start)) {
+        next = next.slice(0, edit.start) + edit.replacement + next.slice(edit.end);
+    }
+    next = ensureFimoImport(next, ['FimoNextProviders', 'FimoNextScripts'], 'fimo/next');
+    next = ensureFimoImport(next, ['loadFimoConfig', 'loadFimoLabels'], 'fimo/next/server');
+    fs.writeFileSync(layoutFile, next);
+    return { changes: [`wired Fimo providers into ${rel}`], warnings: [], wired: true };
+}

package/dist/scripts/frameworks/next/wiring.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/scripts/frameworks/next/wiring.test.js

@@ -0,0 +1,146 @@
+import { mkdirSync, mkdtempSync, readFileSync, rmSync, writeFileSync } from 'node:fs';
+import { tmpdir } from 'node:os';
+import { join } from 'node:path';
+import { afterEach, describe, expect, it } from 'vitest';
+import { ensureNextLayoutWiring, ensureNextWiring } from './wiring.js';
+let dir;
+const project = (files) => {
+    dir = mkdtempSync(join(tmpdir(), 'next-wiring-'));
+    for (const [rel, content] of Object.entries(files)) {
+        const full = join(dir, rel);
+        mkdirSync(join(full, '..'), { recursive: true });
+        writeFileSync(full, content);
+    }
+    return dir;
+};
+afterEach(() => {
+    if (dir) {
+        rmSync(dir, { recursive: true, force: true });
+    }
+});
+const CREATE_NEXT_APP_LAYOUT = `import type { Metadata } from 'next';
+import './globals.css';
+
+export const metadata: Metadata = { title: 'Harbor Docs' };
+
+export default function RootLayout({ children }: { children: React.ReactNode }) {
+  return (
+    <html lang="en">
+      <body className="antialiased">{children}</body>
+    </html>
+  );
+}
+`;
+describe('ensureNextLayoutWiring', () => {
+    it('wires the create-next-app default layout end to end', () => {
+        const root = project({ 'app/layout.tsx': CREATE_NEXT_APP_LAYOUT });
+        const result = ensureNextLayoutWiring(root, { appDir: 'app' });
+        const code = readFileSync(join(root, 'app/layout.tsx'), 'utf8');
+        expect(result.wired).toBe(true);
+        expect(result.changes).toEqual(['wired Fimo providers into app/layout.tsx']);
+        expect(code).toContain('import { FimoNextProviders, FimoNextScripts } from "fimo/next";');
+        expect(code).toContain('import { loadFimoConfig, loadFimoLabels } from "fimo/next/server";');
+        expect(code).toContain('export default async function RootLayout');
+        expect(code).toContain('const config = loadFimoConfig();');
+        expect(code).toContain('const labels = await loadFimoLabels();');
+        expect(code).toContain('<body className="antialiased"><FimoNextProviders config={config} labels={labels}>{children}</FimoNextProviders></body>');
+        expect(code).toContain('<head>');
+        expect(code).toContain('<FimoNextScripts />');
+        // Head lands inside <html>, before <body>.
+        expect(code.indexOf('<FimoNextScripts />')).toBeGreaterThan(code.indexOf('<html'));
+        expect(code.indexOf('<FimoNextScripts />')).toBeLessThan(code.indexOf('<body'));
+    });
+    it('reuses an existing <head> element and keeps an async layout async', () => {
+        const root = project({
+            'src/app/layout.jsx': `export default async function Layout({ children }) {
+  return (
+    <html>
+      <head>
+        <link rel="icon" href="/favicon.ico" />
+      </head>
+      <body>
+        <div id="shell">{children}</div>
+      </body>
+    </html>
+  );
+}
+`,
+        });
+        const result = ensureNextLayoutWiring(root, { appDir: 'src/app' });
+        const code = readFileSync(join(root, 'src/app/layout.jsx'), 'utf8');
+        expect(result.wired).toBe(true);
+        expect(code).not.toContain('async async');
+        expect(code).toContain('<head><FimoNextScripts />');
+        // children was NOT a direct body child — the nested container still wraps.
+        expect(code).toContain('<FimoNextProviders config={config} labels={labels}>{children}</FimoNextProviders>');
+        expect(code.match(/<head>/g)).toHaveLength(1);
+    });
+    it('is a no-op when the layout is already wired', () => {
+        const wired = CREATE_NEXT_APP_LAYOUT.replace('{children}', '<FimoNextProviders>{children}</FimoNextProviders>');
+        const root = project({ 'app/layout.tsx': wired });
+        const result = ensureNextLayoutWiring(root, { appDir: 'app' });
+        expect(result.wired).toBe(true);
+        expect(result.changes).toEqual([]);
+        expect(readFileSync(join(root, 'app/layout.tsx'), 'utf8')).toBe(wired);
+    });
+    it('bails on pages-router-only projects', () => {
+        const root = project({ 'pages/index.tsx': 'export default function Home() { return <p>hi</p>; }\n' });
+        const result = ensureNextLayoutWiring(root, { appDir: undefined });
+        expect(result.wired).toBe(false);
+        expect(result.warnings[0]).toContain('pages-router');
+    });
+    it('bails when the default export is not a plain function', () => {
+        const source = `const Layout = ({ children }) => <html><body>{children}</body></html>;
+export default Layout;
+`;
+        const root = project({ 'app/layout.tsx': source });
+        const result = ensureNextLayoutWiring(root, { appDir: 'app' });
+        expect(result.wired).toBe(false);
+        expect(result.warnings[0]).toContain('not a plain function declaration');
+        expect(readFileSync(join(root, 'app/layout.tsx'), 'utf8')).toBe(source);
+    });
+    it('bails when no {children} expression exists inside <body>', () => {
+        const root = project({
+            'app/layout.tsx': `export default function Layout(props) {
+  return (
+    <html>
+      <body>{props.children}</body>
+    </html>
+  );
+}
+`,
+        });
+        const result = ensureNextLayoutWiring(root, { appDir: 'app' });
+        expect(result.wired).toBe(false);
+        expect(result.warnings[0]).toContain('no {children} expression');
+    });
+});
+describe('ensureNextWiring config patch', () => {
+    it('patches the named nextConfig binding', () => {
+        const root = project({
+            'next.config.ts': `const nextConfig = {\n  reactStrictMode: true,\n};\nexport default nextConfig;\n`,
+        });
+        const result = ensureNextWiring(root);
+        expect(result.changes).toEqual(['added allowedDevOrigins to next.config.ts']);
+        expect(readFileSync(join(root, 'next.config.ts'), 'utf8')).toContain("allowedDevOrigins: ['*.preview.fimo.ai'],");
+    });
+    it('patches a direct export default object literal (.mjs)', () => {
+        const root = project({
+            'next.config.mjs': `/** @type {import('next').NextConfig} */\nexport default {};\n`,
+        });
+        const result = ensureNextWiring(root);
+        expect(result.changes).toEqual(['added allowedDevOrigins to next.config.mjs']);
+        const code = readFileSync(join(root, 'next.config.mjs'), 'utf8');
+        expect(code).toContain("allowedDevOrigins: ['*.preview.fimo.ai'],");
+        expect(code).toContain('export default {');
+    });
+    it('patches module.exports form and warns on unrecognized shapes', () => {
+        const cjs = project({ 'next.config.cjs': `module.exports = {\n  poweredByHeader: false,\n};\n` });
+        expect(ensureNextWiring(cjs).changes).toHaveLength(1);
+        rmSync(cjs, { recursive: true, force: true });
+        const weird = project({ 'next.config.js': `module.exports = buildConfig();\n` });
+        const result = ensureNextWiring(weird);
+        expect(result.changes).toEqual([]);
+        expect(result.warnings[0]).toContain('Could not patch next.config.js');
+    });
+});

package/dist/scripts/frameworks/nuxt/routes.d.ts

@@ -0,0 +1,3 @@
+import type { DiscoveredRoute } from '../next/routes.js';
+/** Nuxt file-based routes under pages/ (index.vue maps to the dir path). */
+export declare function discoverNuxtRoutes(pagesDir: string): DiscoveredRoute[];

package/dist/scripts/frameworks/nuxt/routes.js

@@ -0,0 +1,54 @@
+import { readdirSync, statSync } from 'node:fs';
+import { join } from 'node:path';
+const titleCase = (seg) => seg
+    .replace(/[_\-]+/g, ' ')
+    .replace(/([a-z])([A-Z])/g, '$1 $2')
+    .split(/\s+/)
+    .filter(Boolean)
+    .map((w) => w.charAt(0).toUpperCase() + w.slice(1).toLowerCase())
+    .join(' ');
+function pushRoute(routes, parts) {
+    const routePath = `/${parts.join('/')}`.replace(/\/+/g, '/');
+    const lastStatic = [...parts].reverse().find((part) => !part.startsWith(':'));
+    routes.push({
+        id: routePath === '/' ? 'home' : parts.map((part) => part.replace(/^:/, '')).join('-'),
+        path: routePath,
+        label: routePath === '/' ? 'Home' : titleCase(lastStatic ?? parts[parts.length - 1] ?? routePath),
+    });
+}
+const toSegment = (name) => name.replace(/^\[\.\.\.(.+)\]$/, ':$1').replace(/^\[(.+)\]$/, ':$1');
+/** Nuxt file-based routes under pages/ (index.vue maps to the dir path). */
+export function discoverNuxtRoutes(pagesDir) {
+    const routes = [];
+    const walk = (dir, segments) => {
+        let entries;
+        try {
+            entries = readdirSync(dir);
+        }
+        catch {
+            return;
+        }
+        for (const entry of entries) {
+            const full = join(dir, entry);
+            let isDir = false;
+            try {
+                isDir = statSync(full).isDirectory();
+            }
+            catch {
+                continue;
+            }
+            if (isDir) {
+                walk(full, [...segments, toSegment(entry)]);
+                continue;
+            }
+            if (!entry.endsWith('.vue')) {
+                continue;
+            }
+            const base = entry.replace(/\.vue$/, '');
+            pushRoute(routes, base === 'index' ? segments : [...segments, toSegment(base)]);
+        }
+    };
+    walk(pagesDir, []);
+    routes.sort((a, b) => a.path.localeCompare(b.path));
+    return routes;
+}

package/dist/scripts/frameworks/nuxt/template-style.d.ts

@@ -0,0 +1,9 @@
+import type { TemplateWrapStyle } from '../../apply-wrap-templates.js';
+/**
+ * Nuxt template wraps: the useFimoT composable is client-safe (fimo/nuxt
+ * never pulls server loaders into the bundle) and transfers the dictionary
+ * through the Nuxt payload, so a single `<script setup>` line wires a file.
+ * Options-API scripts have no safe injection point (top-level await needs
+ * setup) — those files stay agent work.
+ */
+export declare const nuxtTemplateWrapStyle: TemplateWrapStyle;

package/dist/scripts/frameworks/nuxt/template-style.js

@@ -0,0 +1,27 @@
+/**
+ * Nuxt template wraps: the useFimoT composable is client-safe (fimo/nuxt
+ * never pulls server loaders into the bundle) and transfers the dictionary
+ * through the Nuxt payload, so a single `<script setup>` line wires a file.
+ * Options-API scripts have no safe injection point (top-level await needs
+ * setup) — those files stay agent work.
+ */
+export const nuxtTemplateWrapStyle = {
+    ext: '.vue',
+    head: "import { useFimoT } from 'fimo/nuxt'\nconst t = await useFimoT()",
+    headMarker: /useFimoT/,
+    open: '{{ t(',
+    close: ') }}',
+    injectHead: (code, head) => {
+        // An SFC may carry BOTH <script> and <script setup>: target the setup
+        // block specifically (top-level await is only legal there).
+        const setup = code.match(/<script[^>]*\bsetup\b[^>]*>\r?\n?/);
+        if (setup && setup.index !== undefined) {
+            const at = setup.index + setup[0].length;
+            return `${code.slice(0, at)}${head}\n${code.slice(at)}`;
+        }
+        if (/<script\b/.test(code)) {
+            return null;
+        }
+        return `<script setup>\n${head}\n</script>\n\n${code}`;
+    },
+};

package/dist/scripts/frameworks/remix/routes.d.ts

@@ -0,0 +1,3 @@
+import type { DiscoveredRoute } from '../next/routes.js';
+/** Remix v2 flat routes under app/routes: dots are slashes, $param is dynamic. */
+export declare function discoverRemixRoutes(routesDir: string): DiscoveredRoute[];

package/dist/scripts/frameworks/remix/routes.js

@@ -0,0 +1,50 @@
+import { readdirSync } from 'node:fs';
+const titleCase = (seg) => seg
+    .replace(/[_\-]+/g, ' ')
+    .replace(/([a-z])([A-Z])/g, '$1 $2')
+    .split(/\s+/)
+    .filter(Boolean)
+    .map((w) => w.charAt(0).toUpperCase() + w.slice(1).toLowerCase())
+    .join(' ');
+function pushRoute(routes, parts) {
+    const routePath = `/${parts.join('/')}`.replace(/\/+/g, '/');
+    const lastStatic = [...parts].reverse().find((part) => !part.startsWith(':'));
+    routes.push({
+        id: routePath === '/' ? 'home' : parts.map((part) => part.replace(/^:/, '')).join('-'),
+        path: routePath,
+        label: routePath === '/' ? 'Home' : titleCase(lastStatic ?? parts[parts.length - 1] ?? routePath),
+    });
+}
+const FILE_EXT = /\.(tsx|jsx|ts|js|mdx)$/;
+/** Remix v2 flat routes under app/routes: dots are slashes, $param is dynamic. */
+export function discoverRemixRoutes(routesDir) {
+    const routes = [];
+    let entries;
+    try {
+        entries = readdirSync(routesDir);
+    }
+    catch {
+        return routes;
+    }
+    for (const entry of entries) {
+        if (!FILE_EXT.test(entry)) {
+            continue;
+        }
+        const base = entry.replace(FILE_EXT, '');
+        if (base === '_index') {
+            pushRoute(routes, []);
+            continue;
+        }
+        // Pathless layout segments start with _ ; trailing ._index maps to the parent.
+        const parts = base
+            .replace(/\._index$/, '')
+            .split('.')
+            .filter((seg) => !seg.startsWith('_'))
+            .map((seg) => (seg.startsWith('$') ? `:${seg.slice(1) || 'splat'}` : seg));
+        if (parts.length > 0) {
+            pushRoute(routes, parts);
+        }
+    }
+    routes.sort((a, b) => a.path.localeCompare(b.path));
+    return routes;
+}

package/dist/scripts/frameworks/sveltekit/routes.d.ts

@@ -0,0 +1,3 @@
+import type { DiscoveredRoute } from '../next/routes.js';
+/** SvelteKit routes: every directory under src/routes holding a +page file. */
+export declare function discoverSvelteKitRoutes(routesDir: string): DiscoveredRoute[];

package/dist/scripts/frameworks/sveltekit/routes.js

@@ -0,0 +1,50 @@
+import { readdirSync, statSync } from 'node:fs';
+import { join } from 'node:path';
+const titleCase = (seg) => seg
+    .replace(/[_\-]+/g, ' ')
+    .replace(/([a-z])([A-Z])/g, '$1 $2')
+    .split(/\s+/)
+    .filter(Boolean)
+    .map((w) => w.charAt(0).toUpperCase() + w.slice(1).toLowerCase())
+    .join(' ');
+function pushRoute(routes, parts) {
+    const routePath = `/${parts.join('/')}`.replace(/\/+/g, '/');
+    const lastStatic = [...parts].reverse().find((part) => !part.startsWith(':'));
+    routes.push({
+        id: routePath === '/' ? 'home' : parts.map((part) => part.replace(/^:/, '')).join('-'),
+        path: routePath,
+        label: routePath === '/' ? 'Home' : titleCase(lastStatic ?? parts[parts.length - 1] ?? routePath),
+    });
+}
+const toSegment = (name) => name.replace(/^\[\.\.\.(.+)\]$/, ':$1').replace(/^\[(.+)\]$/, ':$1');
+/** SvelteKit routes: every directory under src/routes holding a +page file. */
+export function discoverSvelteKitRoutes(routesDir) {
+    const routes = [];
+    const walk = (dir, segments) => {
+        let entries;
+        try {
+            entries = readdirSync(dir);
+        }
+        catch {
+            return;
+        }
+        if (entries.some((entry) => /^\+page\.(svelte|md)$/.test(entry))) {
+            // Route groups (parens) are layout-only segments.
+            pushRoute(routes, segments.filter((seg) => !seg.startsWith('(')));
+        }
+        for (const entry of entries) {
+            const full = join(dir, entry);
+            try {
+                if (statSync(full).isDirectory()) {
+                    walk(full, [...segments, toSegment(entry)]);
+                }
+            }
+            catch {
+                continue;
+            }
+        }
+    };
+    walk(routesDir, []);
+    routes.sort((a, b) => a.path.localeCompare(b.path));
+    return routes;
+}

package/dist/scripts/frameworks/sveltekit/template-style.d.ts

@@ -0,0 +1,9 @@
+import { type TemplateWrapStyle } from '../../apply-wrap-templates.js';
+/**
+ * SvelteKit template wraps. The t binding is deliberately a mode-agnostic
+ * `const` — a `$derived` flips a legacy component into runes mode (breaking
+ * its own `$:` statements) and a `$:` reactive runs after init (arrays built
+ * at init see undefined). Labels only change with a reload in edit mode,
+ * which the wrap contract accepts.
+ */
+export declare const svelteTemplateWrapStyle: TemplateWrapStyle;

package/dist/scripts/frameworks/sveltekit/template-style.js

@@ -0,0 +1,54 @@
+import { existsSync, writeFileSync } from 'node:fs';
+import { basename, dirname, join } from 'node:path';
+import { injectIntoInstanceScript } from '../../apply-wrap-templates.js';
+import { slugify } from '../../apply-wrap.js';
+/**
+ * SvelteKit template wraps. The t binding is deliberately a mode-agnostic
+ * `const` — a `$derived` flips a legacy component into runes mode (breaking
+ * its own `$:` statements) and a `$:` reactive runs after init (arrays built
+ * at init see undefined). Labels only change with a reload in edit mode,
+ * which the wrap contract accepts.
+ */
+export const svelteTemplateWrapStyle = {
+    ext: '.svelte',
+    head: "import { page } from '$app/stores';\n\timport { makeFimoT } from 'fimo/svelte';\n\tconst t = makeFimoT($page.data.fimoLabels);",
+    headMarker: /makeFimoT/,
+    open: '{t(',
+    close: ')}',
+    injectHead: (code, head) => injectIntoInstanceScript(code, head, '<script>'),
+    // Route-convention filenames carry no meaning: scope +page/+layout keys by
+    // their route directory (src/routes/pricing/+page.svelte -> "pricing").
+    fileScope: (file) => {
+        const stem = basename(file).replace(/\.svelte$/, '');
+        if (!stem.startsWith('+')) {
+            return null;
+        }
+        const dir = basename(dirname(file));
+        if (!dir || dir === 'routes' || dir === 'src') {
+            return stem === '+layout' ? 'layout' : 'home';
+        }
+        return slugify(dir) || 'home';
+    },
+    // The store form reads $page.data.fimoLabels: wire the root server load
+    // once when the project has none. An existing +layout.server.* is agent
+    // work (merging into a user load function is judgment, and until then the
+    // inline fallbacks keep rendering identical).
+    ensureWiring: (rootDir) => {
+        const routesDir = join(rootDir, 'src', 'routes');
+        const existing = ['+layout.server.js', '+layout.server.ts'].some((name) => existsSync(join(routesDir, name)));
+        if (existing || !existsSync(routesDir)) {
+            return [];
+        }
+        const layoutPath = join(routesDir, '+layout.server.js');
+        writeFileSync(layoutPath, [
+            "import { loadFimoLabels } from 'fimo/svelte/server';",
+            '',
+            'export const load = async () => {',
+            '\tconst labels = await loadFimoLabels();',
+            '\treturn { fimoLabels: labels.dictionaries[labels.defaultLocale] ?? {} };',
+            '};',
+            '',
+        ].join('\n'));
+        return ['src/routes/+layout.server.js'];
+    },
+};

package/dist/scripts/frameworks/vite/routes.d.ts

@@ -0,0 +1,15 @@
+import type { DiscoveredRoute } from '../next/routes.js';
+/**
+ * Route discovery for Vite React SPAs: there is no file convention, so the
+ * routes live in react-router code. v1 reads LITERAL, ABSOLUTE paths from the
+ * two mainstream declaration shapes —
+ *
+ *   <Route path="/pricing" element={…} />          (JSX tree)
+ *   createBrowserRouter([{ path: '/pricing', … }])  (object form)
+ *
+ * — in files that import react-router. Relative child paths and index routes
+ * need the router's nesting semantics to resolve; they (and `*` wildcards)
+ * stay out of v1: the fimo-config route registry accepts manual entries for
+ * anything the scan cannot see, and scanned routes only ever ADD to it.
+ */
+export declare function discoverReactRouterDomRoutes(rootDir: string): DiscoveredRoute[];