@contentful/experience-design-system-cli 2.38.1-dev-build-a3bf0edc.0 → 2.38.1-dev-build-8e139f2f.0

package/dist/app.js

@@ -27755,7 +27755,8 @@ function PathPrompt({
   defaultPath,
   onSubmit,
   onCancel,
-  label = "Save to"
+  label = "Save to",
+  summary
 }) {
   const [input, setInput] = useState28("");
   const cursorVisible = useBlinkingCursor();
@@ -27789,6 +27790,7 @@ function PathPrompt({
   return /* @__PURE__ */ jsxs42(Box42, { flexDirection: "column", children: [
     /* @__PURE__ */ jsx52(StepHeader, { step: "push" }),
     /* @__PURE__ */ jsxs42(Box42, { flexDirection: "column", gap: 1, paddingX: 2, paddingBottom: 1, children: [
+      summary && /* @__PURE__ */ jsx52(Text44, { color: PALETTE.muted, children: summary }),
       /* @__PURE__ */ jsxs42(Box42, { gap: 1, children: [
         /* @__PURE__ */ jsx52(Text44, { color: PALETTE.accent, children: "?" }),
         /* @__PURE__ */ jsxs42(Text44, { bold: true, children: [
@@ -27823,9 +27825,15 @@ function producedOf(state2) {
 function fileSummaryLabel({ components }) {
   return components ? "components.json" : "components.json (design tokens only)";
 }
-function writtenThings({ components, tokens }) {
-  if (components && tokens) return "component types and design tokens";
-  return tokens ? "design tokens" : "component types";
+function counted(count, noun) {
+  if (!count) return `${noun}s`;
+  return `${count} ${noun}${count === 1 ? "" : "s"}`;
+}
+function countedThings({ components, tokens }, counts = {}) {
+  const parts = [];
+  if (components || !tokens) parts.push(counted(counts.components, "component type"));
+  if (tokens) parts.push(counted(counts.tokens, "design token"));
+  return parts.join(" and ");
 }
 
 // packages/experience-design-system-cli/src/tui/import/steps/10-flow/support/use-timed-spinner.tsx
@@ -27850,18 +27858,21 @@ function useTimedSpinner() {
 
 // packages/experience-design-system-cli/src/tui/import/steps/10-flow/screens/PushingStep.tsx
 import { jsx as jsx54, jsxs as jsxs43 } from "react/jsx-runtime";
-function PushingStep({ progress, produced }) {
-  const { elapsed } = useTimedSpinner();
+function PushingStep({ progress, produced, counts }) {
+  const { spinner, elapsed } = useTimedSpinner();
   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 /* @__PURE__ */ jsxs43(Box43, { flexDirection: "column", children: [
     /* @__PURE__ */ jsx54(StepHeader, { step: "push" }),
     /* @__PURE__ */ jsxs43(Box43, { flexDirection: "column", gap: 1, paddingX: 2, paddingBottom: 1, children: [
-      /* @__PURE__ */ jsxs43(Text45, { children: [
-        "Writing ",
-        writtenThings(produced),
-        " to your Contentful space..."
+      /* @__PURE__ */ jsxs43(Box43, { gap: 1, children: [
+        spinner,
+        /* @__PURE__ */ jsxs43(Text45, { children: [
+          "Writing ",
+          countedThings(produced, counts),
+          " to your Contentful space..."
+        ] })
       ] }),
       operationId && /* @__PURE__ */ jsxs43(Box43, { gap: 1, children: [
         /* @__PURE__ */ jsx54(Text45, { color: PALETTE.muted, children: "Operation:" }),
@@ -28380,6 +28391,8 @@ function FlowScreen({
   onExit
 }) {
   const produced = producedOf(state2);
+  const counts = { components: state2.generatedAcceptedCount, tokens: state2.tokenCount };
+  const things = countedThings(produced, counts);
   const quit = () => onExit(0);
   const content = (() => {
     switch (state2.step) {
@@ -28401,7 +28414,7 @@ function FlowScreen({
           }
         );
       case "previewing":
-        return /* @__PURE__ */ jsx56(RunningStep, { step: "push", description: "Computing diff against your Contentful space..." });
+        return /* @__PURE__ */ jsx56(RunningStep, { step: "push", description: `Computing diff for ${things} against your Contentful space...` });
       case "preview-gate":
         if (!state2.serverPreview) return null;
         return /* @__PURE__ */ jsx56(
@@ -28416,11 +28429,12 @@ function FlowScreen({
           }
         );
       case "pushing":
-        return /* @__PURE__ */ jsx56(PushingStep, { progress: state2.pushProgress, produced });
+        return /* @__PURE__ */ jsx56(PushingStep, { progress: state2.pushProgress, produced, counts });
       case "path-prompt":
         return /* @__PURE__ */ jsx56(
           PathPrompt,
           {
+            summary: `Saving ${things}${state2.credentialsSkipped ? "" : " and pushing them to your Contentful space"}.`,
             defaultPath: state2.outDir,
             onSubmit: (submitted) => void controller.submitPath(submitted),
             onCancel: quit

package/dist/index.js

@@ -31074,7 +31074,8 @@ function PathPrompt({
   defaultPath,
   onSubmit,
   onCancel,
-  label = "Save to"
+  label = "Save to",
+  summary
 }) {
   const [input, setInput] = useState28("");
   const cursorVisible = useBlinkingCursor();
@@ -31108,6 +31109,7 @@ function PathPrompt({
   return /* @__PURE__ */ jsxs42(Box42, { flexDirection: "column", children: [
     /* @__PURE__ */ jsx52(StepHeader, { step: "push" }),
     /* @__PURE__ */ jsxs42(Box42, { flexDirection: "column", gap: 1, paddingX: 2, paddingBottom: 1, children: [
+      summary && /* @__PURE__ */ jsx52(Text44, { color: PALETTE.muted, children: summary }),
       /* @__PURE__ */ jsxs42(Box42, { gap: 1, children: [
         /* @__PURE__ */ jsx52(Text44, { color: PALETTE.accent, children: "?" }),
         /* @__PURE__ */ jsxs42(Text44, { bold: true, children: [
@@ -31149,9 +31151,15 @@ function producedOf(state2) {
 function fileSummaryLabel({ components }) {
   return components ? "components.json" : "components.json (design tokens only)";
 }
-function writtenThings({ components, tokens }) {
-  if (components && tokens) return "component types and design tokens";
-  return tokens ? "design tokens" : "component types";
+function counted(count, noun) {
+  if (!count) return `${noun}s`;
+  return `${count} ${noun}${count === 1 ? "" : "s"}`;
+}
+function countedThings({ components, tokens }, counts = {}) {
+  const parts = [];
+  if (components || !tokens) parts.push(counted(counts.components, "component type"));
+  if (tokens) parts.push(counted(counts.tokens, "design token"));
+  return parts.join(" and ");
 }
 var init_produced = __esm({
   "packages/experience-design-system-cli/src/tui/import/steps/10-flow/support/produced.ts"() {
@@ -31188,18 +31196,21 @@ var init_use_timed_spinner = __esm({
 import { Box as Box43, Text as Text45 } from "ink";
 import { ProgressBar as ProgressBar2, ThemeProvider as ThemeProvider2 } from "@inkjs/ui";
 import { jsx as jsx54, jsxs as jsxs43 } from "react/jsx-runtime";
-function PushingStep({ progress, produced }) {
-  const { elapsed } = useTimedSpinner();
+function PushingStep({ progress, produced, counts }) {
+  const { spinner, elapsed } = useTimedSpinner();
   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 /* @__PURE__ */ jsxs43(Box43, { flexDirection: "column", children: [
     /* @__PURE__ */ jsx54(StepHeader, { step: "push" }),
     /* @__PURE__ */ jsxs43(Box43, { flexDirection: "column", gap: 1, paddingX: 2, paddingBottom: 1, children: [
-      /* @__PURE__ */ jsxs43(Text45, { children: [
-        "Writing ",
-        writtenThings(produced),
-        " to your Contentful space..."
+      /* @__PURE__ */ jsxs43(Box43, { gap: 1, children: [
+        spinner,
+        /* @__PURE__ */ jsxs43(Text45, { children: [
+          "Writing ",
+          countedThings(produced, counts),
+          " to your Contentful space..."
+        ] })
       ] }),
       operationId && /* @__PURE__ */ jsxs43(Box43, { gap: 1, children: [
         /* @__PURE__ */ jsx54(Text45, { color: PALETTE.muted, children: "Operation:" }),
@@ -31758,6 +31769,8 @@ function FlowScreen({
   onExit
 }) {
   const produced = producedOf(state2);
+  const counts = { components: state2.generatedAcceptedCount, tokens: state2.tokenCount };
+  const things = countedThings(produced, counts);
   const quit = () => onExit(0);
   const content = (() => {
     switch (state2.step) {
@@ -31779,7 +31792,7 @@ function FlowScreen({
           }
         );
       case "previewing":
-        return /* @__PURE__ */ jsx56(RunningStep, { step: "push", description: "Computing diff against your Contentful space..." });
+        return /* @__PURE__ */ jsx56(RunningStep, { step: "push", description: `Computing diff for ${things} against your Contentful space...` });
       case "preview-gate":
         if (!state2.serverPreview) return null;
         return /* @__PURE__ */ jsx56(
@@ -31794,11 +31807,12 @@ function FlowScreen({
           }
         );
       case "pushing":
-        return /* @__PURE__ */ jsx56(PushingStep, { progress: state2.pushProgress, produced });
+        return /* @__PURE__ */ jsx56(PushingStep, { progress: state2.pushProgress, produced, counts });
       case "path-prompt":
         return /* @__PURE__ */ jsx56(
           PathPrompt,
           {
+            summary: `Saving ${things}${state2.credentialsSkipped ? "" : " and pushing them to your Contentful space"}.`,
             defaultPath: state2.outDir,
             onSubmit: (submitted) => void controller.submitPath(submitted),
             onCancel: quit

package/dist/package.json

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

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

@@ -4,5 +4,7 @@ export type PathPromptProps = {
     onSubmit: (path: string) => void;
     onCancel: () => void;
     label?: string;
+    /** What is being saved, shown above the path, such as "Saving 42 design tokens." */
+    summary?: string;
 };
-export declare function PathPrompt({ defaultPath, onSubmit, onCancel, label, }: PathPromptProps): React.ReactElement;
+export declare function PathPrompt({ defaultPath, onSubmit, onCancel, label, summary, }: PathPromptProps): React.ReactElement;

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

@@ -1,9 +1,10 @@
 import React from 'react';
 import type { PushProgress } from '../support/push-progress.js';
-import { type Produced } from '../support/produced.js';
+import { type Produced, type ProducedCounts } from '../support/produced.js';
 type PushingStepProps = {
     progress: PushProgress;
     produced: Produced;
+    counts: ProducedCounts;
 };
-export declare function PushingStep({ progress, produced }: PushingStepProps): React.ReactElement;
+export declare function PushingStep({ progress, produced, counts }: PushingStepProps): React.ReactElement;
 export {};

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

@@ -11,5 +11,15 @@ export declare function producedOf(state: Pick<FlowState, 'extractSessionId' | '
  * holds just the tokens, and calling it a components file would mislead.
  */
 export declare function fileSummaryLabel({ components }: Produced): string;
+/** How many of each thing a run writes. A missing or zero count is left out of the wording, never shown as "0". */
+export interface ProducedCounts {
+    components?: number;
+    tokens?: number;
+}
+/**
+ * "12 component types and 42 design tokens", "42 design tokens", or "component types": the things this run writes, with
+ * how many of each when known.
+ */
+export declare function countedThings({ components, tokens }: Produced, counts?: ProducedCounts): string;
 /** "component types and design tokens", "design tokens", or "component types": the things this run writes. */
-export declare function writtenThings({ components, tokens }: Produced): string;
+export declare function writtenThings(produced: Produced): string;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@contentful/experience-design-system-cli",
-  "version": "2.38.1-dev-build-a3bf0edc.0",
+  "version": "2.38.1-dev-build-8e139f2f.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.38.1-dev-build-a3bf0edc.0",
-    "@contentful/experience-design-system-types": "2.38.1-dev-build-a3bf0edc.0"
+    "@contentful/experience-design-system-backend-pipeline": "2.38.1-dev-build-8e139f2f.0",
+    "@contentful/experience-design-system-types": "2.38.1-dev-build-8e139f2f.0"
   },
   "devDependencies": {
     "@tsconfig/node24": "^24.0.4",