@embeddables/cli 0.7.5 → 0.7.7

package/.prompts/embeddables-cli.md

@@ -307,8 +307,10 @@ Note: If you need to use any breakpoints other than 720px and 520px, you must ad
 
 Whenever you need to insert an image or icon (e.g. a logo, an icon, a larger image) you have the following options:
 
-1. `emojiIcon` with an emoji when there is an appropriate emoji that you can use. This can be used in `imageUrl` in CustomButton, or `imageUrl` inside OptionSelector buttons
-2. Image URL. This can be used in `src` in MediaImage, `imageUrl` in CustomButton, or `imageUrl` inside OptionSelector buttons.
+1. `emojiIcon` with an emoji when there is an appropriate emoji that you can use. This can be used in CustomButton, or inside OptionSelector buttons.
+2. Image URL. Use **`imageUrl`** (not `imgSrc` or `imageSrc`) for button images: `imageUrl` in CustomButton, or `imageUrl` on each button in OptionSelector. For standalone images use `src` in MediaImage.
+
+Using the wrong property name (e.g. `imgSrc`) will cause save/validation errors; the schema only accepts `imageUrl` for buttons.
 
 For placeholder images, the recommended service is placehold.co:
 
@@ -358,7 +360,7 @@ Note: button icons and checkboxes are before text in the button, unless you set
 | `ButtonText`        | `<div>`          | `text` set                |                                                                                                   |
 | `ButtonDescription` | `<div>`          | `description` set         |                                                                                                   |
 | `ButtonIcon`        | `<svg>`/`<span>` | `icon` or `emojiIcon` set | If `icon`, must be font-awesome icon name; if `emojiIcon` must be an emoji in text format like 😀 |
-| `ButtonIconImage`   | `<span>`         | `imageUrl` set            |                                                                                                   |
+| `ButtonIconImage`   | `<span>`         | `imageUrl` set            | Use **`imageUrl`** only (not `imgSrc`). SVG URLs are valid.                                        |
 
 ### InputBox
 

package/dist/cli.js

@@ -9,9 +9,11 @@ import { createRequire } from 'node:module';
 import path from 'node:path';
 import { fileURLToPath } from 'node:url';
 import { Command } from 'commander';
+import pc from 'picocolors';
 const __dirname = path.dirname(fileURLToPath(import.meta.url));
 const require = createRequire(import.meta.url);
 const pkg = require(path.join(__dirname, '..', 'package.json'));
+import { isLoggedIn } from './auth/index.js';
 import { runBranch } from './commands/branch.js';
 import { runBuild } from './commands/build.js';
 import { runDev } from './commands/dev.js';
@@ -22,6 +24,20 @@ import { runLogout } from './commands/logout.js';
 import { runPull } from './commands/pull.js';
 import { runSave } from './commands/save.js';
 import { runUpgrade } from './commands/upgrade.js';
+import { exit } from './logger.js';
+import * as stdout from './stdout.js';
+/** Only these commands may run without being logged in. All others require login. */
+const COMMANDS_ALLOWED_WITHOUT_LOGIN = new Set(['login', 'logout', 'upgrade']);
+async function requireLogin(commandName) {
+    const baseCommand = commandName.split(' ')[0];
+    if (COMMANDS_ALLOWED_WITHOUT_LOGIN.has(baseCommand))
+        return;
+    if (isLoggedIn())
+        return;
+    stdout.error(pc.red('Not logged in.'));
+    stdout.print(pc.gray('Run "embeddables login" first.'));
+    await exit(1);
+}
 const program = new Command();
 program
     .name('embeddables')
@@ -33,6 +49,7 @@ program
     .option('-p, --project-id <id>', 'Embeddables project ID')
     .option('-y, --yes', 'Skip prompts and use defaults')
     .action(async (opts) => {
+    await requireLogin('init');
     await runInit({ projectId: opts.projectId, yes: opts.yes });
 });
 program
@@ -43,6 +60,7 @@ program
     .option('--fix', 'Apply lint fixes (duplicate IDs, keys/IDs starting with a number)')
     .option('--pageKeyFrom <mode>', 'filename|export', 'filename')
     .action(async (opts) => {
+    await requireLogin('build');
     await runBuild(opts);
 });
 program
@@ -57,6 +75,7 @@ program
     .option('--overrideRoute <path>', 'Route to override in proxy (exact match, no wildcards yet)', '/init')
     .option('--pageKeyFrom <mode>', 'filename|export', 'filename')
     .action(async (opts) => {
+    await requireLogin('dev');
     // --local flag overrides --engine to use local engine
     if (opts.local) {
         opts.engine = 'http://localhost:8787';
@@ -84,6 +103,7 @@ program
     .option('-f, --fix', 'Fix by removing components missing required props (warn instead of error)')
     .option('-p, --preserve', 'Preserve component order in config for forward compile')
     .action(async (opts) => {
+    await requireLogin('pull');
     await runPull(opts);
 });
 program
@@ -95,6 +115,7 @@ program
     .option('-s, --skip-build', 'Skip the build step and use existing compiled JSON')
     .option('--from-version <number>', 'Base version number (auto-detected from local files if not provided)')
     .action(async (opts) => {
+    await requireLogin('save');
     await runSave({
         id: opts.id,
         label: opts.label,
@@ -114,6 +135,7 @@ program
     .description('Switch to a different branch of an embeddable')
     .option('-i, --id <id>', 'Embeddable ID (will prompt if not provided)')
     .action(async (opts) => {
+    await requireLogin('branch');
     await runBranch(opts);
 });
 const experiments = program.command('experiments').description('Manage embeddable experiments');
@@ -124,6 +146,7 @@ experiments
     .option('--experiment-id <id>', 'Experiment ID (will prompt to choose from project if not provided)')
     .option('--experiment-key <key>', 'Experiment key (required if --experiment-id is set)')
     .action(async (opts) => {
+    await requireLogin('experiments connect');
     await runExperimentsConnect({
         id: opts.id,
         experimentId: opts.experimentId,

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

@@ -1 +1 @@
-{"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"}
+{"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;;GA0UA"}

package/dist/proxy/server.js

@@ -151,10 +151,24 @@ export async function startProxyServer(opts) {
             const generatedJson = JSON.parse(raw);
             generatedJson.id = opts.embeddableId;
             stdout.print(`[/init] Loaded local JSON, pages: ${generatedJson.pages?.length ?? 0}`);
+            // When the flow has content_sources (CMS), the remote engine needs flow metadata
+            // (project_id) to load them. Without an engine that supports dev + CMS, the request
+            // fails. So we omit content_sources so the page loads; CMS-backed content will be
+            // empty in dev.
+            const hasContentSources = Array.isArray(generatedJson.content_sources) && generatedJson.content_sources.length > 0;
+            const flowToSend = hasContentSources
+                ? (() => {
+                    const { content_sources: _, ...rest } = generatedJson;
+                    return rest;
+                })()
+                : generatedJson;
+            if (hasContentSources) {
+                stdout.print(`[/init] Omitting content_sources so dev loads (CMS content will be empty in preview).`);
+            }
             // Create POST request body with the JSON
             const postBody = {
                 json: {
-                    flow: generatedJson,
+                    flow: flowToSend,
                     flowId: generatedJson.id,
                     groupId: 'group_test',
                 },

package/package.json

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