@catchdrift/cli 0.1.4 → 0.1.6

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@catchdrift/cli",
-  "version": "0.1.4",
+  "version": "0.1.6",
   "description": "CLI for Drift — install, check, and manage design system coverage for any React app.",
   "keywords": [
     "design-system",

package/src/commands/init.mjs

@@ -103,7 +103,7 @@ export async function init(argv) {
   const sources = Array.isArray(dsSources) ? dsSources : []
 
   // ── Step 3a: Figma ───────────────────────────────────────────────────────────
-  let figmaFileKey
+  let figmaFileKey, figmaToken, figmaWIPPages
   if (sources.includes('figma')) {
     figmaFileKey = await p.text({
       message: 'Figma file key',
@@ -112,6 +112,31 @@ export async function init(argv) {
     })
     if (p.isCancel(figmaFileKey)) { p.cancel('Setup cancelled.'); process.exit(EXIT_CANCELED) }
     figmaFileKey = figmaFileKey?.trim() || undefined
+
+    figmaToken = await p.text({
+      message: 'Figma personal access token',
+      placeholder: 'figd_...  (figma.com → Profile → Settings → Security → Personal access tokens)',
+      hint: 'Used to fetch your real page list. Store in FIGMA_API_TOKEN env var — not committed to git.',
+    })
+    if (p.isCancel(figmaToken)) { p.cancel('Setup cancelled.'); process.exit(EXIT_CANCELED) }
+    figmaToken = figmaToken?.trim() || undefined
+
+    // Fetch actual pages from Figma so the user picks from real names
+    if (figmaToken && figmaFileKey) {
+      spinner.start('Fetching pages from Figma...')
+      const pages = await fetchFigmaPages(figmaFileKey, figmaToken)
+      spinner.stop(pages ? `Found ${pages.length} pages` : 'Could not reach Figma — skipping page selection')
+
+      if (pages?.length) {
+        const selected = await p.multiselect({
+          message: 'Which pages hold in-progress / not-yet-ready components? (drafts — won\'t be added to registry)',
+          options: pages.map(name => ({ value: name, label: name })),
+          required: false,
+        })
+        if (p.isCancel(selected)) { p.cancel('Setup cancelled.'); process.exit(EXIT_CANCELED) }
+        figmaWIPPages = Array.isArray(selected) && selected.length ? selected : undefined
+      }
+    }
   }
 
   // ── Step 3b: Storybook ───────────────────────────────────────────────────────
@@ -194,6 +219,7 @@ export async function init(argv) {
     storybookUrl:  storybookUrl || (storybook.found ? storybook.url : undefined),
     chromaticUrl,
     figmaFileKey,
+    figmaWIPPages,
     dsPackages,
     threshold:     Number(threshold) || 80,
     components,
@@ -283,3 +309,18 @@ ${pc.dim('Docs: https://catchdrift.ai  ·  Issues: https://github.com/dyoon92/de
     console.log('')
   }
 }
+
+// ── Helpers ───────────────────────────────────────────────────────────────────
+
+async function fetchFigmaPages(fileKey, token) {
+  try {
+    const res = await fetch(`https://api.figma.com/v1/files/${fileKey}?depth=1`, {
+      headers: { 'X-Figma-Token': token },
+    })
+    if (!res.ok) return null
+    const data = await res.json()
+    return data.document?.children?.map(page => page.name) ?? null
+  } catch {
+    return null
+  }
+}

package/src/lib/writers.mjs

@@ -10,7 +10,7 @@ import { findAppEntry } from './detect.mjs'
 
 // ── drift.config.ts ───────────────────────────────────────────────────────────
 
-export function writeDriftConfig(cwd, { storybookUrl, chromaticUrl, figmaFileKey, dsPackages, threshold, components }) {
+export function writeDriftConfig(cwd, { storybookUrl, chromaticUrl, figmaFileKey, figmaWIPPages, dsPackages, threshold, components }) {
   const registry = buildComponentRegistry(components)
 
   const dsPackagesLine = dsPackages?.length
@@ -24,6 +24,7 @@ export function writeDriftConfig(cwd, { storybookUrl, chromaticUrl, figmaFileKey
     storybookUrl ? `  storybookUrl: '${storybookUrl}',` : null,
     chromaticUrl ? `  chromaticUrl: '${chromaticUrl}',` : null,
     figmaFileKey ? `  figmaFileKey: '${figmaFileKey}',` : null,
+    figmaWIPPages?.length ? `  figmaWIPPages: [${figmaWIPPages.map(p => `'${p}'`).join(', ')}], // components on these pages are drafts — not added to registry` : null,
     `  threshold: ${threshold},`,
     dsPackagesLine,
     `  components: {`,