@embeddables/cli 0.7.13 → 0.7.15

package/dist/commands/init.js

@@ -1,327 +0,0 @@
-import fs from 'node:fs';
-import path from 'node:path';
-import { fileURLToPath } from 'node:url';
-import pc from 'picocolors';
-import prompts from 'prompts';
-import { writeProjectConfig, readProjectConfig } from '../config/index.js';
-import { isLoggedIn } from '../auth/index.js';
-import { promptForProject } from '../prompts/index.js';
-import * as stdout from '../stdout.js';
-const __filename = fileURLToPath(import.meta.url);
-const __dirname = path.dirname(__filename);
-/** Recursively copy a directory, creating target dirs as needed. */
-function copyDirSync(src, dest) {
-    fs.mkdirSync(dest, { recursive: true });
-    for (const entry of fs.readdirSync(src, { withFileTypes: true })) {
-        const srcPath = path.join(src, entry.name);
-        const destPath = path.join(dest, entry.name);
-        if (entry.isDirectory()) {
-            copyDirSync(srcPath, destPath);
-        }
-        else {
-            fs.copyFileSync(srcPath, destPath);
-        }
-    }
-}
-/**
- * Generate type declaration stubs in .types/ (project root) so the editor
- * can resolve imports in generated TSX files without npm install.
- */
-function writeTypeStubs(cwd) {
-    const typesDir = path.join(cwd, '.types');
-    fs.mkdirSync(typesDir, { recursive: true });
-    // Copy compiled types-builder.d.ts → .types/types.d.ts
-    // (named types-builder in this codebase because it's copied from another repo,
-    // but exposed as simply "types" in consumer projects)
-    // When running from compiled JS: __dirname is dist/commands/, so ../types-builder.d.ts works.
-    // When running via tsx in dev: __dirname is src/commands/, so we fall back to dist/.
-    const candidates = [
-        path.join(__dirname, '..', 'types-builder.d.ts'),
-        path.join(__dirname, '..', '..', 'dist', 'types-builder.d.ts'),
-    ];
-    const typesBuilderDts = candidates.find((p) => fs.existsSync(p));
-    if (typesBuilderDts) {
-        fs.copyFileSync(typesBuilderDts, path.join(typesDir, 'types.d.ts'));
-    }
-    else {
-        stdout.warn(pc.yellow('  ⚠ Could not find types-builder.d.ts — run `npm run build` first'));
-    }
-    // React JSX runtime types (needed for "jsx": "react-jsx" in tsconfig)
-    fs.writeFileSync(path.join(typesDir, 'react-jsx-runtime.d.ts'), `export namespace JSX {
-  type Element = any
-  interface IntrinsicElements {
-    [elemName: string]: any
-  }
-}
-export function jsx(type: any, props: any, key?: string): JSX.Element
-export function jsxs(type: any, props: any, key?: string): JSX.Element
-export const Fragment: unique symbol
-`, 'utf8');
-    // Component primitives — import real prop types from types-builder,
-    // omitting JSON-structural properties that aren't valid React props
-    const componentsWithOwnType = [
-        'BookMeeting',
-        'Chart',
-        'Container',
-        'CustomButton',
-        'CustomHTML',
-        'FileUpload',
-        'InputBox',
-        'Lottie',
-        'MediaEmbed',
-        'MediaImage',
-        'OptionSelector',
-        'PaypalCheckout',
-        'ProgressBar',
-        'Rive',
-        'StripeCheckout',
-        'StripeCheckout2',
-    ];
-    const baseOnlyComponents = ['PlainText', 'RichText', 'RichTextMarkdown'];
-    const importAliases = componentsWithOwnType.map((name) => `${name} as ${name}JSON`).join(', ');
-    const importLine = `import type { Base, ${importAliases} } from './types'`;
-    // Properties from the JSON format that are structural/derived in React
-    const omitLine = `type JSONOnly = 'type' | 'parent_id' | 'parent_key' | '_location' | 'components' | '__hide_initially' | '__is_child_already_inserted' | 'clearable' | 'central_play_button'`;
-    // In React, child components are passed via JSX nesting (children), not via a components array
-    const propsTypeLine = `type Props<T> = Omit<T, JSONOnly> & { children?: any }`;
-    const typedExports = componentsWithOwnType
-        .map((name) => `export function ${name}(props: Props<${name}JSON>): any`)
-        .join('\n');
-    const baseExports = baseOnlyComponents
-        .map((name) => `export function ${name}(props: Props<Base>): any`)
-        .join('\n');
-    fs.writeFileSync(path.join(typesDir, 'components.d.ts'), importLine +
-        '\n\n' +
-        omitLine +
-        '\n' +
-        propsTypeLine +
-        '\n\n' +
-        typedExports +
-        '\n' +
-        baseExports +
-        '\n', 'utf8');
-}
-export async function runInit(opts) {
-    const cwd = process.cwd();
-    const gitignorePath = path.join(cwd, '.gitignore');
-    const embeddablesDir = path.join(cwd, 'embeddables');
-    stdout.print('');
-    stdout.print(pc.bold(pc.cyan('  Embeddables Project Setup')));
-    stdout.print('');
-    const existingConfig = readProjectConfig();
-    // Step 1: Get Embeddables project
-    let projectId = opts.projectId;
-    let selectedProjectTitle;
-    let selectedOrgId;
-    let selectedOrgTitle;
-    if (!projectId && !opts.yes) {
-        if (existingConfig?.project_id) {
-            stdout.print(pc.gray(`  Using existing project ID: ${existingConfig.project_id}`));
-            projectId = existingConfig.project_id;
-            selectedProjectTitle = existingConfig.project_name || undefined;
-            selectedOrgId = existingConfig.org_id || undefined;
-            selectedOrgTitle = existingConfig.org_title || undefined;
-        }
-        else if (isLoggedIn()) {
-            // Fetch and show project list
-            stdout.print(pc.gray('  Fetching projects...'));
-            const selectedProject = await promptForProject({
-                allowSkip: true,
-                message: 'Select your Embeddables project:',
-            });
-            if (selectedProject) {
-                projectId = selectedProject.id;
-                selectedProjectTitle = selectedProject.title || undefined;
-                selectedOrgId = selectedProject.org_id || undefined;
-                selectedOrgTitle = selectedProject.org_title || undefined;
-            }
-        }
-        else {
-            // Not logged in - offer manual entry or skip
-            stdout.print(pc.gray('  (Login with "embeddables login" to select from your projects)'));
-            const response = await prompts({
-                type: 'text',
-                name: 'projectId',
-                message: 'Embeddables project ID (optional):',
-                hint: 'e.g., proj_abc123 - leave empty to skip',
-            }, {
-                onCancel: () => {
-                    stdout.print(pc.gray('\n  Cancelled.'));
-                    process.exit(0);
-                },
-            });
-            projectId = response.projectId || undefined;
-        }
-    }
-    // Write embeddables.json config
-    if (projectId) {
-        writeProjectConfig({
-            org_id: selectedOrgId,
-            org_title: selectedOrgTitle,
-            project_id: projectId,
-            project_name: selectedProjectTitle,
-        });
-        stdout.print(pc.green('  ✓ Created embeddables.json'));
-    }
-    // Create or update .gitignore
-    const gitignoreEntries = ['**/.generated/', '**/.types/', '.DS_Store'];
-    let existingGitignore = '';
-    if (fs.existsSync(gitignorePath)) {
-        existingGitignore = fs.readFileSync(gitignorePath, 'utf8');
-    }
-    const newEntries = gitignoreEntries.filter((entry) => !existingGitignore.includes(entry.replace('/', '')));
-    if (newEntries.length > 0) {
-        const separator = existingGitignore && !existingGitignore.endsWith('\n') ? '\n' : '';
-        const embeddablesSection = existingGitignore
-            ? `${separator}\n# Embeddables\n${newEntries.join('\n')}\n`
-            : `# Embeddables\n${gitignoreEntries.join('\n')}\n`;
-        fs.writeFileSync(gitignorePath, existingGitignore + embeddablesSection, 'utf8');
-        if (existingGitignore) {
-            stdout.print(pc.green('  ✓ Updated .gitignore'));
-        }
-        else {
-            stdout.print(pc.green('  ✓ Created .gitignore'));
-        }
-    }
-    else {
-        stdout.print(pc.gray('  ✓ .gitignore already configured'));
-    }
-    // Create embeddables directory
-    if (!fs.existsSync(embeddablesDir)) {
-        fs.mkdirSync(embeddablesDir, { recursive: true });
-        stdout.print(pc.green('  ✓ Created embeddables/ directory'));
-    }
-    else {
-        stdout.print(pc.gray('  ✓ embeddables/ directory exists'));
-    }
-    // Remove old .claudefiles folder (replaced by .cursor/ and .claude/)
-    const claudefilesDir = path.join(cwd, '.claudefiles');
-    if (fs.existsSync(claudefilesDir)) {
-        fs.rmSync(claudefilesDir, { recursive: true });
-        stdout.print(pc.green('  ✓ Removed old .claudefiles/'));
-    }
-    // Inject .cursor/ and .claude/ from source .prompts/embeddables-cli.md (or copy if pre-built dirs exist)
-    const packageRoot = path.resolve(__dirname, '..', '..');
-    const promptsSource = path.join(packageRoot, '.prompts', 'embeddables-cli.md');
-    const sourceCursorDir = path.join(packageRoot, '.cursor');
-    const sourceClaudeDir = path.join(packageRoot, '.claude');
-    if (fs.existsSync(promptsSource)) {
-        const content = fs.readFileSync(promptsSource, 'utf8');
-        const cursorFrontmatter = `---
-globs:
-alwaysApply: true
----
-
-`;
-        const claudeIntro = `# Embeddables project (Claude Code)
-
-This is an Embeddables project managed by the Embeddables CLI. The CLI transforms Embeddable JSON into a local file structure for development, then compiles it back to JSON for saving.
-
-For full context when editing embeddables (pages, components, styles, actions, computed fields), see:
-
-- **.claude/embeddables-cli.md** — Embeddables CLI structure, types, file layout, and conventions.
-
-All TypeScript types are in \`.types/\` (generated by \`embeddables init\`). Use \`embeddables dev\` to run the dev server and \`embeddables pull\` / \`embeddables save\` to sync with the project.
-`;
-        const cursorRulesDir = path.join(cwd, '.cursor', 'rules');
-        const claudeDir = path.join(cwd, '.claude');
-        fs.mkdirSync(cursorRulesDir, { recursive: true });
-        fs.mkdirSync(claudeDir, { recursive: true });
-        fs.writeFileSync(path.join(cursorRulesDir, 'embeddables-cli.md'), cursorFrontmatter + content, 'utf8');
-        fs.writeFileSync(path.join(claudeDir, 'CLAUDE.md'), claudeIntro, 'utf8');
-        fs.writeFileSync(path.join(claudeDir, 'embeddables-cli.md'), content, 'utf8');
-        stdout.print(pc.green('  ✓ Injected .cursor/ rules'));
-        stdout.print(pc.green('  ✓ Injected .claude/'));
-    }
-    else if (fs.existsSync(sourceCursorDir) || fs.existsSync(sourceClaudeDir)) {
-        if (fs.existsSync(sourceCursorDir)) {
-            copyDirSync(sourceCursorDir, path.join(cwd, '.cursor'));
-            stdout.print(pc.green('  ✓ Injected .cursor/ rules'));
-        }
-        if (fs.existsSync(sourceClaudeDir)) {
-            copyDirSync(sourceClaudeDir, path.join(cwd, '.claude'));
-            stdout.print(pc.green('  ✓ Injected .claude/'));
-        }
-    }
-    // Create tsconfig.json for editor support (JSX, type checking)
-    const tsconfigPath = path.join(cwd, 'tsconfig.json');
-    if (!fs.existsSync(tsconfigPath)) {
-        const tsconfig = {
-            compilerOptions: {
-                target: 'esnext',
-                module: 'esnext',
-                moduleResolution: 'bundler',
-                jsx: 'react-jsx',
-                noEmit: true,
-                strict: false,
-                skipLibCheck: true,
-                esModuleInterop: true,
-                baseUrl: '.',
-                paths: {
-                    'react/jsx-runtime': ['./.types/react-jsx-runtime'],
-                    '@embeddables/cli/components': ['./.types/components'],
-                    '@embeddables/cli/types': ['./.types/types'],
-                },
-            },
-            include: ['embeddables'],
-        };
-        fs.writeFileSync(tsconfigPath, JSON.stringify(tsconfig, null, 2) + '\n', 'utf8');
-        stdout.print(pc.green('  ✓ Created tsconfig.json'));
-    }
-    else {
-        stdout.print(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 });
-        stdout.print(pc.green('  ✓ Removed old embeddables/.types/'));
-    }
-    // Fix tsconfig paths from older versions
-    if (fs.existsSync(tsconfigPath)) {
-        let tsconfigContent = fs.readFileSync(tsconfigPath, 'utf8');
-        let updated = false;
-        // Migrate old embeddables/.types/ location → .types/
-        if (tsconfigContent.includes('./embeddables/.types/')) {
-            tsconfigContent = tsconfigContent.replaceAll('./embeddables/.types/', './.types/');
-            updated = true;
-        }
-        // Migrate old .types/types-builder → .types/types
-        if (tsconfigContent.includes('./.types/types-builder"')) {
-            tsconfigContent = tsconfigContent.replace('./.types/types-builder"', './.types/types"');
-            updated = true;
-        }
-        if (updated) {
-            fs.writeFileSync(tsconfigPath, tsconfigContent, 'utf8');
-            stdout.print(pc.green('  ✓ Updated tsconfig.json paths'));
-        }
-    }
-    // Remove old .types/types-builder.d.ts (now named .types/types.d.ts)
-    const legacyTypesBuilderDts = path.join(cwd, '.types', 'types-builder.d.ts');
-    if (fs.existsSync(legacyTypesBuilderDts)) {
-        fs.rmSync(legacyTypesBuilderDts);
-    }
-    // Generate type declaration stubs for editor support (no npm install needed)
-    writeTypeStubs(cwd);
-    stdout.print(pc.green('  ✓ Generated type declarations'));
-    // Print next steps
-    stdout.print('');
-    stdout.print(pc.bold('  Next steps:'));
-    stdout.print('');
-    stdout.print(pc.cyan('    1. Login to Embeddables:'));
-    stdout.print(pc.white('       embeddables login'));
-    stdout.print('');
-    if (projectId) {
-        stdout.print(pc.cyan('    2. Pull an embeddable:'));
-        stdout.print(pc.white('       embeddables pull'));
-        stdout.print(pc.gray('       (will show a list of embeddables in your project)'));
-    }
-    else {
-        stdout.print(pc.cyan('    2. Pull an existing embeddable:'));
-        stdout.print(pc.white('       embeddables pull --id <embeddable-id>'));
-    }
-    stdout.print('');
-    stdout.print(pc.cyan('    3. Start developing:'));
-    stdout.print(pc.white('       embeddables dev'));
-    stdout.print('');
-}

package/dist/commands/login.d.ts

@@ -1,2 +0,0 @@
-export declare function runLogin(): Promise<void>;
-//# sourceMappingURL=login.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"login.d.ts","sourceRoot":"","sources":["../../src/commands/login.ts"],"names":[],"mappings":"AAYA,wBAAsB,QAAQ,kBAiI7B"}

package/dist/commands/login.js

@@ -1,122 +0,0 @@
-import prompts from 'prompts';
-import pc from 'picocolors';
-import { getSupabaseClient, writeAuthConfig, readAuthConfig, SUPABASE_URL, SUPABASE_ANON_KEY, } from '../auth/index.js';
-import { captureException, createLogger, exit } from '../logger.js';
-import * as stdout from '../stdout.js';
-export async function runLogin() {
-    const logger = createLogger('runLogin');
-    try {
-        const supabase = getSupabaseClient();
-        // Check if already logged in
-        const existingConfig = readAuthConfig();
-        if (existingConfig?.access_token) {
-            const { overwrite } = await prompts({
-                type: 'confirm',
-                name: 'overwrite',
-                message: 'You are already logged in. Do you want to log in again?',
-                initial: false,
-            });
-            if (!overwrite) {
-                stdout.print(pc.green('Login cancelled.'));
-                return;
-            }
-        }
-        // Prompt for email
-        const { email } = await prompts({
-            type: 'text',
-            name: 'email',
-            message: 'Enter your email address:',
-            validate: (value) => {
-                if (!value)
-                    return 'Email is required';
-                if (!/^[^\s@]+@[^\s@]+\.[^\s@]+$/.test(value)) {
-                    return 'Please enter a valid email address';
-                }
-                return true;
-            },
-        });
-        if (!email) {
-            stdout.print(pc.red('Login cancelled.'));
-            return;
-        }
-        stdout.print('');
-        stdout.print(pc.cyan('Sending verification code to your email...'));
-        // Send OTP code
-        const { error: sendError } = await supabase.auth.signInWithOtp({
-            email,
-        });
-        if (sendError) {
-            stdout.error(pc.red(`Error sending verification code: ${sendError.message}`));
-            logger.error('failed to send OTP', { message: sendError.message });
-            await exit(1);
-        }
-        stdout.print('');
-        stdout.print(pc.green('✓ Verification code sent!'));
-        stdout.print(pc.dim('Please check your email for the code.'));
-        stdout.print('');
-        // Prompt for OTP code
-        const { code } = await prompts({
-            type: 'text',
-            name: 'code',
-            message: 'Enter the verification code from your email:',
-            validate: (value) => {
-                if (!value)
-                    return 'Verification code is required';
-                if (!/^\d{6}$/.test(value.trim())) {
-                    return 'Please enter a valid 6-digit code';
-                }
-                return true;
-            },
-        });
-        if (!code) {
-            stdout.print(pc.red('Login cancelled.'));
-            return;
-        }
-        stdout.print('');
-        stdout.print(pc.cyan('Verifying code...'));
-        // Verify OTP code
-        const { data, error: verifyError } = await supabase.auth.verifyOtp({
-            email,
-            token: code.trim(),
-            type: 'email',
-        });
-        if (verifyError) {
-            stdout.error(pc.red(`Error verifying code: ${verifyError.message}`));
-            logger.error('failed to verify OTP', { message: verifyError.message });
-            await exit(1);
-        }
-        if (!data.session) {
-            stdout.error(pc.red('No session returned from verification'));
-            logger.error('no session returned from verification');
-            await exit(1);
-            return;
-        }
-        // Store auth config
-        const config = {
-            access_token: data.session.access_token,
-            refresh_token: data.session.refresh_token,
-            expires_at: data.session.expires_at || Math.floor(Date.now() / 1000) + 3600, // Default 1 hour if not provided
-            supabase_url: SUPABASE_URL,
-            supabase_anon_key: SUPABASE_ANON_KEY,
-        };
-        writeAuthConfig(config);
-        stdout.print('');
-        stdout.print(pc.green('✓ Successfully logged in!'));
-        logger.info('login complete');
-        stdout.print('');
-    }
-    catch (error) {
-        if (error.name === 'ExitPrompt') {
-            // User cancelled prompt (Ctrl+C)
-            stdout.print('');
-            stdout.print(pc.red('Login cancelled.'));
-            await exit(0);
-        }
-        else {
-            captureException(error);
-            stdout.error(pc.red(`Error during login: ${error.message}`));
-            logger.error('login failed', { message: error.message });
-            await exit(1);
-        }
-    }
-}

package/dist/commands/logout.d.ts

@@ -1,2 +0,0 @@
-export declare function runLogout(): Promise<void>;
-//# sourceMappingURL=logout.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"logout.d.ts","sourceRoot":"","sources":["../../src/commands/logout.ts"],"names":[],"mappings":"AAKA,wBAAsB,SAAS,kBAiB9B"}

package/dist/commands/logout.js

@@ -1,22 +0,0 @@
-import pc from 'picocolors';
-import { deleteAuthConfig, isLoggedIn } from '../auth/index.js';
-import { createLogger, exit } from '../logger.js';
-import * as stdout from '../stdout.js';
-export async function runLogout() {
-    const logger = createLogger('runLogout');
-    try {
-        if (!isLoggedIn()) {
-            stdout.print(pc.yellow('You are not currently logged in.'));
-            return;
-        }
-        deleteAuthConfig();
-        stdout.print('');
-        stdout.print(pc.green('✓ Successfully logged out!'));
-        stdout.print('');
-    }
-    catch (error) {
-        stdout.error(pc.red(`Error during logout: ${error.message}`));
-        logger.error('logout failed', { message: error.message });
-        await exit(1);
-    }
-}

package/dist/commands/pull.d.ts

@@ -1,14 +0,0 @@
-export type RunPullOptions = {
-    id?: string;
-    out?: string;
-    branch?: string;
-    branchName?: string;
-    /** Version to pull (number or "latest"). If omitted and embeddable is known, prompt from 100 most recent. */
-    version?: string | number;
-    /** When true, pull main and clear saved branch (e.g. when user explicitly selects "main" in branch switcher). */
-    useMain?: boolean;
-    fix?: boolean;
-    preserve?: boolean;
-};
-export declare function runPull(opts: RunPullOptions): Promise<void>;
-//# sourceMappingURL=pull.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"pull.d.ts","sourceRoot":"","sources":["../../src/commands/pull.ts"],"names":[],"mappings":"AA6HA,MAAM,MAAM,cAAc,GAAG;IAC3B,EAAE,CAAC,EAAE,MAAM,CAAA;IACX,GAAG,CAAC,EAAE,MAAM,CAAA;IACZ,MAAM,CAAC,EAAE,MAAM,CAAA;IACf,UAAU,CAAC,EAAE,MAAM,CAAA;IACnB,6GAA6G;IAC7G,OAAO,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;IACzB,iHAAiH;IACjH,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,GAAG,CAAC,EAAE,OAAO,CAAA;IACb,QAAQ,CAAC,EAAE,OAAO,CAAA;CACnB,CAAA;AAED,wBAAsB,OAAO,CAAC,IAAI,EAAE,cAAc,iBAgTjD"}