@fragments-sdk/cli 0.2.2 → 0.3.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@fragments-sdk/cli",
-  "version": "0.2.2",
+  "version": "0.3.0",
   "description": "CLI, MCP server, and dev tools for Fragments design system",
   "type": "module",
   "bin": {

package/src/viewer/server.ts

@@ -27,10 +27,11 @@ import { loadConfig, discoverSegmentFiles } from "../core/node.js";
 import { segmentsPlugin } from "./vite-plugin.js";
 
 const __dirname = dirname(fileURLToPath(import.meta.url));
-const viewerRoot = resolve(__dirname, "..");
+// At runtime, __dirname is dist/. Viewer assets live in src/viewer/.
+const cliPackageRoot = resolve(__dirname, "..");
+const viewerRoot = resolve(cliPackageRoot, "src/viewer");
 const viewerTailwindConfig = resolve(viewerRoot, "tailwind.config.js");
-// The monorepo packages directory (sibling packages)
-const packagesRoot = resolve(viewerRoot, "..");
+const packagesRoot = resolve(cliPackageRoot, "..");
 
 export interface DevServerOptions {
   /** Port to run the server on */

package/src/viewer/vite-plugin.ts

@@ -98,6 +98,8 @@ interface CompareResponse {
 }
 
 const __dirname = dirname(fileURLToPath(import.meta.url));
+// At runtime, __dirname is dist/. Viewer assets live in src/viewer/.
+const viewerAssetsRoot = resolve(__dirname, "..", "src/viewer");
 
 // Store pending render requests (for internal render page to pick up)
 const pendingRenders = new Map<
@@ -1551,8 +1553,8 @@ async function loadSegmentsForContext(
  * Serve the viewer HTML page.
  */
 async function serveViewerHTML(res: any, server: ViteDevServer): Promise<void> {
-  const viewerRoot = resolve(__dirname, "..");
-  const entryPath = resolve(viewerRoot, "src/entry.tsx");
+  const viewerRoot = viewerAssetsRoot;
+  const entryPath = resolve(viewerRoot, "entry.tsx");
 
   try {
     // Read the viewer HTML template
@@ -1578,12 +1580,12 @@ async function serveViewerHTML(res: any, server: ViteDevServer): Promise<void> {
  * This is used for iframe-based component preview with CSS isolation.
  */
 async function servePreviewFrameHTML(res: any, server: ViteDevServer): Promise<void> {
-  const viewerRoot = resolve(__dirname, "..");
-  const entryPath = resolve(viewerRoot, "src/preview-frame-entry.tsx");
+  const viewerRoot = viewerAssetsRoot;
+  const entryPath = resolve(viewerRoot, "preview-frame-entry.tsx");
 
   try {
     // Read the preview frame HTML template
-    let html = await readFile(resolve(viewerRoot, "src/preview-frame.html"), "utf-8");
+    let html = await readFile(resolve(viewerRoot, "preview-frame.html"), "utf-8");
 
     // Rewrite the entry path to use absolute path to viewer package
     html = html.replace("/src/preview-frame-entry.tsx", entryPath);
@@ -1679,12 +1681,12 @@ async function serveRenderHTML(
   server: ViteDevServer,
   renderScript: string
 ): Promise<void> {
-  const viewerRoot = resolve(__dirname, "..");
+  const viewerRoot = viewerAssetsRoot;
 
   try {
     // Read the render template
     let html = await readFile(
-      resolve(viewerRoot, "src/render-template.html"),
+      resolve(viewerRoot, "render-template.html"),
       "utf-8"
     );