@contentful/experience-design-system-cli 2.36.1-dev-build-75bf12e6.0 → 2.36.1-dev-build-b8f3827a.0

package/dist/app.js

@@ -0,0 +1,945 @@
+// packages/experience-design-system-cli/app.tsx
+import { useState as useState8 } from "react";
+
+// packages/experience-design-system-cli/src/tui/home/home.tsx
+import { useEffect as useEffect2, useState as useState2 } from "react";
+import { Box, Text, useApp, useInput } from "ink";
+
+// packages/experience-design-system-cli/src/tui/home/home.theme.ts
+var BRAND = {
+  blue: "#1773EB",
+  green: "#00C459",
+  orange: "#E44F20",
+  yellow: "#FFDA00",
+  white: "#FFFFFF",
+  slate: "#A6B5C7",
+  steel: "#C4D1DE",
+  mist: "#DDE5EC",
+  fog: "#EFF2F6"
+};
+var PALETTE = {
+  accent: BRAND.blue,
+  heading: BRAND.white,
+  success: BRAND.green,
+  error: BRAND.orange,
+  warning: BRAND.yellow,
+  muted: BRAND.slate,
+  border: BRAND.steel
+};
+var BRAND_RAMP = [BRAND.blue, BRAND.orange, BRAND.yellow];
+var BAR_CELL = "\u2501";
+function brandBar(width, ramp = BRAND_RAMP) {
+  if (width <= 0 || ramp.length === 0) return [];
+  const base = Math.floor(width / ramp.length);
+  const remainder = width % ramp.length;
+  return ramp.map((color, i) => ({
+    text: BAR_CELL.repeat(base + (i < remainder ? 1 : 0)),
+    color
+  })).filter((segment) => segment.text.length > 0);
+}
+var FOCUS_MARKER = "\u276F";
+
+// packages/experience-design-system-cli/src/tui/upgrade/version.ts
+import { readFileSync as readFileSync2 } from "node:fs";
+import { join as join2 } from "node:path";
+import semver from "semver";
+
+// packages/experience-design-system-cli/src/tui/package-root.ts
+import { existsSync, readFileSync } from "node:fs";
+import { dirname, join } from "node:path";
+import { fileURLToPath } from "node:url";
+function findPackageRoot(startUrl, packageName) {
+  let dir = dirname(fileURLToPath(startUrl));
+  let found;
+  while (true) {
+    const manifestPath = join(dir, "package.json");
+    if (existsSync(manifestPath)) {
+      const pkg = JSON.parse(readFileSync(manifestPath, "utf8"));
+      if (pkg.name === packageName) found = dir;
+    }
+    const parent = dirname(dir);
+    if (parent === dir) return found ?? dir;
+    dir = parent;
+  }
+}
+
+// packages/experience-design-system-cli/src/tui/upgrade/version.ts
+var PACKAGE_NAME = "@contentful/experience-design-system-cli";
+var TAGS_URL = "https://api.github.com/repos/contentful/experience-design-system-sdk-public/tags?per_page=10";
+function readPackageVersion() {
+  const root = findPackageRoot(import.meta.url, PACKAGE_NAME);
+  const pkg = JSON.parse(readFileSync2(join2(root, "package.json"), "utf8"));
+  return pkg.version ?? "unknown";
+}
+function parseVersionTag(tag) {
+  const match = /^v(\d+\.\d+\.\d+)$/.exec(tag);
+  return match ? match[1] : void 0;
+}
+async function checkForUpgrade() {
+  const current = readPackageVersion();
+  try {
+    const response = await fetch(TAGS_URL);
+    if (!response.ok) return { status: "error" };
+    const tags = await response.json();
+    const versions = tags.map((tag) => tag.name ? parseVersionTag(tag.name) : void 0).filter((v) => v !== void 0);
+    if (versions.length === 0) return { status: "error" };
+    const latest = versions.reduce((best, v) => semver.gt(v, best) ? v : best);
+    if (!semver.valid(current)) return { status: "error" };
+    if (semver.gt(latest, current)) {
+      return { status: "update-available", current, latest };
+    }
+    return { status: "up-to-date", current };
+  } catch {
+    return { status: "error" };
+  }
+}
+
+// packages/experience-design-system-cli/src/tui/use-terminal-width.ts
+import { useEffect, useState } from "react";
+import { useStdout } from "ink";
+var FALLBACK_COLUMNS = 80;
+function readColumns(stdout) {
+  const columns = stdout?.columns ?? 0;
+  return columns > 0 ? columns : FALLBACK_COLUMNS;
+}
+function useTerminalWidth() {
+  const { stdout } = useStdout();
+  const [columns, setColumns] = useState(() => readColumns(stdout));
+  useEffect(() => {
+    if (!stdout) return;
+    const onResize = () => setColumns(readColumns(stdout));
+    onResize();
+    stdout.on("resize", onResize);
+    return () => {
+      stdout.off("resize", onResize);
+    };
+  }, [stdout]);
+  return columns;
+}
+
+// packages/experience-design-system-cli/src/tui/home/home.tsx
+import { jsx, jsxs } from "react/jsx-runtime";
+var VERSION = readPackageVersion();
+var HEADING = "Contentful Experiences";
+var SUBTITLE = "Let's import your design system into Contentful";
+var MIN_TERMINAL_WIDTH = 164;
+var START_ITEMS = [
+  { label: "Import", screen: "import" },
+  { label: "Upgrade Version", screen: "upgrade" },
+  { label: "Settings", screen: "settings" },
+  { label: "Help", screen: "help" }
+];
+function upgradeItemDisplay(upgradeCheck) {
+  if (upgradeCheck?.status === "update-available") {
+    return { label: `Upgrade Version (v${upgradeCheck.latest} available)`, color: PALETTE.success };
+  }
+  if (upgradeCheck?.status === "up-to-date") {
+    return { label: "Upgrade Version (up to date)", color: PALETTE.muted };
+  }
+  return { label: "Upgrade Version" };
+}
+function HomeScreen({ onNavigate }) {
+  const [focusIdx, setFocusIdx] = useState2(0);
+  const [upgradeCheck, setUpgradeCheck] = useState2();
+  const { exit } = useApp();
+  const terminalWidth = useTerminalWidth();
+  const tooNarrow = terminalWidth < MIN_TERMINAL_WIDTH;
+  const upgradeDisabled = upgradeCheck?.status === "up-to-date";
+  useEffect2(() => {
+    checkForUpgrade().then(setUpgradeCheck).catch(() => setUpgradeCheck({ status: "error" }));
+  }, []);
+  useInput((input, key) => {
+    if (input === "q" || key.escape) {
+      exit();
+      return;
+    }
+    if (tooNarrow) return;
+    if (key.upArrow) {
+      setFocusIdx((i) => (i - 1 + START_ITEMS.length) % START_ITEMS.length);
+      return;
+    }
+    if (key.downArrow) {
+      setFocusIdx((i) => (i + 1) % START_ITEMS.length);
+      return;
+    }
+    if (key.return) {
+      const item = START_ITEMS[focusIdx];
+      if (item.screen === "upgrade" && upgradeDisabled) return;
+      onNavigate(item.screen);
+      return;
+    }
+  });
+  if (tooNarrow) {
+    return /* @__PURE__ */ jsxs(Box, { flexDirection: "column", paddingX: 2, paddingY: 1, children: [
+      /* @__PURE__ */ jsx(Text, { bold: true, color: PALETTE.warning, children: "Terminal too small" }),
+      /* @__PURE__ */ jsx(Text, { color: PALETTE.muted, children: "Press q to quit, make your terminal full screen, then run experiences import again." })
+    ] });
+  }
+  return /* @__PURE__ */ jsxs(Box, { flexDirection: "column", paddingX: 2, paddingY: 1, children: [
+    /* @__PURE__ */ jsxs(Box, { flexDirection: "column", alignItems: "center", children: [
+      /* @__PURE__ */ jsx(Text, { bold: true, color: PALETTE.heading, children: HEADING }),
+      /* @__PURE__ */ jsx(Text, { children: brandBar(HEADING.length).map((segment, i) => /* @__PURE__ */ jsx(Text, { color: segment.color, children: segment.text }, i)) }),
+      /* @__PURE__ */ jsx(Text, { color: PALETTE.muted, children: SUBTITLE }),
+      /* @__PURE__ */ jsxs(Text, { color: PALETTE.muted, children: [
+        "v",
+        VERSION
+      ] })
+    ] }),
+    /* @__PURE__ */ jsx(Box, { marginTop: 1, justifyContent: "center", children: /* @__PURE__ */ jsx(Box, { flexDirection: "column", children: START_ITEMS.map((item, i) => {
+      const focused = i === focusIdx;
+      const isUpgradeItem = item.screen === "upgrade";
+      const display = isUpgradeItem ? upgradeItemDisplay(upgradeCheck) : { label: item.label };
+      const dimmed = isUpgradeItem && upgradeDisabled;
+      return /* @__PURE__ */ jsxs(
+        Text,
+        {
+          bold: focused && !dimmed,
+          dimColor: dimmed,
+          color: focused && !dimmed ? PALETTE.accent : display.color,
+          children: [
+            focused ? `${FOCUS_MARKER} ` : "  ",
+            display.label
+          ]
+        },
+        item.label
+      );
+    }) }) }),
+    /* @__PURE__ */ jsx(Box, { marginTop: 1, justifyContent: "center", children: /* @__PURE__ */ jsx(Text, { color: PALETTE.muted, children: "\u2191/\u2193 move \xB7 \u23CE select \xB7 q quit" }) })
+  ] });
+}
+
+// packages/experience-design-system-cli/src/tui/import/PageContainer.tsx
+import { Box as Box2, Text as Text2, useInput as useInput2 } from "ink";
+import { jsx as jsx2, jsxs as jsxs2 } from "react/jsx-runtime";
+function ImportScreen({ exitCode, onDone }) {
+  useInput2((input, key) => {
+    if (key.return || key.escape || input === "q") {
+      onDone();
+    }
+  });
+  const isSuccess = exitCode === 0;
+  return /* @__PURE__ */ jsxs2(Box2, { flexDirection: "column", paddingX: 2, paddingY: 1, children: [
+    /* @__PURE__ */ jsx2(Text2, { bold: true, children: "Import" }),
+    /* @__PURE__ */ jsx2(Text2, { children: " " }),
+    isSuccess ? /* @__PURE__ */ jsx2(Text2, { color: PALETTE.success, children: "\u2713 Import complete" }) : /* @__PURE__ */ jsxs2(Text2, { color: PALETTE.error, children: [
+      "\u2717 Import failed: process exited with code ",
+      exitCode ?? "unknown"
+    ] }),
+    /* @__PURE__ */ jsx2(Text2, { children: " " }),
+    /* @__PURE__ */ jsx2(Text2, { dimColor: true, children: "[Enter] Back to Start" })
+  ] });
+}
+
+// packages/experience-design-system-cli/src/tui/import/spawn-v1-import.ts
+import { spawn } from "node:child_process";
+
+// packages/experience-design-system-cli/src/legacy/legacy-cli-path.ts
+import { existsSync as existsSync2 } from "node:fs";
+import { join as join3 } from "node:path";
+var PACKAGE_NAME2 = "@contentful/experience-design-system-cli";
+function findLegacyCliPath() {
+  const root = findPackageRoot(import.meta.url, PACKAGE_NAME2);
+  const candidates = [
+    join3(root, "legacy", "bin", "cli.js"),
+    join3(root, "..", "experience-design-system-cli-legacy", "bin", "cli.js")
+  ];
+  const found = candidates.find((candidate) => existsSync2(candidate));
+  if (!found) {
+    throw new Error(`Legacy CLI not found. Looked in:
+${candidates.join("\n")}`);
+  }
+  return found;
+}
+
+// packages/experience-design-system-cli/src/tui/import/spawn-v1-import.ts
+function buildArgs(options) {
+  const args = ["import"];
+  if (options.project) {
+    args.push("--project", options.project);
+  }
+  return args;
+}
+async function spawnV1Import(options = {}) {
+  const cliPath = findLegacyCliPath();
+  const args = buildArgs(options);
+  return new Promise((resolvePromise) => {
+    const child = spawn("node", [cliPath, ...args], {
+      stdio: "inherit"
+    });
+    child.on("close", (code) => {
+      resolvePromise({ exitCode: code ?? 1, result: void 0, stdout: "", stderr: "" });
+    });
+    child.on("error", (err) => {
+      resolvePromise({ exitCode: 1, result: void 0, stdout: "", stderr: err.message });
+    });
+  });
+}
+
+// packages/experience-design-system-cli/src/tui/import/terminal-input.ts
+function getTerminalHandle() {
+  return process.stdin._handle;
+}
+async function stopReadingTerminal() {
+  await new Promise((resolve) => setImmediate(resolve));
+  const handle = getTerminalHandle();
+  if (!handle?.readStop) return;
+  handle.reading = false;
+  handle.readStop();
+}
+function startReadingTerminal() {
+  const handle = getTerminalHandle();
+  if (!handle?.readStart) return;
+  handle.reading = true;
+  handle.readStart();
+}
+
+// packages/experience-design-system-cli/src/tui/help/PageContainer.tsx
+import { Box as Box3, Text as Text3, useInput as useInput3 } from "ink";
+import { jsx as jsx3, jsxs as jsxs3 } from "react/jsx-runtime";
+function HelpScreen({ onDone }) {
+  useInput3((input, key) => {
+    if (key.return) {
+      onDone();
+      return;
+    }
+    if (key.escape || input === "q") {
+      onDone();
+      return;
+    }
+  });
+  return /* @__PURE__ */ jsxs3(Box3, { flexDirection: "column", paddingX: 2, paddingY: 1, children: [
+    /* @__PURE__ */ jsx3(Text3, { bold: true, children: "Help" }),
+    /* @__PURE__ */ jsx3(Text3, { children: " " }),
+    /* @__PURE__ */ jsx3(Text3, { children: "This is a placeholder screen for v2 help content." }),
+    /* @__PURE__ */ jsx3(Text3, { children: " " }),
+    /* @__PURE__ */ jsx3(Text3, { dimColor: true, children: "[Enter] Complete [Esc/q] Exit \u2014 both return to Start" })
+  ] });
+}
+
+// packages/experience-design-system-cli/src/tui/settings/PageContainer.tsx
+import { useState as useState3 } from "react";
+import { Box as Box4, Text as Text4, useInput as useInput4 } from "ink";
+import { jsx as jsx4, jsxs as jsxs4 } from "react/jsx-runtime";
+function SettingsScreen({
+  onNavigate,
+  onBack
+}) {
+  const [focusIdx, setFocusIdx] = useState3(0);
+  const items = [
+    { label: "Configuration", screen: "settings-configuration" },
+    { label: "Opt-in Analytics", screen: "settings-opt-in-analytics" },
+    { label: "Debug Mode", screen: "settings-debug-mode" }
+  ];
+  useInput4((input, key) => {
+    if (key.upArrow) {
+      setFocusIdx((i) => (i - 1 + items.length) % items.length);
+      return;
+    }
+    if (key.downArrow) {
+      setFocusIdx((i) => (i + 1) % items.length);
+      return;
+    }
+    if (key.return) {
+      const screen = items[focusIdx].screen;
+      if (screen) {
+        onNavigate(screen);
+      }
+      return;
+    }
+    if (key.escape || input === "q") {
+      onBack();
+    }
+  });
+  return /* @__PURE__ */ jsxs4(Box4, { flexDirection: "column", paddingX: 2, paddingY: 1, children: [
+    /* @__PURE__ */ jsx4(Text4, { bold: true, children: "Settings" }),
+    /* @__PURE__ */ jsx4(Text4, { children: " " }),
+    items.map((item, i) => /* @__PURE__ */ jsxs4(Text4, { color: i === focusIdx ? "cyan" : void 0, children: [
+      i === focusIdx ? "> " : "  ",
+      item.label
+    ] }, item.label)),
+    /* @__PURE__ */ jsx4(Text4, { children: " " }),
+    /* @__PURE__ */ jsx4(Text4, { dimColor: true, children: "[\u2191/\u2193] Navigate [Enter] Select [Esc/q] Back to Start" })
+  ] });
+}
+
+// packages/experience-design-system-cli/src/tui/settings/contentful-configuration/ContentfulConfigScreen.tsx
+import { useEffect as useEffect3, useState as useState4 } from "react";
+import { Box as Box5, Text as Text5, useInput as useInput5 } from "ink";
+
+// packages/experience-design-system-cli/src/tui/settings/utils/v1-store.ts
+import { readFile, writeFile, mkdir } from "node:fs/promises";
+import { join as join4 } from "node:path";
+import { homedir } from "node:os";
+var V1_STORE_PATH = join4(homedir(), ".config", "experiences", "credentials.json");
+async function readV1Store() {
+  try {
+    const raw = await readFile(V1_STORE_PATH, "utf8");
+    return JSON.parse(raw);
+  } catch {
+    return {};
+  }
+}
+async function writeV1Store(data) {
+  await mkdir(join4(homedir(), ".config", "experiences"), { recursive: true });
+  await writeFile(V1_STORE_PATH, `${JSON.stringify(data, null, 2)}
+`, { mode: 384 });
+}
+
+// packages/experience-design-system-cli/src/tui/settings/contentful-configuration/config-store.ts
+async function readCredentials() {
+  const store = await readV1Store();
+  return {
+    spaceId: store.spaceId || "",
+    environmentId: store.environmentId || "",
+    cmaToken: store.cmaToken || "",
+    host: store.host || ""
+  };
+}
+async function writeCredentials(config) {
+  const existing = await readV1Store();
+  const merged = {
+    ...existing,
+    ...config
+  };
+  Object.keys(merged).forEach((k) => {
+    if (!merged[k]) delete merged[k];
+  });
+  await writeV1Store(merged);
+}
+
+// packages/experience-design-system-cli/src/tui/settings/contentful-configuration/ContentfulConfigScreen.tsx
+import { Fragment, jsx as jsx5, jsxs as jsxs5 } from "react/jsx-runtime";
+var FIELD_ORDER = ["spaceId", "environmentId", "cmaToken", "host"];
+var FIELD_LABELS = {
+  spaceId: "Space ID",
+  environmentId: "Environment ID",
+  cmaToken: "CMA Token",
+  host: "API Host (optional)"
+};
+function ConfigurationScreen({ onDone }) {
+  const [stage, setStage] = useState4("loading");
+  const [config, setConfig] = useState4(null);
+  const [activeField, setActiveField] = useState4("spaceId");
+  const [message, setMessage] = useState4(null);
+  useEffect3(() => {
+    readCredentials().then((cfg) => {
+      setConfig(cfg);
+      setStage("form");
+    });
+  }, []);
+  function fieldValue(field) {
+    if (!config) return "";
+    return config[field] || "";
+  }
+  function setFieldValue(field, value) {
+    if (!config) return;
+    setConfig({ ...config, [field]: value });
+  }
+  function handleSave() {
+    if (!config) return;
+    setStage("saving");
+    setMessage(null);
+    writeCredentials(config).then(() => {
+      setStage("saved");
+      setMessage("Configuration saved");
+    }).catch((err) => {
+      setMessage(err instanceof Error ? err.message : "Failed to save");
+      setStage("form");
+    });
+  }
+  useInput5((input, key) => {
+    if (stage === "loading" || stage === "saving") return;
+    if (stage === "saved") {
+      if (key.return || key.escape || input === "q") {
+        onDone();
+      }
+      return;
+    }
+    if (key.escape || input === "q") {
+      onDone();
+      return;
+    }
+    if (key.tab || key.downArrow) {
+      const idx = FIELD_ORDER.indexOf(activeField);
+      setActiveField(FIELD_ORDER[(idx + 1) % FIELD_ORDER.length]);
+      return;
+    }
+    if (key.upArrow) {
+      const idx = FIELD_ORDER.indexOf(activeField);
+      setActiveField(FIELD_ORDER[(idx - 1 + FIELD_ORDER.length) % FIELD_ORDER.length]);
+      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);
+    }
+  });
+  if (stage === "loading") {
+    return /* @__PURE__ */ jsxs5(Box5, { flexDirection: "column", paddingX: 2, paddingY: 1, children: [
+      /* @__PURE__ */ jsx5(Text5, { bold: true, children: "Configuration" }),
+      /* @__PURE__ */ jsx5(Text5, { children: " " }),
+      /* @__PURE__ */ jsx5(Text5, { color: PALETTE.accent, children: "Loading..." })
+    ] });
+  }
+  if (stage === "saved") {
+    return /* @__PURE__ */ jsxs5(Box5, { flexDirection: "column", paddingX: 2, paddingY: 1, children: [
+      /* @__PURE__ */ jsx5(Text5, { bold: true, children: "Configuration" }),
+      /* @__PURE__ */ jsx5(Text5, { children: " " }),
+      /* @__PURE__ */ jsxs5(Text5, { color: PALETTE.success, children: [
+        "\u2713 ",
+        message
+      ] }),
+      /* @__PURE__ */ jsx5(Text5, { children: " " }),
+      /* @__PURE__ */ jsx5(Text5, { dimColor: true, children: "[Enter] Back to Settings" })
+    ] });
+  }
+  return /* @__PURE__ */ jsxs5(Box5, { flexDirection: "column", paddingX: 2, paddingY: 1, children: [
+    /* @__PURE__ */ jsx5(Text5, { bold: true, children: "Configuration" }),
+    /* @__PURE__ */ jsx5(Text5, { children: " " }),
+    /* @__PURE__ */ jsx5(Text5, { children: "Contentful API Credentials" }),
+    /* @__PURE__ */ jsx5(Text5, { children: " " }),
+    /* @__PURE__ */ jsx5(Box5, { flexDirection: "column", children: FIELD_ORDER.map((field) => {
+      const isActive = activeField === field;
+      const value = fieldValue(field);
+      const display = field === "cmaToken" ? "\u2022".repeat(value.length) : value;
+      return /* @__PURE__ */ jsxs5(Box5, { gap: 1, children: [
+        /* @__PURE__ */ jsx5(Text5, { color: isActive ? PALETTE.accent : void 0, children: isActive ? "\u276F" : " " }),
+        /* @__PURE__ */ jsxs5(Text5, { bold: isActive, children: [
+          FIELD_LABELS[field],
+          ":"
+        ] }),
+        /* @__PURE__ */ jsx5(Text5, { children: display || /* @__PURE__ */ jsx5(Text5, { dimColor: true, children: "(empty)" }) })
+      ] }, field);
+    }) }),
+    message && /* @__PURE__ */ jsxs5(Fragment, { children: [
+      /* @__PURE__ */ jsx5(Text5, { children: " " }),
+      /* @__PURE__ */ jsxs5(Text5, { color: PALETTE.error, children: [
+        "\u2717 ",
+        message
+      ] })
+    ] }),
+    /* @__PURE__ */ jsx5(Text5, { children: " " }),
+    /* @__PURE__ */ jsx5(Text5, { dimColor: true, children: "[\u2191/\u2193] Switch field \xB7 [Enter] Save/Next \xB7 [Esc/q] Back" })
+  ] });
+}
+
+// packages/experience-design-system-cli/src/tui/settings/opt-in-analytics/screen.tsx
+import { useEffect as useEffect4, useState as useState5 } from "react";
+import { Box as Box6, Text as Text6, useInput as useInput6 } from "ink";
+
+// packages/experience-design-system-cli/src/tui/settings/opt-in-analytics/analytics-store.ts
+async function readAnalyticsSetting() {
+  const store = await readV1Store();
+  const analyticsDisabled = store.analyticsDisabled;
+  return { enabled: analyticsDisabled !== true };
+}
+async function writeAnalyticsSetting(setting) {
+  const existing = await readV1Store();
+  const updated = {
+    ...existing,
+    analyticsDisabled: !setting.enabled
+  };
+  await writeV1Store(updated);
+}
+
+// packages/experience-design-system-cli/src/tui/settings/opt-in-analytics/screen.tsx
+import { Fragment as Fragment2, jsx as jsx6, jsxs as jsxs6 } from "react/jsx-runtime";
+function OptInAnalyticsScreen({ onDone }) {
+  const [loading, setLoading] = useState5(true);
+  const [enabled, setEnabled] = useState5(true);
+  useEffect4(() => {
+    readAnalyticsSetting().then((setting) => {
+      setEnabled(setting.enabled);
+      setLoading(false);
+    });
+  }, []);
+  useInput6((input, key) => {
+    if (loading) return;
+    if (key.return || input === " ") {
+      setEnabled((current) => {
+        const next = !current;
+        void writeAnalyticsSetting({ enabled: next });
+        return next;
+      });
+      return;
+    }
+    if (key.escape || input === "q") {
+      onDone();
+    }
+  });
+  return /* @__PURE__ */ jsxs6(Box6, { flexDirection: "column", paddingX: 2, paddingY: 1, children: [
+    /* @__PURE__ */ jsx6(Text6, { bold: true, children: "Settings \u203A Opt-in Analytics" }),
+    /* @__PURE__ */ jsx6(Text6, { children: " " }),
+    loading ? /* @__PURE__ */ jsx6(Text6, { color: PALETTE.muted, children: "Loading\u2026" }) : /* @__PURE__ */ jsxs6(Fragment2, { children: [
+      /* @__PURE__ */ jsxs6(Text6, { children: [
+        "Share anonymous usage data:",
+        " ",
+        /* @__PURE__ */ jsx6(Text6, { bold: true, color: enabled ? PALETTE.success : PALETTE.muted, children: enabled ? "On" : "Off" })
+      ] }),
+      /* @__PURE__ */ jsx6(Text6, { children: " " }),
+      /* @__PURE__ */ jsx6(Text6, { dimColor: true, children: "Shares which CLI commands are used and where imports succeed or fail." }),
+      /* @__PURE__ */ jsx6(Text6, { dimColor: true, children: "Never includes source code, file paths, credentials, or authored content." })
+    ] }),
+    /* @__PURE__ */ jsx6(Text6, { children: " " }),
+    /* @__PURE__ */ jsx6(Text6, { dimColor: true, children: "[Enter/Space] Toggle [Esc/q] Back to Settings" })
+  ] });
+}
+
+// packages/experience-design-system-cli/src/tui/upgrade/PageContainer.tsx
+import { useEffect as useEffect5, useState as useState6 } from "react";
+import { Box as Box7, Text as Text7, useInput as useInput7 } from "ink";
+
+// packages/experience-design-system-cli/src/tui/debug-store.ts
+import { mkdir as mkdir3, writeFile as writeFile3 } from "node:fs/promises";
+import { existsSync as existsSync3, readdirSync } from "node:fs";
+import { join as join6 } from "node:path";
+
+// packages/experience-design-system-cli/src/tui/settings/debug-mode/debug-mode-store.ts
+import { mkdir as mkdir2, readFile as readFile2, writeFile as writeFile2 } from "node:fs/promises";
+import { dirname as dirname2, join as join5 } from "node:path";
+var PACKAGE_NAME3 = "@contentful/experience-design-system-cli";
+var DEFAULT_DEBUG_MODE_SETTING = {
+  enabled: true
+};
+function debugModeSettingPath() {
+  return join5(findPackageRoot(import.meta.url, PACKAGE_NAME3), ".contentful", "config", "debug_mode.json");
+}
+async function readDebugModeSetting() {
+  try {
+    const raw = await readFile2(debugModeSettingPath(), "utf8");
+    const parsed = JSON.parse(raw);
+    return { ...DEFAULT_DEBUG_MODE_SETTING, ...parsed };
+  } catch {
+    return { ...DEFAULT_DEBUG_MODE_SETTING };
+  }
+}
+async function writeDebugModeSetting(setting) {
+  const path = debugModeSettingPath();
+  await mkdir2(dirname2(path), { recursive: true });
+  await writeFile2(path, `${JSON.stringify(setting, null, 2)}
+`, { mode: 384 });
+}
+
+// packages/experience-design-system-cli/src/tui/debug-store.ts
+var PACKAGE_NAME4 = "@contentful/experience-design-system-cli";
+var pendingRun;
+function generateRunId() {
+  const now = /* @__PURE__ */ new Date();
+  const pad = (n) => String(n).padStart(2, "0");
+  return `${now.getFullYear()}${pad(now.getMonth() + 1)}${pad(now.getDate())}-${pad(now.getHours())}${pad(now.getMinutes())}${pad(now.getSeconds())}`;
+}
+function sessionsRootDir() {
+  return join6(findPackageRoot(import.meta.url, PACKAGE_NAME4), ".contentful", "debug", "sessions");
+}
+function datePrefix(now = /* @__PURE__ */ new Date()) {
+  const pad = (n) => String(n).padStart(2, "0");
+  return `${pad(now.getMonth() + 1)}-${pad(now.getDate())}-${now.getFullYear()}`;
+}
+function slugify(value) {
+  return value.toLowerCase().replace(/[^a-z0-9]+/g, "-").replace(/^-|-$/g, "");
+}
+function generateSessionId() {
+  const today = datePrefix();
+  const root = sessionsRootDir();
+  const existing = existsSync3(root) ? readdirSync(root) : [];
+  const seqPattern = new RegExp(`^${today}-session-(\\d+)$`);
+  const maxSeq = existing.reduce((max, entry) => {
+    const match = seqPattern.exec(entry);
+    return match ? Math.max(max, Number(match[1])) : max;
+  }, 0);
+  return `${today}-session-${maxSeq + 1}`;
+}
+var SESSION_ID = generateSessionId();
+function sessionDebugDir() {
+  return join6(sessionsRootDir(), SESSION_ID);
+}
+void isDebugModeEnabled().then((enabled) => {
+  if (!enabled) return void 0;
+  return mkdir3(sessionDebugDir(), { recursive: true });
+});
+async function isDebugModeEnabled() {
+  try {
+    return (await readDebugModeSetting()).enabled;
+  } catch {
+    return true;
+  }
+}
+function redact(value) {
+  const clone = { ...value };
+  if ("cma_token" in clone) {
+    const raw = clone.cma_token;
+    clone.cma_token = typeof raw === "string" && raw.length > 0 ? `[present, ${raw.length} chars]` : "[not set]";
+  }
+  return clone;
+}
+function startDebugRun({
+  flow,
+  step,
+  menuOption,
+  inputs
+}) {
+  const runId = generateRunId();
+  const startedAt = Date.now();
+  const redactedInputs = redact(inputs);
+  isDebugModeEnabled().then((enabled) => {
+    if (!enabled) return;
+    pendingRun = { flow, step, runId, menuOption, inputs: redactedInputs, startedAt };
+  });
+}
+async function finishDebugRun({
+  outputs,
+  status,
+  exitMethod
+}) {
+  const run = pendingRun;
+  if (!run) return;
+  pendingRun = void 0;
+  const durationMs = Date.now() - run.startedAt;
+  const content = renderMarkdown(run, { outputs: redact(outputs), status, exitMethod, durationMs });
+  const flowSegments = run.flow.split("/");
+  const dir = join6(sessionDebugDir(), ...flowSegments);
+  await mkdir3(dir, { recursive: true });
+  const filename = nextAttemptFilename(dir, run.menuOption);
+  await writeFile3(join6(dir, filename), content, { mode: 384 });
+}
+function nextAttemptFilename(dir, menuOption) {
+  const today = datePrefix();
+  const optionSlug = slugify(menuOption);
+  const existing = existsSync3(dir) ? readdirSync(dir) : [];
+  const attemptPattern = new RegExp(`^${today}-${optionSlug}-attempt-(\\d+)\\.md$`);
+  const maxAttempt = existing.reduce((max, entry) => {
+    const match = attemptPattern.exec(entry);
+    return match ? Math.max(max, Number(match[1])) : max;
+  }, 0);
+  return `${today}-${optionSlug}-attempt-${maxAttempt + 1}.md`;
+}
+function renderMarkdown(run, finish) {
+  const stepMatch = /^(\d+)-(.+)$/.exec(run.step);
+  const stepLabel = stepMatch ? `${stepMatch[1]} - ${stepMatch[2]}` : run.step;
+  const flowSlug = run.flow.split("/").join("-");
+  return `# Debug Log
+
+- Run ID: ${run.runId}
+- Flow: ${flowSlug}
+- Step: ${stepLabel}
+- Menu option: ${run.menuOption}
+- Date: ${(/* @__PURE__ */ new Date()).toISOString()}
+- CLI version: ${readPackageVersion()}
+- Platform: ${process.platform} / Node ${process.version}
+- Duration on screen: ${finish.durationMs}ms
+- Status: ${finish.status}
+- Exit method: ${finish.exitMethod}
+
+## Inputs
+\`\`\`json
+${JSON.stringify(run.inputs, null, 2)}
+\`\`\`
+
+## Outputs
+\`\`\`json
+${JSON.stringify(finish.outputs, null, 2)}
+\`\`\`
+`;
+}
+function handleCrash() {
+  return finishDebugRun({ outputs: {}, status: "error", exitMethod: "crashed" });
+}
+process.once("uncaughtException", (err) => {
+  void handleCrash().finally(() => {
+    throw err;
+  });
+});
+process.once("unhandledRejection", (reason) => {
+  void handleCrash().finally(() => {
+    throw reason;
+  });
+});
+process.once("SIGINT", () => {
+  void handleCrash().finally(() => {
+    process.exit(130);
+  });
+});
+
+// packages/experience-design-system-cli/src/tui/upgrade/PageContainer.tsx
+import { jsx as jsx7, jsxs as jsxs7 } from "react/jsx-runtime";
+var UPGRADE_COMMANDS = ["git pull", "pnpm install", "pnpm build"];
+function UpgradeScreen({ onDone }) {
+  const [upgradeCheck, setUpgradeCheck] = useState6();
+  useEffect5(() => {
+    startDebugRun({
+      flow: "upgrade",
+      step: "01-upgrade",
+      menuOption: "Upgrade",
+      inputs: { currentVersion: readPackageVersion() }
+    });
+    checkForUpgrade().then(setUpgradeCheck).catch(() => setUpgradeCheck({ status: "error" }));
+  }, []);
+  useInput7((_input, key) => {
+    if (key.return) {
+      void finishDebugRun({
+        outputs: upgradeCheck ?? {},
+        status: upgradeCheck?.status === "error" ? "error" : "success",
+        exitMethod: "saved"
+      });
+      onDone();
+      return;
+    }
+  });
+  return /* @__PURE__ */ jsxs7(Box7, { flexDirection: "column", paddingX: 2, paddingY: 1, children: [
+    /* @__PURE__ */ jsx7(Text7, { bold: true, children: "Upgrade" }),
+    /* @__PURE__ */ jsx7(Text7, { children: " " }),
+    renderBody(upgradeCheck),
+    /* @__PURE__ */ jsx7(Text7, { children: " " }),
+    /* @__PURE__ */ jsxs7(Text7, { bold: true, color: PALETTE.accent, children: [
+      FOCUS_MARKER,
+      " Go Back"
+    ] })
+  ] });
+}
+function renderBody(upgradeCheck) {
+  if (!upgradeCheck) {
+    return /* @__PURE__ */ jsx7(Text7, { color: PALETTE.muted, children: "Checking for updates\u2026" });
+  }
+  if (upgradeCheck.status === "error") {
+    return /* @__PURE__ */ jsx7(Text7, { color: PALETTE.warning, children: "Couldn't check for updates \u2014 check your network connection and try again." });
+  }
+  if (upgradeCheck.status === "up-to-date") {
+    return /* @__PURE__ */ jsxs7(Text7, { color: PALETTE.success, children: [
+      "You're already on the latest version (v",
+      upgradeCheck.current,
+      ")."
+    ] });
+  }
+  return /* @__PURE__ */ jsxs7(Box7, { flexDirection: "column", children: [
+    /* @__PURE__ */ jsxs7(Text7, { color: PALETTE.muted, children: [
+      /* @__PURE__ */ jsxs7(Text7, { bold: true, color: PALETTE.success, children: [
+        "v",
+        upgradeCheck.latest
+      ] }),
+      " ",
+      "is available (you're on ",
+      /* @__PURE__ */ jsxs7(Text7, { bold: true, children: [
+        "v",
+        upgradeCheck.current
+      ] }),
+      "). Exit this program, cd into the root of your local clone of contentful/experience-design-system-sdk-public, then run:"
+    ] }),
+    /* @__PURE__ */ jsx7(Text7, { children: " " }),
+    /* @__PURE__ */ jsx7(Box7, { flexDirection: "column", borderStyle: "round", borderColor: PALETTE.border, paddingX: 1, children: UPGRADE_COMMANDS.map((cmd) => /* @__PURE__ */ jsx7(Text7, { bold: true, children: cmd }, cmd)) })
+  ] });
+}
+
+// packages/experience-design-system-cli/src/tui/settings/debug-mode/screen.tsx
+import { useEffect as useEffect6, useState as useState7 } from "react";
+import { Box as Box8, Text as Text8, useInput as useInput8 } from "ink";
+import { jsx as jsx8, jsxs as jsxs8 } from "react/jsx-runtime";
+function DebugModeScreen({ onDone }) {
+  const [loading, setLoading] = useState7(true);
+  const [enabled, setEnabled] = useState7(true);
+  useEffect6(() => {
+    readDebugModeSetting().then((setting) => {
+      setEnabled(setting.enabled);
+      setLoading(false);
+    });
+  }, []);
+  useInput8((input, key) => {
+    if (loading) return;
+    if (key.return || input === " ") {
+      setEnabled((current) => {
+        const next = !current;
+        void writeDebugModeSetting({ enabled: next });
+        return next;
+      });
+      return;
+    }
+    if (key.escape || input === "q") {
+      onDone();
+    }
+  });
+  return /* @__PURE__ */ jsxs8(Box8, { flexDirection: "column", paddingX: 2, paddingY: 1, children: [
+    /* @__PURE__ */ jsx8(Text8, { bold: true, children: "Settings \u203A Debug Mode" }),
+    /* @__PURE__ */ jsx8(Text8, { children: " " }),
+    loading ? /* @__PURE__ */ jsx8(Text8, { color: PALETTE.muted, children: "Loading\u2026" }) : /* @__PURE__ */ jsxs8(Text8, { children: [
+      "Debug logging:",
+      " ",
+      /* @__PURE__ */ jsx8(Text8, { bold: true, color: enabled ? PALETTE.success : PALETTE.muted, children: enabled ? "On" : "Off" })
+    ] }),
+    /* @__PURE__ */ jsx8(Text8, { children: " " }),
+    /* @__PURE__ */ jsx8(Text8, { dimColor: true, children: "[Enter/Space] Toggle [Esc/q] Back to Settings" })
+  ] });
+}
+
+// packages/experience-design-system-cli/app.tsx
+import { jsx as jsx9 } from "react/jsx-runtime";
+function App({ onLaunchImport, importExitCode }) {
+  const returnedFromImport = importExitCode !== void 0;
+  const [screen, setScreen] = useState8(returnedFromImport ? "import" : "start");
+  const goToStart = () => setScreen("start");
+  const goToSettings = () => setScreen("settings");
+  const navigateFromHome = (next) => {
+    if (next === "import" && onLaunchImport) {
+      onLaunchImport();
+      return;
+    }
+    setScreen(next);
+  };
+  switch (screen) {
+    case "import":
+      return /* @__PURE__ */ jsx9(ImportScreen, { exitCode: importExitCode, onDone: goToStart });
+    case "help":
+      return /* @__PURE__ */ jsx9(HelpScreen, { onDone: goToStart });
+    case "upgrade":
+      return /* @__PURE__ */ jsx9(UpgradeScreen, { onDone: goToStart });
+    case "settings":
+      return /* @__PURE__ */ jsx9(SettingsScreen, { onNavigate: setScreen, onBack: goToStart });
+    case "settings-configuration":
+      return /* @__PURE__ */ jsx9(ConfigurationScreen, { onDone: goToSettings });
+    case "settings-opt-in-analytics":
+      return /* @__PURE__ */ jsx9(OptInAnalyticsScreen, { onDone: goToSettings });
+    case "settings-debug-mode":
+      return /* @__PURE__ */ jsx9(DebugModeScreen, { onDone: goToSettings });
+    case "start":
+      return /* @__PURE__ */ jsx9(HomeScreen, { onNavigate: navigateFromHome });
+  }
+}
+async function renderUntilImportRequestedOrExit(renderApp, importExitCode) {
+  let importRequested = false;
+  const instance = renderApp(
+    /* @__PURE__ */ jsx9(
+      App,
+      {
+        importExitCode,
+        onLaunchImport: () => {
+          importRequested = true;
+          instance.unmount();
+        }
+      }
+    )
+  );
+  await instance.waitUntilExit();
+  await stopReadingTerminal();
+  return importRequested;
+}
+async function runApp(renderApp) {
+  let importExitCode;
+  while (await renderUntilImportRequestedOrExit(renderApp, importExitCode)) {
+    importExitCode = (await spawnV1Import({})).exitCode;
+    startReadingTerminal();
+  }
+}
+export {
+  runApp
+};