@contentful/experience-design-system-cli 2.37.1-dev-build-eca14dd7.0 → 2.37.1-dev-build-6c9e5304.0

package/dist/app.d.ts

@@ -3,4 +3,5 @@ import type { ImportOptions } from './src/commands/import-options.js';
 export type Screen = 'start' | 'import' | 'help' | 'settings' | 'settings-configuration' | 'settings-opt-in-analytics' | 'settings-debug-mode' | 'upgrade';
 export declare function runApp(renderApp: (element: React.ReactElement) => {
     waitUntilExit: () => Promise<unknown>;
+    clear?: () => void;
 }, importOptions: ImportOptions): Promise<void>;

package/dist/app.js

@@ -2018,7 +2018,7 @@ var init_cache_keys = __esm({
 
 // packages/experience-design-system-cli/app.tsx
 import { join as join25 } from "node:path";
-import { useEffect as useEffect26, useState as useState33 } from "react";
+import { useEffect as useEffect27, useState as useState33 } from "react";
 
 // packages/experience-design-system-cli/src/tui/home/home.tsx
 import { useEffect as useEffect2, useState as useState2 } from "react";
@@ -20489,6 +20489,7 @@ async function runGeneration(input, onProgress, deps = realDeps3) {
     }
   }
   update({ mapTokens: "complete" });
+  await new Promise((r) => setImmediate(r));
   const generatedCount = generated.results.filter((r) => !r.failed).length;
   return {
     ok: true,
@@ -20583,6 +20584,7 @@ function buildFlowStart(input) {
 }
 
 // packages/experience-design-system-cli/src/tui/import/steps/10-flow/flow/screen.tsx
+import { useEffect as useEffect20, useRef as useRef12 } from "react";
 import { Box as Box41 } from "ink";
 
 // packages/experience-design-system-types/dist/src/cdf/validate.js
@@ -26983,10 +26985,18 @@ function FlowScreen({
   controller,
   livePreview = true,
   generatePromptPath,
-  onExit
+  onExit,
+  onStepChange
 }) {
   const totalSteps = totalStepsFor(state);
   const quit = () => onExit(0);
+  const previousStep = useRef12(state.step);
+  useEffect20(() => {
+    if (previousStep.current !== state.step) {
+      onStepChange?.();
+      previousStep.current = state.step;
+    }
+  }, [state.step, onStepChange]);
   const content = (() => {
     switch (state.step) {
       case "final-review":
@@ -27112,7 +27122,7 @@ function FlowScreen({
 }
 
 // packages/experience-design-system-cli/src/tui/import/steps/10-flow/flow/use-flow.ts
-import { useEffect as useEffect20, useRef as useRef12, useSyncExternalStore } from "react";
+import { useEffect as useEffect21, useRef as useRef13, useSyncExternalStore } from "react";
 
 // packages/experience-design-system-cli/src/tui/import/steps/10-flow/flow/controller.ts
 import { appendFileSync, writeFileSync } from "node:fs";
@@ -27840,7 +27850,7 @@ function createFlowController(start, deps) {
 
 // packages/experience-design-system-cli/src/tui/import/steps/10-flow/flow/use-flow.ts
 function useFlow(start, deps = realFlowDeps) {
-  const controller = useRef12();
+  const controller = useRef13();
   if (start && !controller.current) {
     try {
       startWizardLog();
@@ -27853,14 +27863,14 @@ function useFlow(start, deps = realFlowDeps) {
     (listener) => current?.subscribe(listener) ?? (() => void 0),
     () => current?.getState()
   );
-  useEffect20(() => {
+  useEffect21(() => {
     if (!start) controller.current = void 0;
   }, [start]);
   return current && state ? { controller: current, state } : void 0;
 }
 
 // packages/experience-design-system-cli/src/tui/help/PageContainer.tsx
-import { useEffect as useEffect21, useState as useState27 } from "react";
+import { useEffect as useEffect22, useState as useState27 } from "react";
 import { Box as Box42, Text as Text44, useInput as useInput9 } from "ink";
 
 // packages/experience-design-system-cli/src/tui/debug-store.ts
@@ -28054,7 +28064,7 @@ function Section({ title, rows }) {
 }
 function HelpScreen({ onDone }) {
   const [info, setInfo] = useState27();
-  useEffect21(() => {
+  useEffect22(() => {
     startDebugRun({ flow: "help", step: "01-help", menuOption: "Help", inputs: {} });
     void readHelpInfo().then(setInfo);
   }, []);
@@ -28147,7 +28157,7 @@ function SettingsScreen({
 }
 
 // packages/experience-design-system-cli/src/tui/settings/contentful-configuration/ContentfulConfigScreen.tsx
-import { useEffect as useEffect22, useState as useState29 } from "react";
+import { useEffect as useEffect23, useState as useState29 } from "react";
 import { Box as Box44, Text as Text46, useInput as useInput11 } from "ink";
 import TextInput4 from "ink-text-input";
 
@@ -28215,7 +28225,7 @@ function ConfigurationScreen({ onDone }) {
   const [lastSaved, setLastSaved] = useState29(null);
   const [editing, setEditing] = useState29(false);
   const [valueBeforeEdit, setValueBeforeEdit] = useState29("");
-  useEffect22(() => {
+  useEffect23(() => {
     readCredentials().then((cfg) => {
       setConfig(cfg);
       setStage("form");
@@ -28352,7 +28362,7 @@ function ConfigurationScreen({ onDone }) {
 }
 
 // packages/experience-design-system-cli/src/tui/settings/opt-in-analytics/screen.tsx
-import { useEffect as useEffect23, useState as useState30 } from "react";
+import { useEffect as useEffect24, useState as useState30 } from "react";
 import { Box as Box45, Text as Text47, useInput as useInput12 } from "ink";
 
 // packages/experience-design-system-cli/src/tui/settings/opt-in-analytics/analytics-store.ts
@@ -28375,7 +28385,7 @@ import { Fragment as Fragment18, jsx as jsx56, jsxs as jsxs46 } from "react/jsx-
 function OptInAnalyticsScreen({ onDone }) {
   const [loading, setLoading] = useState30(true);
   const [enabled, setEnabled] = useState30(true);
-  useEffect23(() => {
+  useEffect24(() => {
     readAnalyticsSetting().then((setting) => {
       setEnabled(setting.enabled);
       setLoading(false);
@@ -28429,13 +28439,13 @@ function OptInAnalyticsScreen({ onDone }) {
 }
 
 // packages/experience-design-system-cli/src/tui/upgrade/PageContainer.tsx
-import { useEffect as useEffect24, useState as useState31 } from "react";
+import { useEffect as useEffect25, useState as useState31 } from "react";
 import { Box as Box46, Text as Text48, useInput as useInput13 } from "ink";
 import { jsx as jsx57, jsxs as jsxs47 } from "react/jsx-runtime";
 var UPGRADE_COMMANDS = ["git pull", "pnpm install", "pnpm build"];
 function UpgradeScreen({ onDone }) {
   const [upgradeCheck, setUpgradeCheck] = useState31();
-  useEffect24(() => {
+  useEffect25(() => {
     startDebugRun({
       flow: "upgrade",
       step: "01-upgrade",
@@ -28500,13 +28510,13 @@ function renderBody(upgradeCheck) {
 }
 
 // packages/experience-design-system-cli/src/tui/settings/debug-mode/screen.tsx
-import { useEffect as useEffect25, useState as useState32 } from "react";
+import { useEffect as useEffect26, useState as useState32 } from "react";
 import { Box as Box47, Text as Text49, useInput as useInput14 } from "ink";
 import { jsx as jsx58, jsxs as jsxs48 } from "react/jsx-runtime";
 function DebugModeScreen({ onDone }) {
   const [loading, setLoading] = useState32(true);
   const [enabled, setEnabled] = useState32(true);
-  useEffect25(() => {
+  useEffect26(() => {
     readDebugModeSetting().then((setting) => {
       setEnabled(setting.enabled);
       setLoading(false);
@@ -28556,7 +28566,7 @@ function DebugModeScreen({ onDone }) {
 
 // packages/experience-design-system-cli/app.tsx
 import { Fragment as Fragment19, jsx as jsx59 } from "react/jsx-runtime";
-function App({ importOptions }) {
+function App({ importOptions, inkClear }) {
   const [screen, setScreen] = useState33("start");
   const [importExitCode, setImportExitCode] = useState33();
   const showImportResult = importExitCode !== void 0;
@@ -28586,7 +28596,7 @@ function App({ importOptions }) {
   const [flowStart, setFlowStart] = useState33();
   const flow = useFlow(flowStart);
   const [importDefaults, setImportDefaults] = useState33();
-  useEffect26(() => {
+  useEffect27(() => {
     if (screen !== "import") {
       setImportDefaults(void 0);
       return;
@@ -28644,12 +28654,12 @@ function App({ importOptions }) {
       }
     });
   };
-  useEffect26(() => {
+  useEffect27(() => {
     if (!extractionRun || extraction?.status !== "done" || !extraction.result.ok) return;
     setExtractionRun(void 0);
     setScopeRun({ ...extractionRun, extraction: extraction.result.extraction });
   }, [extraction, extractionRun]);
-  useEffect26(() => {
+  useEffect27(() => {
     if (!scopeRun || scopeFlow?.status !== "confirmed" || generationInput) return;
     const { extraction: produced, input, generatePromptPath } = scopeRun;
     setGenerationInput({
@@ -28667,9 +28677,10 @@ function App({ importOptions }) {
       ...generatePromptPath ? { generatePromptPath } : {}
     });
   }, [scopeFlow, scopeRun, generationInput]);
-  useEffect26(() => {
+  useEffect27(() => {
     if (!scopeRun || generation?.status !== "done" || !generation.result.ok) return;
     const { credentialsSkipped, tokenStrategy, extraction: produced, input, generatePromptPath } = scopeRun;
+    inkClear();
     setScopeRun(void 0);
     setGenerationInput(void 0);
     setFlowStart(
@@ -28717,7 +28728,8 @@ function App({ importOptions }) {
             state: flow.state,
             controller: flow.controller,
             generatePromptPath: flowStart.generatePromptPath,
-            onExit: setImportExitCode
+            onExit: setImportExitCode,
+            onStepChange: inkClear
           }
         );
       }
@@ -28836,7 +28848,12 @@ function App({ importOptions }) {
   }
 }
 async function runApp(renderApp, importOptions) {
-  await renderApp(/* @__PURE__ */ jsx59(App, { importOptions })).waitUntilExit();
+  const inkClear = () => {
+    instance.clear?.();
+    process.stdout.write("\x1B[H\x1B[0J");
+  };
+  const instance = renderApp(/* @__PURE__ */ jsx59(App, { importOptions, inkClear }));
+  await instance.waitUntilExit();
 }
 export {
   runApp

package/dist/index.js

@@ -24106,6 +24106,7 @@ async function runGeneration(input, onProgress, deps = realDeps3) {
     }
   }
   update({ mapTokens: "complete" });
+  await new Promise((r) => setImmediate(r));
   const generatedCount = generated.results.filter((r) => !r.failed).length;
   return {
     ok: true,
@@ -31133,6 +31134,7 @@ var init_run_teaser = __esm({
 });
 
 // packages/experience-design-system-cli/src/tui/import/steps/10-flow/flow/screen.tsx
+import { useEffect as useEffect20, useRef as useRef12 } from "react";
 import { Box as Box41 } from "ink";
 import { jsx as jsx52, jsxs as jsxs42 } from "react/jsx-runtime";
 function totalStepsFor(state) {
@@ -31148,10 +31150,18 @@ function FlowScreen({
   controller,
   livePreview = true,
   generatePromptPath,
-  onExit
+  onExit,
+  onStepChange
 }) {
   const totalSteps = totalStepsFor(state);
   const quit = () => onExit(0);
+  const previousStep = useRef12(state.step);
+  useEffect20(() => {
+    if (previousStep.current !== state.step) {
+      onStepChange?.();
+      previousStep.current = state.step;
+    }
+  }, [state.step, onStepChange]);
   const content = (() => {
     switch (state.step) {
       case "final-review":
@@ -32071,9 +32081,9 @@ var init_controller = __esm({
 });
 
 // packages/experience-design-system-cli/src/tui/import/steps/10-flow/flow/use-flow.ts
-import { useEffect as useEffect20, useRef as useRef12, useSyncExternalStore } from "react";
+import { useEffect as useEffect21, useRef as useRef13, useSyncExternalStore } from "react";
 function useFlow(start, deps = realFlowDeps) {
-  const controller = useRef12();
+  const controller = useRef13();
   if (start && !controller.current) {
     try {
       startWizardLog();
@@ -32086,7 +32096,7 @@ function useFlow(start, deps = realFlowDeps) {
     (listener) => current?.subscribe(listener) ?? (() => void 0),
     () => current?.getState()
   );
-  useEffect20(() => {
+  useEffect21(() => {
     if (!start) controller.current = void 0;
   }, [start]);
   return current && state ? { controller: current, state } : void 0;
@@ -32299,7 +32309,7 @@ var init_help_info = __esm({
 });
 
 // packages/experience-design-system-cli/src/tui/help/PageContainer.tsx
-import { useEffect as useEffect21, useState as useState27 } from "react";
+import { useEffect as useEffect22, useState as useState27 } from "react";
 import { Box as Box42, Text as Text44, useInput as useInput9 } from "ink";
 import { Fragment as Fragment16, jsx as jsx53, jsxs as jsxs43 } from "react/jsx-runtime";
 function Section({ title, rows }) {
@@ -32313,7 +32323,7 @@ function Section({ title, rows }) {
 }
 function HelpScreen({ onDone }) {
   const [info, setInfo] = useState27();
-  useEffect21(() => {
+  useEffect22(() => {
     startDebugRun({ flow: "help", step: "01-help", menuOption: "Help", inputs: {} });
     void readHelpInfo().then(setInfo);
   }, []);
@@ -32462,7 +32472,7 @@ var init_config_store = __esm({
 });
 
 // packages/experience-design-system-cli/src/tui/settings/contentful-configuration/ContentfulConfigScreen.tsx
-import { useEffect as useEffect22, useState as useState29 } from "react";
+import { useEffect as useEffect23, useState as useState29 } from "react";
 import { Box as Box44, Text as Text46, useInput as useInput11 } from "ink";
 import TextInput4 from "ink-text-input";
 import { Fragment as Fragment17, jsx as jsx55, jsxs as jsxs45 } from "react/jsx-runtime";
@@ -32484,7 +32494,7 @@ function ConfigurationScreen({ onDone }) {
   const [lastSaved, setLastSaved] = useState29(null);
   const [editing, setEditing] = useState29(false);
   const [valueBeforeEdit, setValueBeforeEdit] = useState29("");
-  useEffect22(() => {
+  useEffect23(() => {
     readCredentials().then((cfg) => {
       setConfig(cfg);
       setStage("form");
@@ -32668,13 +32678,13 @@ var init_analytics_store = __esm({
 });
 
 // packages/experience-design-system-cli/src/tui/settings/opt-in-analytics/screen.tsx
-import { useEffect as useEffect23, useState as useState30 } from "react";
+import { useEffect as useEffect24, useState as useState30 } from "react";
 import { Box as Box45, Text as Text47, useInput as useInput12 } from "ink";
 import { Fragment as Fragment18, jsx as jsx56, jsxs as jsxs46 } from "react/jsx-runtime";
 function OptInAnalyticsScreen({ onDone }) {
   const [loading, setLoading] = useState30(true);
   const [enabled, setEnabled] = useState30(true);
-  useEffect23(() => {
+  useEffect24(() => {
     readAnalyticsSetting().then((setting) => {
       setEnabled(setting.enabled);
       setLoading(false);
@@ -32737,12 +32747,12 @@ var init_screen11 = __esm({
 });
 
 // packages/experience-design-system-cli/src/tui/upgrade/PageContainer.tsx
-import { useEffect as useEffect24, useState as useState31 } from "react";
+import { useEffect as useEffect25, useState as useState31 } from "react";
 import { Box as Box46, Text as Text48, useInput as useInput13 } from "ink";
 import { jsx as jsx57, jsxs as jsxs47 } from "react/jsx-runtime";
 function UpgradeScreen({ onDone }) {
   const [upgradeCheck, setUpgradeCheck] = useState31();
-  useEffect24(() => {
+  useEffect25(() => {
     startDebugRun({
       flow: "upgrade",
       step: "01-upgrade",
@@ -32817,13 +32827,13 @@ var init_PageContainer4 = __esm({
 });
 
 // packages/experience-design-system-cli/src/tui/settings/debug-mode/screen.tsx
-import { useEffect as useEffect25, useState as useState32 } from "react";
+import { useEffect as useEffect26, useState as useState32 } from "react";
 import { Box as Box47, Text as Text49, useInput as useInput14 } from "ink";
 import { jsx as jsx58, jsxs as jsxs48 } from "react/jsx-runtime";
 function DebugModeScreen({ onDone }) {
   const [loading, setLoading] = useState32(true);
   const [enabled, setEnabled] = useState32(true);
-  useEffect25(() => {
+  useEffect26(() => {
     readDebugModeSetting().then((setting) => {
       setEnabled(setting.enabled);
       setLoading(false);
@@ -32886,9 +32896,9 @@ __export(app_exports, {
   runApp: () => runApp
 });
 import { join as join27 } from "node:path";
-import { useEffect as useEffect26, useState as useState33 } from "react";
+import { useEffect as useEffect27, useState as useState33 } from "react";
 import { Fragment as Fragment19, jsx as jsx59 } from "react/jsx-runtime";
-function App({ importOptions }) {
+function App({ importOptions, inkClear }) {
   const [screen, setScreen] = useState33("start");
   const [importExitCode, setImportExitCode] = useState33();
   const showImportResult = importExitCode !== void 0;
@@ -32918,7 +32928,7 @@ function App({ importOptions }) {
   const [flowStart, setFlowStart] = useState33();
   const flow = useFlow(flowStart);
   const [importDefaults, setImportDefaults] = useState33();
-  useEffect26(() => {
+  useEffect27(() => {
     if (screen !== "import") {
       setImportDefaults(void 0);
       return;
@@ -32976,12 +32986,12 @@ function App({ importOptions }) {
       }
     });
   };
-  useEffect26(() => {
+  useEffect27(() => {
     if (!extractionRun || extraction?.status !== "done" || !extraction.result.ok) return;
     setExtractionRun(void 0);
     setScopeRun({ ...extractionRun, extraction: extraction.result.extraction });
   }, [extraction, extractionRun]);
-  useEffect26(() => {
+  useEffect27(() => {
     if (!scopeRun || scopeFlow?.status !== "confirmed" || generationInput) return;
     const { extraction: produced, input, generatePromptPath } = scopeRun;
     setGenerationInput({
@@ -32999,9 +33009,10 @@ function App({ importOptions }) {
       ...generatePromptPath ? { generatePromptPath } : {}
     });
   }, [scopeFlow, scopeRun, generationInput]);
-  useEffect26(() => {
+  useEffect27(() => {
     if (!scopeRun || generation?.status !== "done" || !generation.result.ok) return;
     const { credentialsSkipped, tokenStrategy, extraction: produced, input, generatePromptPath } = scopeRun;
+    inkClear();
     setScopeRun(void 0);
     setGenerationInput(void 0);
     setFlowStart(
@@ -33049,7 +33060,8 @@ function App({ importOptions }) {
             state: flow.state,
             controller: flow.controller,
             generatePromptPath: flowStart.generatePromptPath,
-            onExit: setImportExitCode
+            onExit: setImportExitCode,
+            onStepChange: inkClear
           }
         );
       }
@@ -33168,7 +33180,12 @@ function App({ importOptions }) {
   }
 }
 async function runApp(renderApp, importOptions) {
-  await renderApp(/* @__PURE__ */ jsx59(App, { importOptions })).waitUntilExit();
+  const inkClear = () => {
+    instance.clear?.();
+    process.stdout.write("\x1B[H\x1B[0J");
+  };
+  const instance = renderApp(/* @__PURE__ */ jsx59(App, { importOptions, inkClear }));
+  await instance.waitUntilExit();
 }
 var init_app = __esm({
   "packages/experience-design-system-cli/app.tsx"() {

package/dist/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@contentful/experience-design-system-cli",
-  "version": "2.37.1-dev-build-eca14dd7.0",
+  "version": "2.37.1-dev-build-6c9e5304.0",
   "description": "Contentful Experiences design system import CLI",
   "license": "MIT",
   "type": "module",

package/dist/src/tui/import/steps/10-flow/flow/screen.d.ts

@@ -8,10 +8,12 @@ interface FlowScreenProps {
     generatePromptPath?: string;
     /** Leaves the import with the exit code the wizard would have exited with. */
     onExit: (exitCode: number) => void;
+    /** Called when the step changes so the host can clear Ink's render buffer without scrollback pollution. */
+    onStepChange?: () => void;
 }
 /** How many steps the import has, as the wizard counted them. */
 export declare function totalStepsFor(state: Pick<FlowState, 'tokensPath' | 'rawTokensPath' | 'mapTokensEligible'>): number;
 /** Whether the preview gate offers "[e] Edit definitions": only when the document has components to edit. */
 export declare function canEditFromPreview(cdf: FlowState['cdf']): boolean;
-export declare function FlowScreen({ state, controller, livePreview, generatePromptPath, onExit, }: FlowScreenProps): React.ReactElement;
+export declare function FlowScreen({ state, controller, livePreview, generatePromptPath, onExit, onStepChange, }: FlowScreenProps): React.ReactElement;
 export {};

package/legacy/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@contentful/experience-design-system-cli",
-  "version": "2.37.1-dev-build-eca14dd7.0",
+  "version": "2.37.1-dev-build-6c9e5304.0",
   "description": "Contentful Experiences design system import CLI",
   "license": "MIT",
   "type": "module",

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@contentful/experience-design-system-cli",
-  "version": "2.37.1-dev-build-eca14dd7.0",
+  "version": "2.37.1-dev-build-6c9e5304.0",
   "description": "Contentful Experiences design system import CLI",
   "license": "MIT",
   "type": "module",
@@ -45,8 +45,8 @@
     "ts-morph": "^27.0.2",
     "typescript": "^5.9.3",
     "zod": "^4.6.5",
-    "@contentful/experience-design-system-backend-pipeline": "2.37.1-dev-build-eca14dd7.0",
-    "@contentful/experience-design-system-types": "2.37.1-dev-build-eca14dd7.0"
+    "@contentful/experience-design-system-backend-pipeline": "2.37.1-dev-build-6c9e5304.0",
+    "@contentful/experience-design-system-types": "2.37.1-dev-build-6c9e5304.0"
   },
   "devDependencies": {
     "@tsconfig/node24": "^24.0.4",