@contentful/experience-design-system-cli 2.26.1-dev-build-a852362.0 → 2.26.1-dev-build-f03f014.0

package/dist/src/import/tui/steps/TokenInputStep.js

@@ -1,88 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { useState, useEffect } from 'react';
-import { PALETTE } from '../../../analyze/select/tui/theme.js';
-import { Box, Text } from 'ink';
-import { statSync } from 'node:fs';
-import { useImmediateInput } from '../../../analyze/select/tui/hooks/useImmediateInput.js';
-import { normalizePath } from '../../path-utils.js';
-export function TokenInputStep({ onConfirm, onSkip, onQuit }) {
-    const [inputValue, setInputValue] = useState('');
-    const [cursorVisible, setCursorVisible] = useState(true);
-    const [error, setError] = useState(null);
-    const [resolvedPath, setResolvedPath] = useState(null);
-    const [typingMode, setTypingMode] = useState(false);
-    useEffect(() => {
-        const interval = setInterval(() => setCursorVisible((v) => !v), 500);
-        return () => clearInterval(interval);
-    }, []);
-    useImmediateInput((input, key) => {
-        if (key.return) {
-            const trimmed = inputValue.trim();
-            if (!trimmed) {
-                onSkip();
-                return;
-            }
-            const normalized = normalizePath(trimmed);
-            let stat;
-            try {
-                stat = statSync(normalized);
-            }
-            catch {
-                setError(`Path not found: ${normalized}`);
-                setResolvedPath(normalized);
-                return;
-            }
-            if (stat.isDirectory()) {
-                setError(`That's a directory — provide a path to a token file (e.g. tokens.json), not a folder.`);
-                setResolvedPath(normalized);
-                return;
-            }
-            if (!stat.isFile()) {
-                setError(`Not a regular file: ${normalized}`);
-                setResolvedPath(normalized);
-                return;
-            }
-            setError(null);
-            setResolvedPath(normalized);
-            onConfirm(normalized);
-            return;
-        }
-        if (key.tab) {
-            setTypingMode(false);
-            return;
-        }
-        if (key.escape) {
-            if (typingMode) {
-                setTypingMode(false);
-                setInputValue('');
-                setError(null);
-                setResolvedPath(null);
-                return;
-            }
-            onQuit();
-            return;
-        }
-        if (!typingMode && input === 's') {
-            onSkip();
-            return;
-        }
-        if (!typingMode && input === 'q') {
-            onQuit();
-            return;
-        }
-        if (key.backspace || key.delete) {
-            setInputValue((v) => v.slice(0, -1));
-            setError(null);
-            setResolvedPath(null);
-            return;
-        }
-        if (input && !key.ctrl && !key.meta) {
-            setTypingMode(true);
-            setInputValue((v) => v + input);
-            setError(null);
-            setResolvedPath(null);
-        }
-    });
-    const displayValue = inputValue + (cursorVisible ? '█' : ' ');
-    return (_jsxs(Box, { flexDirection: "column", gap: 1, paddingX: 2, paddingY: 1, children: [_jsx(Text, { bold: true, children: "Design tokens" }), _jsx(Text, { dimColor: true, children: "Point me to your raw token file (e.g. ~/design-tokens/tokens.json). You can use ~, relative, or absolute paths. Claude will map it to DTCG format." }), _jsxs(Box, { flexDirection: "column", marginTop: 1, gap: 0, children: [_jsxs(Box, { gap: 1, children: [_jsx(Text, { color: PALETTE.info, children: "?" }), _jsx(Text, { children: "Token path (file or directory):" }), _jsx(Text, { children: displayValue })] }), resolvedPath && resolvedPath !== inputValue.trim() && !error && (_jsx(Box, { marginLeft: 2, children: _jsxs(Text, { dimColor: true, children: ["\u2192 ", resolvedPath] }) })), error && (_jsxs(Box, { marginTop: 0, flexDirection: "column", children: [_jsxs(Text, { color: PALETTE.error, children: ["\u2717 ", error] }), resolvedPath && _jsxs(Text, { dimColor: true, children: [" Resolved to: ", resolvedPath] })] }))] }), _jsxs(Box, { gap: 3, marginTop: 1, children: [_jsx(Text, { dimColor: true, children: "[Enter] Submit / Skip if empty" }), _jsx(Text, { dimColor: true, children: "[Tab] Exit typing" }), _jsx(Text, { dimColor: true, children: "[Esc] Clear & exit" }), _jsx(Text, { dimColor: true, children: "[s] Skip" }), _jsx(Text, { dimColor: true, children: "[q] Quit" })] })] }));
-}

package/dist/src/import/tui/steps/WelcomeStep.js

@@ -1,34 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { useState, useEffect } from 'react';
-import { PALETTE } from '../../../analyze/select/tui/theme.js';
-import { Box, Text } from 'ink';
-import { useImmediateInput } from '../../../analyze/select/tui/hooks/useImmediateInput.js';
-export function WelcomeStep({ onContinue, onQuit }) {
-    const [inputValue, setInputValue] = useState('');
-    const [cursorVisible, setCursorVisible] = useState(true);
-    useEffect(() => {
-        const interval = setInterval(() => setCursorVisible((v) => !v), 500);
-        return () => clearInterval(interval);
-    }, []);
-    useImmediateInput((input, key) => {
-        if (key.return) {
-            const trimmed = inputValue.trim();
-            if (trimmed)
-                onContinue(trimmed);
-            return;
-        }
-        if (key.escape || input === 'q') {
-            onQuit();
-            return;
-        }
-        if (key.backspace || key.delete) {
-            setInputValue((v) => v.slice(0, -1));
-            return;
-        }
-        if (input && !key.ctrl && !key.meta) {
-            setInputValue((v) => v + input);
-        }
-    });
-    const displayValue = inputValue + (cursorVisible ? '█' : ' ');
-    return (_jsxs(Box, { flexDirection: "column", gap: 1, paddingX: 2, paddingY: 1, children: [_jsx(Text, { bold: true, color: PALETTE.success, children: "\uD83D\uDC4B Hey! Let's import your design system into Contentful." }), _jsx(Text, { dimColor: true, children: "I'll walk you through 5 steps to get your components into Contentful ExO." }), _jsxs(Box, { flexDirection: "column", marginTop: 1, gap: 0, children: [_jsx(Text, { dimColor: true, children: "\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500" }), _jsxs(Box, { gap: 1, children: [_jsx(Text, { bold: true, children: "Step 1" }), _jsx(Text, { dimColor: true, children: "Extract components from your codebase" })] }), _jsxs(Box, { gap: 1, children: [_jsx(Text, { bold: true, children: "Step 2" }), _jsx(Text, { dimColor: true, children: "Review what was extracted" })] }), _jsxs(Box, { gap: 1, children: [_jsx(Text, { bold: true, children: "Step 3" }), _jsx(Text, { dimColor: true, children: "Generate CDF definitions with Claude" })] }), _jsxs(Box, { gap: 1, children: [_jsx(Text, { bold: true, children: "Step 4" }), _jsx(Text, { dimColor: true, children: "Review generated definitions" })] }), _jsxs(Box, { gap: 1, children: [_jsx(Text, { bold: true, children: "Step 5" }), _jsx(Text, { dimColor: true, children: "Push to Contentful" })] }), _jsx(Text, { dimColor: true, children: "\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500" })] }), _jsxs(Box, { flexDirection: "column", marginTop: 1, gap: 0, children: [_jsx(Text, { children: "Where is your component library?" }), _jsxs(Box, { gap: 1, marginTop: 0, children: [_jsx(Text, { color: PALETTE.info, children: "?" }), _jsx(Text, { children: "Project path:" }), _jsx(Text, { children: displayValue })] })] }), _jsxs(Box, { marginTop: 1, gap: 3, children: [_jsx(Text, { dimColor: true, children: "[Enter] Continue" }), _jsx(Text, { dimColor: true, children: "[q] Quit" })] })] }));
-}

package/dist/src/import/tui/steps/WizardPreviewStep.js

@@ -1,169 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
-import { useState, useMemo } from 'react';
-import { PALETTE } from '../../../analyze/select/tui/theme.js';
-import { Box, Text, useStdout } from 'ink';
-import { useImmediateInput } from '../../../analyze/select/tui/hooks/useImmediateInput.js';
-import { hasBreakingChangesWithImpact } from '../../../apply/manifest.js';
-import { computeComponentDiffLines } from './preview-diff.js';
-export function buildPreviewDiffLines(preview) {
-    const lines = [];
-    const { components, tokens } = preview;
-    for (const item of components.new) {
-        const raw = item;
-        const name = raw.key ?? raw.$name ?? 'unknown';
-        lines.push({ key: `comp-new-${name}`, color: PALETTE.success, text: ` + ${name}` });
-        const slots = (raw.$slots ?? {});
-        for (const slotName of Object.keys(slots).sort()) {
-            lines.push({
-                key: `comp-new-${name}-slot-${slotName}`,
-                color: PALETTE.success,
-                text: `   slot: ${slotName}`,
-            });
-            const allowed = slots[slotName]?.['$allowedComponents'];
-            if (Array.isArray(allowed) && allowed.length > 0) {
-                const names = allowed.filter((n) => typeof n === 'string');
-                lines.push({
-                    key: `comp-new-${name}-slot-${slotName}-allow`,
-                    color: PALETTE.success,
-                    text: `     allowedComponents: [${names.join(', ')}]`,
-                });
-            }
-        }
-    }
-    for (const item of components.removed) {
-        lines.push({ key: `comp-rm-${item.name}`, color: PALETTE.error, text: ` - ${item.name}` });
-    }
-    for (const item of components.changed) {
-        lines.push({
-            key: `comp-h-${item.current.name}`,
-            color: PALETTE.warning,
-            text: ` ~ ${item.current.name}${item.hasPendingDraftChanges ? ' ⚡ has pending draft changes' : ''}`,
-        });
-        if (item.changeClassification?.classification === 'breaking') {
-            const reasons = item.changeClassification.breakingChanges
-                .map((bc) => `${'slotId' in bc ? bc.slotId : bc.propertyId}: ${bc.reason}`)
-                .join(', ');
-            lines.push({ key: `comp-b-${item.current.name}`, color: PALETTE.error, text: ` ⚠ BREAKING: ${reasons}` });
-        }
-        const diffLines = computeComponentDiffLines(item.current, item.proposed, item.changeClassification);
-        for (const d of diffLines) {
-            lines.push({ key: `comp-d-${item.current.name}-${d.key}`, color: d.color, text: ` ${d.text}` });
-        }
-        const proposedSlots = item.proposed['$slots'] ?? {};
-        for (const slotName of Object.keys(proposedSlots).sort()) {
-            const allowed = proposedSlots[slotName]?.['$allowedComponents'];
-            if (Array.isArray(allowed) && allowed.length > 0) {
-                const names = allowed.filter((n) => typeof n === 'string');
-                const key = `comp-d-${item.current.name}-slot-${slotName}-allow-list`;
-                if (!lines.some((l) => l.key === key)) {
-                    lines.push({
-                        key,
-                        color: 'gray',
-                        text: `   slot ${slotName} allowedComponents: [${names.join(', ')}]`,
-                    });
-                }
-            }
-        }
-    }
-    for (const item of tokens.new) {
-        const raw = item;
-        const name = raw.name ?? raw.path ?? 'unknown';
-        lines.push({ key: `tok-new-${name}`, color: PALETTE.success, text: ` + ${name}` });
-    }
-    for (const item of tokens.removed) {
-        lines.push({ key: `tok-rm-${item.name}`, color: PALETTE.error, text: ` - ${item.name}` });
-    }
-    for (const item of tokens.changed) {
-        const tokenName = item.current.name;
-        lines.push({
-            key: `tok-h-${tokenName}`,
-            color: PALETTE.warning,
-            text: ` ~ ${tokenName}${item.hasPendingDraftChanges ? ' ⚡ has pending draft changes' : ''}`,
-        });
-        if (item.changeClassification?.classification === 'breaking') {
-            const reasons = item.changeClassification.breakingChanges
-                .map((bc) => `${'slotId' in bc ? bc.slotId : bc.propertyId}: ${bc.reason}`)
-                .join(', ');
-            lines.push({ key: `tok-b-${tokenName}`, color: PALETTE.error, text: ` ⚠ BREAKING: ${reasons}` });
-        }
-    }
-    return lines;
-}
-export function WizardPreviewStep({ preview, spaceId, environmentId, stepNumber, totalSteps, allowDeletions: fetchedAllowDeletions = false, onConfirm, onEdit, onSaveFiles, onQuit, }) {
-    const breakingWithImpact = hasBreakingChangesWithImpact(preview);
-    const [diffExpanded, setDiffExpanded] = useState(false);
-    const [scrollOffset, setScrollOffset] = useState(0);
-    // Local state exists only to let the user opt OUT of a deletion the fetch
-    // already surfaced — it can never turn true when the fetch used false,
-    // because there's nothing in `preview` to reveal in that case.
-    const [allowDeletions, setAllowDeletions] = useState(fetchedAllowDeletions);
-    const { stdout } = useStdout();
-    const terminalRows = stdout?.rows ?? 40;
-    const viewportHeight = Math.max(terminalRows - 14, 10);
-    const allDiffLines = useMemo(() => {
-        if (!diffExpanded)
-            return [];
-        return buildPreviewDiffLines(preview).map((line) => ({
-            key: line.key,
-            element: (_jsx(Text, { color: line.color === 'gray' ? undefined : line.color, dimColor: line.color === 'gray', children: line.text })),
-        }));
-    }, [diffExpanded, preview]);
-    const maxScroll = Math.max(0, allDiffLines.length - viewportHeight);
-    const removedCount = preview.components.removed.length + preview.tokens.removed.length;
-    useImmediateInput((input, key) => {
-        if (key.return) {
-            onConfirm(breakingWithImpact, allowDeletions);
-            return;
-        }
-        if ((input === 'x' || input === 'X') && fetchedAllowDeletions && removedCount > 0) {
-            setAllowDeletions((prev) => !prev);
-            return;
-        }
-        if (input === 'd' || input === 'D') {
-            setDiffExpanded((prev) => !prev);
-            setScrollOffset(0);
-            return;
-        }
-        if (diffExpanded) {
-            if (input === 'j' || key.downArrow) {
-                setScrollOffset((prev) => Math.min(prev + 1, maxScroll));
-                return;
-            }
-            if (input === 'k' || key.upArrow) {
-                setScrollOffset((prev) => Math.max(prev - 1, 0));
-                return;
-            }
-            if (input === 'f') {
-                setScrollOffset((prev) => Math.min(prev + viewportHeight, maxScroll));
-                return;
-            }
-            if (input === 'b') {
-                setScrollOffset((prev) => Math.max(prev - viewportHeight, 0));
-                return;
-            }
-        }
-        if ((input === 'e' || input === 'E') && onEdit) {
-            onEdit();
-            return;
-        }
-        if (input === 's' && onSaveFiles) {
-            onSaveFiles();
-            return;
-        }
-        if (input === 'q' || key.escape) {
-            onQuit();
-            return;
-        }
-    });
-    const { components, tokens } = preview;
-    const hasComponents = components.new.length + components.changed.length + components.removed.length > 0;
-    const hasTokens = tokens.new.length + tokens.changed.length + tokens.removed.length > 0;
-    const hasAnything = hasComponents || hasTokens;
-    return (_jsxs(Box, { flexDirection: "column", gap: 1, paddingX: 2, paddingY: 1, children: [_jsxs(Box, { flexDirection: "column", gap: 0, children: [_jsx(Text, { dimColor: true, children: '─'.repeat(40) }), _jsxs(Box, { gap: 1, children: [_jsxs(Text, { bold: true, children: ["Step ", stepNumber, " of ", totalSteps] }), _jsx(Text, { bold: true, children: "\u2014" }), _jsx(Text, { bold: true, children: "Push to Contentful" })] }), _jsx(Text, { dimColor: true, children: '─'.repeat(40) })] }), hasAnything ? (_jsxs(_Fragment, { children: [_jsx(Text, { children: "Here's what will happen in your space:" }), hasComponents && (_jsxs(Box, { flexDirection: "column", gap: 0, children: [_jsx(Box, { gap: 1, marginTop: 1, children: _jsx(Text, { bold: true, dimColor: true, children: "ComponentTypes" }) }), components.new.length > 0 && (_jsxs(Box, { flexDirection: "column", children: [_jsxs(Box, { gap: 1, children: [_jsx(Text, { color: PALETTE.success, children: " \uFF0B" }), _jsxs(Text, { children: [components.new.length, " will be created"] })] }), components.new.map((item, i) => {
-                                        const name = item.key ?? item.$name ?? 'unknown';
-                                        return (_jsxs(Text, { color: PALETTE.success, children: [' ', "+ ", name] }, `new-${i}`));
-                                    })] })), components.changed.length > 0 && (_jsxs(Box, { flexDirection: "column", children: [_jsxs(Box, { gap: 1, children: [_jsx(Text, { color: PALETTE.warning, children: " \uFF5E" }), _jsxs(Text, { children: [components.changed.length, " will be updated"] })] }), components.changed.map((item, i) => {
-                                        const isBreaking = item.changeClassification?.classification === 'breaking';
-                                        return (_jsxs(Text, { color: isBreaking ? PALETTE.error : PALETTE.warning, children: [' ', isBreaking ? '⚠' : '~', " ", item.current.name] }, `chg-${i}`));
-                                    })] })), components.removed.length > 0 && (_jsxs(Box, { flexDirection: "column", children: [_jsxs(Box, { gap: 1, children: [_jsx(Text, { color: allowDeletions ? PALETTE.error : PALETTE.warning, children: allowDeletions ? ' ✗' : ' ⊘' }), _jsxs(Text, { children: [components.removed.length, " will be ", allowDeletions ? 'deleted' : 'skipped'] })] }), components.removed.map((item, i) => (_jsxs(Text, { color: allowDeletions ? PALETTE.error : PALETTE.warning, dimColor: !allowDeletions, children: [' ', allowDeletions ? '✗' : '⊘', " ", item.name] }, `rm-${i}`)))] })), components.unchanged.length > 0 && (_jsxs(Box, { gap: 1, children: [_jsx(Text, { dimColor: true, children: " \u00B7" }), _jsxs(Text, { dimColor: true, children: [components.unchanged.length, " unchanged"] })] }))] })), hasTokens && (_jsxs(Box, { flexDirection: "column", gap: 0, children: [_jsx(Box, { gap: 1, marginTop: 1, children: _jsx(Text, { bold: true, dimColor: true, children: "Design Tokens" }) }), tokens.new.length > 0 && (_jsxs(Box, { gap: 1, children: [_jsx(Text, { color: PALETTE.success, children: " \uFF0B" }), _jsxs(Text, { children: [tokens.new.length, " will be created"] })] })), tokens.changed.length > 0 && (_jsxs(Box, { gap: 1, children: [_jsx(Text, { color: PALETTE.warning, children: " \uFF5E" }), _jsxs(Text, { children: [tokens.changed.length, " will be updated"] })] })), tokens.removed.length > 0 && (_jsxs(Box, { gap: 1, children: [_jsx(Text, { color: allowDeletions ? PALETTE.error : PALETTE.warning, children: allowDeletions ? ' ✗' : ' ⊘' }), _jsxs(Text, { children: [tokens.removed.length, " will be ", allowDeletions ? 'deleted' : 'skipped'] })] })), tokens.unchanged.length > 0 && (_jsxs(Box, { gap: 1, children: [_jsx(Text, { dimColor: true, children: " \u00B7" }), _jsxs(Text, { dimColor: true, children: [tokens.unchanged.length, " unchanged"] })] }))] })), diffExpanded && allDiffLines.length > 0 && (_jsxs(Box, { flexDirection: "column", marginTop: 1, children: [_jsx(Text, { dimColor: true, children: '─'.repeat(40) }), _jsxs(Text, { dimColor: true, children: [' ', "Diff (", allDiffLines.length, " lines) \u2014 line ", scrollOffset + 1, "\u2013", Math.min(scrollOffset + viewportHeight, allDiffLines.length), " of ", allDiffLines.length] }), _jsx(Box, { flexDirection: "column", children: allDiffLines.slice(scrollOffset, scrollOffset + viewportHeight).map((line) => (_jsx(Box, { children: line.element }, line.key))) }), maxScroll > 0 && _jsx(Text, { dimColor: true, children: " \u2195 j/k to scroll, f/b to page" })] }))] })) : (_jsx(Text, { dimColor: true, children: "Nothing to push \u2014 everything is already up to date." })), _jsxs(Box, { gap: 1, marginTop: 1, children: [_jsx(Text, { dimColor: true, children: "Space:" }), _jsx(Text, { children: spaceId }), _jsx(Text, { dimColor: true, children: "/" }), _jsx(Text, { dimColor: true, children: "Environment:" }), _jsx(Text, { children: environmentId })] }), breakingWithImpact && (_jsx(Box, { marginTop: 1, children: _jsx(Text, { color: PALETTE.error, bold: true, children: "\u26A0 Breaking changes will affect downstream entities. Press Enter to acknowledge and apply." }) })), allowDeletions && removedCount > 0 && (_jsx(Box, { marginTop: 1, children: _jsxs(Text, { color: PALETTE.error, bold: true, children: ["\u26A0 ", removedCount, " missing ", removedCount === 1 ? 'entity' : 'entities', " will be permanently deleted. Press Enter to confirm."] }) })), _jsxs(Box, { gap: 3, marginTop: 1, children: [_jsx(Text, { dimColor: true, children: "[Enter] Push to Contentful" }), _jsxs(Text, { dimColor: true, children: ["[d] ", diffExpanded ? 'Hide' : 'Show', " diff"] }), diffExpanded && _jsx(Text, { dimColor: true, children: "[j/k] Scroll [f/b] Page" }), onEdit && _jsx(Text, { dimColor: true, children: "[e] Edit definitions" }), onSaveFiles && _jsx(Text, { dimColor: true, children: "[s] Save files instead" }), fetchedAllowDeletions && removedCount > 0 && (_jsxs(Text, { dimColor: true, children: ["[x] ", allowDeletions ? '[✓]' : '[ ]', " Allow deletions"] })), _jsx(Text, { dimColor: true, children: "[q] Cancel" })] })] }));
-}

package/dist/src/import/tui/steps/auto-reject-decision.js

@@ -1,9 +0,0 @@
-export function computeAutoRejectDecision(input) {
-    if (input.loading)
-        return 'skip';
-    if (input.autoRejectFired)
-        return 'skip';
-    if (!input.hasCycle)
-        return 'skip';
-    return 'fire';
-}

package/dist/src/import/tui/steps/breaking-change-format.js

@@ -1,24 +0,0 @@
-const PROPERTY_REASON_COPY = {
-    removed: 'removed',
-    added_required_no_default: 'now required, no default',
-    type_changed: 'type changed',
-    validation_narrowed: 'allowed values narrowed',
-};
-const SLOT_REASON_COPY = {
-    slot_removed: 'slot removed',
-    slot_allowed_components_narrowed: 'allowed components narrowed',
-};
-export function formatBreakingChange(bc, current) {
-    if ('slotId' in bc) {
-        const copy = SLOT_REASON_COPY[bc.reason] ?? bc.reason;
-        return `${bc.slotId} — ${copy}`;
-    }
-    const copy = PROPERTY_REASON_COPY[bc.reason] ?? bc.reason;
-    const meta = current?.fullProperties?.[bc.propertyId];
-    if (meta) {
-        const tags = [meta.category, meta.type].filter((t) => typeof t === 'string' && t.length > 0);
-        const suffix = tags.length > 0 ? ` (${tags.join(', ')})` : '';
-        return `${bc.propertyId}${suffix} — ${copy}`;
-    }
-    return `${bc.propertyId} — ${copy}`;
-}

package/dist/src/import/tui/steps/preview-diff.js

@@ -1,175 +0,0 @@
-export function computeComponentDiffLines(current, proposed, changeClassification) {
-    const lines = [];
-    // Use fullProperties keys as authoritative server state (includes state props, not just content+design)
-    const currentProps = current.fullProperties
-        ? new Set(Object.keys(current.fullProperties))
-        : new Set([...current.contentProperties, ...current.designProperties]);
-    const proposedProperties = (proposed['$properties'] ?? {});
-    const proposedProps = new Set(Object.keys(proposedProperties));
-    const oldProps = current.fullProperties;
-    for (const name of [...proposedProps].sort()) {
-        if (!currentProps.has(name)) {
-            const def = proposedProperties[name];
-            lines.push({ key: `${name}-add`, color: 'green', text: `+ ${name}: ${formatPropDef(def)}` });
-        }
-    }
-    for (const name of [...currentProps].sort()) {
-        if (!proposedProps.has(name)) {
-            if (oldProps?.[name]) {
-                lines.push({ key: `${name}-rm`, color: 'red', text: `- ${name}: ${formatOldProp(oldProps[name])}` });
-            }
-            else {
-                const cat = current.contentProperties.includes(name) ? 'content' : 'design';
-                lines.push({ key: `${name}-rm`, color: 'red', text: `- ${name} (${cat})` });
-            }
-        }
-    }
-    const handledProps = new Set();
-    for (const name of [...currentProps].sort()) {
-        if (!proposedProps.has(name))
-            continue;
-        const newDef = proposedProperties[name];
-        const oldDef = oldProps?.[name];
-        if (!oldDef)
-            continue;
-        const diffs = diffProperty(name, oldDef, newDef);
-        if (diffs.length > 0) {
-            handledProps.add(name);
-            for (const d of diffs)
-                lines.push(d);
-        }
-    }
-    if (!oldProps && changeClassification?.breakingChanges) {
-        for (const bc of changeClassification.breakingChanges) {
-            if (!('propertyId' in bc))
-                continue;
-            if (!currentProps.has(bc.propertyId) || !proposedProps.has(bc.propertyId))
-                continue;
-            if (handledProps.has(bc.propertyId))
-                continue;
-            handledProps.add(bc.propertyId);
-            const def = proposedProperties[bc.propertyId];
-            lines.push({ key: `${bc.propertyId}-old`, color: 'red', text: `- ${bc.propertyId}: ${bc.reason}` });
-            lines.push({ key: `${bc.propertyId}-new`, color: 'green', text: `+ ${bc.propertyId}: ${formatPropDef(def)}` });
-        }
-    }
-    const currentSlots = new Set(current.slots);
-    const proposedSlots = (proposed['$slots'] ?? {});
-    const proposedSlotNames = new Set(Object.keys(proposedSlots));
-    const currentSlotAllowed = current.currentSlotAllowed ?? {};
-    for (const name of [...proposedSlotNames].sort()) {
-        if (!currentSlots.has(name)) {
-            lines.push({ key: `slot-${name}-add`, color: 'green', text: `+ slot: ${name}` });
-        }
-    }
-    for (const name of [...currentSlots].sort()) {
-        if (!proposedSlotNames.has(name)) {
-            lines.push({ key: `slot-${name}-rm`, color: 'red', text: `- slot: ${name}` });
-        }
-    }
-    for (const name of [...proposedSlotNames].sort()) {
-        const nextAllowed = normalizeAllowedComponents(proposedSlots[name]?.['$allowedComponents']);
-        const prevAllowed = normalizeAllowedComponents(currentSlotAllowed[name]);
-        const prevExists = currentSlots.has(name);
-        if (!prevExists) {
-            if (nextAllowed.length > 0) {
-                lines.push({
-                    key: `slot-${name}-allow-new`,
-                    color: 'green',
-                    text: `+ slot ${name} allowedComponents: [${nextAllowed.join(', ')}]`,
-                });
-            }
-            continue;
-        }
-        if (arraysEqual(prevAllowed, nextAllowed))
-            continue;
-        lines.push({
-            key: `slot-${name}-allow-old`,
-            color: 'red',
-            text: `- slot ${name} allowedComponents: [${prevAllowed.join(', ')}]`,
-        });
-        lines.push({
-            key: `slot-${name}-allow-new`,
-            color: 'green',
-            text: `+ slot ${name} allowedComponents: [${nextAllowed.join(', ')}]`,
-        });
-    }
-    return lines;
-}
-function normalizeAllowedComponents(value) {
-    if (!Array.isArray(value))
-        return [];
-    const out = [];
-    for (const item of value) {
-        if (typeof item === 'string' && item.length > 0)
-            out.push(item);
-    }
-    return out.sort();
-}
-function arraysEqual(a, b) {
-    if (a.length !== b.length)
-        return false;
-    for (let i = 0; i < a.length; i++)
-        if (a[i] !== b[i])
-            return false;
-    return true;
-}
-function normalizeType(type) {
-    switch (type.toLowerCase()) {
-        case 'boolean':
-            return 'boolean';
-        case 'number':
-            return 'number';
-        case 'symbol':
-        case 'enum':
-            return 'symbol';
-        case 'string':
-        case 'text':
-        case 'richtext':
-        case 'media':
-            return 'string';
-        default:
-            return type.toLowerCase();
-    }
-}
-export function diffProperty(name, old, newDef) {
-    const diffs = [];
-    const newType = newDef['$type'] ?? '';
-    const newCategory = newDef['$category'] ?? '';
-    const newRequired = newDef['$required'] === true;
-    const newDefault = newDef['$default'];
-    const typeChanged = old.type !== '' && newType !== '' && normalizeType(old.type) !== normalizeType(newType);
-    const categoryChanged = old.category !== newCategory;
-    const requiredChanged = old.required !== newRequired;
-    const defaultChanged = JSON.stringify(old.default) !== JSON.stringify(newDefault);
-    if (!typeChanged && !categoryChanged && !requiredChanged && !defaultChanged)
-        return [];
-    diffs.push({ key: `${name}-old`, color: 'red', text: `- ${name}: ${formatOldProp(old)}` });
-    diffs.push({ key: `${name}-new`, color: 'green', text: `+ ${name}: ${formatPropDef(newDef)}` });
-    return diffs;
-}
-export function formatOldProp(prop) {
-    const parts = [];
-    if (prop.type)
-        parts.push(prop.type);
-    if (prop.category)
-        parts.push(prop.category);
-    parts.push(prop.required ? 'required' : 'optional');
-    if (prop.default !== undefined)
-        parts.push(`default=${JSON.stringify(prop.default)}`);
-    return parts.join(', ');
-}
-export function formatPropDef(def) {
-    const parts = [];
-    if (def['$type'])
-        parts.push(def['$type']);
-    if (def['$category'])
-        parts.push(def['$category']);
-    if (def['$required'] === true)
-        parts.push('required');
-    else
-        parts.push('optional');
-    if (def['$default'] !== undefined)
-        parts.push(`default=${JSON.stringify(def['$default'])}`);
-    return parts.join(', ');
-}

package/dist/src/import/tui/useLivePreview.js

@@ -1,122 +0,0 @@
-import { useCallback, useEffect, useRef, useState } from 'react';
-import { ApiError } from '../../apply/api-client.js';
-import { runLivePreview } from './runLivePreview.js';
-const DEFAULT_DEBOUNCE_MS = 500;
-/**
- * Hook that owns the post-save live-preview side effect for the wizard's
- * final-review step. Centralizes:
- *
- * - 500ms debounce so rapid Ctrl+S spam collapses to a single API call.
- * - Generation tag on every fire so a stale in-flight call's response is
- *   discarded if a newer fire has already kicked off (in lieu of an
- *   AbortController for v1).
- * - Disable-for-session on 401/403: subsequent triggers no-op until the
- *   wizard exits. One-line stderr warning. No modal, no re-prompt — the
- *   operator is mid-edit and we must not interrupt the flow.
- * - Status state for the sidebar spinner (`'idle' | 'running'`).
- *
- * Cred-missing / disabled / not-enabled cases short-circuit BEFORE the timer
- * is set so we don't accumulate dead timers.
- */
-export function useLivePreview(opts) {
-    const debounceMs = opts.debounceMs ?? DEFAULT_DEBOUNCE_MS;
-    const [status, setStatus] = useState('idle');
-    const [disabled, setDisabled] = useState(false);
-    const timerRef = useRef(null);
-    const generationRef = useRef(0);
-    const latestRef = useRef(0);
-    const inflightRef = useRef(0);
-    // Mirror props in a ref so the trigger callback can stay stable.
-    const optsRef = useRef(opts);
-    useEffect(() => {
-        optsRef.current = opts;
-    });
-    // Mirror disabled into a ref so the timer callback sees the latest value
-    // without redefining `trigger` (which would defeat its memoization).
-    const disabledRef = useRef(disabled);
-    useEffect(() => {
-        disabledRef.current = disabled;
-    }, [disabled]);
-    // Clear any pending timer on unmount.
-    useEffect(() => {
-        return () => {
-            if (timerRef.current) {
-                clearTimeout(timerRef.current);
-                timerRef.current = null;
-            }
-        };
-    }, []);
-    const trigger = useCallback(() => {
-        const current = optsRef.current;
-        if (!current.enabled)
-            return;
-        if (disabledRef.current)
-            return;
-        if (!current.spaceId || !current.environmentId || !current.cmaToken)
-            return;
-        if (timerRef.current) {
-            clearTimeout(timerRef.current);
-            timerRef.current = null;
-        }
-        timerRef.current = setTimeout(() => {
-            timerRef.current = null;
-            void fire();
-        }, debounceMs);
-    }, [debounceMs]);
-    const fire = async () => {
-        const current = optsRef.current;
-        if (disabledRef.current)
-            return;
-        generationRef.current += 1;
-        const generation = generationRef.current;
-        latestRef.current = generation;
-        inflightRef.current += 1;
-        setStatus('running');
-        try {
-            const result = await runLivePreview({
-                sessionId: current.sessionId,
-                tokensPath: current.tokensPath,
-                spaceId: current.spaceId,
-                environmentId: current.environmentId,
-                cmaToken: current.cmaToken,
-                host: current.host,
-                generation,
-                deleteAllComponents: current.deleteAllComponents === true,
-                allowDeletions: current.allowDeletions === true,
-            });
-            // Discard stale responses (generation tag).
-            if (result.generation !== latestRef.current)
-                return;
-            current.onResult(result.response);
-        }
-        catch (err) {
-            if (err instanceof ApiError && (err.status === 401 || err.status === 403)) {
-                setDisabled(true);
-                disabledRef.current = true;
-                try {
-                    process.stderr.write(`live-preview: ${err.status}, disabling for this session\n`);
-                }
-                catch {
-                    // best-effort
-                }
-            }
-            else {
-                const msg = err instanceof Error ? err.message : String(err);
-                try {
-                    process.stderr.write(`live-preview: ${msg}\n`);
-                }
-                catch {
-                    // best-effort
-                }
-            }
-        }
-        finally {
-            inflightRef.current -= 1;
-            if (inflightRef.current <= 0) {
-                inflightRef.current = 0;
-                setStatus('idle');
-            }
-        }
-    };
-    return { trigger, status, disabled };
-}