@embeddables/cli 0.6.10 → 0.7.0

package/dist/prompts/embeddables.js

@@ -3,6 +3,7 @@ import path from 'node:path';
 import pc from 'picocolors';
 import prompts from 'prompts';
 import { getAuthenticatedSupabaseClient } from '../auth/index.js';
+import * as stdout from '../stdout.js';
 /**
  * Fetch all embeddables for a project from Supabase
  */
@@ -18,7 +19,7 @@ export async function fetchProjectEmbeddables(projectId) {
             .eq('project_id', projectId)
             .order('title', { ascending: true });
         if (error) {
-            console.warn(pc.yellow(`Could not fetch embeddables: ${error.message}`));
+            stdout.warn(pc.yellow(`Could not fetch embeddables: ${error.message}`));
             return [];
         }
         return (data || []).map((row) => ({
@@ -27,7 +28,7 @@ export async function fetchProjectEmbeddables(projectId) {
         }));
     }
     catch (err) {
-        console.warn(pc.yellow(`Could not fetch embeddables: ${err}`));
+        stdout.warn(pc.yellow(`Could not fetch embeddables: ${err}`));
         return [];
     }
 }
@@ -47,7 +48,7 @@ export async function fetchEmbeddableMetadata(embeddableId) {
             .eq('id', embeddableId)
             .single();
         if (error) {
-            console.warn(pc.yellow(`Could not fetch embeddable metadata: ${error.message}`));
+            stdout.warn(pc.yellow(`Could not fetch embeddable metadata: ${error.message}`));
             return null;
         }
         return {
@@ -57,7 +58,7 @@ export async function fetchEmbeddableMetadata(embeddableId) {
         };
     }
     catch (err) {
-        console.warn(pc.yellow(`Could not fetch embeddable metadata: ${err}`));
+        stdout.warn(pc.yellow(`Could not fetch embeddable metadata: ${err}`));
         return null;
     }
 }
@@ -69,7 +70,7 @@ export async function promptForEmbeddable(projectId, options = {}) {
     const { message = 'Select an embeddable:' } = options;
     const embeddables = await fetchProjectEmbeddables(projectId);
     if (embeddables.length === 0) {
-        console.log(pc.yellow('No embeddables found in this project.'));
+        stdout.print(pc.yellow('No embeddables found in this project.'));
         return null;
     }
     const choices = embeddables.map((e) => ({
@@ -137,8 +138,8 @@ export async function promptForLocalEmbeddable(options = {}) {
     const { message = 'Select an embeddable:' } = options;
     const embeddables = await discoverLocalEmbeddables();
     if (embeddables.length === 0) {
-        console.error(pc.red('No embeddables found in the embeddables/ directory.'));
-        console.log(pc.gray('Run `embeddables pull` to pull an embeddable first.'));
+        stdout.error(pc.red('No embeddables found in the embeddables/ directory.'));
+        stdout.print(pc.gray('Run `embeddables pull` to pull an embeddable first.'));
         return null;
     }
     const choices = embeddables.map((e) => ({

package/dist/prompts/experiments.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"experiments.d.ts","sourceRoot":"","sources":["../../src/prompts/experiments.ts"],"names":[],"mappings":"AAIA,MAAM,WAAW,cAAc;IAC7B,EAAE,EAAE,MAAM,CAAA;IACV,aAAa,EAAE,MAAM,CAAA;IACrB,cAAc,EAAE,MAAM,CAAA;IACtB,IAAI,EAAE,MAAM,GAAG,IAAI,CAAA;IACnB,MAAM,EAAE,MAAM,CAAA;IACd,OAAO,EAAE,MAAM,CAAA;IACf,QAAQ,EAAE,MAAM,EAAE,GAAG,IAAI,CAAA;CAC1B;AAED,MAAM,WAAW,0BAA0B;IACzC,oCAAoC;IACpC,OAAO,CAAC,EAAE,MAAM,CAAA;IAChB,qEAAqE;IACrE,kBAAkB,CAAC,EAAE,MAAM,CAAA;CAC5B;AAED;;GAEG;AACH,wBAAsB,uBAAuB,CAAC,SAAS,EAAE,MAAM,GAAG,OAAO,CAAC,cAAc,EAAE,CAAC,CA+B1F;AAED;;;GAGG;AACH,wBAAsB,mBAAmB,CACvC,SAAS,EAAE,MAAM,EACjB,OAAO,GAAE,0BAA+B,GACvC,OAAO,CAAC;IAAE,aAAa,EAAE,MAAM,CAAC;IAAC,cAAc,EAAE,MAAM,CAAA;CAAE,GAAG,IAAI,CAAC,CA4DnE"}
+{"version":3,"file":"experiments.d.ts","sourceRoot":"","sources":["../../src/prompts/experiments.ts"],"names":[],"mappings":"AAKA,MAAM,WAAW,cAAc;IAC7B,EAAE,EAAE,MAAM,CAAA;IACV,aAAa,EAAE,MAAM,CAAA;IACrB,cAAc,EAAE,MAAM,CAAA;IACtB,IAAI,EAAE,MAAM,GAAG,IAAI,CAAA;IACnB,MAAM,EAAE,MAAM,CAAA;IACd,OAAO,EAAE,MAAM,CAAA;IACf,QAAQ,EAAE,MAAM,EAAE,GAAG,IAAI,CAAA;CAC1B;AAED,MAAM,WAAW,0BAA0B;IACzC,oCAAoC;IACpC,OAAO,CAAC,EAAE,MAAM,CAAA;IAChB,qEAAqE;IACrE,kBAAkB,CAAC,EAAE,MAAM,CAAA;CAC5B;AAED;;GAEG;AACH,wBAAsB,uBAAuB,CAAC,SAAS,EAAE,MAAM,GAAG,OAAO,CAAC,cAAc,EAAE,CAAC,CA+B1F;AAED;;;GAGG;AACH,wBAAsB,mBAAmB,CACvC,SAAS,EAAE,MAAM,EACjB,OAAO,GAAE,0BAA+B,GACvC,OAAO,CAAC;IAAE,aAAa,EAAE,MAAM,CAAC;IAAC,cAAc,EAAE,MAAM,CAAA;CAAE,GAAG,IAAI,CAAC,CA4DnE"}

package/dist/prompts/experiments.js

@@ -1,6 +1,7 @@
 import pc from 'picocolors';
 import prompts from 'prompts';
 import { getAuthenticatedSupabaseClient } from '../auth/index.js';
+import * as stdout from '../stdout.js';
 /**
  * Fetch experiments for a project from Supabase (using experiments_extended view)
  */
@@ -16,7 +17,7 @@ export async function fetchProjectExperiments(projectId) {
             .eq('project_id', projectId)
             .order('name', { ascending: true, nullsFirst: false });
         if (error) {
-            console.warn(pc.yellow(`Could not fetch experiments: ${error.message}`));
+            stdout.warn(pc.yellow(`Could not fetch experiments: ${error.message}`));
             return [];
         }
         return (data || []).map((row) => ({
@@ -30,7 +31,7 @@ export async function fetchProjectExperiments(projectId) {
         }));
     }
     catch (err) {
-        console.warn(pc.yellow(`Could not fetch experiments: ${err}`));
+        stdout.warn(pc.yellow(`Could not fetch experiments: ${err}`));
         return [];
     }
 }
@@ -50,10 +51,10 @@ export async function promptForExperiment(projectId, options = {}) {
     }
     if (filtered.length === 0) {
         if (excludeConnectedTo && experiments.length > 0) {
-            console.log(pc.yellow('All experiments in this project are already connected to this embeddable.'));
+            stdout.print(pc.yellow('All experiments in this project are already connected to this embeddable.'));
         }
         else {
-            console.log(pc.yellow('No experiments found in this project.'));
+            stdout.print(pc.yellow('No experiments found in this project.'));
         }
         return null;
     }

package/dist/prompts/projects.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"projects.d.ts","sourceRoot":"","sources":["../../src/prompts/projects.ts"],"names":[],"mappings":"AAIA,MAAM,WAAW,WAAW;IAC1B,EAAE,EAAE,MAAM,CAAA;IACV,KAAK,EAAE,MAAM,GAAG,IAAI,CAAA;IACpB,MAAM,EAAE,MAAM,GAAG,IAAI,CAAA;IACrB,SAAS,EAAE,MAAM,GAAG,IAAI,CAAA;CACzB;AAED,MAAM,WAAW,uBAAuB;IACtC,uDAAuD;IACvD,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,mEAAmE;IACnE,OAAO,CAAC,EAAE,MAAM,CAAA;CACjB;AAED;;GAEG;AACH,wBAAsB,aAAa,IAAI,OAAO,CAAC,WAAW,EAAE,CAAC,CAwC5D;AAED;;;GAGG;AACH,wBAAsB,gBAAgB,CACpC,OAAO,GAAE,uBAA4B,GACpC,OAAO,CAAC,WAAW,GAAG,IAAI,CAAC,CAqD7B"}
+{"version":3,"file":"projects.d.ts","sourceRoot":"","sources":["../../src/prompts/projects.ts"],"names":[],"mappings":"AAKA,MAAM,WAAW,WAAW;IAC1B,EAAE,EAAE,MAAM,CAAA;IACV,KAAK,EAAE,MAAM,GAAG,IAAI,CAAA;IACpB,MAAM,EAAE,MAAM,GAAG,IAAI,CAAA;IACrB,SAAS,EAAE,MAAM,GAAG,IAAI,CAAA;CACzB;AAED,MAAM,WAAW,uBAAuB;IACtC,uDAAuD;IACvD,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,mEAAmE;IACnE,OAAO,CAAC,EAAE,MAAM,CAAA;CACjB;AAED;;GAEG;AACH,wBAAsB,aAAa,IAAI,OAAO,CAAC,WAAW,EAAE,CAAC,CAwC5D;AAED;;;GAGG;AACH,wBAAsB,gBAAgB,CACpC,OAAO,GAAE,uBAA4B,GACpC,OAAO,CAAC,WAAW,GAAG,IAAI,CAAC,CAqD7B"}

package/dist/prompts/projects.js

@@ -1,6 +1,7 @@
 import pc from 'picocolors';
 import prompts from 'prompts';
 import { getAuthenticatedSupabaseClient } from '../auth/index.js';
+import * as stdout from '../stdout.js';
 /**
  * Fetch all non-archived projects from Supabase
  */
@@ -23,7 +24,7 @@ export async function fetchProjects() {
             .not('archived', 'is', 'true')
             .order('title', { ascending: true });
         if (error) {
-            console.warn(pc.yellow(`Could not fetch projects: ${error.message}`));
+            stdout.warn(pc.yellow(`Could not fetch projects: ${error.message}`));
             return [];
         }
         return (data || []).map((row) => ({
@@ -37,7 +38,7 @@ export async function fetchProjects() {
         }));
     }
     catch (err) {
-        console.warn(pc.yellow(`Could not fetch projects: ${err}`));
+        stdout.warn(pc.yellow(`Could not fetch projects: ${err}`));
         return [];
     }
 }
@@ -49,7 +50,7 @@ export async function promptForProject(options = {}) {
     const { allowSkip = false, message = 'Select a project:' } = options;
     const projects = await fetchProjects();
     if (projects.length === 0) {
-        console.log(pc.yellow('No projects found.'));
+        stdout.print(pc.yellow('No projects found.'));
         return null;
     }
     const choices = projects.map((p) => ({

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

@@ -1 +1 @@
-{"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;;GAyTA"}
+{"version":3,"file":"server.d.ts","sourceRoot":"","sources":["../../src/proxy/server.ts"],"names":[],"mappings":"AAoCA,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;;GAwTA"}

package/dist/proxy/server.js

@@ -13,6 +13,7 @@ import { injectWorkbenchHtml } from './injectWorkbench.js';
 import { injectReloadScript } from './injectReload.js';
 import { injectApiInterceptor } from './injectApiInterceptor.js';
 import { WORKBENCH_CDN_ORIGIN } from '../constants.js';
+import * as stdout from '../stdout.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.
@@ -45,10 +46,10 @@ export async function startProxyServer(opts) {
     // 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');
+        stdout.print('[Workbench] Local dev mode — building workbench from source');
     }
     else {
-        console.log(`[Workbench] Installed mode — loading workbench from CDN (${WORKBENCH_CDN_ORIGIN})`);
+        stdout.print(`[Workbench] Installed mode — loading workbench from CDN (${WORKBENCH_CDN_ORIGIN})`);
     }
     const buildWorkbench = async () => {
         try {
@@ -74,14 +75,14 @@ export async function startProxyServer(opts) {
             });
             workbenchCss = cssResult.css;
             if (workbenchBundle) {
-                console.log('[Workbench] Bundle built successfully');
+                stdout.print('[Workbench] Bundle built successfully');
                 return true;
             }
-            console.warn('[Workbench] Bundle build completed but no output file found');
+            stdout.warn('[Workbench] Bundle build completed but no output file found');
             return false;
         }
         catch (err) {
-            console.warn('[Workbench] Failed to build Workbench bundle. Workbench UI will be unavailable.', err);
+            stdout.warn(`[Workbench] Failed to build Workbench bundle. Workbench UI will be unavailable. ${err instanceof Error ? err.message : String(err)}`);
             workbenchCss = null;
             return false;
         }
@@ -104,15 +105,15 @@ export async function startProxyServer(opts) {
         watcher.on('all', async () => {
             clearTimeout(rebuildTimeout);
             rebuildTimeout = setTimeout(async () => {
-                console.log('[Workbench] Files changed, rebuilding bundle...');
+                stdout.print('[Workbench] Files changed, rebuilding bundle...');
                 const success = await buildWorkbench();
                 if (success) {
                     broadcastReload();
-                    console.log('[Workbench] Bundle rebuilt and reload broadcast');
+                    stdout.print('[Workbench] Bundle rebuilt and reload broadcast');
                 }
             }, 100);
         });
-        console.log(`[Workbench] Watching ${workbenchGlob} for changes`);
+        stdout.print(`[Workbench] Watching ${workbenchGlob} for changes`);
     }
     // Serve the Workbench bundle as a static asset (local-dev mode only)
     if (localDev) {
@@ -143,13 +144,13 @@ export async function startProxyServer(opts) {
     }
     // 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);
+        stdout.print(`[/init] Intercepted GET ${opts.overrideRoute}, query: ${JSON.stringify(req.query)}`);
         try {
             // Load the generated JSON
             const raw = fs.readFileSync(opts.generatedJsonPath, 'utf8');
             const generatedJson = JSON.parse(raw);
             generatedJson.id = opts.embeddableId;
-            console.log(`[/init] Loaded local JSON, pages: ${generatedJson.pages?.length ?? 0}`);
+            stdout.print(`[/init] Loaded local JSON, pages: ${generatedJson.pages?.length ?? 0}`);
             // Create POST request body with the JSON
             const postBody = {
                 json: {
@@ -161,7 +162,7 @@ export async function startProxyServer(opts) {
             // Build the target URL with query parameters
             const queryString = new URLSearchParams(req.query).toString();
             const targetUrl = `${opts.engineOrigin}/init${queryString ? `?${queryString}` : ''}`;
-            console.log(`[/init] Forwarding to engine: POST ${targetUrl}`);
+            stdout.print(`[/init] Forwarding to engine: POST ${targetUrl}`);
             // Forward headers from original request (excluding problematic ones)
             const headers = {};
             for (const [key, value] of Object.entries(req.headers)) {
@@ -183,13 +184,13 @@ export async function startProxyServer(opts) {
             });
             // Parse and forward the response
             const responseBody = await engineResponse.json();
-            console.log(`[/init] Engine response: status=${engineResponse.status}, hasFlow=${!!responseBody?.flow}, flowPages=${responseBody?.flow?.pages?.length ?? 'N/A'}`);
+            stdout.print(`[/init] Engine response: status=${engineResponse.status}, hasFlow=${!!responseBody?.flow}, flowPages=${responseBody?.flow?.pages?.length ?? 'N/A'}`);
             res.setHeader('Content-Type', 'application/json; charset=utf-8');
             res.setHeader('Cache-Control', 'no-store');
             return res.status(engineResponse.status).send(JSON.stringify(responseBody));
         }
         catch (err) {
-            console.error('Failed to modify /init request', err);
+            stdout.error(`Failed to modify /init request: ${err instanceof Error ? err.message : String(err)}`);
             if (!res.headersSent) {
                 res.status(500).json({
                     error: 'Failed to modify /init request',
@@ -204,13 +205,13 @@ export async function startProxyServer(opts) {
     app.get('/', async (req, res, next) => {
         const host = (req.headers.host ?? '').toString();
         const isLocalhost = host.startsWith('localhost') || host.startsWith('127.0.0.1');
-        console.log(`[Workbench] GET / handler: host=${host}, isLocalhost=${isLocalhost}, url=${req.url}`);
+        stdout.print(`[Workbench] GET / handler: host=${host}, isLocalhost=${isLocalhost}, url=${req.url}`);
         if (!isLocalhost) {
-            console.log('[Workbench] Not localhost, skipping injection');
+            stdout.print('[Workbench] Not localhost, skipping injection');
             return next();
         }
         const targetUrl = `${opts.engineOrigin}${req.url}`;
-        console.log(`[Workbench] Fetching from engine: ${targetUrl}`);
+        stdout.print(`[Workbench] Fetching from engine: ${targetUrl}`);
         try {
             const headers = {};
             for (const [key, value] of Object.entries(req.headers)) {
@@ -223,19 +224,19 @@ export async function startProxyServer(opts) {
             }
             const engineRes = await fetch(targetUrl, { method: 'GET', headers });
             const contentType = engineRes.headers.get('content-type') ?? '';
-            console.log(`[Workbench] Engine response: status=${engineRes.status}, content-type=${contentType}`);
+            stdout.print(`[Workbench] Engine response: status=${engineRes.status}, content-type=${contentType}`);
             if (!contentType.includes('text/html')) {
-                console.log('[Workbench] Not HTML, proxying normally');
+                stdout.print('[Workbench] Not HTML, proxying normally');
                 return next();
             }
             const html = await engineRes.text();
-            console.log(`[Workbench] Got HTML (${html.length} chars), injecting Workbench...`);
+            stdout.print(`[Workbench] Got HTML (${html.length} chars), injecting Workbench...`);
             let modifiedHtml = html;
             // If proxying to a remote engine, inject API interceptor to rewrite absolute URLs
             const isRemoteEngine = !opts.engineOrigin.includes('localhost') && !opts.engineOrigin.includes('127.0.0.1');
             if (isRemoteEngine) {
                 modifiedHtml = injectApiInterceptor(modifiedHtml, opts.engineOrigin);
-                console.log(`[Workbench] Injected API interceptor for ${opts.engineOrigin}`);
+                stdout.print(`[Workbench] Injected API interceptor for ${opts.engineOrigin}`);
             }
             modifiedHtml = injectReloadScript(modifiedHtml);
             const includeWorkbench = req.query?.workbench !== 'false';
@@ -248,13 +249,13 @@ export async function startProxyServer(opts) {
             else {
                 console.log('[Workbench] Skipping workbench (workbench=false in URL)');
             }
-            console.log(`[Workbench] Injection complete (${modifiedHtml.length} chars), sending response`);
+            stdout.print(`[Workbench] Injection complete (${modifiedHtml.length} chars), sending response`);
             res.setHeader('Content-Type', 'text/html; charset=utf-8');
             res.setHeader('Cache-Control', engineRes.headers.get('cache-control') ?? 'no-store');
             res.status(engineRes.status).send(modifiedHtml);
         }
         catch (err) {
-            console.error('[Workbench] Error fetching/injecting HTML:', err);
+            stdout.error(`[Workbench] Error fetching/injecting HTML: ${err instanceof Error ? err.message : String(err)}`);
             next();
         }
     });
@@ -265,7 +266,7 @@ export async function startProxyServer(opts) {
         ws: true,
         on: {
             proxyReq: (proxyReq, req) => {
-                console.log(`[Proxy] ${req.method} ${req.url} → ${opts.engineOrigin}${req.url}`);
+                stdout.print(`[Proxy] ${req.method} ${req.url} → ${opts.engineOrigin}${req.url}`);
             },
             error: (err, req, res) => {
                 // ECONNRESET/ECONNABORTED often happen when the client navigates away or the
@@ -273,10 +274,10 @@ export async function startProxyServer(opts) {
                 const code = err?.code ?? err?.errno;
                 const isConnectionClosed = code === 'ECONNRESET' || code === 'ECONNABORTED' || code === -54;
                 if (isConnectionClosed) {
-                    console.log('[Proxy] Connection closed (client or upstream):', err.message);
+                    stdout.print(`[Proxy] Connection closed (client or upstream): ${err.message}`);
                 }
                 else {
-                    console.error('[Proxy] Error proxying request:', err);
+                    stdout.error(`[Proxy] Error proxying request: ${err instanceof Error ? err.message : String(err)}`);
                 }
                 if (!res.headersSent) {
                     res.status(500).send('Proxy error');
@@ -285,16 +286,16 @@ export async function startProxyServer(opts) {
         },
     }));
     app.listen(opts.port, () => {
-        console.log(`Dev proxy: http://localhost:${opts.port}`);
-        console.log(` → Engine: ${opts.engineOrigin}`);
-        console.log(`Override route: GET ${opts.overrideRoute}`);
-        console.log(`Serving: ${opts.generatedJsonPath}`);
-        console.log(`Reload SSE: /__embeddables_reload`);
+        stdout.print(`Dev proxy: http://localhost:${opts.port}`);
+        stdout.print(` → Engine: ${opts.engineOrigin}`);
+        stdout.print(`Override route: GET ${opts.overrideRoute}`);
+        stdout.print(`Serving: ${opts.generatedJsonPath}`);
+        stdout.print(`Reload SSE: /__embeddables_reload`);
         if (localDev) {
-            console.log(`Workbench: built from local source`);
+            stdout.print(`Workbench: built from local source`);
         }
         else {
-            console.log(`Workbench: served from ${WORKBENCH_CDN_ORIGIN}`);
+            stdout.print(`Workbench: served from ${WORKBENCH_CDN_ORIGIN}`);
         }
     });
     return { broadcastReload };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@embeddables/cli",
-  "version": "0.6.10",
+  "version": "0.7.0",
   "type": "module",
   "bin": {
     "embeddables": "./bin/embeddables.mjs"
@@ -51,6 +51,7 @@
     "@babel/generator": "^7.28.6",
     "@babel/parser": "^7.26.0",
     "@babel/traverse": "^7.26.0",
+    "@sentry/node": "^10.39.0",
     "@supabase/supabase-js": "^2.39.0",
     "@tailwindcss/postcss": "^4.1.18",
     "autoprefixer": "^10.4.23",