@fragments-sdk/cli 0.10.1 → 0.12.1

package/dist/{viewer-DNMNC5VS.js → viewer-7ZEAFBVN.js}

@@ -5,16 +5,16 @@ import {
   generatePreviewModule,
   loadConfig,
   parseFragmentFile
-} from "./chunk-HRFUSSZI.js";
+} from "./chunk-AM4MRTMN.js";
 import {
   discoverFragmentFiles,
   discoverInstalledFragments
-} from "./chunk-WXSR2II7.js";
+} from "./chunk-OQKMEFOS.js";
 import "./chunk-D2CDBRNU.js";
 import {
   BRAND,
   generateContext
-} from "./chunk-OQO55NKV.js";
+} from "./chunk-WFS63PCW.js";
 import "./chunk-Z7EY4VHE.js";
 
 // src/viewer/server.ts
@@ -25,13 +25,14 @@ import {
 } from "vite";
 import react from "@vitejs/plugin-react";
 import { resolve as resolve2, dirname as dirname2, join } from "path";
-import { existsSync, realpathSync } from "fs";
+import { existsSync as existsSync2, realpathSync } from "fs";
 import { readFile as readFile2 } from "fs/promises";
 import { fileURLToPath as fileURLToPath2 } from "url";
 
 // src/viewer/vite-plugin.ts
 import { resolve, dirname } from "path";
 import { fileURLToPath } from "url";
+import { existsSync } from "fs";
 import { readFile } from "fs/promises";
 import { transform } from "esbuild";
 import svgr from "vite-plugin-svgr";
@@ -354,13 +355,25 @@ function compareNumericValues(value1, value2, tolerance) {
 
 // src/viewer/vite-plugin.ts
 var __dirname = dirname(fileURLToPath(import.meta.url));
-var viewerAssetsRoot = resolve(__dirname, "..", "src/viewer");
+var monorepoViewerSrc = resolve(__dirname, "..", "..", "viewer", "src");
+var npmViewerSrc = (() => {
+  const cliNm = resolve(__dirname, "..", "node_modules", "@fragments-sdk", "viewer", "src");
+  if (existsSync(cliNm)) return cliNm;
+  let dir = resolve(__dirname, "..");
+  for (let i = 0; i < 5; i++) {
+    const candidate = resolve(dir, "node_modules", "@fragments-sdk", "viewer", "src");
+    if (existsSync(candidate)) return candidate;
+    dir = resolve(dir, "..");
+  }
+  return null;
+})();
+var viewerAssetsRoot = existsSync(monorepoViewerSrc) ? monorepoViewerSrc : npmViewerSrc ?? monorepoViewerSrc;
 var pendingRenders = /* @__PURE__ */ new Map();
 var sharedRenderPool = null;
 var browserPoolModule = null;
 async function getSharedRenderPool() {
   if (!browserPoolModule) {
-    browserPoolModule = await import("./service-TQYWY65E.js");
+    browserPoolModule = await import("./service-VMGNJZ42.js");
   }
   if (!sharedRenderPool) {
     sharedRenderPool = new browserPoolModule.BrowserPool({
@@ -603,7 +616,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-TQYWY65E.js");
+            const { FigmaClient, bufferToBase64Url } = await import("./service-VMGNJZ42.js");
             const figmaClient = new FigmaClient({
               accessToken: figmaToken
             });
@@ -694,7 +707,7 @@ function fragmentsPlugin(options) {
               );
               return;
             }
-            const { FigmaClient } = await import("./service-TQYWY65E.js");
+            const { FigmaClient } = await import("./service-VMGNJZ42.js");
             const figmaClient = new FigmaClient({ accessToken: figmaToken });
             const { fileKey, nodeId } = figmaClient.parseUrl(figmaUrl);
             const figmaDesignProps = await figmaClient.getNodeProperties(
@@ -735,7 +748,7 @@ function fragmentsPlugin(options) {
               }));
               return;
             }
-            const { getSharedTokenRegistry } = await import("./service-TQYWY65E.js");
+            const { getSharedTokenRegistry } = await import("./service-VMGNJZ42.js");
             const registry = getSharedTokenRegistry();
             if (!registry.isInitialized()) {
               await registry.initialize(config.tokens, projectRoot);
@@ -795,7 +808,7 @@ function fragmentsPlugin(options) {
               }));
               return;
             }
-            const { getSharedTokenRegistry } = await import("./service-TQYWY65E.js");
+            const { getSharedTokenRegistry } = await import("./service-VMGNJZ42.js");
             const registry = getSharedTokenRegistry();
             if (!registry.isInitialized()) {
               await registry.initialize(config.tokens, projectRoot);
@@ -857,7 +870,7 @@ function fragmentsPlugin(options) {
               res.end(JSON.stringify({ error: "Could not resolve fragment file path" }));
               return;
             }
-            const { getSharedTokenRegistry } = await import("./service-TQYWY65E.js");
+            const { getSharedTokenRegistry } = await import("./service-VMGNJZ42.js");
             const registry = getSharedTokenRegistry();
             if (!registry.isInitialized()) {
               await registry.initialize(config.tokens, projectRoot);
@@ -1035,7 +1048,7 @@ function fragmentsPlugin(options) {
             }
             if (!config.tokens || !config.tokens.include || config.tokens.include.length === 0) {
               try {
-                const { discoverTokenFiles } = await import("./discovery-NEOY4MPN.js");
+                const { discoverTokenFiles } = await import("./discovery-ZJQSXF56.js");
                 const discovered = await discoverTokenFiles(projectRoot);
                 if (discovered.length > 0) {
                   config.tokens = {
@@ -1072,7 +1085,7 @@ function fragmentsPlugin(options) {
             const {
               getSharedTokenRegistry,
               generateTokenPatches
-            } = await import("./service-TQYWY65E.js");
+            } = await import("./service-VMGNJZ42.js");
             const registry = getSharedTokenRegistry();
             if (!registry.isInitialized()) {
               await registry.initialize(config.tokens, projectRoot);
@@ -1860,10 +1873,11 @@ async function loadFragmentsForContext(_server, _fragmentFiles, _config, configD
   }
 }
 async function serveViewerHTML(res, server) {
-  const viewerRoot2 = viewerAssetsRoot;
-  const entryPath = resolve(viewerRoot2, "entry.tsx");
+  const viewerSrc = viewerAssetsRoot;
+  const viewerPkgRoot = resolve(viewerSrc, "..");
+  const entryPath = resolve(viewerSrc, "entry.tsx");
   try {
-    let html = await readFile(resolve(viewerRoot2, "index.html"), "utf-8");
+    let html = await readFile(resolve(viewerPkgRoot, "index.html"), "utf-8");
     html = html.replace("/src/entry.tsx", entryPath);
     html = await server.transformIndexHtml("/fragments/", html);
     res.writeHead(200, { "Content-Type": "text/html" });
@@ -1875,10 +1889,10 @@ async function serveViewerHTML(res, server) {
   }
 }
 async function servePreviewFrameHTML(res, server) {
-  const viewerRoot2 = viewerAssetsRoot;
-  const entryPath = resolve(viewerRoot2, "preview-frame-entry.tsx");
+  const viewerSrc = viewerAssetsRoot;
+  const entryPath = resolve(viewerSrc, "preview-frame-entry.tsx");
   try {
-    let html = await readFile(resolve(viewerRoot2, "preview-frame.html"), "utf-8");
+    let html = await readFile(resolve(viewerSrc, "preview-frame.html"), "utf-8");
     html = html.replace("/src/preview-frame-entry.tsx", entryPath);
     html = await server.transformIndexHtml("/fragments/preview/", html);
     res.writeHead(200, { "Content-Type": "text/html" });
@@ -1971,10 +1985,10 @@ async function captureA11yAudit(url, viewport) {
   }
 }
 async function serveRenderHTML(res, server, renderScript) {
-  const viewerRoot2 = viewerAssetsRoot;
+  const viewerRoot = viewerAssetsRoot;
   try {
     let html = await readFile(
-      resolve(viewerRoot2, "render-template.html"),
+      resolve(viewerRoot, "render-template.html"),
       "utf-8"
     );
     html = html.replace(
@@ -2180,7 +2194,7 @@ async function loadFullFragmentForCompare(_server, _fragmentFiles, componentName
   }
 }
 async function compareImages(image1Base64, image2Base64, threshold) {
-  const { DiffEngine, base64UrlToBuffer, bufferToBase64Url } = await import("./service-TQYWY65E.js");
+  const { DiffEngine, base64UrlToBuffer, bufferToBase64Url } = await import("./service-VMGNJZ42.js");
   const { PNG } = await import("pngjs");
   const buffer1 = base64UrlToBuffer(image1Base64);
   const buffer2 = base64UrlToBuffer(image2Base64);
@@ -2278,68 +2292,73 @@ async function resizePng(buffer, srcWidth, srcHeight, targetWidth, targetHeight)
 // src/viewer/server.ts
 var __dirname2 = dirname2(fileURLToPath2(import.meta.url));
 var cliPackageRoot = resolve2(__dirname2, "..");
-var viewerRoot = resolve2(cliPackageRoot, "src/viewer");
 var packagesRoot = resolve2(cliPackageRoot, "..");
 var localUiLibRoot = resolve2(packagesRoot, "../libs/ui/src");
-var localSharedLibRoot = resolve2(packagesRoot, "../libs/shared/src");
-var vendoredSharedLibRoot = resolve2(viewerRoot, "vendor/shared/src");
 var localWebMCPRoot = resolve2(packagesRoot, "webmcp/src");
 var localContextRoot = resolve2(packagesRoot, "context/src");
+function resolveViewerRoot(nodeModulesDir) {
+  const monorepoPath = resolve2(packagesRoot, "viewer");
+  if (existsSync2(join(monorepoPath, "src/shared/index.ts"))) {
+    return monorepoPath;
+  }
+  const npmPath = join(nodeModulesDir, "@fragments-sdk/viewer");
+  if (existsSync2(npmPath)) {
+    return npmPath;
+  }
+  const cliNpmPath = join(cliPackageRoot, "node_modules/@fragments-sdk/viewer");
+  if (existsSync2(cliNpmPath)) {
+    return cliNpmPath;
+  }
+  return monorepoPath;
+}
 function resolveUiLib(nodeModulesDir) {
   const localIndex = join(localUiLibRoot, "index.ts");
-  if (existsSync(localIndex)) {
+  if (existsSync2(localIndex)) {
     return localUiLibRoot;
   }
   const installedUi = join(nodeModulesDir, "@fragments-sdk/ui/src/index.ts");
-  if (existsSync(installedUi)) {
+  if (existsSync2(installedUi)) {
     return resolve2(dirname2(installedUi));
   }
   const installedUiDist = join(nodeModulesDir, "@fragments-sdk/ui");
-  if (existsSync(installedUiDist)) {
+  if (existsSync2(installedUiDist)) {
     return installedUiDist;
   }
   return localUiLibRoot;
 }
 function resolveWebMCPLib(nodeModulesDir) {
   const localIndex = join(localWebMCPRoot, "index.ts");
-  if (existsSync(localIndex)) {
+  if (existsSync2(localIndex)) {
     return localWebMCPRoot;
   }
   const installedSrc = join(nodeModulesDir, "@fragments-sdk/webmcp/src/index.ts");
-  if (existsSync(installedSrc)) {
+  if (existsSync2(installedSrc)) {
     return resolve2(dirname2(installedSrc));
   }
   const installedDist = join(nodeModulesDir, "@fragments-sdk/webmcp");
-  if (existsSync(installedDist)) {
+  if (existsSync2(installedDist)) {
     return installedDist;
   }
   return localWebMCPRoot;
 }
 function resolveContextLib(nodeModulesDir) {
   const localIndex = join(localContextRoot, "index.ts");
-  if (existsSync(localIndex)) {
+  if (existsSync2(localIndex)) {
     return localContextRoot;
   }
   const installedSrc = join(nodeModulesDir, "@fragments-sdk/context/src/index.ts");
-  if (existsSync(installedSrc)) {
+  if (existsSync2(installedSrc)) {
     return resolve2(dirname2(installedSrc));
   }
   const installedDist = join(nodeModulesDir, "@fragments-sdk/context");
-  if (existsSync(installedDist)) {
+  if (existsSync2(installedDist)) {
     return installedDist;
   }
   return localContextRoot;
 }
-function resolveSharedLib() {
-  const localIndex = join(localSharedLibRoot, "index.ts");
-  if (existsSync(localIndex)) {
-    return localSharedLibRoot;
-  }
-  const vendoredIndex = join(vendoredSharedLibRoot, "index.ts");
-  if (existsSync(vendoredIndex)) {
-    return vendoredSharedLibRoot;
-  }
-  return localSharedLibRoot;
+function resolveViewerLib(nodeModulesDir) {
+  const viewerRoot = resolveViewerRoot(nodeModulesDir);
+  return resolve2(viewerRoot, "src");
 }
 function cjsInteropPlugin(nodeModulesPath) {
   const virtualModules = {
@@ -2423,7 +2442,7 @@ function optionalPeerDepsPlugin(uiLibRoot) {
   const availableDeps = /* @__PURE__ */ new Set();
   for (const dep of optionalDeps) {
     const depPath = join(uiLibRoot, "..", "node_modules", ...dep.split("/"));
-    if (existsSync(depPath)) availableDeps.add(dep);
+    if (existsSync2(depPath)) availableDeps.add(dep);
   }
   return {
     name: "fragments:optional-peer-deps",
@@ -2461,7 +2480,7 @@ function optionalPeerDepsPlugin(uiLibRoot) {
 async function detectTsconfigPaths(projectRoot) {
   const aliases = {};
   const tsconfigPath = join(projectRoot, "tsconfig.json");
-  if (!existsSync(tsconfigPath)) return aliases;
+  if (!existsSync2(tsconfigPath)) return aliases;
   try {
     const content = await readFile2(tsconfigPath, "utf-8");
     const cleaned = content.replace(/\/\/.*$/gm, "").replace(/\/\*[\s\S]*?\*\//g, "");
@@ -2486,10 +2505,10 @@ async function detectStorybookAliases(projectRoot) {
   const aliases = {};
   const assetsDir = resolve2(projectRoot, "assets");
   const fontsDir = resolve2(projectRoot, "assets/fonts");
-  if (existsSync(fontsDir)) {
+  if (existsSync2(fontsDir)) {
     aliases["/fonts"] = fontsDir;
   }
-  if (existsSync(assetsDir)) {
+  if (existsSync2(assetsDir)) {
     aliases["/assets"] = assetsDir;
   }
   return aliases;
@@ -2529,16 +2548,17 @@ async function createDevServer(options = {}) {
   }
   const nodeModulesPath = findNodeModules(projectRoot);
   const uiLibRoot = resolveUiLib(nodeModulesPath);
-  const sharedLibRoot = resolveSharedLib();
+  const viewerRoot = resolveViewerRoot(nodeModulesPath);
+  const viewerLibRoot = resolveViewerLib(nodeModulesPath);
   const webmcpLibRoot = resolveWebMCPLib(nodeModulesPath);
   const contextLibRoot = resolveContextLib(nodeModulesPath);
-  const isWebMCPSource = existsSync(join(webmcpLibRoot, "react/index.ts"));
-  const isContextSource = existsSync(join(contextLibRoot, "types/index.ts"));
+  const isWebMCPSource = existsSync2(join(webmcpLibRoot, "react/index.ts"));
+  const isContextSource = existsSync2(join(contextLibRoot, "types/index.ts"));
   console.log(`\u{1F4C1} Using node_modules: ${nodeModulesPath}`);
   const tsconfigAliases = await detectTsconfigPaths(projectRoot);
   const storybookAliases = await detectStorybookAliases(projectRoot);
   const storybookDir = resolve2(projectRoot, ".storybook");
-  const hasStorybookDir = existsSync(storybookDir);
+  const hasStorybookDir = existsSync2(storybookDir);
   if (Object.keys(tsconfigAliases).length > 0) {
     console.log(`\u{1F4CE} Detected ${Object.keys(tsconfigAliases).length} tsconfig path alias(es)`);
   }
@@ -2570,7 +2590,7 @@ async function createDevServer(options = {}) {
         allow: [
           viewerRoot,
           uiLibRoot,
-          sharedLibRoot,
+          viewerLibRoot,
           webmcpLibRoot,
           contextLibRoot,
           projectRoot,
@@ -2626,8 +2646,10 @@ async function createDevServer(options = {}) {
         ...storybookAliases,
         // Resolve @fragments-sdk/ui to local source or installed package
         "@fragments-sdk/ui": uiLibRoot,
-        // Resolve @fragments-sdk/shared to monorepo source or vendored fallback
-        "@fragments-sdk/shared": sharedLibRoot,
+        // Resolve @fragments-sdk/viewer subpaths to viewer package source
+        "@fragments-sdk/viewer/shared": join(viewerLibRoot, "shared/index.ts"),
+        "@fragments-sdk/viewer/app": join(viewerLibRoot, "app/index.ts"),
+        "@fragments-sdk/viewer/docs-data": join(viewerLibRoot, "shared/docs-data/index.ts"),
         // Resolve @fragments-sdk/webmcp subpaths to monorepo source or installed package
         "@fragments-sdk/webmcp/react": isWebMCPSource ? join(webmcpLibRoot, "react/index.ts") : join(webmcpLibRoot, "dist/react/index.js"),
         "@fragments-sdk/webmcp/fragments": isWebMCPSource ? join(webmcpLibRoot, "fragments/index.ts") : join(webmcpLibRoot, "dist/fragments/index.js"),
@@ -2666,7 +2688,7 @@ function findNodeModules(startDir) {
   let current = startDir;
   while (current !== dirname2(current)) {
     const nodeModulesPath = join(current, "node_modules");
-    if (existsSync(join(nodeModulesPath, "react"))) {
+    if (existsSync2(join(nodeModulesPath, "react"))) {
       return nodeModulesPath;
     }
     current = dirname2(current);
@@ -2682,7 +2704,7 @@ function findViteConfig(projectRoot) {
   ];
   for (const file of configFiles) {
     const path = join(projectRoot, file);
-    if (existsSync(path)) {
+    if (existsSync2(path)) {
       return path;
     }
   }
@@ -2705,4 +2727,4 @@ export {
   createDevServer,
   fragmentsPlugin
 };
-//# sourceMappingURL=viewer-DNMNC5VS.js.map
+//# sourceMappingURL=viewer-7ZEAFBVN.js.map