@duffcloudservices/cms 0.12.0 → 0.13.0

package/dist/editor/editorBridge.d.ts

@@ -94,8 +94,20 @@ declare function recordPendingImageOverride(key: string, src: string, alt?: stri
  * @returns true when the key was handled as an image revert (skip text handling).
  */
 declare function revertImageOverrideIfImageKey(key: string, value: string): boolean;
+/**
+ * Handle a `dcs:update-text` that targets a MANAGED IMAGE **ALT** key
+ * (`data-dcs-image-alt-key`). The portal stages an alt change alongside the
+ * src change on "Replace without AI"; on discard/undo it reverts each staged
+ * key via `dcs:update-text`. Alt keys are attributes, not text nodes, so
+ * `updateTextInPlace` would be a silent no-op — instead restore the `<img>`
+ * alt and refresh any pending image override (keyed by the SRC key) so a
+ * re-render replay does not resurrect the discarded alt.
+ *
+ * @returns true when the key was handled as an image-alt revert.
+ */
+declare function revertImageAltOverrideIfAltKey(key: string, value: string): boolean;
 /** Clear all pending image overrides (test isolation). */
 declare function clearPendingImageOverrides(): void;
 declare function initEditorBridge(): void;
 
-export { type EditorReadyPayload, type SectionInfo, applyImageOverride, applyPendingImageOverrides, clearPendingImageOverrides, initEditorBridge, recordPendingImageOverride, revertImageOverrideIfImageKey };
+export { type EditorReadyPayload, type SectionInfo, applyImageOverride, applyPendingImageOverrides, clearPendingImageOverrides, initEditorBridge, recordPendingImageOverride, revertImageAltOverrideIfAltKey, revertImageOverrideIfImageKey };

package/dist/editor/editorBridge.js

@@ -218,6 +218,7 @@ function applyEditorToElements() {
     htmlEl.addEventListener("dblclick", handleTextKeyDblClick);
     htmlEl.addEventListener("blur", handleTextKeyBlur);
     htmlEl.addEventListener("keydown", handleTextKeyKeydown);
+    htmlEl.addEventListener("paste", handleTextKeyPaste);
     htmlEl.addEventListener("mouseenter", () => {
       if (activeEditElement) return;
       const key = getTextKey(htmlEl);
@@ -388,12 +389,21 @@ function handleTextKeyDblClick(e) {
   postToParent("dcs:text-key-dblclick", { key, sectionId });
   startInlineEdit(el, key, sectionId);
 }
+function supportsPlaintextOnly() {
+  try {
+    const probe = document.createElement("div");
+    probe.contentEditable = "plaintext-only";
+    return probe.getAttribute("contenteditable") === "plaintext-only";
+  } catch {
+    return false;
+  }
+}
 function startInlineEdit(el, key, sectionId) {
   if (activeEditElement && activeEditElement !== el) {
     finishEdit(activeEditElement);
   }
   originalTextValues.set(el, el.innerText.trim());
-  el.setAttribute("contenteditable", "true");
+  el.setAttribute("contenteditable", supportsPlaintextOnly() ? "plaintext-only" : "true");
   el.classList.add("dcs-editing");
   el.focus();
   activeEditElement = el;
@@ -415,8 +425,43 @@ function handleTextKeyKeydown(e) {
   }
   if (e.key === "Escape") {
     e.preventDefault();
-    e.currentTarget.blur();
+    cancelInlineEdit(e.currentTarget);
+  }
+}
+function handleTextKeyPaste(e) {
+  const el = e.currentTarget;
+  if (el !== activeEditElement) return;
+  if (el.getAttribute("contenteditable") === "plaintext-only") return;
+  const text = e.clipboardData?.getData("text/plain") ?? "";
+  e.preventDefault();
+  insertPlainTextAtCaret(el, text);
+}
+function insertPlainTextAtCaret(el, text) {
+  const selection = getSelection();
+  if (!selection || selection.rangeCount === 0) {
+    el.appendChild(document.createTextNode(text));
+    return;
+  }
+  const range = selection.getRangeAt(0);
+  if (!el.contains(range.commonAncestorContainer)) return;
+  range.deleteContents();
+  if (text) {
+    const node = document.createTextNode(text);
+    range.insertNode(node);
+    range.setStartAfter(node);
   }
+  range.collapse(true);
+  selection.removeAllRanges();
+  selection.addRange(range);
+}
+function cancelInlineEdit(el) {
+  if (!el.hasAttribute("contenteditable")) return;
+  const original = originalTextValues.get(el);
+  if (original !== void 0) {
+    el.innerText = original;
+  }
+  el.blur();
+  finishEdit(el);
 }
 function finishEdit(el) {
   if (!el.hasAttribute("contenteditable")) return;
@@ -664,6 +709,9 @@ function createImageEditIcon(label) {
 function getManagedImageKey(img) {
   return img.dataset.dcsImageKey || img.closest("[data-dcs-image-key]")?.dataset.dcsImageKey || null;
 }
+function getManagedImageAltKey(img) {
+  return img.dataset.dcsImageAltKey || img.closest("[data-dcs-image-alt-key]")?.dataset.dcsImageAltKey || null;
+}
 var pendingImageOverrides = /* @__PURE__ */ new Map();
 function cssEscapeAttributeValue(value) {
   const cssGlobal = globalThis.CSS;
@@ -716,6 +764,25 @@ function revertImageOverrideIfImageKey(key, value) {
   if (value) applyImageOverride(key, value);
   return true;
 }
+function revertImageAltOverrideIfAltKey(key, value) {
+  if (!key) return false;
+  const escapedKey = cssEscapeAttributeValue(key);
+  const hosts = document.querySelectorAll(`[data-dcs-image-alt-key="${escapedKey}"]`);
+  if (hosts.length === 0) return false;
+  hosts.forEach((host) => {
+    const imgs = host instanceof HTMLImageElement ? [host] : Array.from(host.querySelectorAll("img"));
+    imgs.forEach((img) => {
+      img.alt = value;
+      img.dataset.dcsImageAlt = value;
+    });
+    const srcKey = host.dataset.dcsImageKey || host.closest("[data-dcs-image-key]")?.dataset.dcsImageKey;
+    if (srcKey) {
+      const pending = pendingImageOverrides.get(srcKey);
+      if (pending) pendingImageOverrides.set(srcKey, { ...pending, alt: value });
+    }
+  });
+  return true;
+}
 function clearPendingImageOverrides() {
   pendingImageOverrides.clear();
 }
@@ -745,6 +812,7 @@ function showImageEditIcons(images) {
         imageWidth: img.naturalWidth,
         imageHeight: img.naturalHeight,
         imageKey: getManagedImageKey(img),
+        imageAltKey: getManagedImageAltKey(img),
         sectionId: sectionEl?.dataset.section ?? null,
         sectionLabel: sectionEl?.dataset.sectionLabel ?? null
       });
@@ -1083,7 +1151,7 @@ function handleMessage(event) {
     case "dcs:update-text":
       if (data && typeof data === "object" && "key" in data && "value" in data) {
         const d = data;
-        if (!revertImageOverrideIfImageKey(d.key, d.value)) {
+        if (!revertImageOverrideIfImageKey(d.key, d.value) && !revertImageAltOverrideIfAltKey(d.key, d.value)) {
           updateTextInPlace(d.key, d.value);
         }
       }
@@ -1201,13 +1269,15 @@ function initEditorBridge() {
         imageWidth: topImage?.naturalWidth ?? null,
         imageHeight: topImage?.naturalHeight ?? null,
         imageKey: topImage ? getManagedImageKey(topImage) : null,
+        imageAltKey: topImage ? getManagedImageAltKey(topImage) : null,
         // All images at click point (for overlapping image scenarios like before/after sliders)
         images: allImages.length > 1 ? allImages.map((img) => ({
           imageUrl: img.currentSrc ?? img.src,
           imageAlt: img.alt ?? null,
           imageWidth: img.naturalWidth,
           imageHeight: img.naturalHeight,
-          imageKey: getManagedImageKey(img)
+          imageKey: getManagedImageKey(img),
+          imageAltKey: getManagedImageAltKey(img)
         })) : null
       });
     }, true);
@@ -1248,6 +1318,6 @@ function initEditorBridge() {
   observeSectionLayout();
 }
 
-export { applyImageOverride, applyPendingImageOverrides, clearPendingImageOverrides, initEditorBridge, recordPendingImageOverride, revertImageOverrideIfImageKey };
+export { applyImageOverride, applyPendingImageOverrides, clearPendingImageOverrides, initEditorBridge, recordPendingImageOverride, revertImageAltOverrideIfAltKey, revertImageOverrideIfImageKey };
 //# sourceMappingURL=editorBridge.js.map
 //# sourceMappingURL=editorBridge.js.map