@contentful/experience-design-system-cli 2.37.1-dev-build-41b62bf7.0 → 2.37.1-dev-build-4e7e3ced.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (4) hide show
  1. package/dist/app.js +50 -20
  2. package/dist/index.js +52 -22
  3. package/dist/package.json +1 -1
  4. package/package.json +3 -3
package/dist/app.js CHANGED
@@ -2558,13 +2558,25 @@ function useWelcomeControls(onQuit) {
2558
2558
 
2559
2559
  // packages/experience-design-system-cli/src/tui/import/steps/01-welcome/screen.tsx
2560
2560
  import { jsx as jsx4, jsxs as jsxs3 } from "react/jsx-runtime";
2561
- var RULE = "\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500";
2561
+ var OVERVIEW_BOX_MAX_WIDTH = 90;
2562
+ var AI_MARKER = "\u273B";
2562
2563
  var OVERVIEW = [
2563
- { label: "Step 1", description: "Extract components from your codebase" },
2564
- { label: "Step 2", description: "Review what was extracted" },
2565
- { label: "Step 3", description: "Generate CDF definitions with Claude" },
2566
- { label: "Step 4", description: "Review generated definitions" },
2567
- { label: "Step 5", description: "Push to Contentful" }
2564
+ {
2565
+ label: "Step 1",
2566
+ description: "Extract components from your codebase",
2567
+ ai: true
2568
+ },
2569
+ { label: "Step 2", description: "Review what was extracted", ai: false },
2570
+ {
2571
+ label: "Step 3",
2572
+ description: "Generate component definitions",
2573
+ ai: true
2574
+ },
2575
+ { label: "Step 4", description: "Review generated definitions", ai: false },
2576
+ { label: "Step 5", description: "Push to Contentful", ai: false }
2577
+ ];
2578
+ var AI_DISCLOSURE = [
2579
+ "Steps marked \u273B use your local AI agent, which may send relevant code to your AI provider under your agreement with them. Contentful does not receive that code, or the prompts and responses. AI suggestions can be wrong or incomplete, so review and edit them before importing."
2568
2580
  ];
2569
2581
  function WelcomeScreen({ onContinue, onQuit, initialPath = "" }) {
2570
2582
  const [projectPath, setProjectPath] = useState3(initialPath);
@@ -2574,20 +2586,38 @@ function WelcomeScreen({ onContinue, onQuit, initialPath = "" }) {
2574
2586
  if (path5) onContinue(path5);
2575
2587
  };
2576
2588
  return /* @__PURE__ */ jsxs3(Box3, { flexDirection: "column", gap: 1, paddingX: 2, paddingY: 1, children: [
2577
- /* @__PURE__ */ jsx4(Text4, { bold: true, color: PALETTE.success, children: "Let's import your design system into Contentful." }),
2578
- /* @__PURE__ */ jsxs3(Box3, { flexDirection: "column", children: [
2579
- /* @__PURE__ */ jsx4(Text4, { color: PALETTE.muted, children: RULE }),
2580
- OVERVIEW.map((item) => /* @__PURE__ */ jsxs3(Box3, { gap: 1, children: [
2581
- /* @__PURE__ */ jsx4(Text4, { bold: true, children: item.label }),
2582
- /* @__PURE__ */ jsx4(Text4, { color: PALETTE.muted, children: item.description })
2583
- ] }, item.label)),
2584
- /* @__PURE__ */ jsx4(Text4, { color: PALETTE.muted, children: RULE })
2585
- ] }),
2589
+ /* @__PURE__ */ jsx4(Text4, { bold: true, color: PALETTE.accent, children: "Let's import your design system into Contentful." }),
2590
+ /* @__PURE__ */ jsx4(Box3, { flexDirection: "row", children: /* @__PURE__ */ jsxs3(
2591
+ Box3,
2592
+ {
2593
+ flexDirection: "column",
2594
+ borderStyle: "round",
2595
+ borderColor: PALETTE.border,
2596
+ paddingX: 2,
2597
+ paddingY: 1,
2598
+ width: OVERVIEW_BOX_MAX_WIDTH,
2599
+ flexShrink: 1,
2600
+ children: [
2601
+ OVERVIEW.map((item) => /* @__PURE__ */ jsxs3(Box3, { gap: 1, children: [
2602
+ /* @__PURE__ */ jsx4(Box3, { flexShrink: 0, children: /* @__PURE__ */ jsx4(Text4, { bold: true, children: item.label }) }),
2603
+ /* @__PURE__ */ jsx4(Text4, { color: PALETTE.muted, wrap: "truncate-end", children: item.description }),
2604
+ item.ai && /* @__PURE__ */ jsx4(Text4, { bold: true, color: PALETTE.accent, children: AI_MARKER })
2605
+ ] }, item.label)),
2606
+ /* @__PURE__ */ jsxs3(Box3, { flexDirection: "column", marginTop: 1, children: [
2607
+ /* @__PURE__ */ jsxs3(Text4, { bold: true, children: [
2608
+ /* @__PURE__ */ jsx4(Text4, { color: PALETTE.accent, children: AI_MARKER }),
2609
+ " AI disclosure"
2610
+ ] }),
2611
+ AI_DISCLOSURE.map((paragraph) => /* @__PURE__ */ jsx4(Text4, { color: PALETTE.muted, children: paragraph }, paragraph))
2612
+ ] })
2613
+ ]
2614
+ }
2615
+ ) }),
2586
2616
  /* @__PURE__ */ jsxs3(Box3, { flexDirection: "column", gap: 1, children: [
2587
2617
  /* @__PURE__ */ jsx4(Text4, { children: "Where is your component library?" }),
2588
2618
  /* @__PURE__ */ jsxs3(Box3, { children: [
2589
- /* @__PURE__ */ jsx4(Text4, { color: PALETTE.text, children: "?" }),
2590
- /* @__PURE__ */ jsx4(Text4, { children: "Project path:" }),
2619
+ /* @__PURE__ */ jsx4(Text4, { color: PALETTE.accent, children: "? " }),
2620
+ /* @__PURE__ */ jsx4(Text4, { children: "Project path: " }),
2591
2621
  /* @__PURE__ */ jsx4(TextInput, { value: projectPath, onChange: setProjectPath, onSubmit: submit })
2592
2622
  ] })
2593
2623
  ] }),
@@ -17025,7 +17055,7 @@ function useElapsed() {
17025
17055
 
17026
17056
  // packages/experience-design-system-cli/src/tui/import/shared/running-step/running-step.tsx
17027
17057
  import { jsx as jsx10, jsxs as jsxs9 } from "react/jsx-runtime";
17028
- var RULE2 = "\u2500".repeat(40);
17058
+ var RULE = "\u2500".repeat(40);
17029
17059
  function Line({ line }) {
17030
17060
  if (line.progress) {
17031
17061
  return /* @__PURE__ */ jsxs9(Box9, { flexDirection: "column", gap: 1, children: [
@@ -17055,9 +17085,9 @@ function RunningStep({
17055
17085
  const elapsed = useElapsed();
17056
17086
  return /* @__PURE__ */ jsxs9(Box9, { flexDirection: "column", gap: 1, paddingX: 2, paddingY: 1, children: [
17057
17087
  /* @__PURE__ */ jsxs9(Box9, { flexDirection: "column", children: [
17058
- /* @__PURE__ */ jsx10(Text10, { color: PALETTE.muted, children: RULE2 }),
17088
+ /* @__PURE__ */ jsx10(Text10, { color: PALETTE.muted, children: RULE }),
17059
17089
  /* @__PURE__ */ jsx10(Text10, { bold: true, children: stepLabel(stepNumber, totalSteps, title) }),
17060
- /* @__PURE__ */ jsx10(Text10, { color: PALETTE.muted, children: RULE2 })
17090
+ /* @__PURE__ */ jsx10(Text10, { color: PALETTE.muted, children: RULE })
17061
17091
  ] }),
17062
17092
  /* @__PURE__ */ jsx10(Text10, { children: description }),
17063
17093
  /* @__PURE__ */ jsx10(Box9, { marginTop: 1, flexDirection: "column", gap: 1, children: lines.map((line, index) => /* @__PURE__ */ jsx10(Line, { line }, index)) }),
package/dist/index.js CHANGED
@@ -18561,20 +18561,38 @@ function WelcomeScreen({ onContinue, onQuit, initialPath = "" }) {
18561
18561
  if (path5) onContinue(path5);
18562
18562
  };
18563
18563
  return /* @__PURE__ */ jsxs3(Box3, { flexDirection: "column", gap: 1, paddingX: 2, paddingY: 1, children: [
18564
- /* @__PURE__ */ jsx4(Text4, { bold: true, color: PALETTE.success, children: "Let's import your design system into Contentful." }),
18565
- /* @__PURE__ */ jsxs3(Box3, { flexDirection: "column", children: [
18566
- /* @__PURE__ */ jsx4(Text4, { color: PALETTE.muted, children: RULE }),
18567
- OVERVIEW.map((item) => /* @__PURE__ */ jsxs3(Box3, { gap: 1, children: [
18568
- /* @__PURE__ */ jsx4(Text4, { bold: true, children: item.label }),
18569
- /* @__PURE__ */ jsx4(Text4, { color: PALETTE.muted, children: item.description })
18570
- ] }, item.label)),
18571
- /* @__PURE__ */ jsx4(Text4, { color: PALETTE.muted, children: RULE })
18572
- ] }),
18564
+ /* @__PURE__ */ jsx4(Text4, { bold: true, color: PALETTE.accent, children: "Let's import your design system into Contentful." }),
18565
+ /* @__PURE__ */ jsx4(Box3, { flexDirection: "row", children: /* @__PURE__ */ jsxs3(
18566
+ Box3,
18567
+ {
18568
+ flexDirection: "column",
18569
+ borderStyle: "round",
18570
+ borderColor: PALETTE.border,
18571
+ paddingX: 2,
18572
+ paddingY: 1,
18573
+ width: OVERVIEW_BOX_MAX_WIDTH,
18574
+ flexShrink: 1,
18575
+ children: [
18576
+ OVERVIEW.map((item) => /* @__PURE__ */ jsxs3(Box3, { gap: 1, children: [
18577
+ /* @__PURE__ */ jsx4(Box3, { flexShrink: 0, children: /* @__PURE__ */ jsx4(Text4, { bold: true, children: item.label }) }),
18578
+ /* @__PURE__ */ jsx4(Text4, { color: PALETTE.muted, wrap: "truncate-end", children: item.description }),
18579
+ item.ai && /* @__PURE__ */ jsx4(Text4, { bold: true, color: PALETTE.accent, children: AI_MARKER })
18580
+ ] }, item.label)),
18581
+ /* @__PURE__ */ jsxs3(Box3, { flexDirection: "column", marginTop: 1, children: [
18582
+ /* @__PURE__ */ jsxs3(Text4, { bold: true, children: [
18583
+ /* @__PURE__ */ jsx4(Text4, { color: PALETTE.accent, children: AI_MARKER }),
18584
+ " AI disclosure"
18585
+ ] }),
18586
+ AI_DISCLOSURE.map((paragraph) => /* @__PURE__ */ jsx4(Text4, { color: PALETTE.muted, children: paragraph }, paragraph))
18587
+ ] })
18588
+ ]
18589
+ }
18590
+ ) }),
18573
18591
  /* @__PURE__ */ jsxs3(Box3, { flexDirection: "column", gap: 1, children: [
18574
18592
  /* @__PURE__ */ jsx4(Text4, { children: "Where is your component library?" }),
18575
18593
  /* @__PURE__ */ jsxs3(Box3, { children: [
18576
- /* @__PURE__ */ jsx4(Text4, { color: PALETTE.text, children: "?" }),
18577
- /* @__PURE__ */ jsx4(Text4, { children: "Project path:" }),
18594
+ /* @__PURE__ */ jsx4(Text4, { color: PALETTE.accent, children: "? " }),
18595
+ /* @__PURE__ */ jsx4(Text4, { children: "Project path: " }),
18578
18596
  /* @__PURE__ */ jsx4(TextInput, { value: projectPath, onChange: setProjectPath, onSubmit: submit })
18579
18597
  ] })
18580
18598
  ] }),
@@ -18586,20 +18604,32 @@ function WelcomeScreen({ onContinue, onQuit, initialPath = "" }) {
18586
18604
  ] }, control.keys)) })
18587
18605
  ] });
18588
18606
  }
18589
- var RULE, OVERVIEW;
18607
+ var OVERVIEW_BOX_MAX_WIDTH, AI_MARKER, OVERVIEW, AI_DISCLOSURE;
18590
18608
  var init_screen = __esm({
18591
18609
  "packages/experience-design-system-cli/src/tui/import/steps/01-welcome/screen.tsx"() {
18592
18610
  "use strict";
18593
18611
  init_theme();
18594
18612
  init_controls();
18595
18613
  init_logic();
18596
- RULE = "\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500";
18614
+ OVERVIEW_BOX_MAX_WIDTH = 90;
18615
+ AI_MARKER = "\u273B";
18597
18616
  OVERVIEW = [
18598
- { label: "Step 1", description: "Extract components from your codebase" },
18599
- { label: "Step 2", description: "Review what was extracted" },
18600
- { label: "Step 3", description: "Generate CDF definitions with Claude" },
18601
- { label: "Step 4", description: "Review generated definitions" },
18602
- { label: "Step 5", description: "Push to Contentful" }
18617
+ {
18618
+ label: "Step 1",
18619
+ description: "Extract components from your codebase",
18620
+ ai: true
18621
+ },
18622
+ { label: "Step 2", description: "Review what was extracted", ai: false },
18623
+ {
18624
+ label: "Step 3",
18625
+ description: "Generate component definitions",
18626
+ ai: true
18627
+ },
18628
+ { label: "Step 4", description: "Review generated definitions", ai: false },
18629
+ { label: "Step 5", description: "Push to Contentful", ai: false }
18630
+ ];
18631
+ AI_DISCLOSURE = [
18632
+ "Steps marked \u273B use your local AI agent, which may send relevant code to your AI provider under your agreement with them. Contentful does not receive that code, or the prompts and responses. AI suggestions can be wrong or incomplete, so review and edit them before importing."
18603
18633
  ];
18604
18634
  }
18605
18635
  });
@@ -19430,9 +19460,9 @@ function RunningStep({
19430
19460
  const elapsed = useElapsed();
19431
19461
  return /* @__PURE__ */ jsxs9(Box9, { flexDirection: "column", gap: 1, paddingX: 2, paddingY: 1, children: [
19432
19462
  /* @__PURE__ */ jsxs9(Box9, { flexDirection: "column", children: [
19433
- /* @__PURE__ */ jsx10(Text10, { color: PALETTE.muted, children: RULE2 }),
19463
+ /* @__PURE__ */ jsx10(Text10, { color: PALETTE.muted, children: RULE }),
19434
19464
  /* @__PURE__ */ jsx10(Text10, { bold: true, children: stepLabel(stepNumber, totalSteps, title) }),
19435
- /* @__PURE__ */ jsx10(Text10, { color: PALETTE.muted, children: RULE2 })
19465
+ /* @__PURE__ */ jsx10(Text10, { color: PALETTE.muted, children: RULE })
19436
19466
  ] }),
19437
19467
  /* @__PURE__ */ jsx10(Text10, { children: description }),
19438
19468
  /* @__PURE__ */ jsx10(Box9, { marginTop: 1, flexDirection: "column", gap: 1, children: lines.map((line, index) => /* @__PURE__ */ jsx10(Line, { line }, index)) }),
@@ -19442,7 +19472,7 @@ function RunningStep({
19442
19472
  ] }) })
19443
19473
  ] });
19444
19474
  }
19445
- var RULE2;
19475
+ var RULE;
19446
19476
  var init_running_step = __esm({
19447
19477
  "packages/experience-design-system-cli/src/tui/import/shared/running-step/running-step.tsx"() {
19448
19478
  "use strict";
@@ -19450,7 +19480,7 @@ var init_running_step = __esm({
19450
19480
  init_logic7();
19451
19481
  init_theme2();
19452
19482
  init_use_elapsed();
19453
- RULE2 = "\u2500".repeat(40);
19483
+ RULE = "\u2500".repeat(40);
19454
19484
  }
19455
19485
  });
19456
19486
 
package/dist/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@contentful/experience-design-system-cli",
3
- "version": "2.37.1-dev-build-41b62bf7.0",
3
+ "version": "2.37.1-dev-build-4e7e3ced.0",
4
4
  "description": "Contentful Experiences design system import CLI",
5
5
  "license": "MIT",
6
6
  "type": "module",
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@contentful/experience-design-system-cli",
3
- "version": "2.37.1-dev-build-41b62bf7.0",
3
+ "version": "2.37.1-dev-build-4e7e3ced.0",
4
4
  "description": "Contentful Experiences design system import CLI",
5
5
  "license": "MIT",
6
6
  "type": "module",
@@ -45,8 +45,8 @@
45
45
  "ts-morph": "^27.0.2",
46
46
  "typescript": "^5.9.3",
47
47
  "zod": "^4.6.5",
48
- "@contentful/experience-design-system-backend-pipeline": "2.37.1-dev-build-41b62bf7.0",
49
- "@contentful/experience-design-system-types": "2.37.1-dev-build-41b62bf7.0"
48
+ "@contentful/experience-design-system-backend-pipeline": "2.37.1-dev-build-4e7e3ced.0",
49
+ "@contentful/experience-design-system-types": "2.37.1-dev-build-4e7e3ced.0"
50
50
  },
51
51
  "devDependencies": {
52
52
  "@tsconfig/node24": "^24.0.4",