@broberg/cms-inline-edit 0.7.2 → 0.8.0

package/dist/index.cjs

@@ -31,6 +31,7 @@ __export(index_exports, {
   isDangerousUrl: () => isDangerousUrl,
   isExternalHost: () => isExternalHost,
   isSchemeless: () => isSchemeless,
+  plainTextWithBreaks: () => plainTextWithBreaks,
   positionPopover: () => positionPopover,
   renderCurrentRefLine: () => renderCurrentRefLine,
   rescanFields: () => rescanFields,
@@ -439,7 +440,7 @@ function wireField(el, token, options) {
     e.preventDefault();
     e.stopPropagation();
     const tokenSafe = hasTokenChips(el);
-    el.dataset.cmsOriginalValue = tokenSafe ? serializeTokenSafe(el) : el.textContent ?? "";
+    el.dataset.cmsOriginalValue = tokenSafe ? serializeTokenSafe(el) : plainTextWithBreaks(el);
     el.setAttribute("contenteditable", "true");
     if (tokenSafe) lockTokenChips(el);
     el.focus();
@@ -447,7 +448,7 @@ function wireField(el, token, options) {
   el.addEventListener("blur", () => {
     el.removeAttribute("contenteditable");
     const original = el.dataset.cmsOriginalValue ?? "";
-    const current = hasTokenChips(el) ? serializeTokenSafe(el) : el.textContent ?? "";
+    const current = hasTokenChips(el) ? serializeTokenSafe(el) : plainTextWithBreaks(el);
     if (current.trim() === original.trim()) return;
     void saveField(el, current.trim(), token, options);
   });
@@ -457,12 +458,35 @@ function wireField(el, token, options) {
     document.execCommand("insertText", false, text);
   });
   el.addEventListener("keydown", (e) => {
-    if (e.key === "Enter") {
-      e.preventDefault();
-      el.blur();
+    if (e.key !== "Enter") return;
+    e.preventDefault();
+    if (e.shiftKey) {
+      document.execCommand("insertLineBreak");
+      return;
     }
+    el.blur();
   });
 }
+function plainTextWithBreaks(el) {
+  let out = "";
+  const walk = (node) => {
+    if (node.nodeType === Node.TEXT_NODE) {
+      out += node.textContent ?? "";
+      return;
+    }
+    if (node.nodeType !== Node.ELEMENT_NODE) return;
+    const tag = node.tagName.toLowerCase();
+    if (tag === "br") {
+      out += "\n";
+      return;
+    }
+    const blocky = tag === "div" || tag === "p";
+    if (blocky && out !== "" && !out.endsWith("\n")) out += "\n";
+    node.childNodes.forEach(walk);
+  };
+  el.childNodes.forEach(walk);
+  return out;
+}
 var richCtx = null;
 var richToolbar = null;
 function wireRichField(el, token, options, mode) {
@@ -1575,6 +1599,7 @@ function injectStyles() {
   isDangerousUrl,
   isExternalHost,
   isSchemeless,
+  plainTextWithBreaks,
   positionPopover,
   renderCurrentRefLine,
   rescanFields,