@fragments-sdk/cli 0.9.0 → 0.9.1

package/dist/bin.js

@@ -1,5 +1,8 @@
 #!/usr/bin/env node
 import { createRequire as __banner_createRequire } from 'module'; const require = __banner_createRequire(import.meta.url);
+import {
+  scan
+} from "./chunk-5GT62FCB.js";
 import {
   buildFragments,
   buildFragmentsDir,
@@ -12,14 +15,11 @@ import {
   validateCoverage,
   validateSchema,
   validateSnippets
-} from "./chunk-2JIKCJX3.js";
-import {
-  scan
-} from "./chunk-WI6SLMSO.js";
+} from "./chunk-D7372LQX.js";
 import {
   loadConfig,
   loadFragmentFile
-} from "./chunk-CJEGT3WD.js";
+} from "./chunk-BW3ZATBW.js";
 import {
   discoverFragmentFiles
 } from "./chunk-AWYCDRPG.js";
@@ -44,8 +44,9 @@ import {
   formatBytes,
   generateContext,
   resolvePerformanceConfig
-} from "./chunk-NGIMCIK2.js";
-import "./chunk-GOVI6COW.js";
+} from "./chunk-GF6OVPIN.js";
+import "./chunk-NVSPGSKB.js";
+import "./chunk-EZYXYWNF.js";
 import {
   BRAND
 } from "./chunk-EKLMXTWU.js";
@@ -176,9 +177,20 @@ ${BRAND.name} Build
     }
     fragmentCount = result.fragmentCount;
     outputPath = result.outputPath;
-    console.log(pc2.green(`\u2713 Built ${result.fragmentCount} fragment(s)`));
-    console.log(pc2.dim(`  Output: ${result.outputPath}
+    if (result.fragmentCount === 0 && result.errors.length === 0) {
+      console.log(pc2.dim("No compilable fragment files found. Falling back to source scan...\n"));
+      const scanResult = await scan({
+        config: options.config,
+        output: options.output,
+        verbose: options.verbose
+      });
+      fragmentCount = scanResult.componentCount;
+      outputPath = scanResult.outputPath;
+    } else {
+      console.log(pc2.green(`\u2713 Built ${result.fragmentCount} fragment(s)`));
+      console.log(pc2.dim(`  Output: ${result.outputPath}
 `));
+    }
   }
   if (options.registry || options.registryOnly) {
     console.log(pc2.dim("Generating registry and context...\n"));
@@ -602,6 +614,7 @@ function parseMeta(content, filePath, warnings) {
     );
     if (importMatch) {
       result.componentImport = importMatch[1];
+      result.isDefaultImport = false;
     } else {
       const defaultImportMatch = content.match(
         new RegExp(
@@ -610,6 +623,7 @@ function parseMeta(content, filePath, warnings) {
       );
       if (defaultImportMatch) {
         result.componentImport = defaultImportMatch[1];
+        result.isDefaultImport = true;
       }
     }
   }
@@ -1199,6 +1213,7 @@ function convertToFragment(parsed) {
   const code = generateFragmentCode({
     componentName,
     componentImport: parsed.meta.componentImport,
+    isDefaultImport: parsed.meta.isDefaultImport,
     description: parsed.meta.description,
     category,
     tags: parsed.meta.tags,
@@ -1434,6 +1449,7 @@ function generateFragmentCode(options) {
   const {
     componentName,
     componentImport,
+    isDefaultImport,
     description,
     category,
     tags,
@@ -1461,8 +1477,9 @@ ${generated.skippedVariants.map((sv) => `      { name: "${escapeString(sv.name)}
   },
 `;
   }
+  const componentImportStatement = isDefaultImport ? `import ${componentName} from "${componentImport}";` : `import { ${componentName} } from "${componentImport}";`;
   return `import { defineFragment } from "@fragments-sdk/cli/core";
-import { ${componentName} } from "${componentImport}";
+${componentImportStatement}
 
 export default defineFragment({
   component: ${componentName},
@@ -1717,27 +1734,48 @@ async function runSetup(options = {}) {
       const sbConfig = await detectStorybookConfig(configDir);
       if (sbConfig) {
         log(pc6.dim(`   Found Storybook at ${sbConfig.configPath}`));
-        log(pc6.dim("   Converting stories to fragments...\n"));
-        const storyFiles = await discoverStoryFiles(configDir, sbConfig.storyPatterns);
-        if (storyFiles.length > 0) {
-          let converted = 0;
-          for (const storyFile of storyFiles) {
-            try {
-              const parsed = await parseStoryFile(storyFile);
-              const fragmentResult = convertToFragment(parsed);
-              await fs2.mkdir(path.dirname(fragmentResult.outputFile), { recursive: true });
-              await fs2.writeFile(fragmentResult.outputFile, fragmentResult.code);
-              converted++;
-            } catch {
+        const hasStoryPatterns = config.include.some((p) => p.includes(".stories."));
+        if (hasStoryPatterns) {
+          log(pc6.dim("   Stories included in config \u2014 viewer will load them directly\n"));
+          fragmentFiles = await discoverFragmentFiles(config, configDir);
+          if (fragmentFiles.length > 0) {
+            log(pc6.green(`   Found ${fragmentFiles.length} story/fragment file(s)`));
+          }
+        } else {
+          log(pc6.dim("   Converting stories to fragments...\n"));
+          const storyFiles = await discoverStoryFiles(configDir, sbConfig.storyPatterns);
+          if (storyFiles.length > 0) {
+            let converted = 0;
+            for (const storyFile of storyFiles) {
+              try {
+                const parsed = await parseStoryFile(storyFile);
+                const fragmentResult = convertToFragment(parsed);
+                await fs2.mkdir(path.dirname(fragmentResult.outputFile), { recursive: true });
+                await fs2.writeFile(fragmentResult.outputFile, fragmentResult.code);
+                converted++;
+              } catch {
+              }
             }
+            result.fragmentFilesCreated = converted;
+            log(pc6.green(`   Generated ${converted} fragment file(s)`));
+            fragmentFiles = await discoverFragmentFiles(config, configDir);
           }
-          result.fragmentFilesCreated = converted;
-          log(pc6.green(`   Generated ${converted} fragment file(s)`));
-          fragmentFiles = await discoverFragmentFiles(config, configDir);
         }
       } else {
         log(pc6.dim("   No Storybook config found"));
-        log(pc6.dim(`   Run ${pc6.cyan(`${BRAND.cliCommand} add <ComponentName>`)} to create your first fragment`));
+        log(pc6.dim("   Auto-scanning source code...\n"));
+        try {
+          const scanResult = await scan({
+            config: options.configPath,
+            verbose: false
+          });
+          if (scanResult.componentCount > 0) {
+            result.fragmentsBuilt = scanResult.componentCount;
+            log(pc6.green(`   Scanned ${scanResult.componentCount} component(s) from source`));
+          }
+        } catch {
+          log(pc6.dim(`   Run ${pc6.cyan(`${BRAND.cliCommand} scan`)} to generate documentation from source`));
+        }
       }
     } else if (fragmentFiles.length > 0) {
       log(pc6.green(`   Found ${fragmentFiles.length} fragment file(s)`));
@@ -1757,7 +1795,19 @@ ${reason} ${BRAND.outFile}...`));
               result.errors.push(`${err.file}: ${err.error}`);
             }
           }
-          log(pc6.green(`   Built ${buildResult.fragmentCount} fragment(s)`));
+          if (buildResult.fragmentCount > 0) {
+            log(pc6.green(`   Built ${buildResult.fragmentCount} fragment(s)`));
+          } else {
+            log(pc6.dim("   No compilable fragments found, falling back to source scan..."));
+            try {
+              const scanResult = await scan({ verbose: false });
+              if (scanResult.componentCount > 0) {
+                result.fragmentsBuilt = scanResult.componentCount;
+                log(pc6.green(`   Scanned ${scanResult.componentCount} component(s) from source`));
+              }
+            } catch {
+            }
+          }
         } catch (error) {
           result.errors.push(`Build failed: ${error instanceof Error ? error.message : "Unknown error"}`);
         }
@@ -1811,7 +1861,7 @@ ${BRAND.name} Dev Server
       }
     }
   }
-  const { createDevServer } = await import("./viewer-SBTJDMP7.js");
+  const { createDevServer } = await import("./viewer-RFA2KVBG.js");
   console.log(pc7.dim("\nStarting dev server..."));
   const parsedPort = typeof port === "string" ? parseInt(port, 10) : port;
   try {
@@ -6108,7 +6158,7 @@ Make sure the dev server is running: ${BRAND.cliCommand} dev`));
 });
 program.command("view").description(`Generate a static HTML viewer for ${BRAND.outFile}`).option("-i, --input <path>", `Path to ${BRAND.outFile}`, BRAND.outFile).option("-o, --output <path>", "Output HTML file path", BRAND.viewerHtmlFile).option("--open", "Open in browser after generation").action(async (options) => {
   try {
-    const { generateViewerFromJson } = await import("./static-viewer-NSODM5VX.js");
+    const { generateViewerFromJson } = await import("./static-viewer-XCS7UJTO.js");
     const fs2 = await import("fs/promises");
     const path = await import("path");
     const inputPath = path.resolve(process.cwd(), options.input);
@@ -6156,7 +6206,7 @@ program.command("add").argument("[name]", 'Component name (e.g., "Button", "Text
 });
 program.command("init").description("Initialize fragments in a project (interactive by default)").option("--force", "Overwrite existing config").option("-y, --yes", "Non-interactive mode - auto-detect and use defaults").action(async (options) => {
   try {
-    const { init } = await import("./init-KSAAS7X3.js");
+    const { init } = await import("./init-2GEGVIUQ.js");
     const result = await init({
       projectRoot: process.cwd(),
       force: options.force,
@@ -6176,7 +6226,7 @@ program.command("init").description("Initialize fragments in a project (interact
 });
 program.command("tokens").description("Discover and list design tokens from CSS/SCSS files").option("-c, --config <path>", "Path to config file").option("--json", "Output as JSON").option("--categories", "Group tokens by category").option("--theme <theme>", "Filter by theme name").option("--category <category>", "Filter by category (color, spacing, typography, etc.)").option("--verbose", "Show all tokens (no truncation)").action(async (options) => {
   try {
-    const { tokens } = await import("./tokens-NIXSZRX7.js");
+    const { tokens } = await import("./tokens-2EXPCVP3.js");
     const result = await tokens({
       config: options.config,
       json: options.json,
@@ -6195,7 +6245,7 @@ program.command("tokens").description("Discover and list design tokens from CSS/
 });
 program.command("generate").description("Generate fragment files from component source code").argument("[component]", "Specific component name to generate (optional)").option("--force", "Overwrite existing fragment files").option("--pattern <glob>", "Pattern for component files", "src/components/**/*.tsx").action(async (component, options) => {
   try {
-    const { generate } = await import("./generate-35OIMW4Y.js");
+    const { generate } = await import("./generate-LQA2R7FN.js");
     const result = await generate({
       projectRoot: process.cwd(),
       component,
@@ -6240,7 +6290,7 @@ program.command("perf").description("Profile component bundle sizes and performa
 program.command("test").description("Run interaction tests for fragments with play functions").option("-c, --config <path>", "Path to config file").option("--component <name>", "Filter by component name").option("--tags <tags>", "Filter by tags (comma-separated)").option("--grep <pattern>", "Filter by variant name pattern").option("--exclude <pattern>", "Exclude tests matching pattern").option("--parallel <count>", "Number of parallel browser contexts", parseInt, 4).option("--timeout <ms>", "Timeout per test in milliseconds", parseInt, 3e4).option("--retries <count>", "Number of retries for failed tests", parseInt, 0).option("--bail", "Stop on first failure").option("--browser <name>", "Browser to use (chromium, firefox, webkit)", "chromium").option("--headed", "Run in headed mode (show browser)").option("--a11y", "Run accessibility checks with axe-core").option("--visual", "Capture screenshots for visual regression").option("--update-snapshots", "Update visual snapshots").option("--watch", "Watch mode - re-run on file changes").option("--reporters <names>", "Reporters to use (console, junit, json)", "console").option("-o, --output <dir>", "Output directory for results", "./test-results").option("--server-url <url>", "URL of running dev server (skips starting server)").option("-p, --port <port>", "Port for dev server", parseInt, 6006).option("--ci", "CI mode - non-interactive, exit with code 1 on failure").option("--list", "List available tests without running them").action(async (options) => {
   try {
     const { config, configDir } = await loadConfig(options.config);
-    const { runTestCommand, listTests } = await import("./test-RPWZAYSJ.js");
+    const { runTestCommand, listTests } = await import("./test-TD6TJNVY.js");
     if (options.list) {
       await listTests(config, configDir, {
         component: options.component,