@embeddables/cli 0.1.0 → 0.3.0

package/dist/prompts/branches.js

@@ -0,0 +1,89 @@
+import pc from 'picocolors';
+import prompts from 'prompts';
+import { getAuthenticatedSupabaseClient } from '../auth/index.js';
+import { BranchStatus } from '../constants.js';
+import { formatDate } from '../helpers/dates.js';
+/**
+ * Fetch all branches for an embeddable from Supabase
+ */
+export async function fetchBranches(flowId) {
+    const supabase = await getAuthenticatedSupabaseClient();
+    if (!supabase) {
+        return [];
+    }
+    try {
+        const { data, error } = await supabase
+            .from('branches')
+            .select('id, name, status, created_at, origin_version, origin_branch')
+            .eq('flow_id', flowId)
+            .order('created_at', { ascending: false });
+        if (error) {
+            console.warn(pc.yellow(`Could not fetch branches: ${error.message}`));
+            return [];
+        }
+        return (data || []).map((row) => ({
+            id: row.id,
+            name: row.name,
+            status: row.status,
+            created_at: row.created_at,
+            origin_version: row.origin_version,
+            origin_branch: row.origin_branch,
+        }));
+    }
+    catch (err) {
+        console.warn(pc.yellow(`Could not fetch branches: ${err}`));
+        return [];
+    }
+}
+/**
+ * Prompt the user to select a branch
+ * Returns null if user selects "main" or cancels
+ * The "main" option is always included at the top
+ */
+export async function promptForBranch(branches) {
+    // Separate active and merged branches
+    const activeBranches = branches.filter((b) => b.status === BranchStatus.ACTIVE);
+    const mergedBranches = branches.filter((b) => b.status === BranchStatus.MERGED);
+    const choices = [];
+    // Add "main" option first
+    choices.push({
+        title: pc.bold('main'),
+        value: 'main',
+        description: 'Latest published version',
+    });
+    // Add active branches
+    for (const branch of activeBranches) {
+        const date = formatDate(branch.created_at);
+        choices.push({
+            title: branch.name,
+            value: branch.id,
+            description: `Active · Created ${date}`,
+        });
+    }
+    // Add merged branches (dimmed)
+    for (const branch of mergedBranches) {
+        const date = formatDate(branch.created_at);
+        choices.push({
+            title: pc.dim(branch.name),
+            value: branch.id,
+            description: pc.dim(`Merged · Created ${date}`),
+        });
+    }
+    const response = await prompts({
+        type: 'autocomplete',
+        name: 'branchId',
+        message: 'Select a branch:',
+        choices,
+        suggest: (input, choices) => Promise.resolve(choices.filter((c) => c.value === 'main' ||
+            (c.title?.toLowerCase().includes(input.toLowerCase()) ?? false) ||
+            String(c.value).toLowerCase().includes(input.toLowerCase()))),
+    }, {
+        onCancel: () => {
+            process.exit(0);
+        },
+    });
+    if (!response.branchId || response.branchId === 'main') {
+        return null;
+    }
+    return branches.find((b) => b.id === response.branchId) || null;
+}

package/dist/prompts/embeddables.d.ts

@@ -0,0 +1,41 @@
+export interface EmbeddableInfo {
+    id: string;
+    title: string | null;
+}
+export interface EmbeddableMetadata {
+    title: string | null;
+    archived: boolean;
+    created_at: string | null;
+}
+export interface LocalEmbeddable {
+    id: string;
+    title: string | null;
+}
+export interface PromptForEmbeddableOptions {
+    /** Custom message for the prompt */
+    message?: string;
+}
+/**
+ * Fetch all embeddables for a project from Supabase
+ */
+export declare function fetchProjectEmbeddables(projectId: string): Promise<EmbeddableInfo[]>;
+/**
+ * Fetch metadata for a single embeddable from the flows table.
+ * Returns title, archived, and created_at from the DB (not from the version-specific embeddable.json).
+ */
+export declare function fetchEmbeddableMetadata(embeddableId: string): Promise<EmbeddableMetadata | null>;
+/**
+ * Prompt the user to select an embeddable from a project
+ * Returns null if no embeddables found or user cancels
+ */
+export declare function promptForEmbeddable(projectId: string, options?: PromptForEmbeddableOptions): Promise<string | null>;
+/**
+ * Discover embeddables in the local embeddables/ directory
+ */
+export declare function discoverLocalEmbeddables(): Promise<LocalEmbeddable[]>;
+/**
+ * Prompt the user to select a local embeddable
+ * Returns null if no embeddables found or user cancels
+ */
+export declare function promptForLocalEmbeddable(options?: PromptForEmbeddableOptions): Promise<string | null>;
+//# sourceMappingURL=embeddables.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"embeddables.d.ts","sourceRoot":"","sources":["../../src/prompts/embeddables.ts"],"names":[],"mappings":"AAMA,MAAM,WAAW,cAAc;IAC7B,EAAE,EAAE,MAAM,CAAA;IACV,KAAK,EAAE,MAAM,GAAG,IAAI,CAAA;CACrB;AAED,MAAM,WAAW,kBAAkB;IACjC,KAAK,EAAE,MAAM,GAAG,IAAI,CAAA;IACpB,QAAQ,EAAE,OAAO,CAAA;IACjB,UAAU,EAAE,MAAM,GAAG,IAAI,CAAA;CAC1B;AAED,MAAM,WAAW,eAAe;IAC9B,EAAE,EAAE,MAAM,CAAA;IACV,KAAK,EAAE,MAAM,GAAG,IAAI,CAAA;CACrB;AAED,MAAM,WAAW,0BAA0B;IACzC,oCAAoC;IACpC,OAAO,CAAC,EAAE,MAAM,CAAA;CACjB;AAED;;GAEG;AACH,wBAAsB,uBAAuB,CAAC,SAAS,EAAE,MAAM,GAAG,OAAO,CAAC,cAAc,EAAE,CAAC,CA0B1F;AAED;;;GAGG;AACH,wBAAsB,uBAAuB,CAC3C,YAAY,EAAE,MAAM,GACnB,OAAO,CAAC,kBAAkB,GAAG,IAAI,CAAC,CA2BpC;AAED;;;GAGG;AACH,wBAAsB,mBAAmB,CACvC,SAAS,EAAE,MAAM,EACjB,OAAO,GAAE,0BAA+B,GACvC,OAAO,CAAC,MAAM,GAAG,IAAI,CAAC,CAuCxB;AAED;;GAEG;AACH,wBAAsB,wBAAwB,IAAI,OAAO,CAAC,eAAe,EAAE,CAAC,CAqC3E;AAED;;;GAGG;AACH,wBAAsB,wBAAwB,CAC5C,OAAO,GAAE,0BAA+B,GACvC,OAAO,CAAC,MAAM,GAAG,IAAI,CAAC,CAuCxB"}

package/dist/prompts/embeddables.js

@@ -0,0 +1,161 @@
+import fs from 'node:fs';
+import path from 'node:path';
+import pc from 'picocolors';
+import prompts from 'prompts';
+import { getAuthenticatedSupabaseClient } from '../auth/index.js';
+/**
+ * Fetch all embeddables for a project from Supabase
+ */
+export async function fetchProjectEmbeddables(projectId) {
+    const supabase = await getAuthenticatedSupabaseClient();
+    if (!supabase) {
+        return [];
+    }
+    try {
+        const { data, error } = await supabase
+            .from('flows')
+            .select('id, title')
+            .eq('project_id', projectId)
+            .order('title', { ascending: true });
+        if (error) {
+            console.warn(pc.yellow(`Could not fetch embeddables: ${error.message}`));
+            return [];
+        }
+        return (data || []).map((row) => ({
+            id: row.id,
+            title: row.title || null,
+        }));
+    }
+    catch (err) {
+        console.warn(pc.yellow(`Could not fetch embeddables: ${err}`));
+        return [];
+    }
+}
+/**
+ * Fetch metadata for a single embeddable from the flows table.
+ * Returns title, archived, and created_at from the DB (not from the version-specific embeddable.json).
+ */
+export async function fetchEmbeddableMetadata(embeddableId) {
+    const supabase = await getAuthenticatedSupabaseClient();
+    if (!supabase) {
+        return null;
+    }
+    try {
+        const { data, error } = await supabase
+            .from('flows')
+            .select('title, archived, created_at')
+            .eq('id', embeddableId)
+            .single();
+        if (error) {
+            console.warn(pc.yellow(`Could not fetch embeddable metadata: ${error.message}`));
+            return null;
+        }
+        return {
+            title: data.title || null,
+            archived: data.archived ?? false,
+            created_at: data.created_at || null,
+        };
+    }
+    catch (err) {
+        console.warn(pc.yellow(`Could not fetch embeddable metadata: ${err}`));
+        return null;
+    }
+}
+/**
+ * Prompt the user to select an embeddable from a project
+ * Returns null if no embeddables found or user cancels
+ */
+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.'));
+        return null;
+    }
+    const choices = embeddables.map((e) => ({
+        title: e.title || e.id,
+        description: e.id,
+        value: e.id,
+    }));
+    const response = await prompts({
+        type: 'autocomplete',
+        name: 'id',
+        message,
+        choices,
+        suggest: (input, choices) => Promise.resolve(choices.filter((c) => (c.title?.toLowerCase().includes(input.toLowerCase()) ?? false) ||
+            String(c.value).toLowerCase().includes(input.toLowerCase()))),
+    }, {
+        onCancel: () => {
+            process.exit(0);
+        },
+    });
+    return response.id || null;
+}
+/**
+ * Discover embeddables in the local embeddables/ directory
+ */
+export async function discoverLocalEmbeddables() {
+    const embeddablesDir = 'embeddables';
+    if (!fs.existsSync(embeddablesDir)) {
+        return [];
+    }
+    const entries = fs.readdirSync(embeddablesDir, { withFileTypes: true });
+    const embeddables = [];
+    for (const entry of entries) {
+        if (!entry.isDirectory())
+            continue;
+        const id = entry.name;
+        const metadataPath = path.join(embeddablesDir, id, 'metadata.json');
+        let title = null;
+        if (fs.existsSync(metadataPath)) {
+            try {
+                const metadata = JSON.parse(fs.readFileSync(metadataPath, 'utf-8'));
+                title = metadata.title || null;
+            }
+            catch {
+                // Ignore JSON parse errors
+            }
+        }
+        embeddables.push({ id, title });
+    }
+    // Sort by title first, then by id
+    return embeddables.sort((a, b) => {
+        if (a.title && !b.title)
+            return -1;
+        if (!a.title && b.title)
+            return 1;
+        const aLabel = a.title || a.id;
+        const bLabel = b.title || b.id;
+        return aLabel.localeCompare(bLabel);
+    });
+}
+/**
+ * Prompt the user to select a local embeddable
+ * Returns null if no embeddables found or user cancels
+ */
+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.'));
+        return null;
+    }
+    const choices = embeddables.map((e) => ({
+        title: e.title ? `${e.title} (${e.id})` : e.id,
+        value: e.id,
+    }));
+    const response = await prompts({
+        type: 'autocomplete',
+        name: 'id',
+        message,
+        choices,
+        suggest: (input, choices) => Promise.resolve(choices.filter((c) => (c.title?.toLowerCase().includes(input.toLowerCase()) ?? false) ||
+            String(c.value).toLowerCase().includes(input.toLowerCase()))),
+    }, {
+        onCancel: () => {
+            process.exit(0);
+        },
+    });
+    return response.id || null;
+}

package/dist/prompts/index.d.ts

@@ -0,0 +1,7 @@
+export { fetchProjects, promptForProject } from './projects.js';
+export type { ProjectInfo, PromptForProjectOptions } from './projects.js';
+export { fetchProjectEmbeddables, fetchEmbeddableMetadata, promptForEmbeddable, discoverLocalEmbeddables, promptForLocalEmbeddable, } from './embeddables.js';
+export type { EmbeddableInfo, EmbeddableMetadata, LocalEmbeddable, PromptForEmbeddableOptions, } from './embeddables.js';
+export { fetchBranches, promptForBranch } from './branches.js';
+export type { BranchInfo } from './branches.js';
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/prompts/index.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,aAAa,EAAE,gBAAgB,EAAE,MAAM,eAAe,CAAA;AAC/D,YAAY,EAAE,WAAW,EAAE,uBAAuB,EAAE,MAAM,eAAe,CAAA;AAEzE,OAAO,EACL,uBAAuB,EACvB,uBAAuB,EACvB,mBAAmB,EACnB,wBAAwB,EACxB,wBAAwB,GACzB,MAAM,kBAAkB,CAAA;AACzB,YAAY,EACV,cAAc,EACd,kBAAkB,EAClB,eAAe,EACf,0BAA0B,GAC3B,MAAM,kBAAkB,CAAA;AAEzB,OAAO,EAAE,aAAa,EAAE,eAAe,EAAE,MAAM,eAAe,CAAA;AAC9D,YAAY,EAAE,UAAU,EAAE,MAAM,eAAe,CAAA"}

package/dist/prompts/index.js

@@ -0,0 +1,4 @@
+// Centralized prompts for CLI commands
+export { fetchProjects, promptForProject } from './projects.js';
+export { fetchProjectEmbeddables, fetchEmbeddableMetadata, promptForEmbeddable, discoverLocalEmbeddables, promptForLocalEmbeddable, } from './embeddables.js';
+export { fetchBranches, promptForBranch } from './branches.js';

package/dist/prompts/projects.d.ts

@@ -0,0 +1,22 @@
+export interface ProjectInfo {
+    id: string;
+    title: string | null;
+    org_id: string | null;
+    org_title: string | null;
+}
+export interface PromptForProjectOptions {
+    /** Include a "Skip for now" option (default: false) */
+    allowSkip?: boolean;
+    /** Custom message for the prompt (default: "Select a project:") */
+    message?: string;
+}
+/**
+ * Fetch all non-archived projects from Supabase
+ */
+export declare function fetchProjects(): Promise<ProjectInfo[]>;
+/**
+ * Prompt the user to select a project from the list
+ * Returns null if no projects found, user cancels, or user selects "skip"
+ */
+export declare function promptForProject(options?: PromptForProjectOptions): Promise<ProjectInfo | null>;
+//# sourceMappingURL=projects.d.ts.map

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

@@ -0,0 +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"}

package/dist/prompts/projects.js

@@ -0,0 +1,85 @@
+import pc from 'picocolors';
+import prompts from 'prompts';
+import { getAuthenticatedSupabaseClient } from '../auth/index.js';
+/**
+ * Fetch all non-archived projects from Supabase
+ */
+export async function fetchProjects() {
+    const supabase = await getAuthenticatedSupabaseClient();
+    if (!supabase) {
+        return [];
+    }
+    try {
+        const { data, error } = await supabase
+            .from('projects')
+            .select(`
+        id,
+        title,
+        group_id,
+        groups (
+          title
+        )
+      `)
+            .not('archived', 'is', 'true')
+            .order('title', { ascending: true });
+        if (error) {
+            console.warn(pc.yellow(`Could not fetch projects: ${error.message}`));
+            return [];
+        }
+        return (data || []).map((row) => ({
+            id: row.id,
+            title: row.title || null,
+            org_id: row.group_id || null,
+            org_title: 
+            // For some reason, I can't get Supabase typings to return this as an object
+            // (not an array of objects) so I have to convert it manually
+            row.groups?.title || null,
+        }));
+    }
+    catch (err) {
+        console.warn(pc.yellow(`Could not fetch projects: ${err}`));
+        return [];
+    }
+}
+/**
+ * Prompt the user to select a project from the list
+ * Returns null if no projects found, user cancels, or user selects "skip"
+ */
+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.'));
+        return null;
+    }
+    const choices = projects.map((p) => ({
+        title: p.title || p.id,
+        description: p.org_title ? `${p.org_title} (${p.id})` : p.id,
+        value: p.id,
+    }));
+    if (allowSkip) {
+        choices.push({
+            title: pc.dim('Skip for now'),
+            description: 'You can set this later',
+            value: '__skip__',
+        });
+    }
+    const response = await prompts({
+        type: 'autocomplete',
+        name: 'id',
+        message,
+        choices,
+        suggest: (input, choices) => Promise.resolve(choices.filter((c) => c.value === '__skip__' ||
+            (c.title?.toLowerCase().includes(input.toLowerCase()) ?? false) ||
+            String(c.value).toLowerCase().includes(input.toLowerCase()) ||
+            c.description?.toLowerCase().includes(input.toLowerCase()))),
+    }, {
+        onCancel: () => {
+            process.exit(0);
+        },
+    });
+    if (!response.id || response.id === '__skip__') {
+        return null;
+    }
+    return projects.find((p) => p.id === response.id) || null;
+}

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

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

package/dist/proxy/server.js

@@ -1,6 +1,7 @@
 import express from 'express';
 import fs from 'node:fs';
 import path from 'node:path';
+import { fileURLToPath } from 'node:url';
 import { createProxyMiddleware } from 'http-proxy-middleware';
 import * as esbuild from 'esbuild';
 import chokidar from 'chokidar';
@@ -11,12 +12,17 @@ import { attachSse } from './sse.js';
 import { injectWorkbenchHtml } from './injectWorkbench.js';
 import { injectReloadScript } from './injectReload.js';
 import { injectApiInterceptor } from './injectApiInterceptor.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, '..', '..');
 export async function startProxyServer(opts) {
     const app = express();
-    // Use path relative to project root (where package.json lives)
-    const workbenchEntry = path.join(process.cwd(), 'src', 'workbench', 'index.tsx');
-    const workbenchDir = path.join(process.cwd(), 'src', 'workbench');
-    const workbenchCssEntry = path.join(process.cwd(), 'src', 'workbench', 'workbench.css');
+    // 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;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@embeddables/cli",
-  "version": "0.1.0",
+  "version": "0.3.0",
   "type": "module",
   "bin": {
     "embeddables": "./bin/embeddables.mjs"
@@ -24,6 +24,7 @@
   "files": [
     "bin",
     "dist",
+    ".cursor",
     "README.md"
   ],
   "engines": {
@@ -47,19 +48,22 @@
     "@babel/parser": "^7.26.0",
     "@babel/traverse": "^7.26.0",
     "@supabase/supabase-js": "^2.39.0",
+    "@tailwindcss/postcss": "^4.1.18",
+    "autoprefixer": "^10.4.23",
     "chokidar": "^3.6.0",
     "commander": "^12.1.0",
     "cssjson": "^2.1.3",
+    "esbuild": "^0.25.0",
     "express": "^4.19.2",
     "fast-glob": "^3.3.2",
     "http-proxy-middleware": "^3.0.3",
     "picocolors": "^1.1.0",
+    "postcss": "^8.5.6",
     "prompts": "^2.4.2",
     "react": "^19.2.3",
     "react-dom": "^19.2.3"
   },
   "devDependencies": {
-    "@tailwindcss/postcss": "^4.1.18",
     "@types/babel__generator": "^7.27.0",
     "@types/babel__traverse": "^7.28.0",
     "@types/express": "^4.17.21",
@@ -67,9 +71,6 @@
     "@types/prompts": "^2.4.9",
     "@types/react": "^19.2.8",
     "@vitest/coverage-v8": "^2.1.8",
-    "autoprefixer": "^10.4.23",
-    "esbuild": "^0.25.0",
-    "postcss": "^8.5.6",
     "prettier": "^3.8.1",
     "tailwindcss": "^4.1.18",
     "tsx": "^4.19.2",