@embeddables/cli 0.3.1 → 0.3.3

package/dist/commands/init.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"init.d.ts","sourceRoot":"","sources":["../../src/commands/init.ts"],"names":[],"mappings":"AAuGA,wBAAsB,OAAO,CAAC,IAAI,EAAE;IAAE,SAAS,CAAC,EAAE,MAAM,CAAC;IAAC,GAAG,CAAC,EAAE,OAAO,CAAA;CAAE,iBA0KxE"}
+{"version":3,"file":"init.d.ts","sourceRoot":"","sources":["../../src/commands/init.ts"],"names":[],"mappings":"AAuGA,wBAAsB,OAAO,CAAC,IAAI,EAAE;IAAE,SAAS,CAAC,EAAE,MAAM,CAAC;IAAC,GAAG,CAAC,EAAE,OAAO,CAAA;CAAE,iBA8LxE"}

package/dist/commands/init.js

@@ -216,6 +216,20 @@ export async function runInit(opts) {
     else {
         console.log(pc.gray('  ✓ tsconfig.json already exists'));
     }
+    // Migrate .types from old location (embeddables/.types/) to project root (.types/)
+    const oldTypesDir = path.join(embeddablesDir, '.types');
+    if (fs.existsSync(oldTypesDir)) {
+        fs.rmSync(oldTypesDir, { recursive: true });
+        console.log(pc.green('  ✓ Removed old embeddables/.types/'));
+    }
+    // Fix tsconfig paths if they still reference the old embeddables/.types/ location
+    if (fs.existsSync(tsconfigPath)) {
+        const tsconfigContent = fs.readFileSync(tsconfigPath, 'utf8');
+        if (tsconfigContent.includes('./embeddables/.types/')) {
+            fs.writeFileSync(tsconfigPath, tsconfigContent.replaceAll('./embeddables/.types/', './.types/'), 'utf8');
+            console.log(pc.green('  ✓ Updated tsconfig.json paths'));
+        }
+    }
     // Generate type declaration stubs for editor support (no npm install needed)
     writeTypeStubs(cwd);
     console.log(pc.green('  ✓ Generated type declarations'));

package/dist/constants.d.ts

@@ -4,4 +4,6 @@ export declare const BranchStatus: {
 };
 export type BranchStatus = (typeof BranchStatus)[keyof typeof BranchStatus];
 export declare const WEB_APP_BASE_URL = "https://embeddables-web-fpnc2wscy-embeddables.vercel.app";
+/** CDN origin that hosts the pre-built workbench assets (workbench.js / workbench.css). */
+export declare const WORKBENCH_CDN_ORIGIN = "https://embeddables-workbench.heysavvy.workers.dev";
 //# sourceMappingURL=constants.d.ts.map

package/dist/constants.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"constants.d.ts","sourceRoot":"","sources":["../src/constants.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,YAAY;;;CAGf,CAAA;AAEV,MAAM,MAAM,YAAY,GAAG,CAAC,OAAO,YAAY,CAAC,CAAC,MAAM,OAAO,YAAY,CAAC,CAAA;AAG3E,eAAO,MAAM,gBAAgB,6DAA6D,CAAA"}
+{"version":3,"file":"constants.d.ts","sourceRoot":"","sources":["../src/constants.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,YAAY;;;CAGf,CAAA;AAEV,MAAM,MAAM,YAAY,GAAG,CAAC,OAAO,YAAY,CAAC,CAAC,MAAM,OAAO,YAAY,CAAC,CAAA;AAG3E,eAAO,MAAM,gBAAgB,6DAA6D,CAAA;AAG1F,2FAA2F;AAC3F,eAAO,MAAM,oBAAoB,uDAAuD,CAAA"}

package/dist/constants.js

@@ -5,3 +5,5 @@ export const BranchStatus = {
 // export const WEB_APP_BASE_URL = 'https://app.embeddables.com'
 export const WEB_APP_BASE_URL = 'https://embeddables-web-fpnc2wscy-embeddables.vercel.app';
 // export const WEB_APP_BASE_URL = 'http://localhost:3000'
+/** CDN origin that hosts the pre-built workbench assets (workbench.js / workbench.css). */
+export const WORKBENCH_CDN_ORIGIN = 'https://embeddables-workbench.heysavvy.workers.dev';

package/dist/proxy/injectWorkbench.d.ts

@@ -1,4 +1,5 @@
 export declare function injectWorkbenchHtml(html: string, opts: {
     embeddableId: string;
+    workbenchOrigin?: string;
 }): string;
 //# sourceMappingURL=injectWorkbench.d.ts.map

package/dist/proxy/injectWorkbench.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"injectWorkbench.d.ts","sourceRoot":"","sources":["../../src/proxy/injectWorkbench.ts"],"names":[],"mappings":"AAAA,wBAAgB,mBAAmB,CAAC,IAAI,EAAE,MAAM,EAAE,IAAI,EAAE;IAAE,YAAY,EAAE,MAAM,CAAA;CAAE,GAAG,MAAM,CAsBxF"}
+{"version":3,"file":"injectWorkbench.d.ts","sourceRoot":"","sources":["../../src/proxy/injectWorkbench.ts"],"names":[],"mappings":"AAAA,wBAAgB,mBAAmB,CACjC,IAAI,EAAE,MAAM,EACZ,IAAI,EAAE;IAAE,YAAY,EAAE,MAAM,CAAC;IAAC,eAAe,CAAC,EAAE,MAAM,CAAA;CAAE,GACvD,MAAM,CA8BR"}

package/dist/proxy/injectWorkbench.js

@@ -1,12 +1,18 @@
 export function injectWorkbenchHtml(html, opts) {
     const lower = html.toLowerCase();
     const bodyCloseIndex = lower.lastIndexOf('</body>');
+    const isLocalDev = !opts.workbenchOrigin;
     const container = '<div id="__embeddables_workbench_root"></div>';
     const configScript = `<script>(function(){` +
         'window.__EMBEDDABLES_WORKBENCH = window.__EMBEDDABLES_WORKBENCH || {};' +
         `window.__EMBEDDABLES_WORKBENCH.embeddableId = ${JSON.stringify(opts.embeddableId)};` +
+        `window.__EMBEDDABLES_WORKBENCH.localDev = ${JSON.stringify(isLocalDev)};` +
         '})();</script>';
-    const scriptTag = `<script src="/__embeddables_workbench.js" onload="if(typeof window.__embeddables_bootstrap_workbench==='function'){window.__embeddables_bootstrap_workbench({embeddableId:window.__EMBEDDABLES_WORKBENCH.embeddableId});}"></script>`;
+    // When a remote origin is provided, load from the CDN; otherwise use the local proxy path.
+    const jsUrl = opts.workbenchOrigin
+        ? `${opts.workbenchOrigin}/workbench.js`
+        : '/__embeddables_workbench.js';
+    const scriptTag = `<script src="${jsUrl}" onload="if(typeof window.__embeddables_bootstrap_workbench==='function'){window.__embeddables_bootstrap_workbench({embeddableId:window.__EMBEDDABLES_WORKBENCH.embeddableId,localDev:window.__EMBEDDABLES_WORKBENCH.localDev});}"></script>`;
     const injection = `\n${container}\n${configScript}\n${scriptTag}\n`;
     if (bodyCloseIndex === -1) {
         // No </body> tag found; append at the end

package/dist/proxy/server.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"server.d.ts","sourceRoot":"","sources":["../../src/proxy/server.ts"],"names":[],"mappings":"AAqBA,wBAAsB,gBAAgB,CAAC,IAAI,EAAE;IAC3C,IAAI,EAAE,MAAM,CAAA;IACZ,YAAY,EAAE,MAAM,CAAA;IACpB,aAAa,EAAE,MAAM,CAAA;IACrB,iBAAiB,EAAE,MAAM,CAAA;IACzB,YAAY,EAAE,MAAM,CAAA;IACpB,cAAc,CAAC,EAAE,OAAO,CAAA;CACzB;;GAqRA"}
+{"version":3,"file":"server.d.ts","sourceRoot":"","sources":["../../src/proxy/server.ts"],"names":[],"mappings":"AAmCA,wBAAsB,gBAAgB,CAAC,IAAI,EAAE;IAC3C,IAAI,EAAE,MAAM,CAAA;IACZ,YAAY,EAAE,MAAM,CAAA;IACpB,aAAa,EAAE,MAAM,CAAA;IACrB,iBAAiB,EAAE,MAAM,CAAA;IACzB,YAAY,EAAE,MAAM,CAAA;IACpB,cAAc,CAAC,EAAE,OAAO,CAAA;CACzB;;GA2SA"}

package/dist/proxy/server.js

@@ -12,21 +12,44 @@ import { attachSse } from './sse.js';
 import { injectWorkbenchHtml } from './injectWorkbench.js';
 import { injectReloadScript } from './injectReload.js';
 import { injectApiInterceptor } from './injectApiInterceptor.js';
+import { WORKBENCH_CDN_ORIGIN } from '../constants.js';
 // Resolve the CLI package root so workbench paths work regardless of cwd.
 // This file lives at  src/proxy/server.ts  (or  dist/proxy/server.js  when compiled),
 // so the package root is two directories up.
 const __dirname = path.dirname(fileURLToPath(import.meta.url));
 const CLI_ROOT = path.resolve(__dirname, '..', '..');
+/**
+ * Detect whether the CLI is running from a local development checkout
+ * (e.g. via `npm link` or `tsx`) rather than a regular `npm install -g`.
+ *
+ * Heuristic: the `src/workbench/` source directory only exists in the repo
+ * checkout — it is excluded from the published package (`files` in package.json
+ * only ships `bin/` and `dist/`).
+ */
+function isLocalDev() {
+    const workbenchSrcDir = path.join(CLI_ROOT, 'src', 'workbench', 'index.tsx');
+    return fs.existsSync(workbenchSrcDir);
+}
 export async function startProxyServer(opts) {
     const app = express();
+    const localDev = isLocalDev();
+    // ---------- Local-dev mode: build workbench from source ----------
     // Resolve workbench paths relative to the CLI package root, not process.cwd()
     const workbenchEntry = path.join(CLI_ROOT, 'src', 'workbench', 'index.tsx');
     const workbenchDir = path.join(CLI_ROOT, 'src', 'workbench');
     const workbenchCssEntry = path.join(CLI_ROOT, 'src', 'workbench', 'workbench.css');
-    // Build the Workbench bundle. If it fails, we log the error and
-    // keep the proxy running; HTML injection will still happen but the script may 404.
     let workbenchBundle = null;
     let workbenchCss = null;
+    // The origin used when injecting the workbench <script>/<link> tags.
+    // undefined  → local proxy paths  (/__embeddables_workbench.{js,css})
+    // string     → remote CDN origin  (e.g. https://embeddables-workbench.heysavvy.workers.dev)
+    const workbenchOrigin = localDev ? undefined : WORKBENCH_CDN_ORIGIN;
+    if (localDev) {
+        console.log('[Workbench] Local dev mode — building workbench from source');
+    }
+    else {
+        console.log(`[Workbench] Installed mode — loading workbench from CDN (${WORKBENCH_CDN_ORIGIN})`);
+    }
     const buildWorkbench = async () => {
         try {
             const result = await esbuild.build({
@@ -63,14 +86,16 @@ export async function startProxyServer(opts) {
             return false;
         }
     };
-    // Initial build
-    await buildWorkbench();
+    // Only build from source in local-dev mode
+    if (localDev) {
+        await buildWorkbench();
+    }
     // Add JSON body parsing middleware
     app.use(express.json());
     app.use(express.urlencoded({ extended: true }));
     const { broadcastReload } = attachSse(app);
-    // Watch workbench files if enabled
-    if (opts.watchWorkbench) {
+    // Watch workbench files if enabled (only meaningful in local-dev mode)
+    if (localDev && opts.watchWorkbench) {
         const workbenchGlob = path.join(workbenchDir, '**/*');
         const watcher = chokidar.watch(workbenchGlob, {
             ignoreInitial: true,
@@ -89,31 +114,33 @@ export async function startProxyServer(opts) {
         });
         console.log(`[Workbench] Watching ${workbenchGlob} for changes`);
     }
-    // Serve the Workbench bundle as a static asset
-    app.get('/__embeddables_workbench.js', (_req, res) => {
-        if (!workbenchBundle) {
-            res
-                .status(503)
-                .type('text/plain')
-                .send('Workbench bundle is not available. Check dev server logs.');
-            return;
-        }
-        res.setHeader('Content-Type', 'application/javascript; charset=utf-8');
-        res.setHeader('Cache-Control', 'no-store');
-        res.send(Buffer.from(workbenchBundle));
-    });
-    app.get('/__embeddables_workbench.css', (_req, res) => {
-        if (!workbenchCss) {
-            res
-                .status(503)
-                .type('text/plain')
-                .send('Workbench CSS is not available. Check dev server logs.');
-            return;
-        }
-        res.setHeader('Content-Type', 'text/css; charset=utf-8');
-        res.setHeader('Cache-Control', 'no-store');
-        res.send(workbenchCss);
-    });
+    // Serve the Workbench bundle as a static asset (local-dev mode only)
+    if (localDev) {
+        app.get('/__embeddables_workbench.js', (_req, res) => {
+            if (!workbenchBundle) {
+                res
+                    .status(503)
+                    .type('text/plain')
+                    .send('Workbench bundle is not available. Check dev server logs.');
+                return;
+            }
+            res.setHeader('Content-Type', 'application/javascript; charset=utf-8');
+            res.setHeader('Cache-Control', 'no-store');
+            res.send(Buffer.from(workbenchBundle));
+        });
+        app.get('/__embeddables_workbench.css', (_req, res) => {
+            if (!workbenchCss) {
+                res
+                    .status(503)
+                    .type('text/plain')
+                    .send('Workbench CSS is not available. Check dev server logs.');
+                return;
+            }
+            res.setHeader('Content-Type', 'text/css; charset=utf-8');
+            res.setHeader('Cache-Control', 'no-store');
+            res.send(workbenchCss);
+        });
+    }
     // Intercept GET requests to overrideRoute: convert to POST and add generated JSON to body
     app.get(opts.overrideRoute, async (req, res) => {
         console.log(`[/init] Intercepted GET ${opts.overrideRoute}, query:`, req.query);
@@ -213,6 +240,7 @@ export async function startProxyServer(opts) {
             modifiedHtml = injectReloadScript(modifiedHtml);
             modifiedHtml = injectWorkbenchHtml(modifiedHtml, {
                 embeddableId: opts.embeddableId,
+                workbenchOrigin,
             });
             console.log(`[Workbench] Injection complete (${modifiedHtml.length} chars), sending response`);
             res.setHeader('Content-Type', 'text/html; charset=utf-8');
@@ -247,6 +275,12 @@ export async function startProxyServer(opts) {
         console.log(`Override route: GET ${opts.overrideRoute}`);
         console.log(`Serving: ${opts.generatedJsonPath}`);
         console.log(`Reload SSE: /__embeddables_reload`);
+        if (localDev) {
+            console.log(`Workbench: built from local source`);
+        }
+        else {
+            console.log(`Workbench: served from ${WORKBENCH_CDN_ORIGIN}`);
+        }
     });
     return { broadcastReload };
 }

package/dist/workbench/WorkbenchApp.d.ts

@@ -1,6 +1,7 @@
 type WorkbenchAppProps = {
     embeddableId: string;
+    localDev: boolean;
 };
-export declare function WorkbenchApp({ embeddableId }: WorkbenchAppProps): import("react/jsx-runtime").JSX.Element;
+export declare function WorkbenchApp({ embeddableId, localDev }: WorkbenchAppProps): import("react/jsx-runtime").JSX.Element;
 export {};
 //# sourceMappingURL=WorkbenchApp.d.ts.map

package/dist/workbench/WorkbenchApp.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"WorkbenchApp.d.ts","sourceRoot":"","sources":["../../src/workbench/WorkbenchApp.tsx"],"names":[],"mappings":"AAuBA,KAAK,iBAAiB,GAAG;IACvB,YAAY,EAAE,MAAM,CAAA;CACrB,CAAA;AAqCD,wBAAgB,YAAY,CAAC,EAAE,YAAY,EAAE,EAAE,iBAAiB,2CA6S/D"}
+{"version":3,"file":"WorkbenchApp.d.ts","sourceRoot":"","sources":["../../src/workbench/WorkbenchApp.tsx"],"names":[],"mappings":"AAuBA,KAAK,iBAAiB,GAAG;IACvB,YAAY,EAAE,MAAM,CAAA;IACpB,QAAQ,EAAE,OAAO,CAAA;CAClB,CAAA;AAqCD,wBAAgB,YAAY,CAAC,EAAE,YAAY,EAAE,QAAQ,EAAE,EAAE,iBAAiB,2CA6SzE"}

package/dist/workbench/WorkbenchApp.js

@@ -34,7 +34,7 @@ function savePrefs(embeddableId, prefs) {
         // ignore
     }
 }
-export function WorkbenchApp({ embeddableId }) {
+export function WorkbenchApp({ embeddableId, localDev }) {
     const [collapsed, setCollapsed] = useState(true);
     const [height, setHeight] = useState(260);
     const [activeTab, setActiveTab] = useState('user-data');
@@ -177,7 +177,7 @@ export function WorkbenchApp({ embeddableId }) {
                     // Avoid toggling collapse when clicking the drag handle.
                     event.preventDefault();
                     event.stopPropagation();
-                }, className: "absolute left-1/2 z-10 -translate-x-1/2 -top-1.5 h-3 w-16 cursor-ns-resize touch-none rounded-full border border-slate-500 bg-slate-400 shadow-md hover:bg-slate-300 transition-colors duration-200" })), _jsxs("div", { className: "relative flex items-center justify-between gap-3 border-t border-white/10 bg-slate-950/80 px-3 py-1.5 text-slate-200 shadow-2xl shadow-black/40 backdrop-blur supports-backdrop-filter:bg-slate-950/70", children: [_jsxs("div", { className: "flex items-center gap-2", children: [_jsxs("div", { className: "flex cursor-pointer items-center gap-2", onClick: toggleCollapsed, children: [_jsx("div", { className: "text-xs font-semibold tracking-wide text-slate-100", children: "Embeddables Workbench" }), _jsx("div", { className: "rounded-full bg-white/10 px-2 py-0.5 text-[10px] font-medium text-slate-200 ring-1 ring-inset ring-white/10", children: "Beta" })] }), !collapsed && (_jsxs("div", { className: "ml-8 flex items-center gap-1", children: [_jsx("button", { type: "button", onClick: () => switchTab('user-data'), className: `cursor-pointer rounded-lg px-2.5 py-1 text-[11px] font-medium transition-colors ${activeTab === 'user-data'
+                }, className: "absolute left-1/2 z-10 -translate-x-1/2 -top-1.5 h-3 w-16 cursor-ns-resize touch-none rounded-full border border-slate-500 bg-slate-400 shadow-md hover:bg-slate-300 transition-colors duration-200" })), _jsxs("div", { className: "relative flex items-center justify-between gap-3 border-t border-white/10 bg-slate-950/80 px-3 py-1.5 text-slate-200 shadow-2xl shadow-black/40 backdrop-blur supports-backdrop-filter:bg-slate-950/70", children: [_jsxs("div", { className: "flex items-center gap-2", children: [_jsxs("div", { className: "flex cursor-pointer items-center gap-2", onClick: toggleCollapsed, children: [_jsx("div", { className: "text-xs font-semibold tracking-wide text-slate-100", children: "Embeddables Workbench" }), _jsx("div", { className: "rounded-full bg-white/10 px-2 py-0.5 text-[10px] font-medium text-slate-200 ring-1 ring-inset ring-white/10", children: localDev ? 'Local' : 'Beta' })] }), !collapsed && (_jsxs("div", { className: "ml-8 flex items-center gap-1", children: [_jsx("button", { type: "button", onClick: () => switchTab('user-data'), className: `cursor-pointer rounded-lg px-2.5 py-1 text-[11px] font-medium transition-colors ${activeTab === 'user-data'
                                             ? 'bg-white/15 text-white ring-1 ring-inset ring-white/20'
                                             : 'text-slate-400 hover:bg-white/5 hover:text-slate-200'}`, children: "User Data" }), _jsx("button", { type: "button", onClick: () => switchTab('experiments'), className: `cursor-pointer rounded-lg px-2.5 py-1 text-[11px] font-medium transition-colors ${activeTab === 'experiments'
                                             ? 'bg-white/15 text-white ring-1 ring-inset ring-white/20'

package/dist/workbench/index.d.ts

@@ -2,6 +2,7 @@ declare global {
     interface Window {
         __embeddables_bootstrap_workbench?: (config: {
             embeddableId: string;
+            localDev?: boolean;
         }) => void;
     }
 }

package/dist/workbench/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/workbench/index.tsx"],"names":[],"mappings":"AAIA,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,MAAM;QACd,iCAAiC,CAAC,EAAE,CAAC,MAAM,EAAE;YAAE,YAAY,EAAE,MAAM,CAAA;SAAE,KAAK,IAAI,CAAA;KAC/E;CACF"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/workbench/index.tsx"],"names":[],"mappings":"AAIA,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,MAAM;QACd,iCAAiC,CAAC,EAAE,CAAC,MAAM,EAAE;YAC3C,YAAY,EAAE,MAAM,CAAA;YACpB,QAAQ,CAAC,EAAE,OAAO,CAAA;SACnB,KAAK,IAAI,CAAA;KACX;CACF"}

package/dist/workbench/index.js

@@ -33,12 +33,12 @@ async function bootstrapWorkbench(config) {
         workbenchRoot = createRoot(mountPoint);
     }
     if (workbenchRoot) {
-        workbenchRoot.render(_jsx(WorkbenchApp, { embeddableId: config.embeddableId }));
+        workbenchRoot.render(_jsx(WorkbenchApp, { embeddableId: config.embeddableId, localDev: config.localDev ?? false }));
     }
 }
 window.__embeddables_bootstrap_workbench = bootstrapWorkbench;
 // Auto-bootstrap if config is already available (fallback if onload handler doesn't fire)
 if (typeof window !== 'undefined' && window.__EMBEDDABLES_WORKBENCH?.embeddableId) {
     const config = window.__EMBEDDABLES_WORKBENCH;
-    bootstrapWorkbench({ embeddableId: config.embeddableId });
+    bootstrapWorkbench({ embeddableId: config.embeddableId, localDev: config.localDev });
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@embeddables/cli",
-  "version": "0.3.1",
+  "version": "0.3.3",
   "type": "module",
   "bin": {
     "embeddables": "./bin/embeddables.mjs"