@embeddables/cli 0.7.4 → 0.7.6

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/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/dist/workbench/PageNavigator.js

@@ -45,7 +45,7 @@ export function PageNavigator({ embeddableId }) {
         window.addEventListener(USERDATA_UPDATED_EVENT, handler);
         return () => window.removeEventListener(USERDATA_UPDATED_EVENT, handler);
     }, [embeddableId, refresh]);
-    // Close dropdown when clicking outside
+    // Close dropdown when clicking outside (use 'click' so selecting a page item fires its onClick before we consider closing)
     useEffect(() => {
         const handleClickOutside = (event) => {
             if (dropdownRef.current && !dropdownRef.current.contains(event.target)) {
@@ -53,8 +53,8 @@ export function PageNavigator({ embeddableId }) {
             }
         };
         if (isDropdownOpen) {
-            document.addEventListener('mousedown', handleClickOutside);
-            return () => document.removeEventListener('mousedown', handleClickOutside);
+            document.addEventListener('click', handleClickOutside);
+            return () => document.removeEventListener('click', handleClickOutside);
         }
     }, [isDropdownOpen]);
     // Scroll to current page when dropdown opens

package/package.json

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