@contentful/experience-design-system-cli 2.35.1-dev-build-8f791e21.0 → 2.35.1-dev-build-beaac232.0

package/dist/app.js

@@ -756,6 +756,7 @@ function SettingsScreen({
 // packages/experience-design-system-cli/src/tui/settings/contentful-configuration/ContentfulConfigScreen.tsx
 import { useEffect as useEffect4, useState as useState6 } from "react";
 import { Box as Box7, Text as Text7, useInput as useInput7 } from "ink";
+import TextInput3 from "ink-text-input";
 
 // packages/experience-design-system-cli/src/tui/settings/utils/v1-store.ts
 var readV1Store = readSettings;
@@ -818,6 +819,8 @@ function ConfigurationScreen({ onDone }) {
   const [config, setConfig] = useState6(null);
   const [activeField, setActiveField] = useState6("spaceId");
   const [message, setMessage] = useState6(null);
+  const [editing, setEditing] = useState6(false);
+  const [valueBeforeEdit, setValueBeforeEdit] = useState6("");
   useEffect4(() => {
     readCredentials().then((cfg) => {
       setConfig(cfg);
@@ -838,13 +841,13 @@ function ConfigurationScreen({ onDone }) {
     if (!config) return;
     setConfig({ ...config, [field]: value });
   }
-  function handleSave() {
+  function saveAndLeave() {
     if (!config) return;
     setStage("saving");
     setMessage(null);
     writeCredentials(config).then(() => {
-      setStage("saved");
-      setMessage("Configuration saved");
+      void finishDebugRun({ outputs: debugFields(config), status: "success", exitMethod: "saved" });
+      onDone();
     }).catch((err) => {
       setMessage(err instanceof Error ? err.message : "Failed to save");
       setStage("form");
@@ -852,16 +855,15 @@ function ConfigurationScreen({ onDone }) {
   }
   useInput7((input, key) => {
     if (stage === "loading" || stage === "saving") return;
-    if (stage === "saved") {
-      if (key.return || key.escape || input === "q") {
-        void finishDebugRun({ outputs: debugFields(config), status: "success", exitMethod: "saved" });
-        onDone();
+    if (editing) {
+      if (key.escape) {
+        setFieldValue(activeField, valueBeforeEdit);
+        setEditing(false);
       }
       return;
     }
     if (key.escape || input === "q") {
-      void finishDebugRun({ outputs: {}, status: "success", exitMethod: "discarded" });
-      onDone();
+      saveAndLeave();
       return;
     }
     if (key.tab || key.downArrow) {
@@ -875,21 +877,8 @@ function ConfigurationScreen({ onDone }) {
       return;
     }
     if (key.return) {
-      const idx = FIELD_ORDER.indexOf(activeField);
-      if (idx < FIELD_ORDER.length - 1) {
-        setActiveField(FIELD_ORDER[idx + 1]);
-      } else {
-        handleSave();
-      }
-      return;
-    }
-    if (key.backspace || key.delete) {
-      const current = fieldValue(activeField);
-      setFieldValue(activeField, current.slice(0, -1));
-      return;
-    }
-    if (input && !key.ctrl && !key.meta) {
-      setFieldValue(activeField, fieldValue(activeField) + input);
+      setValueBeforeEdit(fieldValue(activeField));
+      setEditing(true);
     }
   });
   if (stage === "loading") {
@@ -899,18 +888,6 @@ function ConfigurationScreen({ onDone }) {
       /* @__PURE__ */ jsx7(Text7, { color: PALETTE.accent, children: "Loading..." })
     ] });
   }
-  if (stage === "saved") {
-    return /* @__PURE__ */ jsxs7(Box7, { flexDirection: "column", paddingX: 2, paddingY: 1, children: [
-      /* @__PURE__ */ jsx7(Text7, { bold: true, children: "Configuration" }),
-      /* @__PURE__ */ jsx7(Text7, { children: " " }),
-      /* @__PURE__ */ jsxs7(Text7, { color: PALETTE.success, children: [
-        "\u2713 ",
-        message
-      ] }),
-      /* @__PURE__ */ jsx7(Text7, { children: " " }),
-      /* @__PURE__ */ jsx7(Text7, { dimColor: true, children: "[Enter] Back to Settings" })
-    ] });
-  }
   return /* @__PURE__ */ jsxs7(Box7, { flexDirection: "column", paddingX: 2, paddingY: 1, children: [
     /* @__PURE__ */ jsx7(Text7, { bold: true, children: "Configuration" }),
     /* @__PURE__ */ jsx7(Text7, { children: " " }),
@@ -926,7 +903,15 @@ function ConfigurationScreen({ onDone }) {
           FIELD_LABELS[field],
           ":"
         ] }),
-        /* @__PURE__ */ jsx7(Text7, { children: display || /* @__PURE__ */ jsx7(Text7, { dimColor: true, children: "(empty)" }) })
+        isActive && editing ? /* @__PURE__ */ jsx7(
+          TextInput3,
+          {
+            value,
+            onChange: (next) => setFieldValue(field, next),
+            onSubmit: () => setEditing(false),
+            mask: field === "cmaToken" ? "\u2022" : void 0
+          }
+        ) : /* @__PURE__ */ jsx7(Text7, { children: display || /* @__PURE__ */ jsx7(Text7, { dimColor: true, children: "(empty)" }) })
       ] }, field);
     }) }),
     message && /* @__PURE__ */ jsxs7(Fragment, { children: [
@@ -937,7 +922,7 @@ function ConfigurationScreen({ onDone }) {
       ] })
     ] }),
     /* @__PURE__ */ jsx7(Text7, { children: " " }),
-    /* @__PURE__ */ jsx7(Text7, { dimColor: true, children: "[\u2191/\u2193] Switch field \xB7 [Enter] Save/Next \xB7 [Esc/q] Back" })
+    /* @__PURE__ */ jsx7(Text7, { dimColor: true, children: editing ? "[type] Edit \xB7 [\u2190/\u2192] Move cursor \xB7 [Enter] Done \xB7 [Esc] Cancel edit" : "[\u2191/\u2193] Switch field \xB7 [Enter] Edit \xB7 [Esc/q] Save & back" })
   ] });
 }
 

package/dist/index.js

@@ -933,6 +933,7 @@ var init_config_store = __esm({
 // packages/experience-design-system-cli/src/tui/settings/contentful-configuration/ContentfulConfigScreen.tsx
 import { useEffect as useEffect4, useState as useState6 } from "react";
 import { Box as Box7, Text as Text7, useInput as useInput7 } from "ink";
+import TextInput3 from "ink-text-input";
 import { Fragment, jsx as jsx7, jsxs as jsxs7 } from "react/jsx-runtime";
 function debugFields(config) {
   return {
@@ -949,6 +950,8 @@ function ConfigurationScreen({ onDone }) {
   const [config, setConfig] = useState6(null);
   const [activeField, setActiveField] = useState6("spaceId");
   const [message, setMessage] = useState6(null);
+  const [editing, setEditing] = useState6(false);
+  const [valueBeforeEdit, setValueBeforeEdit] = useState6("");
   useEffect4(() => {
     readCredentials().then((cfg) => {
       setConfig(cfg);
@@ -969,13 +972,13 @@ function ConfigurationScreen({ onDone }) {
     if (!config) return;
     setConfig({ ...config, [field]: value });
   }
-  function handleSave() {
+  function saveAndLeave() {
     if (!config) return;
     setStage("saving");
     setMessage(null);
     writeCredentials(config).then(() => {
-      setStage("saved");
-      setMessage("Configuration saved");
+      void finishDebugRun({ outputs: debugFields(config), status: "success", exitMethod: "saved" });
+      onDone();
     }).catch((err) => {
       setMessage(err instanceof Error ? err.message : "Failed to save");
       setStage("form");
@@ -983,16 +986,15 @@ function ConfigurationScreen({ onDone }) {
   }
   useInput7((input, key) => {
     if (stage === "loading" || stage === "saving") return;
-    if (stage === "saved") {
-      if (key.return || key.escape || input === "q") {
-        void finishDebugRun({ outputs: debugFields(config), status: "success", exitMethod: "saved" });
-        onDone();
+    if (editing) {
+      if (key.escape) {
+        setFieldValue(activeField, valueBeforeEdit);
+        setEditing(false);
       }
       return;
     }
     if (key.escape || input === "q") {
-      void finishDebugRun({ outputs: {}, status: "success", exitMethod: "discarded" });
-      onDone();
+      saveAndLeave();
       return;
     }
     if (key.tab || key.downArrow) {
@@ -1006,21 +1008,8 @@ function ConfigurationScreen({ onDone }) {
       return;
     }
     if (key.return) {
-      const idx = FIELD_ORDER.indexOf(activeField);
-      if (idx < FIELD_ORDER.length - 1) {
-        setActiveField(FIELD_ORDER[idx + 1]);
-      } else {
-        handleSave();
-      }
-      return;
-    }
-    if (key.backspace || key.delete) {
-      const current = fieldValue(activeField);
-      setFieldValue(activeField, current.slice(0, -1));
-      return;
-    }
-    if (input && !key.ctrl && !key.meta) {
-      setFieldValue(activeField, fieldValue(activeField) + input);
+      setValueBeforeEdit(fieldValue(activeField));
+      setEditing(true);
     }
   });
   if (stage === "loading") {
@@ -1030,18 +1019,6 @@ function ConfigurationScreen({ onDone }) {
       /* @__PURE__ */ jsx7(Text7, { color: PALETTE.accent, children: "Loading..." })
     ] });
   }
-  if (stage === "saved") {
-    return /* @__PURE__ */ jsxs7(Box7, { flexDirection: "column", paddingX: 2, paddingY: 1, children: [
-      /* @__PURE__ */ jsx7(Text7, { bold: true, children: "Configuration" }),
-      /* @__PURE__ */ jsx7(Text7, { children: " " }),
-      /* @__PURE__ */ jsxs7(Text7, { color: PALETTE.success, children: [
-        "\u2713 ",
-        message
-      ] }),
-      /* @__PURE__ */ jsx7(Text7, { children: " " }),
-      /* @__PURE__ */ jsx7(Text7, { dimColor: true, children: "[Enter] Back to Settings" })
-    ] });
-  }
   return /* @__PURE__ */ jsxs7(Box7, { flexDirection: "column", paddingX: 2, paddingY: 1, children: [
     /* @__PURE__ */ jsx7(Text7, { bold: true, children: "Configuration" }),
     /* @__PURE__ */ jsx7(Text7, { children: " " }),
@@ -1057,7 +1034,15 @@ function ConfigurationScreen({ onDone }) {
           FIELD_LABELS[field],
           ":"
         ] }),
-        /* @__PURE__ */ jsx7(Text7, { children: display || /* @__PURE__ */ jsx7(Text7, { dimColor: true, children: "(empty)" }) })
+        isActive && editing ? /* @__PURE__ */ jsx7(
+          TextInput3,
+          {
+            value,
+            onChange: (next) => setFieldValue(field, next),
+            onSubmit: () => setEditing(false),
+            mask: field === "cmaToken" ? "\u2022" : void 0
+          }
+        ) : /* @__PURE__ */ jsx7(Text7, { children: display || /* @__PURE__ */ jsx7(Text7, { dimColor: true, children: "(empty)" }) })
       ] }, field);
     }) }),
     message && /* @__PURE__ */ jsxs7(Fragment, { children: [
@@ -1068,7 +1053,7 @@ function ConfigurationScreen({ onDone }) {
       ] })
     ] }),
     /* @__PURE__ */ jsx7(Text7, { children: " " }),
-    /* @__PURE__ */ jsx7(Text7, { dimColor: true, children: "[\u2191/\u2193] Switch field \xB7 [Enter] Save/Next \xB7 [Esc/q] Back" })
+    /* @__PURE__ */ jsx7(Text7, { dimColor: true, children: editing ? "[type] Edit \xB7 [\u2190/\u2192] Move cursor \xB7 [Enter] Done \xB7 [Esc] Cancel edit" : "[\u2191/\u2193] Switch field \xB7 [Enter] Edit \xB7 [Esc/q] Save & back" })
   ] });
 }
 var FIELD_ORDER, FIELD_LABELS;

package/dist/package.json

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

package/legacy/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@contentful/experience-design-system-cli",
-  "version": "2.35.1-dev-build-8f791e21.0",
+  "version": "2.35.1-dev-build-beaac232.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.35.1-dev-build-8f791e21.0",
+  "version": "2.35.1-dev-build-beaac232.0",
   "description": "Contentful Experiences design system import CLI",
   "license": "MIT",
   "type": "module",
@@ -42,7 +42,7 @@
     "svelte": "^5.56.4",
     "ts-morph": "^27.0.2",
     "typescript": "^5.9.3",
-    "@contentful/experience-design-system-types": "2.35.1-dev-build-8f791e21.0"
+    "@contentful/experience-design-system-types": "2.35.1-dev-build-beaac232.0"
   },
   "devDependencies": {
     "@tsconfig/node24": "^24.0.4",