@embeddables/cli 0.2.0 → 0.3.1

package/dist/commands/save.js

@@ -0,0 +1,269 @@
+import fs from 'node:fs';
+import path from 'node:path';
+import pc from 'picocolors';
+import prompts from 'prompts';
+import { getAccessToken, isLoggedIn } from '../auth/index.js';
+import { getProjectId, writeProjectConfig } from '../config/index.js';
+import { compileAllPages } from '../compiler/index.js';
+import { formatError } from '../compiler/errors.js';
+import { promptForLocalEmbeddable, promptForProject } from '../prompts/index.js';
+import { WEB_APP_BASE_URL } from '../constants.js';
+/**
+ * Read `_version` from config.json for the given embeddable.
+ */
+function getVersionFromConfig(embeddableId) {
+    const configPath = path.join('embeddables', embeddableId, 'config.json');
+    if (!fs.existsSync(configPath)) {
+        return null;
+    }
+    try {
+        const config = JSON.parse(fs.readFileSync(configPath, 'utf8'));
+        if (typeof config._version === 'number') {
+            return config._version;
+        }
+    }
+    catch {
+        // Ignore parse errors
+    }
+    return null;
+}
+/**
+ * Update `_version` in config.json for the given embeddable.
+ */
+function setVersionInConfig(embeddableId, version) {
+    const configPath = path.join('embeddables', embeddableId, 'config.json');
+    if (!fs.existsSync(configPath)) {
+        return;
+    }
+    try {
+        const config = JSON.parse(fs.readFileSync(configPath, 'utf8'));
+        config._version = version;
+        fs.writeFileSync(configPath, JSON.stringify(config, null, 2), 'utf8');
+    }
+    catch {
+        // Ignore errors - versioned files are a fallback
+    }
+}
+/**
+ * Scan the .generated/ directory for versioned files (embeddable-v*.json)
+ * and return the highest version number found.
+ */
+function getLatestVersionFromFiles(generatedDir) {
+    if (!fs.existsSync(generatedDir)) {
+        return null;
+    }
+    const files = fs.readdirSync(generatedDir);
+    const versionPattern = /^embeddable-v(\d+)\.json$/;
+    let maxVersion = null;
+    for (const file of files) {
+        const match = file.match(versionPattern);
+        if (match) {
+            const version = parseInt(match[1], 10);
+            if (maxVersion === null || version > maxVersion) {
+                maxVersion = version;
+            }
+        }
+    }
+    return maxVersion;
+}
+export async function runSave(opts) {
+    // 1. Check login
+    if (!isLoggedIn()) {
+        console.error(pc.red('Not logged in.'));
+        console.log(pc.gray('Run "embeddables login" first.'));
+        process.exit(1);
+    }
+    // 2. Get access token
+    const accessToken = getAccessToken();
+    if (!accessToken) {
+        console.error(pc.red('Could not retrieve access token.'));
+        console.log(pc.gray('Run "embeddables login" to re-authenticate.'));
+        process.exit(1);
+    }
+    // 3. Get embeddable ID (from option or interactive prompt)
+    let embeddableId = opts.id;
+    if (!embeddableId) {
+        const selected = await promptForLocalEmbeddable({
+            message: 'Select an embeddable to save:',
+        });
+        if (!selected) {
+            process.exit(1);
+        }
+        embeddableId = selected;
+        console.log('');
+    }
+    // 4. Get project ID (from config or interactive prompt)
+    let projectId = getProjectId();
+    if (!projectId) {
+        console.log(pc.cyan('No project configured. Fetching projects...'));
+        const selectedProject = await promptForProject();
+        if (!selectedProject) {
+            process.exit(1);
+        }
+        projectId = selectedProject.id;
+        writeProjectConfig({
+            org_id: selectedProject.org_id || undefined,
+            org_title: selectedProject.org_title || undefined,
+            project_id: projectId,
+            project_name: selectedProject.title || undefined,
+        });
+        console.log(pc.green('✓ Saved project to embeddables.json'));
+        console.log('');
+    }
+    // 5. Build (compile TSX → JSON) unless --skip-build is set
+    const generatedDir = path.join('embeddables', embeddableId, '.generated');
+    const outPath = path.join(generatedDir, 'embeddable.json');
+    if (!opts.skipBuild) {
+        const pagesGlob = `embeddables/${embeddableId}/pages/**/*.page.tsx`;
+        const stylesDir = path.join('embeddables', embeddableId, 'styles');
+        const configPath = path.join('embeddables', embeddableId, 'config.json');
+        console.log(pc.cyan('Building embeddable...'));
+        try {
+            await compileAllPages({
+                pagesGlob,
+                outPath,
+                pageKeyFrom: 'filename',
+                stylesDir,
+                embeddableId,
+                configPath,
+            });
+        }
+        catch (e) {
+            console.error(formatError(e));
+            process.exit(1);
+        }
+        console.log(pc.green('✓ Build successful'));
+        console.log('');
+    }
+    // 6. Read the compiled JSON
+    if (!fs.existsSync(outPath)) {
+        console.error(pc.red(`No compiled embeddable found at ${outPath}`));
+        console.log(pc.gray('Run "embeddables build" or "embeddables pull" first.'));
+        process.exit(1);
+    }
+    const jsonContent = fs.readFileSync(outPath, 'utf8');
+    let embeddableJson;
+    try {
+        embeddableJson = JSON.parse(jsonContent);
+    }
+    catch {
+        console.error(pc.red('Failed to parse embeddable JSON.'));
+        process.exit(1);
+    }
+    // Validate that pages array exists and is non-empty
+    if (!embeddableJson.pages ||
+        !Array.isArray(embeddableJson.pages) ||
+        embeddableJson.pages.length === 0) {
+        console.error(pc.red('Embeddable JSON must contain a non-empty pages array.'));
+        process.exit(1);
+    }
+    // 7. Determine fromVersionNumber
+    let fromVersionNumber;
+    if (opts.fromVersion) {
+        fromVersionNumber = parseInt(opts.fromVersion, 10);
+        if (isNaN(fromVersionNumber)) {
+            console.error(pc.red(`Invalid --from-version value: ${opts.fromVersion}`));
+            process.exit(1);
+        }
+    }
+    else {
+        // Primary: read _version from config.json; fallback: scan .generated/ for versioned files
+        const detectedVersion = getVersionFromConfig(embeddableId) ?? getLatestVersionFromFiles(generatedDir);
+        if (detectedVersion === null) {
+            console.error(pc.red('Could not determine the current version number.'));
+            console.log(pc.gray('Make sure you have pulled the embeddable first (embeddables pull), or specify --from-version <number>.'));
+            process.exit(1);
+        }
+        fromVersionNumber = detectedVersion;
+    }
+    // 8. POST to save-version API
+    console.log(pc.cyan(`Saving embeddable (based on v${fromVersionNumber})...`));
+    const body = {
+        embeddableId,
+        jsonString: JSON.stringify(embeddableJson),
+        projectId,
+        fromVersionNumber,
+    };
+    if (opts.label) {
+        body.label = opts.label;
+    }
+    if (opts.branch) {
+        body.branchId = opts.branch;
+    }
+    const url = `${WEB_APP_BASE_URL}/api/embeddables/save-version`;
+    const headers = {
+        Authorization: `Bearer ${accessToken}`,
+        'Content-Type': 'application/json',
+    };
+    try {
+        const response = await fetch(url, {
+            method: 'POST',
+            headers,
+            body: JSON.stringify(body),
+        });
+        if (response.status === 409) {
+            const conflictResult = (await response.json());
+            console.log('');
+            console.warn(pc.yellow(`⚠ Version conflict: the server has version ${conflictResult.latestVersionNumber}, but you are saving from version ${conflictResult.yourVersionNumber}.`));
+            const { forceSave } = await prompts({
+                type: 'confirm',
+                name: 'forceSave',
+                message: 'A newer version exists on the server. Save anyway?',
+                initial: false,
+            }, {
+                onCancel: () => {
+                    process.exit(1);
+                },
+            });
+            if (!forceSave) {
+                console.log(pc.gray('Save cancelled.'));
+                process.exit(0);
+            }
+            // Retry with force flag
+            console.log(pc.cyan('Retrying save with force...'));
+            const forceResponse = await fetch(url, {
+                method: 'POST',
+                headers,
+                body: JSON.stringify({ ...body, force: true }),
+            });
+            const forceResult = (await forceResponse.json());
+            if (!forceResponse.ok) {
+                const errorResult = forceResult;
+                throw new Error(errorResult.error || `HTTP ${forceResponse.status}`);
+            }
+            const successResult = forceResult;
+            const { newVersionNumber } = successResult.data;
+            console.log(pc.green(`✓ Saved as version ${newVersionNumber}`));
+            setVersionInConfig(embeddableId, newVersionNumber);
+            const versionedPath = path.join(generatedDir, `embeddable-v${newVersionNumber}.json`);
+            fs.mkdirSync(generatedDir, { recursive: true });
+            fs.writeFileSync(versionedPath, jsonContent, 'utf8');
+            console.log(pc.cyan(`✓ Saved version file to ${versionedPath}`));
+            return;
+        }
+        const result = (await response.json());
+        if (!response.ok) {
+            const errorResult = result;
+            throw new Error(errorResult.error || `HTTP ${response.status}`);
+        }
+        const successResult = result;
+        const { newVersionNumber } = successResult.data;
+        console.log(pc.green(`✓ Saved as version ${newVersionNumber}`));
+        // Update _version in config.json so future saves know the base version
+        setVersionInConfig(embeddableId, newVersionNumber);
+        // Also save the versioned file to .generated/ as a snapshot
+        const versionedPath = path.join(generatedDir, `embeddable-v${newVersionNumber}.json`);
+        fs.mkdirSync(generatedDir, { recursive: true });
+        fs.writeFileSync(versionedPath, jsonContent, 'utf8');
+        console.log(pc.cyan(`✓ Saved version file to ${versionedPath}`));
+    }
+    catch (error) {
+        if (error instanceof Error) {
+            console.error(pc.red(`Save failed: ${error.message}`));
+        }
+        else {
+            console.error(pc.red('Save failed with an unexpected error.'));
+        }
+        process.exit(1);
+    }
+}

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/compiler/index.ts"],"names":[],"mappings":"AA+CA;;;;;GAKG;AACH,wBAAgB,wBAAwB,CAAC,MAAM,EAAE,OAAO,EAAE,MAAM,EAAE,OAAO,GAAG,OAAO,CA2DlF;AAED,wBAAsB,eAAe,CAAC,IAAI,EAAE;IAC1C,SAAS,EAAE,MAAM,CAAA;IACjB,OAAO,EAAE,MAAM,CAAA;IACf,WAAW,EAAE,UAAU,GAAG,QAAQ,CAAA;IAClC,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,UAAU,CAAC,EAAE,MAAM,CAAA;CACpB,iBA8WA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/compiler/index.ts"],"names":[],"mappings":"AA+CA;;;;;GAKG;AACH,wBAAgB,wBAAwB,CAAC,MAAM,EAAE,OAAO,EAAE,MAAM,EAAE,OAAO,GAAG,OAAO,CA2DlF;AAED,wBAAsB,eAAe,CAAC,IAAI,EAAE;IAC1C,SAAS,EAAE,MAAM,CAAA;IACjB,OAAO,EAAE,MAAM,CAAA;IACf,WAAW,EAAE,UAAU,GAAG,QAAQ,CAAA;IAClC,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,UAAU,CAAC,EAAE,MAAM,CAAA;CACpB,iBAiXA"}

package/dist/compiler/index.js

@@ -329,6 +329,10 @@ export async function compileAllPages(opts) {
                 // Skip styles from config - they will be added from compiled CSS files later
                 continue;
             }
+            else if (key === '_version') {
+                // Skip _version - this is CLI metadata (tracked version number), not part of the embeddable
+                continue;
+            }
             else if (key === 'computedFields') {
                 // Replace computedFields with loaded computedFields (which include code)
                 if (computedFields.length > 0) {

package/dist/compiler/reverse.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"reverse.d.ts","sourceRoot":"","sources":["../../src/compiler/reverse.ts"],"names":[],"mappings":"AAOA,OAAO,KAAK,EAAE,QAAQ,EAAiB,MAAM,YAAY,CAAA;AAihBzD,wBAAsB,cAAc,CAClC,UAAU,EAAE;IACV,EAAE,CAAC,EAAE,MAAM,CAAA;IACX,KAAK,EAAE,QAAQ,EAAE,CAAA;IACjB,MAAM,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,CAAA;IAC5B,cAAc,CAAC,EAAE,GAAG,EAAE,CAAA;IACtB,WAAW,CAAC,EAAE,GAAG,EAAE,CAAA;IACnB,UAAU,CAAC,EAAE,GAAG,EAAE,CAAA;IAClB,CAAC,GAAG,EAAE,MAAM,GAAG,GAAG,CAAA;CACnB,EACD,YAAY,EAAE,MAAM,EACpB,IAAI,CAAC,EAAE;IAAE,GAAG,CAAC,EAAE,OAAO,CAAA;CAAE,iBAmDzB;AA0yCD;;GAEG;AACH,wBAAgB,gBAAgB,CAAC,GAAG,EAAE,MAAM,GAAG,MAAM,CAKpD"}
+{"version":3,"file":"reverse.d.ts","sourceRoot":"","sources":["../../src/compiler/reverse.ts"],"names":[],"mappings":"AAOA,OAAO,KAAK,EAAE,QAAQ,EAAiB,MAAM,YAAY,CAAA;AAihBzD,wBAAsB,cAAc,CAClC,UAAU,EAAE;IACV,EAAE,CAAC,EAAE,MAAM,CAAA;IACX,KAAK,EAAE,QAAQ,EAAE,CAAA;IACjB,MAAM,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,CAAA;IAC5B,cAAc,CAAC,EAAE,GAAG,EAAE,CAAA;IACtB,WAAW,CAAC,EAAE,GAAG,EAAE,CAAA;IACnB,UAAU,CAAC,EAAE,GAAG,EAAE,CAAA;IAClB,CAAC,GAAG,EAAE,MAAM,GAAG,GAAG,CAAA;CACnB,EACD,YAAY,EAAE,MAAM,EACpB,IAAI,CAAC,EAAE;IAAE,GAAG,CAAC,EAAE,OAAO,CAAA;CAAE,iBAmDzB;AAoyCD;;GAEG;AACH,wBAAgB,gBAAgB,CAAC,GAAG,EAAE,MAAM,GAAG,MAAM,CAKpD"}

package/dist/compiler/reverse.js

@@ -578,13 +578,10 @@ function generateTSX(page, tree) {
     const jsx = generateJSXFromTree(tree, 4, pageKey, nameMap);
     return `"use client";
 
-import React from "react";
-${imports
-        .map((imp) => `import { ${imp} } from "../../../src/components/primitives/${imp}";`)
-        .join('\n')}
+${imports.map((imp) => `import { ${imp} } from "@embeddables/cli/components";`).join('\n')}
 ${hasButtons
         ? `
-import type { OptionSelectorButton } from "../../../src/types-builder";`
+import type { OptionSelectorButton } from "@embeddables/cli/types";`
         : ''}
 
 export default function ${pageName}() {
@@ -1604,13 +1601,10 @@ function generateGlobalComponentTSX(components, tree) {
     const jsx = generateJSXFromTree(tree, 2, undefined, nameMap);
     return `"use client";
 
-import React from "react";
-${imports
-        .map((imp) => `import { ${imp} } from "../../../src/components/primitives/${imp}";`)
-        .join('\n')}
+${imports.map((imp) => `import { ${imp} } from "@embeddables/cli/components";`).join('\n')}
 ${hasButtons
         ? `
-import type { OptionSelectorButton } from "../../../src/types-builder";`
+import type { OptionSelectorButton } from "@embeddables/cli/types";`
         : ''}
 
 export default function GlobalComponents() {

package/dist/config/index.d.ts

@@ -1,4 +1,6 @@
 export interface ProjectConfig {
+    org_id?: string;
+    org_title?: string;
     project_id?: string;
     project_name?: string;
 }

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/config/index.ts"],"names":[],"mappings":"AAGA,MAAM,WAAW,aAAa;IAC5B,UAAU,CAAC,EAAE,MAAM,CAAA;IACnB,YAAY,CAAC,EAAE,MAAM,CAAA;CACtB;AAID;;GAEG;AACH,wBAAgB,iBAAiB,IAAI,MAAM,CAE1C;AAED;;GAEG;AACH,wBAAgB,iBAAiB,IAAI,aAAa,GAAG,IAAI,CAWxD;AAED;;GAEG;AACH,wBAAgB,kBAAkB,CAAC,MAAM,EAAE,aAAa,GAAG,IAAI,CAQ9D;AAED;;GAEG;AACH,wBAAgB,YAAY,IAAI,MAAM,GAAG,IAAI,CAG5C"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/config/index.ts"],"names":[],"mappings":"AAGA,MAAM,WAAW,aAAa;IAC5B,MAAM,CAAC,EAAE,MAAM,CAAA;IACf,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,UAAU,CAAC,EAAE,MAAM,CAAA;IACnB,YAAY,CAAC,EAAE,MAAM,CAAA;CACtB;AAID;;GAEG;AACH,wBAAgB,iBAAiB,IAAI,MAAM,CAE1C;AAED;;GAEG;AACH,wBAAgB,iBAAiB,IAAI,aAAa,GAAG,IAAI,CAWxD;AAED;;GAEG;AACH,wBAAgB,kBAAkB,CAAC,MAAM,EAAE,aAAa,GAAG,IAAI,CAQ9D;AAED;;GAEG;AACH,wBAAgB,YAAY,IAAI,MAAM,GAAG,IAAI,CAG5C"}

package/dist/constants.d.ts

@@ -3,4 +3,5 @@ export declare const BranchStatus: {
     readonly MERGED: "MERGED";
 };
 export type BranchStatus = (typeof BranchStatus)[keyof typeof BranchStatus];
+export declare const WEB_APP_BASE_URL = "https://embeddables-web-fpnc2wscy-embeddables.vercel.app";
 //# 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"}
+{"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"}

package/dist/constants.js

@@ -2,3 +2,6 @@ export const BranchStatus = {
     ACTIVE: 'ACTIVE',
     MERGED: 'MERGED',
 };
+// 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'

package/dist/prompts/projects.d.ts

@@ -1,6 +1,7 @@
 export interface ProjectInfo {
     id: string;
     title: string | null;
+    org_id: string | null;
     org_title: string | null;
 }
 export interface PromptForProjectOptions {

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,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,CAuC5D;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":"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

@@ -29,6 +29,7 @@ export async function fetchProjects() {
         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

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.2.0",
+  "version": "0.3.1",
   "type": "module",
   "bin": {
     "embeddables": "./bin/embeddables.mjs"
@@ -24,6 +24,7 @@
   "files": [
     "bin",
     "dist",
+    ".cursor",
     "README.md"
   ],
   "engines": {