@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/PathValidationStep.js

@@ -1,152 +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 { promises as fs } from 'node:fs';
-import { join } from 'node:path';
-import { useImmediateInput } from '../../../analyze/select/tui/hooks/useImmediateInput.js';
-const IGNORE_DIRS = new Set([
-    'node_modules',
-    'dist',
-    'build',
-    '.next',
-    '.nuxt',
-    'coverage',
-    'storybook-static',
-    'out',
-    '.git',
-]);
-async function countFiles(dir) {
-    const counts = {
-        tsx: 0,
-        ts: 0,
-        vue: 0,
-        astro: 0,
-        jsx: 0,
-        js: 0,
-        json: 0,
-        other: 0,
-        total: 0,
-    };
-    async function walk(current) {
-        let entries;
-        try {
-            entries = await fs.readdir(current);
-        }
-        catch {
-            return;
-        }
-        await Promise.all(entries.map(async (entry) => {
-            if (IGNORE_DIRS.has(entry))
-                return;
-            const full = join(current, entry);
-            let stat;
-            try {
-                stat = await fs.stat(full);
-            }
-            catch {
-                return;
-            }
-            if (stat.isDirectory()) {
-                await walk(full);
-            }
-            else {
-                counts.total++;
-                const ext = entry.slice(entry.lastIndexOf('.'));
-                if (ext === '.tsx')
-                    counts.tsx++;
-                else if (ext === '.ts' && !entry.endsWith('.d.ts'))
-                    counts.ts++;
-                else if (ext === '.vue')
-                    counts.vue++;
-                else if (ext === '.astro')
-                    counts.astro++;
-                else if (ext === '.jsx')
-                    counts.jsx++;
-                else if (ext === '.js')
-                    counts.js++;
-                else if (ext === '.json')
-                    counts.json++;
-                else
-                    counts.other++;
-            }
-        }));
-    }
-    await walk(dir);
-    return counts;
-}
-export function PathValidationStep({ projectPath, onConfirm, onSkipComponents, onChangePath, onQuit, }) {
-    const [counts, setCounts] = useState(null);
-    const [error, setError] = useState(null);
-    useEffect(() => {
-        void (async () => {
-            try {
-                const stat = await fs.stat(projectPath);
-                if (stat.isFile()) {
-                    setError(`That's a file, not a directory.\n\nProvide the path to your component library's root folder, not a specific file.\n\nExample: ~/projects/my-design-system`);
-                    return;
-                }
-                if (!stat.isDirectory()) {
-                    setError(`Not a directory: ${projectPath}`);
-                    return;
-                }
-                const result = await countFiles(projectPath);
-                setCounts(result);
-            }
-            catch (e) {
-                const code = e.code;
-                if (code === 'ENOENT') {
-                    setError(`Directory not found: ${projectPath}\n\nDouble-check the path and try again. Tip: you can use ~, relative, or absolute paths.`);
-                }
-                else if (code === 'EACCES') {
-                    setError(`Permission denied: ${projectPath}\n\nYou don't have read access to this directory.`);
-                }
-                else {
-                    setError(`Cannot access: ${projectPath}`);
-                }
-            }
-        })();
-    }, [projectPath]);
-    useImmediateInput((input, key) => {
-        if (error) {
-            if (input === 'e' || key.return) {
-                onChangePath();
-                return;
-            }
-            if (input === 'q' || key.escape) {
-                onQuit();
-                return;
-            }
-            return;
-        }
-        if (!counts)
-            return;
-        if (key.return) {
-            onConfirm(projectPath);
-            return;
-        }
-        if (input === 's') {
-            onSkipComponents();
-            return;
-        }
-        if (input === 'e') {
-            onChangePath();
-            return;
-        }
-        if (input === 'q' || key.escape) {
-            onQuit();
-            return;
-        }
-    });
-    if (!counts && !error) {
-        return (_jsx(Box, { flexDirection: "column", paddingX: 2, paddingY: 1, children: _jsxs(Text, { dimColor: true, children: ["Scanning ", _jsx(Text, { bold: true, children: projectPath }), "..."] }) }));
-    }
-    if (error) {
-        const lines = error.split('\n');
-        return (_jsxs(Box, { flexDirection: "column", gap: 1, paddingX: 2, paddingY: 1, children: [_jsxs(Box, { flexDirection: "column", children: [_jsxs(Text, { color: PALETTE.error, children: ["\u2717 ", lines[0]] }), lines.slice(1).map((line, i) => (_jsx(Text, { dimColor: true, children: line }, i)))] }), _jsxs(Box, { gap: 3, marginTop: 1, children: [_jsx(Text, { dimColor: true, children: "[e / Enter] Try a different path" }), _jsx(Text, { dimColor: true, children: "[q] Quit" })] })] }));
-    }
-    const c = counts;
-    const componentFiles = c.tsx + c.ts + c.vue + c.astro + c.jsx + c.js;
-    const tokenFiles = c.json;
-    return (_jsxs(Box, { flexDirection: "column", gap: 1, paddingX: 2, paddingY: 1, children: [_jsxs(Text, { children: ["Scanning ", _jsx(Text, { bold: true, children: projectPath }), "..."] }), _jsxs(Box, { flexDirection: "column", gap: 0, marginTop: 1, children: [_jsxs(Text, { color: PALETTE.success, children: ["\u2713 Found ", c.total, " files:"] }), c.tsx > 0 && (_jsxs(Text, { children: ['  • ', String(c.tsx).padStart(3), " .tsx files"] })), c.ts > 0 && (_jsxs(Text, { children: ['  • ', String(c.ts).padStart(3), " .ts files"] })), c.vue > 0 && (_jsxs(Text, { children: ['  • ', String(c.vue).padStart(3), " .vue files"] })), c.astro > 0 && (_jsxs(Text, { children: ['  • ', String(c.astro).padStart(3), " .astro files"] })), c.jsx > 0 && (_jsxs(Text, { children: ['  • ', String(c.jsx).padStart(3), " .jsx files"] })), c.js > 0 && (_jsxs(Text, { children: ['  • ', String(c.js).padStart(3), " .js files"] })), c.json > 0 && (_jsxs(Text, { color: PALETTE.info, children: ['  • ', String(c.json).padStart(3), " .json files (design tokens)"] })), c.other > 0 && (_jsxs(Text, { dimColor: true, children: ['  • ', String(c.other).padStart(3), " other (ignored)"] }))] }), componentFiles === 0 && tokenFiles === 0 && (_jsx(Text, { color: PALETTE.warning, children: "\u26A0 No component or token files found. Try a different path." })), componentFiles === 0 && tokenFiles > 0 && (_jsx(Text, { color: PALETTE.warning, children: "\u26A0 No component files found \u2014 only token files detected." })), _jsx(Box, { marginTop: 1, children: _jsx(Text, { children: "Does this look right?" }) }), _jsxs(Box, { gap: 3, marginTop: 1, children: [_jsx(Text, { dimColor: true, children: "[Enter] Yes, start extracting" }), _jsx(Text, { dimColor: true, children: "[s] Skip components" }), _jsx(Text, { dimColor: true, children: "[e] Change path" }), _jsx(Text, { dimColor: true, children: "[q] Quit" })] })] }));
-}

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

@@ -1,37 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
-import { PALETTE } from '../../../analyze/select/tui/theme.js';
-import { Box, Text } from 'ink';
-import { useImmediateInput } from '../../../analyze/select/tui/hooks/useImmediateInput.js';
-export function PreviewStep({ componentTypes, designTokens, spaceId, environmentId, stepNumber, totalSteps, onConfirm, onSaveFiles, onQuit, }) {
-    useImmediateInput((input, key) => {
-        if (key.return) {
-            onConfirm();
-            return;
-        }
-        if (input === 's' && onSaveFiles) {
-            onSaveFiles();
-            return;
-        }
-        if (input === 'q' || key.escape) {
-            onQuit();
-            return;
-        }
-    });
-    const hasComponents = componentTypes.created > 0 ||
-        componentTypes.updated > 0 ||
-        componentTypes.unchanged > 0 ||
-        componentTypes.conflicts > 0 ||
-        componentTypes.failed > 0;
-    const hasTokens = designTokens.created > 0 ||
-        designTokens.updated > 0 ||
-        designTokens.unchanged > 0 ||
-        designTokens.conflicts > 0 ||
-        designTokens.failed > 0;
-    const hasAnything = hasComponents || hasTokens;
-    function EntityRows({ label, summary }) {
-        if (!summary.created && !summary.updated && !summary.unchanged && !summary.conflicts && !summary.failed)
-            return null;
-        return (_jsxs(_Fragment, { children: [_jsx(Box, { gap: 1, marginTop: 1, children: _jsx(Text, { bold: true, dimColor: true, children: label }) }), summary.created > 0 && (_jsxs(Box, { gap: 1, children: [_jsx(Text, { color: PALETTE.success, children: " \uFF0B" }), _jsxs(Text, { children: [summary.created, " will be created"] })] })), summary.updated > 0 && (_jsxs(Box, { gap: 1, children: [_jsx(Text, { color: PALETTE.warning, children: " \uFF5E" }), _jsxs(Text, { children: [summary.updated, " will be updated"] })] })), summary.unchanged > 0 && (_jsxs(Box, { gap: 1, children: [_jsx(Text, { dimColor: true, children: " \u00B7" }), _jsxs(Text, { dimColor: true, children: [summary.unchanged, " unchanged"] })] })), summary.conflicts > 0 && (_jsxs(Box, { gap: 1, children: [_jsx(Text, { color: PALETTE.error, children: " \u2717" }), _jsxs(Text, { color: PALETTE.error, children: [summary.conflicts, " conflict", summary.conflicts !== 1 ? 's' : '', " \u2014 resolve before pushing"] })] })), summary.failed > 0 && (_jsxs(Box, { gap: 1, children: [_jsx(Text, { color: PALETTE.error, children: " \u2717" }), _jsxs(Text, { color: PALETTE.error, children: [summary.failed, " failed \u2014 check logs"] })] }))] }));
-    }
-    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:" }), _jsxs(Box, { flexDirection: "column", gap: 0, children: [hasComponents && _jsx(EntityRows, { label: "ComponentTypes", summary: componentTypes }), hasTokens && _jsx(EntityRows, { label: "Design Tokens", summary: designTokens })] })] })) : (_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 })] }), _jsxs(Box, { gap: 3, marginTop: 1, children: [_jsx(Text, { dimColor: true, children: "[Enter] Push to Contentful" }), onSaveFiles && _jsx(Text, { dimColor: true, children: "[s] Save files instead" }), _jsx(Text, { dimColor: true, children: "[q] Cancel" })] })] }));
-}

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

@@ -1,23 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { GateStep } from './GateStep.js';
-import { formatParsedEdsiError } from '../../../lib/error-parser.js';
-export function PreviewValidationErrorStep({ errors, missingNames, onEdit, onSkip, onQuit, }) {
-    const uniqueNames = [...new Set(errors.map((e) => e.componentName))];
-    const matchedNames = uniqueNames.filter((n) => !missingNames.includes(n));
-    const errorLines = errors
-        .map((error) => formatParsedEdsiError({
-        code: null,
-        message: '',
-        cycle: null,
-        raw: false,
-        diagnostics: [{ message: error.message, component: error.componentName, path: error.path }],
-    }))
-        .join('\n');
-    const missingNote = missingNames.length > 0
-        ? `\n\nNote: ${missingNames.length} component name${missingNames.length === 1 ? '' : 's'} from the server (${missingNames.join(', ')}) ${missingNames.length === 1 ? 'does' : 'do'} not match anything in this session — they cannot be edited or skipped from here.`
-        : '';
-    const skipLabel = matchedNames.length === 0
-        ? 'No matching components to skip'
-        : `Skip ${matchedNames.length === 1 ? matchedNames[0] : `${matchedNames.length} components`} and retry`;
-    return (_jsx(GateStep, { intent: "error", successMessage: "Preview validation failed", summary: errorLines, context: `${uniqueNames.length} component${uniqueNames.length === 1 ? '' : 's'} failed server validation. Edit their definitions in the review TUI, or skip them and retry preview without them.${missingNote}`, continueLabel: "Edit definitions", skipLabel: skipLabel, showSkip: matchedNames.length > 0, onContinue: onEdit, onSkip: onSkip, onQuit: onQuit }));
-}

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

@@ -1,73 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { useState } from 'react';
-import { PALETTE } from '../../../analyze/select/tui/theme.js';
-import { Box, Text } from 'ink';
-import { useImmediateInput } from '../../../analyze/select/tui/hooks/useImmediateInput.js';
-const OPTIONS = [
-    { value: 'both', label: 'Save AND push', shortcut: 'b' },
-    { value: 'push-only', label: 'Push only', shortcut: 'p' },
-    { value: 'save-only', label: 'Save only', shortcut: 's' },
-];
-const SAVE_ONLY_INDEX = OPTIONS.findIndex((o) => o.value === 'save-only');
-export function PushDecisionGateStep({ summary, context, onChoice, onQuit, pushDisabled = false, }) {
-    const [cursor, setCursor] = useState(pushDisabled ? SAVE_ONLY_INDEX : 0);
-    function isSelectable(index) {
-        if (!pushDisabled)
-            return true;
-        return OPTIONS[index].value === 'save-only';
-    }
-    useImmediateInput((input, key) => {
-        if (key.return) {
-            if (!isSelectable(cursor))
-                return;
-            onChoice(OPTIONS[cursor].value);
-            return;
-        }
-        if (input === 'b') {
-            if (pushDisabled)
-                return;
-            onChoice('both');
-            return;
-        }
-        if (input === 'p') {
-            if (pushDisabled)
-                return;
-            onChoice('push-only');
-            return;
-        }
-        if (input === 's') {
-            onChoice('save-only');
-            return;
-        }
-        if (input === 'j' || key.downArrow) {
-            setCursor((c) => {
-                for (let i = c + 1; i < OPTIONS.length; i++) {
-                    if (isSelectable(i))
-                        return i;
-                }
-                return c;
-            });
-            return;
-        }
-        if (input === 'k' || key.upArrow) {
-            setCursor((c) => {
-                for (let i = c - 1; i >= 0; i--) {
-                    if (isSelectable(i))
-                        return i;
-                }
-                return c;
-            });
-            return;
-        }
-        if (input === 'q' || key.escape) {
-            onQuit();
-            return;
-        }
-    });
-    return (_jsxs(Box, { flexDirection: "column", gap: 1, paddingX: 2, paddingY: 1, children: [_jsx(Text, { color: PALETTE.success, children: "\u2713 Generation complete" }), _jsx(Text, { dimColor: true, children: summary }), _jsx(Box, { marginTop: 1, children: _jsx(Text, { children: context }) }), _jsx(Box, { flexDirection: "column", marginTop: 1, children: OPTIONS.map((opt, i) => {
-                    const selected = i === cursor;
-                    const disabled = pushDisabled && opt.value !== 'save-only';
-                    const suffix = disabled ? ' (unavailable — credentials skipped)' : '';
-                    return (_jsxs(Text, { color: selected ? PALETTE.info : undefined, dimColor: disabled, children: [selected ? '›' : ' ', " [", opt.shortcut, "] ", opt.label, suffix] }, opt.value));
-                }) }), _jsxs(Box, { gap: 3, marginTop: 1, children: [_jsx(Text, { dimColor: true, children: "[Enter] Confirm" }), _jsx(Text, { dimColor: true, children: "[j/k] Move" }), _jsx(Text, { dimColor: true, children: "[q] Quit" })] })] }));
-}

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

@@ -1,24 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { useEffect, useState } from 'react';
-import { PALETTE } from '../../../analyze/select/tui/theme.js';
-import { Box, Text } from 'ink';
-const SPINNER_FRAMES = ['⠋', '⠙', '⠹', '⠸', '⠼', '⠴', '⠦', '⠧', '⠇', '⠏'];
-export function PushingStep({ stepNumber, totalSteps, progress }) {
-    const [frame, setFrame] = useState(0);
-    const [elapsed, setElapsed] = useState(0);
-    useEffect(() => {
-        const spinner = setInterval(() => setFrame((f) => (f + 1) % SPINNER_FRAMES.length), 80);
-        const timer = setInterval(() => setElapsed((s) => s + 1), 1000);
-        return () => {
-            clearInterval(spinner);
-            clearInterval(timer);
-        };
-    }, []);
-    const mins = Math.floor(elapsed / 60);
-    const secs = elapsed % 60;
-    const elapsedStr = mins > 0 ? `${mins}m ${secs}s` : `${secs}s`;
-    const operationId = progress && progress.kind === 'queued' ? progress.operationId : null;
-    const showGlobal = progress && progress.kind === 'progress';
-    const showCurrent = progress && progress.kind === 'progress' && progress.current ? progress.current : null;
-    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) })] }), _jsx(Text, { children: "Writing component types and design tokens to your Contentful space..." }), operationId && (_jsxs(Box, { gap: 1, children: [_jsx(Text, { dimColor: true, children: "Operation:" }), _jsx(Text, { children: operationId })] })), showGlobal && progress && progress.kind === 'progress' && (_jsxs(Box, { gap: 1, children: [_jsx(Text, { color: PALETTE.info, children: SPINNER_FRAMES[frame] }), _jsxs(Text, { dimColor: true, children: [progress.processed, "/", progress.total, " entities"] })] })), showCurrent && (_jsxs(Box, { gap: 1, children: [_jsx(Text, { dimColor: true, children: "Now processing:" }), _jsx(Text, { children: showCurrent })] })), _jsx(Box, { marginTop: 1, children: _jsxs(Text, { dimColor: true, children: ["Elapsed: ", elapsedStr] }) })] }));
-}

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

@@ -1,21 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { useEffect, useState } from 'react';
-import { PALETTE } from '../../../analyze/select/tui/theme.js';
-import { Box, Text } from 'ink';
-const SPINNER_FRAMES = ['⠋', '⠙', '⠹', '⠸', '⠼', '⠴', '⠦', '⠧', '⠇', '⠏'];
-export function RunningStep({ stepNumber, totalSteps, title, description, detail, secondaryDetail, }) {
-    const [frame, setFrame] = useState(0);
-    const [elapsed, setElapsed] = useState(0);
-    useEffect(() => {
-        const spinner = setInterval(() => setFrame((f) => (f + 1) % SPINNER_FRAMES.length), 80);
-        const timer = setInterval(() => setElapsed((s) => s + 1), 1000);
-        return () => {
-            clearInterval(spinner);
-            clearInterval(timer);
-        };
-    }, []);
-    const mins = Math.floor(elapsed / 60);
-    const secs = elapsed % 60;
-    const elapsedStr = mins > 0 ? `${mins}m ${secs}s` : `${secs}s`;
-    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: title })] }), _jsx(Text, { dimColor: true, children: '─'.repeat(40) })] }), _jsx(Text, { children: description }), _jsxs(Box, { gap: 1, marginTop: 1, children: [_jsx(Text, { color: PALETTE.info, children: SPINNER_FRAMES[frame] }), _jsx(Text, { dimColor: true, children: detail ?? 'Running...' })] }), secondaryDetail !== undefined && (_jsxs(Box, { gap: 1, children: [_jsx(Text, { color: PALETTE.info, children: SPINNER_FRAMES[(frame + 5) % SPINNER_FRAMES.length] }), _jsx(Text, { dimColor: true, children: secondaryDetail })] })), _jsx(Box, { marginTop: 1, children: _jsxs(Text, { dimColor: true, children: ["Elapsed: ", elapsedStr] }) })] }));
-}