fimo 0.9.0-experimental.1 → 0.9.0-experimental.11

package/dist/scripts/routes/page-structure.d.ts

@@ -0,0 +1,136 @@
+import type { CollectionCandidate } from '../scan-wrappable.js';
+/**
+ * Page-structure drafts — the machine's proposed NESTED model of a page.
+ * The scanner already sees everything the model needs: the page file's
+ * section components (capitalized JSX children, in document order), each
+ * section's label keys (its file-derived prefix) and its in-code collection
+ * candidates (typed rows). Joined, that IS the page's Single: one nested
+ * block field per section, recursing into the section's own components so
+ * deep structure (a Features grid whose groups live in their own files)
+ * surfaces too. The agent refines names and shapes — it no longer decides
+ * WHETHER to model, and real marketing copy stops dying as "page furniture"
+ * exemptions.
+ */
+export interface PageSectionDraft {
+    /** Proposed field key on the page Single (camelCase of the component). */
+    key: string;
+    component: string;
+    file: string;
+    /** The section's label-key prefix (file-derived). */
+    prefix: string;
+    /** Staged label keys the section owns — its scalar copy fields. */
+    labelKeys: string[];
+    /** In-code collection candidates found in the section's file — its
+     *  repeated block items (cards, quotes, logos), with their source rows so
+     *  the Single's document can be assembled without reopening the code. */
+    collections: Array<{
+        name: string;
+        fields: string[];
+        count: number;
+        rows?: Array<Record<string, unknown>>;
+    }>;
+    /** Content-bearing components the section renders — nested blocks. */
+    children?: PageSectionDraft[];
+    /** The same file drafts on several pages — chrome. Model it ONCE as a
+     *  Single Type, never as a per-page block. */
+    shared?: boolean;
+}
+export interface PageStructureDraft {
+    pageId: string;
+    /** Proposed Single uid (PascalCase of the page id). */
+    single: string;
+    sections: PageSectionDraft[];
+}
+export declare function draftPageStructures(args: {
+    cwd: string;
+    framework: string | null;
+    routes: Record<string, {
+        path?: string;
+        labelPrefixes?: unknown;
+        [key: string]: unknown;
+    }>;
+    stagedKeys: Iterable<string>;
+    collections: CollectionCandidate[];
+}): PageStructureDraft[];
+/** Flat section count across the nesting — the summary's visibility number. */
+export declare function countDraftSections(draft: PageStructureDraft): number;
+/**
+ * The machine-BUILT page Single: a ready-to-push singleton schema plus its
+ * filled document, assembled from the draft's non-shared sections (shared
+ * sections are chrome — modeled once elsewhere). One `max: 1` block per
+ * section; the section's labels become scalar fields carrying the staged
+ * values, its repeated arrays become nested blocks carrying the source
+ * rows, its child components nest the same way. The agent renames fields
+ * to editorial names and rewires reads — it no longer composes anything.
+ */
+export interface PageSingleDraft {
+    uid: string;
+    pageId: string;
+    schema: Record<string, unknown>;
+    document: Record<string, unknown>;
+    /** Section components left OUT of the single because they read as
+     *  illustrations/product demos, not editable content — the agent confirms
+     *  each is decorative (exempts it) or pulls it back into the model. */
+    illustrations?: string[];
+}
+/**
+ * A section whose visible text is a DENSE PILE of copy strings reads as an
+ * ILLUSTRATION / product demo (a fake dashboard, a device mockup, an animated
+ * terminal), not editable content — e.g. a UI mock with 75 strings (column
+ * headers, buttons, status chips, plus a little fake body prose). Modeling
+ * that as 75 CMS fields is noise that makes a page uneditable.
+ *
+ * The primary signal is SIZE (framework-neutral: no real editable section has
+ * 30+ flat sibling copy fields — real content is small or structured into
+ * collections). A section that is SUBSTANTIALLY prose is exempt (an article /
+ * legal page is content, however long). For a medium pile (8-29 strings) the
+ * component NAME must corroborate. Conservative by design — a false positive
+ * silently drops editable content, so the caller SURFACES the flag for the
+ * agent to confirm rather than deleting it silently.
+ */
+export declare function isIllustrationSection(section: PageSectionDraft, labelValues: Record<string, string>): boolean;
+export declare function buildPageSingleDraft(draft: PageStructureDraft, labelValues: Record<string, string>, contentConfirmed?: ReadonlySet<string>): PageSingleDraft | null;
+/**
+ * A section the detector reads as an illustration/product-demo, with enough
+ * context for the human to confirm in a glance: WHERE it lives (`file`,
+ * `component`), WHAT strings it holds (`labelKeys` + a few `samples`). The
+ * interview turns each into an `IllustrationDecisionRecord`; keyed by
+ * `(file, component)` so the decision survives the agent's rename pass.
+ */
+export interface IllustrationCandidate {
+    file: string;
+    component: string;
+    labelKeys: string[];
+    samples: string[];
+}
+/**
+ * Every section (top-level or nested) the illustration detector flags across
+ * the page-structure drafts, deduped by `(file, component)` — the same file
+ * rendered on several pages is one candidate, one question. Rich payload, not
+ * just a name: the caller relays it to the human and, on `drop`, exempts the
+ * `labelKeys` from the coverage/parity gates.
+ */
+export declare function collectIllustrationCandidates(drafts: PageStructureDraft[], labelValues: Record<string, string>): IllustrationCandidate[];
+/**
+ * A section the structural detector left as a page-local block (a default
+ * Component) but whose content model is genuinely in question: its component
+ * renders on 2+ pages, so the owner may know it is actually the SAME content
+ * everywhere (a Single Type) or a repeated managed entry (a Collection Type) —
+ * a call `markSharedSections` cannot make when the copies live in different
+ * files. Single-page sections are unambiguously Components and never surface.
+ */
+export interface ContentModelCandidate {
+    file: string;
+    component: string;
+    /** How many page drafts render this component — the ambiguity signal. */
+    pages: number;
+    samples: string[];
+}
+/**
+ * The content-model classification candidates: non-shared, non-illustration
+ * sections whose component appears across 2+ page drafts. Deduped by
+ * `(file, component)`; the interview asks which are Single Types / Collection
+ * Types and leaves the rest as Components. Shared chrome (auto Single Type) and
+ * detected collections (auto Collection Type) never reach here.
+ */
+export declare function collectContentModelCandidates(drafts: PageStructureDraft[], labelValues: Record<string, string>, contentConfirmed?: ReadonlySet<string>): ContentModelCandidate[];

package/dist/scripts/routes/page-structure.js

@@ -0,0 +1,393 @@
+import { readFileSync, statSync } from 'node:fs';
+import { join, relative } from 'node:path';
+import { frameworkSectionStyle } from '../frameworks/discover.js';
+import { componentImports, resolveModuleFile, resolveRouteFiles } from './label-prefixes.js';
+// How deep the section recursion nests components into blocks. The platform
+// caps structured-content nesting at 7 and the page Single wraps each top
+// section as a block (one level), so 6 keeps the deepest child inside the
+// limit while mirroring real page-builders that nest 5-6 deep (a features
+// grid → groups → cards → …). Was 3, which flattened deep structure.
+const MAX_SECTION_DEPTH = 6;
+const MAX_DRAFT_ROWS = 50;
+const pascal = (value) => value
+    .replace(/([a-z0-9])([A-Z])/g, '$1-$2')
+    .replace(/([A-Z]+)([A-Z][a-z])/g, '$1-$2')
+    .split(/[-_.\s]/)
+    .filter(Boolean)
+    .map((word) => word.charAt(0).toUpperCase() + word.slice(1).toLowerCase())
+    .join('');
+const camel = (value) => {
+    const p = pascal(value);
+    return p.charAt(0).toLowerCase() + p.slice(1);
+};
+/** Capitalized JSX tags in DOCUMENT order (deduped, first appearance). */
+function sectionTags(code) {
+    const seen = new Set();
+    const tags = [];
+    for (const match of code.matchAll(/<([A-Z]\w*)[\s/>]/g)) {
+        if (!seen.has(match[1])) {
+            seen.add(match[1]);
+            tags.push(match[1]);
+        }
+    }
+    return tags;
+}
+function draftSection(context, tag, file, depth) {
+    const rel = relative(context.cwd, file);
+    const prefix = context.style.fileScope(rel);
+    const labelKeys = context.keysByPrefix.get(prefix) ?? [];
+    const collections = (context.collectionsByFile.get(rel) ?? []).map((candidate) => ({
+        name: candidate.name,
+        fields: candidate.fields,
+        count: candidate.count,
+        ...(candidate.typedRows ? { rows: candidate.typedRows.slice(0, MAX_DRAFT_ROWS) } : {}),
+    }));
+    const children = depth < MAX_SECTION_DEPTH ? draftChildSections(context, file, depth + 1) : [];
+    if (labelKeys.length === 0 && collections.length === 0 && children.length === 0) {
+        return null; // pure layout — nothing to model
+    }
+    const draft = { key: camel(tag), component: tag, file: rel, prefix, labelKeys, collections };
+    if (children.length > 0) {
+        draft.children = children;
+    }
+    return draft;
+}
+/** Auto-imported components (Nuxt's components/ convention): a tag with no
+ *  import statement may still be a local file at a conventional path. */
+function resolveAutoImportedComponent(context, tag) {
+    for (const dir of context.style.fallbackComponentDirs) {
+        for (const ext of context.style.extensions) {
+            const candidate = join(context.cwd, dir, `${tag}${ext}`);
+            try {
+                if (statSync(candidate).isFile()) {
+                    return candidate;
+                }
+            }
+            catch {
+                /* try next */
+            }
+        }
+    }
+    return null;
+}
+function draftChildSections(context, file, depth) {
+    let code;
+    try {
+        code = readFileSync(file, 'utf8');
+    }
+    catch {
+        return [];
+    }
+    const imports = componentImports(code);
+    const sections = [];
+    for (const tag of sectionTags(code)) {
+        const spec = imports.get(tag);
+        const sectionFile = spec
+            ? resolveModuleFile(context.cwd, file, spec, context.style.extensions)
+            : resolveAutoImportedComponent(context, tag);
+        if (!sectionFile || context.visited.has(sectionFile)) {
+            continue; // library components (Button, Link) have no local file
+        }
+        context.visited.add(sectionFile);
+        const section = draftSection(context, tag, sectionFile, depth);
+        if (section) {
+            sections.push(section);
+        }
+    }
+    return sections;
+}
+export function draftPageStructures(args) {
+    const { cwd, framework, routes, collections } = args;
+    const keysByPrefix = new Map();
+    for (const key of args.stagedKeys) {
+        const dot = key.indexOf('.');
+        if (dot > 0) {
+            const prefix = key.slice(0, dot);
+            keysByPrefix.set(prefix, [...(keysByPrefix.get(prefix) ?? []), key]);
+        }
+    }
+    const collectionsByFile = new Map();
+    for (const candidate of collections) {
+        collectionsByFile.set(candidate.file, [...(collectionsByFile.get(candidate.file) ?? []), candidate]);
+    }
+    const style = frameworkSectionStyle(framework);
+    const drafts = [];
+    for (const { routeId, file } of resolveRouteFiles(cwd, framework, routes)) {
+        const context = { cwd, style, keysByPrefix, collectionsByFile, visited: new Set([file]) };
+        const sections = draftChildSections(context, file, 1);
+        if (sections.length > 1) {
+            drafts.push({ pageId: routeId, single: pascal(routeId), sections });
+        }
+    }
+    markSharedSections(drafts);
+    return drafts;
+}
+/** A section file drafted on several pages is chrome — flag it so the agent
+ *  models it once (Single Type) instead of nesting it under every page. */
+function markSharedSections(drafts) {
+    const pagesByFile = new Map();
+    const index = (pageId, sections) => {
+        for (const section of sections) {
+            pagesByFile.set(section.file, (pagesByFile.get(section.file) ?? new Set()).add(pageId));
+            index(pageId, section.children ?? []);
+        }
+    };
+    for (const draft of drafts) {
+        index(draft.pageId, draft.sections);
+    }
+    const flag = (sections) => {
+        for (const section of sections) {
+            if ((pagesByFile.get(section.file)?.size ?? 0) > 1) {
+                section.shared = true;
+            }
+            flag(section.children ?? []);
+        }
+    };
+    for (const draft of drafts) {
+        flag(draft.sections);
+    }
+}
+/** Flat section count across the nesting — the summary's visibility number. */
+export function countDraftSections(draft) {
+    const walk = (sections) => sections.reduce((total, section) => total + 1 + walk(section.children ?? []), 0);
+    return walk(draft.sections);
+}
+const labelFieldName = (key) => camel(key.split('.').pop() ?? key);
+const scalarType = (value) => value.length > 80 || value.includes('\n') ? 'text' : 'string';
+/** Names that corroborate (never trigger alone) an illustration/demo. */
+const ILLUSTRATION_NAME = /mock|demo|preview|illustration|visual|showcase|diagram|orbit|screenshot|animation|graphic|dashboard|widget|figure/i;
+/** A section with this many flat sibling copy strings is a dump, not content:
+ *  real editable sections stay small (a hero has ~3 fields, a card ~3), and
+ *  genuinely repeated content is a collection/block, not N sibling labels. A
+ *  UI mock reproduced in code (a fake dashboard, a device frame, a terminal
+ *  demo) is the usual culprit — one carried 75 strings in the wild. */
+const ILLUSTRATION_DENSE = 30;
+const ILLUSTRATION_MIN_LABELS = 8;
+const wordCount = (value) => value.trim().split(/\s+/).filter(Boolean).length;
+/** Editable prose: a heading + paragraph section has some; a UI-chrome dump
+ *  (a product mock's nav/table/button strings) is mostly tiny fragments. */
+const looksLikeProse = (value) => {
+    const words = wordCount(value);
+    return words >= 8 || (words >= 5 && /[.!?]/.test(value.trim()));
+};
+/**
+ * A section whose visible text is a DENSE PILE of copy strings reads as an
+ * ILLUSTRATION / product demo (a fake dashboard, a device mockup, an animated
+ * terminal), not editable content — e.g. a UI mock with 75 strings (column
+ * headers, buttons, status chips, plus a little fake body prose). Modeling
+ * that as 75 CMS fields is noise that makes a page uneditable.
+ *
+ * The primary signal is SIZE (framework-neutral: no real editable section has
+ * 30+ flat sibling copy fields — real content is small or structured into
+ * collections). A section that is SUBSTANTIALLY prose is exempt (an article /
+ * legal page is content, however long). For a medium pile (8-29 strings) the
+ * component NAME must corroborate. Conservative by design — a false positive
+ * silently drops editable content, so the caller SURFACES the flag for the
+ * agent to confirm rather than deleting it silently.
+ */
+export function isIllustrationSection(section, labelValues) {
+    const values = section.labelKeys.map((key) => labelValues[key] ?? '').filter((value) => value.trim().length > 0);
+    if (values.length < ILLUSTRATION_MIN_LABELS) {
+        return false;
+    }
+    // Substantially prose → a text/article/legal section, not a UI dump.
+    const proseRatio = values.filter(looksLikeProse).length / values.length;
+    if (proseRatio > 0.4) {
+        return false;
+    }
+    // A dense pile is a dump on size alone — the confident trigger.
+    if (values.length >= ILLUSTRATION_DENSE) {
+        return true;
+    }
+    // Medium pile: only when the component name says mock/demo AND it is mostly
+    // tiny fragments — keeps the false-positive rate near zero.
+    const shortRatio = values.filter((value) => wordCount(value) <= 3).length / values.length;
+    return ILLUSTRATION_NAME.test(section.component) && shortRatio >= 0.7;
+}
+const sectionIdentity = (section) => `${section.file}::${section.component}`;
+/**
+ * A section reads as an illustration to leave OUT of the model — UNLESS the
+ * owner confirmed in the interview that it IS editable content
+ * (`wrap.illustrations` disposition `content`, passed as `contentConfirmed`).
+ * That override is the whole point of asking, so it must beat the detector.
+ */
+function isDroppableIllustration(section, labelValues, contentConfirmed) {
+    return isIllustrationSection(section, labelValues) && !contentConfirmed.has(sectionIdentity(section));
+}
+function sectionBlock(section, labelValues, illustrations, contentConfirmed) {
+    const fields = {};
+    const value = {};
+    let fieldCount = 0;
+    for (const key of section.labelKeys) {
+        const name = labelFieldName(key);
+        if (fields[name]) {
+            continue;
+        }
+        const labelValue = labelValues[key] ?? '';
+        fields[name] = { type: scalarType(labelValue) };
+        value[name] = labelValue;
+        fieldCount += 1;
+    }
+    for (const collection of section.collections) {
+        const name = camel(collection.name);
+        if (fields[name]) {
+            continue;
+        }
+        const itemFields = {};
+        for (const field of collection.fields) {
+            itemFields[field] = { type: 'string' };
+        }
+        if (Object.keys(itemFields).length === 0) {
+            continue;
+        }
+        fields[name] = { type: 'blocks', schema: { fields: itemFields } };
+        value[name] = (collection.rows ?? []).map((row) => {
+            const item = {};
+            for (const field of collection.fields) {
+                const cell = row[field];
+                if (cell != null && typeof cell !== 'object') {
+                    item[field] = typeof cell === 'string' ? cell : String(cell);
+                }
+            }
+            return item;
+        });
+        fieldCount += 1;
+    }
+    for (const child of section.children ?? []) {
+        if (child.shared) {
+            continue;
+        }
+        if (isDroppableIllustration(child, labelValues, contentConfirmed)) {
+            illustrations.push(child.component);
+            continue;
+        }
+        const block = sectionBlock(child, labelValues, illustrations, contentConfirmed);
+        if (!block || fields[child.key]) {
+            continue;
+        }
+        fields[child.key] = { type: 'blocks', max: 1, schema: { fields: block.fields } };
+        value[child.key] = [block.value];
+        fieldCount += block.fieldCount;
+    }
+    if (Object.keys(fields).length === 0) {
+        return null;
+    }
+    return { fields, value, fieldCount };
+}
+export function buildPageSingleDraft(draft, labelValues, contentConfirmed = new Set()) {
+    const fields = {};
+    const document = {};
+    const illustrations = [];
+    let totalFields = 0;
+    for (const section of draft.sections) {
+        if (section.shared || fields[section.key]) {
+            continue;
+        }
+        // Illustration/demo sections (a product mock's UI-chrome strings) are noise
+        // in a CMS — leave them out of the single. Surfaced, never silently lost.
+        // The interview's `content` override folds one back in (from the next run,
+        // once the decision is recorded — singles are built before the interview).
+        if (isDroppableIllustration(section, labelValues, contentConfirmed)) {
+            illustrations.push(section.component);
+            continue;
+        }
+        const block = sectionBlock(section, labelValues, illustrations, contentConfirmed);
+        if (!block) {
+            continue;
+        }
+        fields[section.key] = { type: 'blocks', max: 1, schema: { fields: block.fields } };
+        document[section.key] = [block.value];
+        totalFields += block.fieldCount;
+    }
+    // A one-field page is a label, not a Single — only real structure drafts.
+    if (Object.keys(fields).length === 0 || totalFields < 3) {
+        return null;
+    }
+    return {
+        uid: draft.single,
+        pageId: draft.pageId,
+        schema: { uid: draft.single, name: draft.single, isSingleton: true, fields },
+        document,
+        ...(illustrations.length > 0 ? { illustrations: [...new Set(illustrations)] } : {}),
+    };
+}
+/** How many sample strings a candidate carries so a human can judge in 3s. */
+const SECTION_SAMPLE_COUNT = 6;
+const sectionSamples = (section, labelValues) => section.labelKeys
+    .map((key) => labelValues[key] ?? '')
+    .filter((value) => value.trim().length > 0)
+    .slice(0, SECTION_SAMPLE_COUNT);
+/**
+ * Every section (top-level or nested) the illustration detector flags across
+ * the page-structure drafts, deduped by `(file, component)` — the same file
+ * rendered on several pages is one candidate, one question. Rich payload, not
+ * just a name: the caller relays it to the human and, on `drop`, exempts the
+ * `labelKeys` from the coverage/parity gates.
+ */
+export function collectIllustrationCandidates(drafts, labelValues) {
+    const byIdentity = new Map();
+    const walk = (sections) => {
+        for (const section of sections) {
+            if (isIllustrationSection(section, labelValues)) {
+                const identity = `${section.file}::${section.component}`;
+                if (!byIdentity.has(identity)) {
+                    byIdentity.set(identity, {
+                        file: section.file,
+                        component: section.component,
+                        labelKeys: [...section.labelKeys],
+                        samples: sectionSamples(section, labelValues),
+                    });
+                }
+            }
+            walk(section.children ?? []);
+        }
+    };
+    for (const draft of drafts) {
+        walk(draft.sections);
+    }
+    return [...byIdentity.values()];
+}
+/**
+ * The content-model classification candidates: non-shared, non-illustration
+ * sections whose component appears across 2+ page drafts. Deduped by
+ * `(file, component)`; the interview asks which are Single Types / Collection
+ * Types and leaves the rest as Components. Shared chrome (auto Single Type) and
+ * detected collections (auto Collection Type) never reach here.
+ */
+export function collectContentModelCandidates(drafts, labelValues, contentConfirmed = new Set()) {
+    const eligible = (section) => !section.shared && !isDroppableIllustration(section, labelValues, contentConfirmed);
+    const pagesByComponent = new Map();
+    const count = (pageId, sections) => {
+        for (const section of sections) {
+            if (eligible(section)) {
+                pagesByComponent.set(section.component, (pagesByComponent.get(section.component) ?? new Set()).add(pageId));
+            }
+            count(pageId, section.children ?? []);
+        }
+    };
+    for (const draft of drafts) {
+        count(draft.pageId, draft.sections);
+    }
+    const byIdentity = new Map();
+    const collect = (sections) => {
+        for (const section of sections) {
+            const pages = pagesByComponent.get(section.component)?.size ?? 0;
+            if (eligible(section) && pages >= 2) {
+                const identity = `${section.file}::${section.component}`;
+                if (!byIdentity.has(identity)) {
+                    byIdentity.set(identity, {
+                        file: section.file,
+                        component: section.component,
+                        pages,
+                        samples: sectionSamples(section, labelValues),
+                    });
+                }
+            }
+            collect(section.children ?? []);
+        }
+    };
+    for (const draft of drafts) {
+        collect(draft.sections);
+    }
+    return [...byIdentity.values()];
+}

package/dist/scripts/scan-wrappable.d.ts

@@ -4,7 +4,7 @@
  * user-visible attribute strings. Drives the wrap migration's coverage gate:
  * every item must end wrapped, ignored-with-a-reason, or unresolved.
  */
-export type WrappableKind = 'text' | 'image' | 'video' | 'file-link' | 'attribute';
+export type WrappableKind = 'text' | 'formatted-text' | 'image' | 'video' | 'file-link' | 'attribute';
 export interface WrappableItem {
     kind: WrappableKind;
     file: string;
@@ -97,6 +97,10 @@ export interface WrappedIds {
     media: string[];
     richText: string[];
     files: string[];
+    /** Every wrapped key, ALL kinds, in ENCOUNTER order (per-file walk, files
+     *  in walk order) — the on-page reading order the Studio Pages view sorts
+     *  by. Deduplicated keeping the first occurrence; never sorted. */
+    ordered: string[];
 }
 export interface WrapScanResult {
     items: WrappableItem[];