@fragments-sdk/cli 0.7.14 → 0.7.15

package/dist/{service-QACVPR37.js → service-JEWWTSKI.js}

@@ -98,7 +98,7 @@ import {
   sleep,
   summarizePatternsForPrompt
 } from "./chunk-YMPGYEWK.js";
-import "./chunk-TQOGBAOZ.js";
+import "./chunk-WLXFE6XW.js";
 import "./chunk-7CRC46HV.js";
 import {
   BRAND,
@@ -207,4 +207,4 @@ export {
   sleep,
   summarizePatternsForPrompt
 };
-//# sourceMappingURL=service-QACVPR37.js.map
+//# sourceMappingURL=service-JEWWTSKI.js.map

package/dist/{static-viewer-2RQD5QLR.js → static-viewer-JIWCYKVK.js}

@@ -3,7 +3,7 @@ import {
   generateStaticViewer,
   generateViewerFromJson
 } from "./chunk-TOIE7VXF.js";
-import "./chunk-TQOGBAOZ.js";
+import "./chunk-WLXFE6XW.js";
 import "./chunk-7CRC46HV.js";
 import "./chunk-EKLMXTWU.js";
 import "./chunk-Z7EY4VHE.js";
@@ -11,4 +11,4 @@ export {
   generateStaticViewer,
   generateViewerFromJson
 };
-//# sourceMappingURL=static-viewer-2RQD5QLR.js.map
+//# sourceMappingURL=static-viewer-JIWCYKVK.js.map

package/dist/{tokens-A3BZIQPB.js → tokens-K2AGUUOJ.js}

@@ -6,7 +6,7 @@ import "./chunk-AWYCDRPG.js";
 import {
   parseTokenFiles
 } from "./chunk-YMPGYEWK.js";
-import "./chunk-TQOGBAOZ.js";
+import "./chunk-WLXFE6XW.js";
 import "./chunk-7CRC46HV.js";
 import {
   BRAND
@@ -173,4 +173,4 @@ export {
   tokens_default as default,
   tokens
 };
-//# sourceMappingURL=tokens-A3BZIQPB.js.map
+//# sourceMappingURL=tokens-K2AGUUOJ.js.map

package/dist/{viewer-CNLZQUFO.js → viewer-7I4WGVU3.js}

@@ -3,7 +3,8 @@ import {
   findPreviewConfigPath,
   findStorybookDir,
   generatePreviewModule,
-  loadConfig
+  loadConfig,
+  parseFragmentFile
 } from "./chunk-57OW43NL.js";
 import {
   discoverFragmentFiles,
@@ -11,7 +12,7 @@ import {
 } from "./chunk-AWYCDRPG.js";
 import {
   generateContext
-} from "./chunk-TQOGBAOZ.js";
+} from "./chunk-WLXFE6XW.js";
 import "./chunk-7CRC46HV.js";
 import {
   BRAND
@@ -360,7 +361,7 @@ var sharedRenderPool = null;
 var browserPoolModule = null;
 async function getSharedRenderPool() {
   if (!browserPoolModule) {
-    browserPoolModule = await import("./service-QACVPR37.js");
+    browserPoolModule = await import("./service-JEWWTSKI.js");
   }
   if (!sharedRenderPool) {
     sharedRenderPool = new browserPoolModule.BrowserPool({
@@ -603,7 +604,7 @@ function fragmentsPlugin(options) {
             const address = _server.httpServer?.address();
             const port = typeof address === "object" && address ? address.port : 6006;
             const renderViewport = viewport || { width: 800, height: 600 };
-            const { FigmaClient, bufferToBase64Url } = await import("./service-QACVPR37.js");
+            const { FigmaClient, bufferToBase64Url } = await import("./service-JEWWTSKI.js");
             const figmaClient = new FigmaClient({
               accessToken: figmaToken
             });
@@ -694,7 +695,7 @@ function fragmentsPlugin(options) {
               );
               return;
             }
-            const { FigmaClient } = await import("./service-QACVPR37.js");
+            const { FigmaClient } = await import("./service-JEWWTSKI.js");
             const figmaClient = new FigmaClient({ accessToken: figmaToken });
             const { fileKey, nodeId } = figmaClient.parseUrl(figmaUrl);
             const figmaDesignProps = await figmaClient.getNodeProperties(
@@ -735,7 +736,7 @@ function fragmentsPlugin(options) {
               }));
               return;
             }
-            const { getSharedTokenRegistry } = await import("./service-QACVPR37.js");
+            const { getSharedTokenRegistry } = await import("./service-JEWWTSKI.js");
             const registry = getSharedTokenRegistry();
             if (!registry.isInitialized()) {
               await registry.initialize(config.tokens, projectRoot);
@@ -795,7 +796,7 @@ function fragmentsPlugin(options) {
               }));
               return;
             }
-            const { getSharedTokenRegistry } = await import("./service-QACVPR37.js");
+            const { getSharedTokenRegistry } = await import("./service-JEWWTSKI.js");
             const registry = getSharedTokenRegistry();
             if (!registry.isInitialized()) {
               await registry.initialize(config.tokens, projectRoot);
@@ -857,7 +858,7 @@ function fragmentsPlugin(options) {
               res.end(JSON.stringify({ error: "Could not resolve fragment file path" }));
               return;
             }
-            const { getSharedTokenRegistry } = await import("./service-QACVPR37.js");
+            const { getSharedTokenRegistry } = await import("./service-JEWWTSKI.js");
             const registry = getSharedTokenRegistry();
             if (!registry.isInitialized()) {
               await registry.initialize(config.tokens, projectRoot);
@@ -1056,7 +1057,7 @@ function fragmentsPlugin(options) {
             const {
               getSharedTokenRegistry,
               generateTokenPatches
-            } = await import("./service-QACVPR37.js");
+            } = await import("./service-JEWWTSKI.js");
             const registry = getSharedTokenRegistry();
             if (!registry.isInitialized()) {
               await registry.initialize(config.tokens, projectRoot);
@@ -1424,6 +1425,28 @@ async function extractDependenciesFromSource(absolutePath) {
   }
 }
 async function generateFragmentsModule(fragmentFiles, config, previewConfigPath) {
+  const authoredVariantCodeCache = /* @__PURE__ */ new Map();
+  async function loadAuthoredVariantCode(fragmentFilePath) {
+    if (authoredVariantCodeCache.has(fragmentFilePath)) {
+      return authoredVariantCodeCache.get(fragmentFilePath);
+    }
+    try {
+      const source = await readFile(fragmentFilePath, "utf-8");
+      const parsed = parseFragmentFile(source, fragmentFilePath);
+      const variantCodeByName = {};
+      for (const variant of parsed.variants) {
+        if (typeof variant.code !== "string") continue;
+        const normalized = variant.code.trim();
+        if (normalized.length === 0) continue;
+        variantCodeByName[variant.name] = normalized;
+      }
+      authoredVariantCodeCache.set(fragmentFilePath, variantCodeByName);
+      return variantCodeByName;
+    } catch {
+      authoredVariantCodeCache.set(fragmentFilePath, {});
+      return {};
+    }
+  }
   const filesByBasePath = /* @__PURE__ */ new Map();
   for (const file of fragmentFiles) {
     const basePath = getBaseComponentPath(file.relativePath);
@@ -1442,6 +1465,8 @@ async function generateFragmentsModule(fragmentFiles, config, previewConfigPath)
       if (!primaryFile) return null;
       const isStory = !!files.storyFile;
       const metadataPath = files.storyFile && files.fragmentFile ? files.fragmentFile.absolutePath : null;
+      const codeSourceFile = files.fragmentFile && files.fragmentFile.absolutePath ? files.fragmentFile.absolutePath : !isStory ? primaryFile.absolutePath : null;
+      const authoredVariantCode = codeSourceFile ? await loadAuthoredVariantCode(codeSourceFile) : {};
       const componentName = extractComponentName(primaryFile.relativePath);
       const fragmentSource = files.fragmentFile || primaryFile;
       const dependencies = await extractDependenciesFromSource(fragmentSource.absolutePath);
@@ -1451,7 +1476,8 @@ async function generateFragmentsModule(fragmentFiles, config, previewConfigPath)
     componentName: ${JSON.stringify(componentName)},
     dependencies: ${JSON.stringify(dependencies)},
     loader: () => import("${primaryFile.absolutePath}"),
-    metadataLoader: ${metadataPath ? `() => import("${metadataPath}")` : "null"}
+    metadataLoader: ${metadataPath ? `() => import("${metadataPath}")` : "null"},
+    authoredVariantCode: ${JSON.stringify(authoredVariantCode)}
   }`;
     })
   );
@@ -1520,6 +1546,20 @@ function mergeMetadata(fragment, metadataModule) {
   return fragment;
 }
 
+function mergeAuthoredVariantCode(fragment, authoredVariantCode) {
+  if (!fragment?.variants || !authoredVariantCode) return fragment;
+
+  for (const variant of fragment.variants) {
+    if (!variant || variant.code) continue;
+    const code = authoredVariantCode[variant.name];
+    if (typeof code === "string" && code.trim().length > 0) {
+      variant.code = code;
+    }
+  }
+
+  return fragment;
+}
+
 // Load all fragments (for initial render)
 // Gracefully handles individual failures - one bad story won't break all fragments
 export async function loadAllFragments() {
@@ -1557,6 +1597,8 @@ export async function loadAllFragments() {
           }
         }
 
+        fragment = mergeAuthoredVariantCode(fragment, loader.authoredVariantCode);
+
         loadedFragments.set(loader.path, fragment);
         return { path: loader.path, fragment };
       } catch (error) {
@@ -1614,6 +1656,10 @@ export async function loadFragment(path) {
     }
   }
 
+  if (fragment) {
+    fragment = mergeAuthoredVariantCode(fragment, loader.authoredVariantCode);
+  }
+
   if (fragment) {
     loadedFragments.set(path, fragment);
   }
@@ -1995,7 +2041,7 @@ async function loadFullFragmentForCompare(_server, _fragmentFiles, componentName
   }
 }
 async function compareImages(image1Base64, image2Base64, threshold) {
-  const { DiffEngine, base64UrlToBuffer, bufferToBase64Url } = await import("./service-QACVPR37.js");
+  const { DiffEngine, base64UrlToBuffer, bufferToBase64Url } = await import("./service-JEWWTSKI.js");
   const { PNG } = await import("pngjs");
   const buffer1 = base64UrlToBuffer(image1Base64);
   const buffer2 = base64UrlToBuffer(image2Base64);
@@ -2234,6 +2280,8 @@ async function createDevServer(options = {}) {
     // Don't load config again
     root: projectRoot,
     // Run from PROJECT root
+    publicDir: resolve2(viewerRoot, "public"),
+    // Serve static assets (favicon) from viewer
     base: "/",
     server: {
       port,
@@ -2339,4 +2387,4 @@ export {
   createDevServer,
   fragmentsPlugin
 };
-//# sourceMappingURL=viewer-CNLZQUFO.js.map
+//# sourceMappingURL=viewer-7I4WGVU3.js.map