@juo/orion-core 0.18.0 → 0.20.0

package/dist/{ExtensionRoot-raAaUEVu.js → ExtensionRoot-z_aRSifd.js}

@@ -6,7 +6,7 @@ var __publicField = (obj, key, value) => {
 };
 import { signal, effect, createBlockInstance } from "@juo/orion-core";
 import { d, j as withWrapper, t as subscribeContext, T as ThemeStateContext, E, v as n } from "./theme-state-D4n_2n_h.js";
-import "./juo-workflow-rDW9uQPy.js";
+import "./juo-workflow-BBbsNhY2.js";
 class Block extends HTMLElement {
   constructor() {
     super();
@@ -96,7 +96,7 @@ class ExtensionRoot extends HTMLElement {
     this.style.display = "flex";
     this.style.flexDirection = "column";
     this.style.gap = "16px";
-    this.style.width = "fit-content";
+    this.style.maxWidth = "100%";
     this.style.justifySelf = "center";
     this.unsubscribeThemeContext = subscribeContext(
       this,

package/dist/block.d.ts

@@ -23,6 +23,8 @@ export type BlockDefinition<T = unknown> = {
     render: BlockRenderer;
     presets?: BlockPresets;
     locales?: {
+        /** Locale codes supported by this block (e.g. ["en", "de", "nl"]). */
+        supported?: string[];
         load: (locale: string) => Promise<BlockLocaleFile>;
     };
 };
@@ -73,6 +75,7 @@ export declare function defineBlock<T>(name: string, opts: {
     renderer: (block: BlockInstance) => HTMLElement;
     presets?: BlockPresets;
     locales?: {
+        supported?: string[];
         load: (locale: string) => Promise<BlockLocaleFile>;
     };
 }): BlockDefinition<T>;

package/dist/{bridge-SZyjoSJS.js → bridge-BHI_2-Xw.js}

@@ -87,7 +87,7 @@ function createRegisterBlocksMessage(payload) {
     schema: block.schema == null ? block.schema : JSON.parse(JSON.stringify(block.schema)),
     initialValue: block.initialValue == null ? block.initialValue : JSON.parse(JSON.stringify(block.initialValue)),
     presets: block.presets == null ? block.presets : JSON.parse(JSON.stringify(block.presets)),
-    localeDefaults: block.localeDefaults == null ? block.localeDefaults : JSON.parse(JSON.stringify(block.localeDefaults))
+    locales: block.locales == null ? block.locales : JSON.parse(JSON.stringify(block.locales))
   }));
   return {
     type: "REGISTER_BLOCKS",
@@ -470,16 +470,16 @@ export {
   createFocusInlineTextMessage as b,
   createRegisterBlockTranslationKeysMessage as c,
   createUpdateBlockTranslationMessage as d,
-  createRemoveBlockMessage as e,
-  createRegisterBlocksMessage as f,
-  createRegisterRoutesMessage as g,
-  isIframeMessage as h,
+  createSelectBlockMessage as e,
+  createRemoveBlockMessage as f,
+  createRegisterBlocksMessage as g,
+  createRegisterRoutesMessage as h,
   isEditorMessage as i,
-  createProvideThemeStateMessage as j,
-  createRequestThemeStateMessage as k,
-  createRequestTranslationOverridesMessage as l,
-  createProvideTranslationOverridesMessage as m,
-  createSelectBlockMessage as n,
+  isIframeMessage as j,
+  createProvideThemeStateMessage as k,
+  createRequestThemeStateMessage as l,
+  createRequestTranslationOverridesMessage as m,
+  createProvideTranslationOverridesMessage as n,
   createUpdateBlockPropsMessage as o,
   createAddBlockMessage as p,
   createMoveBlockMessage as q,

package/dist/core.js

@@ -6,7 +6,7 @@ var __publicField = (obj, key, value) => {
 };
 import { c as createContext, d, w, E, u } from "./theme-state-D4n_2n_h.js";
 import { B, n, C, D, S, T, a, b, e, f, k, l, g, h, i, m, p, o, q, r, s, t, v, j } from "./theme-state-D4n_2n_h.js";
-import { T as T2, W, c, b as b2, a as a2, g as g2, h as h2 } from "./juo-workflow-rDW9uQPy.js";
+import { T as T2, W, c, b as b2, a as a2, g as g2, h as h2 } from "./juo-workflow-BBbsNhY2.js";
 function createState() {
   const discountCode = d(null);
   const products = d([]);

package/dist/editor/messages.d.ts

@@ -123,7 +123,8 @@ export interface RegisterBlocksMessage extends BaseMessage {
             schema: unknown;
             initialValue: unknown;
             presets?: BlockPresets;
-            localeDefaults?: Record<string, string>;
+            /** Locale code → flattened translation strings for all supported locales. */
+            locales?: Record<string, Record<string, string>>;
         }>;
     };
 }

package/dist/editor.js

@@ -5,8 +5,8 @@ var __publicField = (obj, key, value) => {
   return value;
 };
 import { getDefinedBlocks, onRegisterBlock } from "@juo/orion-core";
-import { a as createEditorBridge, e as createRemoveBlockMessage, f as createRegisterBlocksMessage, g as createRegisterRoutesMessage } from "./bridge-SZyjoSJS.js";
-import { p, b, q, v, w, j, m, c, y, u, k, l, x, n, r, t, s, o, d, z, i, h } from "./bridge-SZyjoSJS.js";
+import { a as createEditorBridge, f as createRemoveBlockMessage, g as createRegisterBlocksMessage, h as createRegisterRoutesMessage } from "./bridge-BHI_2-Xw.js";
+import { p, b, q, v, w, k, n, c, y, u, l, m, x, e, r, t, s, o, d, z, i, j } from "./bridge-BHI_2-Xw.js";
 import { e as createBlockInstanceFromObject, m as indexOverrides } from "./theme-state-D4n_2n_h.js";
 function createEditorHandler(options) {
   const { themeState, onBlockSelection } = options;
@@ -304,8 +304,9 @@ const styles = `
     background-color: white;
     border: 1px solid #B5B5B5;
     border-radius: 8px;
-    width: fit-content;
     justify-self: center;
+    max-width: 100%;
+    box-sizing: border-box;
   }
 
   .block-wrapper:hover,
@@ -470,8 +471,8 @@ class BlockWrapper extends HTMLElement {
     const moreBtn = document.createElement("button");
     moreBtn.type = "button";
     moreBtn.innerHTML = moreIconSvg;
-    moreBtn.addEventListener("click", (e) => {
-      e.stopPropagation();
+    moreBtn.addEventListener("click", (e2) => {
+      e2.stopPropagation();
       this.toggleMenu();
     });
     const menuEl = document.createElement("div");
@@ -487,8 +488,8 @@ class BlockWrapper extends HTMLElement {
     deleteBtn.className = "block-wrapper__menu-item block-wrapper__menu-item--danger";
     deleteBtn.setAttribute("role", "menuitem");
     deleteBtn.innerHTML = `${trashIconSvg}<span>Delete</span>`;
-    deleteBtn.addEventListener("click", (e) => {
-      e.stopPropagation();
+    deleteBtn.addEventListener("click", (e2) => {
+      e2.stopPropagation();
       this.closeMenu();
       this.handleRemoveBlock();
     });
@@ -537,8 +538,8 @@ class BlockWrapper extends HTMLElement {
       return;
     this.menuElement.classList.add("open");
     this.isMenuOpen = true;
-    this.closeMenuOnOutsideClick = (e) => {
-      if (!this.shadowRoot.contains(e.composedPath()[0])) {
+    this.closeMenuOnOutsideClick = (e2) => {
+      if (!this.shadowRoot.contains(e2.composedPath()[0])) {
         this.closeMenu();
       }
     };
@@ -621,7 +622,7 @@ class BlockWrapper extends HTMLElement {
 if (customElements.get("juo-editor-block-wrapper") == null) {
   customElements.define("juo-editor-block-wrapper", BlockWrapper);
 }
-function serializeBlock(block) {
+async function serializeBlock(block) {
   let initialValue = block.initialValue;
   if (typeof initialValue === "function") {
     try {
@@ -630,12 +631,36 @@ function serializeBlock(block) {
       initialValue = void 0;
     }
   }
+  let locales;
+  if (block.locales) {
+    const supported = block.locales.supported ?? ["en"];
+    const entries = await Promise.all(
+      supported.map(async (code) => {
+        try {
+          const localeFile = await block.locales.load(code);
+          const topLevel = Object.fromEntries(
+            Object.entries(localeFile).filter(
+              ([key, value]) => key !== "overrides" && typeof value === "string"
+            )
+          );
+          return [code, { ...topLevel, ...localeFile.overrides ?? {} }];
+        } catch {
+          return null;
+        }
+      })
+    );
+    const loaded = entries.filter((e2) => e2 !== null);
+    if (loaded.length > 0) {
+      locales = Object.fromEntries(loaded);
+    }
+  }
   return {
     name: block.name,
     group: block.group,
     schema: block.schema,
     initialValue,
-    presets: block.presets
+    presets: block.presets,
+    locales
   };
 }
 async function setupEditorMode(routes, themeState) {
@@ -646,16 +671,18 @@ async function setupEditorMode(routes, themeState) {
   const { unsubscribe } = editor.onMessage((message) => {
     handler.handleMessage(message);
   });
-  const blocks = getDefinedBlocks().map(serializeBlock);
+  const blocks = await Promise.all(getDefinedBlocks().map(serializeBlock));
   editor.sendMessage(createRegisterBlocksMessage({ blocks }));
   editor.sendMessage(createRegisterRoutesMessage({ routes }));
-  onRegisterBlock(
-    (_, block) => editor.sendMessage(
-      createRegisterBlocksMessage({
-        blocks: [serializeBlock(block)]
-      })
-    )
-  );
+  onRegisterBlock((_, block) => {
+    void serializeBlock(block).then(
+      (serialized) => editor.sendMessage(
+        createRegisterBlocksMessage({
+          blocks: [serialized]
+        })
+      )
+    );
+  });
   return () => {
     unsubscribe();
     editor.destroy();
@@ -670,18 +697,18 @@ export {
   q as createMoveBlockMessage,
   v as createProvideGlobalStylesMessage,
   w as createProvideInitialGlobalStylesMessage,
-  j as createProvideThemeStateMessage,
-  m as createProvideTranslationOverridesMessage,
+  k as createProvideThemeStateMessage,
+  n as createProvideTranslationOverridesMessage,
   c as createRegisterBlockTranslationKeysMessage,
   createRegisterBlocksMessage,
   createRegisterRoutesMessage,
   createRemoveBlockMessage,
   y as createReportContentHeightMessage,
   u as createRequestGlobalStylesMessage,
-  k as createRequestThemeStateMessage,
-  l as createRequestTranslationOverridesMessage,
+  l as createRequestThemeStateMessage,
+  m as createRequestTranslationOverridesMessage,
   x as createScrollSyncMessage,
-  n as createSelectBlockMessage,
+  e as createSelectBlockMessage,
   r as createSetBlockPresetMessage,
   t as createSetGlobalStylesMessage,
   s as createSetLocaleMessage,
@@ -689,6 +716,6 @@ export {
   d as createUpdateBlockTranslationMessage,
   z as getEditorBridge,
   i as isEditorMessage,
-  h as isIframeMessage,
+  j as isIframeMessage,
   setupEditorMode
 };

package/dist/{juo-workflow-rDW9uQPy.js → juo-workflow-BBbsNhY2.js}

@@ -5,7 +5,7 @@ var __publicField = (obj, key, value) => {
   return value;
 };
 import { c as createContext, d, E, i as getDefinedBlocks, a as createBlockInstance, w, r as registerBlock, g as defineBlock, t as subscribeContext } from "./theme-state-D4n_2n_h.js";
-import { a as createEditorBridge } from "./bridge-SZyjoSJS.js";
+import { a as createEditorBridge, e as createSelectBlockMessage } from "./bridge-BHI_2-Xw.js";
 const TranslationContext = createContext("translation");
 function toStringRecord(input) {
   if (input == null)
@@ -176,7 +176,7 @@ function createWorkflowService(deps) {
     return `wf-${shortenId(workflowId)}-${shortenId(stepId)}`;
   }
   function handleFlowResponse(data) {
-    var _a;
+    var _a, _b;
     const mergedInvalidated = [
       ..._state.value.invalidatedResources,
       ...data.invalidatedResources ?? []
@@ -190,8 +190,21 @@ function createWorkflowService(deps) {
         runVersion: data.runVersion,
         currentStepId: data.pendingInteraction.stepId,
         currentInteraction: data.pendingInteraction,
-        invalidatedResources: mergedInvalidated
+        invalidatedResources: mergedInvalidated,
+        outcome: null
       });
+      if (editor.isEditorMode) {
+        const overlayBlocks = deps.themeState.overlay.blocks.value;
+        const rootBlock = overlayBlocks[0];
+        const stepSlot = (_a = rootBlock == null ? void 0 : rootBlock.slots) == null ? void 0 : _a[data.pendingInteraction.stepId];
+        const stepBlock = Array.isArray(stepSlot) ? stepSlot[0] : null;
+        const blockId = stepBlock && typeof stepBlock === "object" && "id" in stepBlock ? stepBlock.id : null;
+        if (blockId) {
+          editor.sendMessage(
+            createSelectBlockMessage({ blockId }, blockId)
+          );
+        }
+      }
     } else if (data.status === "completed") {
       updateState({
         status: "completed",
@@ -203,7 +216,7 @@ function createWorkflowService(deps) {
         outcome: data.outcome || null
       });
     } else if (data.status === "failed") {
-      handleError(new Error(((_a = data.error) == null ? void 0 : _a.message) || "Flow failed"));
+      handleError(new Error(((_b = data.error) == null ? void 0 : _b.message) || "Flow failed"));
     } else if (data.status === "cancelled") {
       updateState({
         status: "idle",
@@ -415,7 +428,26 @@ function createWorkflowService(deps) {
       const isTerminal = status === "completed" || status === "error";
       if (runId && !isTerminal) {
         try {
-          await api.cancel(runId);
+          const data = await api.cancel(runId);
+          if (data.outcome) {
+            updateState({
+              status: "completed",
+              flowType: null,
+              workflowId: null,
+              workflowVersion: null,
+              runId: null,
+              runVersion: null,
+              currentStepId: null,
+              currentInteraction: null,
+              error: null,
+              result: null,
+              flowParams: null,
+              invalidatedResources: data.invalidatedResources ?? [],
+              outcome: data.outcome || null,
+              dryRun: null
+            });
+            return;
+          }
         } catch {
         }
       }

package/dist/preact.js

@@ -9,7 +9,7 @@ import { useState, useRef, useEffect, useContext as useContext$1, useMemo } from
 import { g as getSignalValue, s as setSignalValue, w as wrapContext, c as createSlotChildren } from "./block-DPjf_G7G.js";
 import { t } from "./block-DPjf_G7G.js";
 import { createContext, h, render } from "preact";
-import { a as createEditorBridge } from "./bridge-SZyjoSJS.js";
+import { a as createEditorBridge } from "./bridge-BHI_2-Xw.js";
 function toState(signal) {
   const [value, setValue] = useState(() => getSignalValue(signal));
   const disposeRef = useRef(null);

package/dist/react.js

@@ -9,7 +9,7 @@ import React, { useSyncExternalStore, createContext, useState, useContext as use
 import { g as getSignalValue, s as setSignalValue, w as wrapContext, c as createSlotChildren } from "./block-DPjf_G7G.js";
 import { t } from "./block-DPjf_G7G.js";
 import { createRoot } from "react-dom/client";
-import { a as createEditorBridge } from "./bridge-SZyjoSJS.js";
+import { a as createEditorBridge } from "./bridge-BHI_2-Xw.js";
 function toState(signal) {
   const subscribe = (callback) => {
     const dispose = effect(() => {

package/dist/vue.js

@@ -1,6 +1,6 @@
 import { toValue, watchEffect, customRef, defineComponent, ref, getCurrentInstance, onMounted, provide, h, renderSlot, inject, computed, createApp, useHost, defineCustomElement } from "vue";
 import { signal, effect, injectContext, provideContext, createCeRenderer } from "@juo/orion-core";
-import { c as createRegisterBlockTranslationKeysMessage, a as createEditorBridge } from "./bridge-SZyjoSJS.js";
+import { c as createRegisterBlockTranslationKeysMessage, a as createEditorBridge } from "./bridge-BHI_2-Xw.js";
 const signalsMap = /* @__PURE__ */ new WeakMap();
 function toSignal(ref2) {
   if (!signalsMap.has(ref2)) {

package/dist/web-components-editor.js

@@ -5,9 +5,9 @@ var __publicField = (obj, key, value) => {
   return value;
 };
 import { p as injectContext, E, x as ContextRoot } from "./theme-state-D4n_2n_h.js";
-import { E as ExtensionRoot, B as Block } from "./ExtensionRoot-raAaUEVu.js";
-import { a as createEditorBridge, b as createFocusInlineTextMessage, d as createUpdateBlockTranslationMessage } from "./bridge-SZyjoSJS.js";
-import { T as TranslationContext } from "./juo-workflow-rDW9uQPy.js";
+import { E as ExtensionRoot, B as Block } from "./ExtensionRoot-z_aRSifd.js";
+import { a as createEditorBridge, b as createFocusInlineTextMessage, d as createUpdateBlockTranslationMessage } from "./bridge-BHI_2-Xw.js";
+import { T as TranslationContext } from "./juo-workflow-BBbsNhY2.js";
 const _InlineText = class _InlineText extends HTMLElement {
   constructor() {
     super();

package/dist/web-components-runtime.js

@@ -5,8 +5,8 @@ var __publicField = (obj, key, value) => {
   return value;
 };
 import { p as injectContext, E, x as ContextRoot } from "./theme-state-D4n_2n_h.js";
-import { E as ExtensionRoot, B as Block } from "./ExtensionRoot-raAaUEVu.js";
-import { T as TranslationContext } from "./juo-workflow-rDW9uQPy.js";
+import { E as ExtensionRoot, B as Block } from "./ExtensionRoot-z_aRSifd.js";
+import { T as TranslationContext } from "./juo-workflow-BBbsNhY2.js";
 class InlineText extends HTMLElement {
   constructor() {
     super(...arguments);

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@juo/orion-core",
   "private": false,
-  "version": "0.18.0",
+  "version": "0.20.0",
   "type": "module",
   "files": [
     "dist"