@juo/blocks 2.0.0-alpha.1 → 2.0.0-alpha.10

package/dist/vue.js

@@ -1,9 +1,9 @@
-import { customRef, toValue, watchEffect, defineComponent, ref, getCurrentInstance, onMounted, provide, h, renderSlot, inject, computed, useHost, defineCustomElement, triggerRef, render, shallowRef } from "vue";
+import { customRef, toValue, watchEffect, defineComponent, ref, getCurrentInstance, onMounted, provide, h, renderSlot, inject, computed, watch, onScopeDispose, useHost, defineCustomElement, triggerRef, render, shallowRef } from "vue";
 import { getHook } from "./devtools.js";
 import { a as applyDevtoolsPropOverride, _ as __recordDevtoolsPropSetter } from "./block-BjJztStr.js";
-import { effect, signal, injectContext, provideContext, createCeRenderer, attachEmptyTracking } from "@juo/blocks";
+import { effect, signal, injectContext, provideContext, TranslationContext, createCeRenderer, attachEmptyTracking } from "@juo/blocks";
 import { hasRenderedContent } from "@juo/blocks";
-import { w as createRegisterBlockTranslationKeysMessage, a as createEditorBridge } from "./bridge-Mz0CqG6E.js";
+import { w as createRegisterBlockTranslationKeysMessage, a as createEditorBridge } from "./bridge-Bss7Xq3D.js";
 const signalsMap = /* @__PURE__ */ new WeakMap();
 function toSignal(ref2) {
   if (!signalsMap.has(ref2)) {
@@ -105,6 +105,39 @@ function useRegisterTranslationKeys() {
     );
   };
 }
+function useTranslatedProp(key2, fallback) {
+  const blockId = useBlockId();
+  const blockType = useBlockType();
+  const service = useContext(TranslationContext).$;
+  const out = ref("");
+  let dispose;
+  watch(
+    [
+      blockId,
+      blockType,
+      () => toValue(key2),
+      () => toValue(fallback) ?? ""
+    ],
+    ([id, type, currentKey, currentFallback]) => {
+      dispose == null ? void 0 : dispose();
+      dispose = void 0;
+      if (!id || !type || !currentKey) {
+        out.value = currentFallback;
+        return;
+      }
+      dispose = effect(() => {
+        const resolved = service.resolve(type, id, currentKey);
+        out.value = resolved === currentKey ? currentFallback : resolved;
+      });
+    },
+    { immediate: true }
+  );
+  onScopeDispose(() => {
+    dispose == null ? void 0 : dispose();
+    dispose = void 0;
+  });
+  return out;
+}
 function useContext(context) {
   const root = inject(key);
   if ((root == null ? void 0 : root.value) == null) {
@@ -331,5 +364,6 @@ export {
   useProvideContextProvider,
   useRegisterTranslationKeys,
   useTarget,
+  useTranslatedProp,
   wrap
 };

package/dist/web-components/editor/InlineText.d.ts

@@ -8,6 +8,7 @@ export default class InlineText extends HTMLElement {
     private boundHandlePointerDown;
     private boundHandleClick;
     private lastValue;
+    private fallbackText;
     private dispose?;
     private domInitialized;
     static get observedAttributes(): string[];

package/dist/web-components/editor/InlineText.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"InlineText.d.ts","sourceRoot":"","sources":["../../../src/web-components/editor/InlineText.ts"],"names":[],"mappings":"AASA,MAAM,CAAC,OAAO,OAAO,UAAW,SAAQ,WAAW;IACjD,OAAO,CAAC,YAAY,CAAsD;IAC1E,OAAO,CAAC,kBAAkB,CAAmC;IAC7D,OAAO,CAAC,QAAQ,CAAuB;IACvC,OAAO,CAAC,OAAO,CAAuB;IACtC,OAAO,CAAC,SAAS,CAAuB;IACxC,OAAO,CAAC,eAAe,CAA8B;IACrD,OAAO,CAAC,sBAAsB,CAAqC;IACnE,OAAO,CAAC,gBAAgB,CAA+B;IACvD,OAAO,CAAC,SAAS,CAAuB;IACxC,OAAO,CAAC,OAAO,CAAC,CAAa;IAI7B,OAAO,CAAC,cAAc,CAAS;IAE/B,MAAM,KAAK,kBAAkB,aAE5B;;IAMD,iBAAiB;IA0CjB,OAAO,KAAK,UAAU,GAErB;IAED,OAAO,CAAC,oBAAoB;IA2D5B,OAAO,CAAC,iBAAiB;IAoBzB,OAAO,CAAC,WAAW;IAUnB,OAAO,CAAC,UAAU;IAKlB,OAAO,CAAC,MAAM,CAAC,aAAa,CAAwC;IAEpE,OAAO,CAAC,YAAY;IA8BpB,OAAO,CAAC,UAAU;IA+BlB,wBAAwB,CACtB,IAAI,EAAE,MAAM,EACZ,QAAQ,EAAE,MAAM,GAAG,IAAI,EACvB,QAAQ,EAAE,MAAM,GAAG,IAAI;IAOzB,oBAAoB;CASrB;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,UAAU,EAAE,UAAU,CAAC;KACxB;CACF"}
+{"version":3,"file":"InlineText.d.ts","sourceRoot":"","sources":["../../../src/web-components/editor/InlineText.ts"],"names":[],"mappings":"AASA,MAAM,CAAC,OAAO,OAAO,UAAW,SAAQ,WAAW;IACjD,OAAO,CAAC,YAAY,CAAsD;IAC1E,OAAO,CAAC,kBAAkB,CAAmC;IAC7D,OAAO,CAAC,QAAQ,CAAuB;IACvC,OAAO,CAAC,OAAO,CAAuB;IACtC,OAAO,CAAC,SAAS,CAAuB;IACxC,OAAO,CAAC,eAAe,CAA8B;IACrD,OAAO,CAAC,sBAAsB,CAAqC;IACnE,OAAO,CAAC,gBAAgB,CAA+B;IACvD,OAAO,CAAC,SAAS,CAAuB;IAGxC,OAAO,CAAC,YAAY,CAAuB;IAC3C,OAAO,CAAC,OAAO,CAAC,CAAa;IAI7B,OAAO,CAAC,cAAc,CAAS;IAE/B,MAAM,KAAK,kBAAkB,aAE5B;;IAMD,iBAAiB;IA0CjB,OAAO,KAAK,UAAU,GAErB;IAED,OAAO,CAAC,oBAAoB;IA6E5B,OAAO,CAAC,iBAAiB;IAoBzB,OAAO,CAAC,WAAW;IAUnB,OAAO,CAAC,UAAU;IAKlB,OAAO,CAAC,MAAM,CAAC,aAAa,CAAwC;IAEpE,OAAO,CAAC,YAAY;IA8BpB,OAAO,CAAC,UAAU;IA+BlB,wBAAwB,CACtB,IAAI,EAAE,MAAM,EACZ,QAAQ,EAAE,MAAM,GAAG,IAAI,EACvB,QAAQ,EAAE,MAAM,GAAG,IAAI;IAOzB,oBAAoB;CASrB;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,UAAU,EAAE,UAAU,CAAC;KACxB;CACF"}

package/dist/web-components-editor.js

@@ -2,12 +2,12 @@ var __defProp = Object.defineProperty;
 var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
 var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "symbol" ? key + "" : key, value);
 import { i as injectContext, C as ContextRoot } from "./block-BjJztStr.js";
-import { V as ViewLayoutController, E as ExtensionRoot, B as Block } from "./ExtensionRoot-DRpD5EcC.js";
+import { V as ViewLayoutController, E as ExtensionRoot, B as Block } from "./ExtensionRoot-CG9dH98z.js";
 import { canvasMode, getActiveSurfaceContext, emitLayoutSetRects, effect } from "@juo/blocks";
 import { getLayoutModeAdapter } from "./layout-mode-adapter-BBd4JRQd.js";
-import { a as createEditorBridge, n as createFocusInlineTextMessage, K as createUpdateBlockTranslationMessage } from "./bridge-Mz0CqG6E.js";
-import { T as TranslationContext } from "./css-runtime-B7tZrBIp.js";
-import { i as initMorphController } from "./morph-CT5hc5Qp.js";
+import { a as createEditorBridge, n as createFocusInlineTextMessage, K as createUpdateBlockTranslationMessage } from "./bridge-Bss7Xq3D.js";
+import { T as TranslationContext } from "./css-runtime-CjZl0K48.js";
+import { i as initMorphController } from "./morph-LwttdRML.js";
 class EditorLayoutController {
   constructor() {
     __publicField(this, "currentAdapter", null);
@@ -111,6 +111,9 @@ const _InlineText = class _InlineText extends HTMLElement {
     __publicField(this, "boundHandlePointerDown", this.handlePointerDown.bind(this));
     __publicField(this, "boundHandleClick", this.handleClick.bind(this));
     __publicField(this, "lastValue", null);
+    // The text the block itself rendered (its prop value), used when the catalog
+    // has no translation for this key. Survives DOM moves — see initializeEditorMode.
+    __publicField(this, "fallbackText", null);
     __publicField(this, "dispose");
     // One-time DOM/style setup guard — see initializeEditorMode. Persists across
     // DOM moves so reconnecting (e.g. exiting layout mode) skips redundant,
@@ -178,17 +181,22 @@ const _InlineText = class _InlineText extends HTMLElement {
     this.addEventListener("blur", this.boundHandleBlur);
     this.addEventListener("pointerdown", this.boundHandlePointerDown);
     this.addEventListener("click", this.boundHandleClick);
-    this.lastValue = this.textContent || "";
+    const rendered = this.textContent ?? "";
+    if (this.fallbackText == null || rendered !== this.lastValue) {
+      this.fallbackText = rendered;
+    }
+    this.lastValue = rendered;
     if (this.translationService && this.propName && this.blockType && this.blockId) {
       const key = this.propName;
-      const fallbackText = this.textContent ?? "";
       this.dispose = effect(() => {
         const service = this.translationService;
         if (!service) return;
         void service.locale.value;
         const resolved = service.resolve(this.blockType, this.blockId, key);
         const isMissing = resolved === key || this.hasAttribute("fallback-on-empty") && resolved.trim() === "";
+        const fallbackText = this.fallbackText ?? "";
         const value = isMissing && fallbackText.trim().length > 0 ? fallbackText : resolved;
+        if (this.contentEditable === "plaintext-only") return;
         this.textContent = value;
         this.lastValue = value;
       });
@@ -299,7 +307,7 @@ initMorphController();
 void (async () => {
   try {
     const [{ createGridStackAdapter }, { registerLayoutModeAdapter }] = await Promise.all([
-      import("./gridstack-adapter-BGKGC-eO.js"),
+      import("./gridstack-adapter-C1Q8gbsH.js"),
       import("./layout-mode-adapter-BBd4JRQd.js")
     ]);
     registerLayoutModeAdapter(createGridStackAdapter());

package/dist/web-components-runtime.js

@@ -2,9 +2,9 @@ var __defProp = Object.defineProperty;
 var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
 var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "symbol" ? key + "" : key, value);
 import { i as injectContext, C as ContextRoot } from "./block-BjJztStr.js";
-import { E as ExtensionRoot, B as Block } from "./ExtensionRoot-DRpD5EcC.js";
+import { E as ExtensionRoot, B as Block } from "./ExtensionRoot-CG9dH98z.js";
 import { effect } from "@juo/blocks";
-import { T as TranslationContext } from "./css-runtime-B7tZrBIp.js";
+import { T as TranslationContext } from "./css-runtime-CjZl0K48.js";
 class InlineText extends HTMLElement {
   constructor() {
     super(...arguments);

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@juo/blocks",
   "private": false,
-  "version": "2.0.0-alpha.1",
+  "version": "2.0.0-alpha.10",
   "type": "module",
   "files": [
     "dist"