@contentful/experience-design-system-cli 2.37.1-dev-build-6e954110.0 → 2.37.1-dev-build-320f5360.0

package/dist/package.json

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

package/dist/src/tui/import/steps/05-token-review/load.d.ts

@@ -0,0 +1,9 @@
+import { type TokenRow } from './logic.js';
+/** The generated tokens, read from the `tokens.json` the token stage wrote. */
+export declare function loadTokenRows(tokensPath: string): {
+    ok: true;
+    rows: TokenRow[];
+} | {
+    ok: false;
+    message: string;
+};

package/dist/src/tui/import/steps/05-token-review/logic.d.ts

@@ -0,0 +1,33 @@
+export interface TokenRow {
+    /** Dot-separated DTCG path, e.g. `color.brand.primary`. */
+    path: string;
+    type: string;
+    value: string;
+}
+/**
+ * The tokens of a DTCG tree, in file order. A node with `$value` is a token; any other node is a group whose children are
+ * walked. A token without its own `$type` takes the nearest group's.
+ */
+export declare function flattenTokens(tree: unknown): TokenRow[];
+/** The longest token name and value, which a side-by-side listing needs room for. */
+export declare function longestEntries(rows: readonly TokenRow[]): {
+    path: number;
+    value: number;
+};
+/** The rows to draw: a window of `visibleCount` around the cursor, and how many rows are cut off above and below. */
+export declare function computeColumnWindow(total: number, cursor: number, visibleCount: number): {
+    start: number;
+    end: number;
+    above: number;
+    below: number;
+};
+export declare const TOKEN_REVIEW_CONTROLS: readonly [{
+    readonly keys: "↑/↓";
+    readonly label: "Scroll";
+}, {
+    readonly keys: "Enter";
+    readonly label: "Continue";
+}, {
+    readonly keys: "Esc";
+    readonly label: "Quit";
+}];

package/dist/src/tui/import/steps/05-token-review/screen.d.ts

@@ -0,0 +1,9 @@
+import React from 'react';
+interface TokenReviewScreenProps {
+    tokensPath: string;
+    onContinue: () => void;
+    onQuit: () => void;
+}
+/** Shows the generated design tokens before the import goes on. Read only: the tokens are pushed as they are. */
+export declare function TokenReviewScreen({ tokensPath, onContinue, onQuit }: TokenReviewScreenProps): React.ReactElement;
+export {};

package/dist/src/tui/import/steps/07-scope-gate/columns.d.ts

@@ -15,16 +15,14 @@ export interface ScopeGatePanelLayout {
  * the same header and indicator chrome.
  */
 export declare function computePanelLayout(mainVisibleCount: number): ScopeGatePanelLayout;
-export declare function computeColumnWidths(totalWidth: number): {
+/** The token column needs the width and something to show; without either the gate is the main column alone. */
+export declare function computeColumnWidths(totalWidth: number, hasTokens: boolean, 
+/** The width the token column would like, so no row has to be cut. It gets at most what the terminal has left. */
+wantedTokensWidth?: number): {
     layout: 'single' | 'two-column';
     main: number;
-    added: number;
+    tokens: number;
 };
-export interface AddedComponentEntry {
-    name: string;
-    isCycle: boolean;
-}
-export declare function buildAddedComponentsList(components: ScopeComponentLike[], stateByKey: Map<string, Decision>, cycleParticipants?: Set<string>): AddedComponentEntry[];
 export declare function computeCounters(components: ScopeComponentLike[], closures: Map<string, Closure>, stateByKey: Map<string, Decision>): {
     accepted: number;
     rejected: number;
@@ -32,23 +30,3 @@ export declare function computeCounters(components: ScopeComponentLike[], closur
     groups: number;
     total: number;
 };
-export declare function sideColumnLabelStyle(input: {
-    isCycle: boolean;
-    isSelected: boolean;
-    focused: boolean;
-}): {
-    nameColor: string | undefined;
-    nameBold: boolean;
-    nameInverse: boolean;
-    nameUnderline: boolean;
-    suffixColor: string | undefined;
-    suffixDim: boolean;
-    suffixInverse: boolean;
-    suffixUnderline: boolean;
-};
-export declare function computeColumnWindow(total: number, cursor: number, visibleCount: number): {
-    start: number;
-    end: number;
-    above: number;
-    below: number;
-};

package/dist/src/tui/import/steps/07-scope-gate/keymap.d.ts

@@ -11,7 +11,7 @@ export interface KeyPress {
 }
 /** What legacy looked at besides the key and the open panel. */
 export interface GateContext {
-    focusedColumn: 'main' | 'added-components';
+    focusedColumn: 'main' | 'tokens';
     /** The layout has only the main column, so Tab has nowhere to go. */
     singleColumn: boolean;
     hasCycles: boolean;

package/dist/src/tui/import/steps/07-scope-gate/panels/tokens-column.d.ts

@@ -0,0 +1,14 @@
+import React from 'react';
+import { type TokenRow } from '../../05-token-review/logic.js';
+interface TokensColumnProps {
+    title: string;
+    width: number;
+    height: number;
+    tokens: readonly TokenRow[];
+    cursor: number;
+    focused: boolean;
+    visibleCount: number;
+}
+/** The design tokens that will be imported with the components. Read only: scrolling is all it allows. */
+export declare function TokensColumn(props: TokensColumnProps): React.ReactElement;
+export {};

package/dist/src/tui/import/steps/07-scope-gate/screen.d.ts

@@ -2,6 +2,7 @@ import React from 'react';
 import type { ScopeComponent, ScopeDecisions } from './types.js';
 interface ScopeGateScreenProps {
     components: ScopeComponent[];
+    tokensPath?: string;
     onConfirm: (decisions: ScopeDecisions) => void;
     onQuit: () => void;
 }

package/dist/src/tui/import/steps/07-scope-gate/use-scope-gate.d.ts

@@ -1,21 +1,25 @@
 import type { ScopeComponent, ScopeDecisions } from './types.js';
 interface UseScopeGateOptions {
     components: ScopeComponent[];
+    /** How many design tokens the side column lists. It is read only, so the hook only needs to scroll it. */
+    tokenCount: number;
+    /** The width the token column would like: its longest name and value side by side. */
+    tokensWidth: number;
     onConfirm: (decisions: ScopeDecisions) => void;
     onQuit: () => void;
 }
-type FocusedColumn = 'main' | 'added-components';
+type FocusedColumn = 'main' | 'tokens';
 export interface PendingRejectCascade {
     target: string;
     ancestors: string[];
     descendants: string[];
 }
-export declare function useScopeGate({ components, onConfirm, onQuit }: UseScopeGateOptions): {
+export declare function useScopeGate({ components, tokenCount, tokensWidth, onConfirm, onQuit }: UseScopeGateOptions): {
     totalWidth: number;
     columnPlan: {
         layout: "single" | "two-column";
         main: number;
-        added: number;
+        tokens: number;
     };
     panelLayout: import("./columns.js").ScopeGatePanelLayout;
     visibleCount: number;
@@ -47,8 +51,7 @@ export declare function useScopeGate({ components, onConfirm, onQuit }: UseScope
     }[];
     aiExcludedCount: number;
     pendingRejectCascade: PendingRejectCascade | null;
-    addedComponents: import("./columns.js").AddedComponentEntry[];
-    safeAddedComponentsCursor: number;
+    safeTokensCursor: number;
     counters: {
         accepted: number;
         rejected: number;

package/dist/src/tui/import/steps/index.d.ts

@@ -4,3 +4,4 @@ export { TokenInputScreen } from './02-token-input/screen.js';
 export { PathValidationScreen } from './03-path-validation/screen.js';
 export { CredentialsScreen } from './04-credentials/screen.js';
 export { ExtractionScreen } from './06-extraction/screen.js';
+export { TokenReviewScreen } from './05-token-review/screen.js';

package/dist/src/tui/shared/components/StepHeader.d.ts

@@ -19,6 +19,8 @@ declare const IMPORT_STEPS: readonly [{
     readonly label: "Push";
 }];
 export type ImportStepId = (typeof IMPORT_STEPS)[number]['id'];
+/** Steps the current import never goes through, left out of the header. A tokens-only import has no extract, select or generate. */
+export declare const HiddenStepsContext: React.Context<readonly ("push" | "setup" | "extraction" | "scope-gate" | "generation" | "review")[]>;
 export interface StepHeaderProps {
     step: ImportStepId | 'done';
 }

package/package.json

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

package/dist/src/tui/import/steps/07-scope-gate/panels/added-column.d.ts

@@ -1,15 +0,0 @@
-import React from 'react';
-import { type AddedComponentEntry } from '../columns.js';
-interface AddedColumnProps {
-    title: string;
-    width: number;
-    height: number;
-    entries: AddedComponentEntry[];
-    cursor: number;
-    focused: boolean;
-    aiFlaggedByKey?: Map<string, boolean>;
-    visibleCount: number;
-}
-/** The accepted components, cycle members first. Rejecting from here is the only decision it allows. */
-export declare function AddedColumn(props: AddedColumnProps): React.ReactElement;
-export {};