@broberg/cms-inline-edit 0.7.2 → 0.8.0

package/dist/index.d.cts

@@ -183,6 +183,19 @@ declare function disconnect(options: InlineEditOptions): void;
  * MPA consumers (broberg: full reload per navigation re-runs init) never need it.
  */
 declare function rescanFields(): void;
+/**
+ * A plain field's value, with its line breaks intact.
+ *
+ * `textContent` drops <br> entirely — a two-paragraph value read through it
+ * comes back as one run of text, and saving then DESTROYS the break that was
+ * already stored. So this is not only how a new break gets in; it is what stops
+ * an existing one being silently flattened the next time anyone edits the field.
+ *
+ * Deliberately narrow: <br> becomes "\n" and text nodes come through verbatim.
+ * A plain field is a string, not a document — anything richer belongs in a
+ * richtext field, which has its own serializer.
+ */
+declare function plainTextWithBreaks(el: HTMLElement): string;
 interface LinkablePage {
     collection: string;
     slug: string;
@@ -253,4 +266,4 @@ declare function setLinkTarget(el: HTMLElement, newTab: boolean): void;
  */
 declare function htmlToMarkdown(html: string): string;
 
-export { type InlineEditLabels, type InlineEditOptions, applyFieldSlice, buildConnectUrl, disconnect, extractLinkTargets, getConnectedToken, htmlToMarkdown, initInlineEdit, isBareEmail, isDangerousUrl, isExternalHost, isSchemeless, positionPopover, renderCurrentRefLine, rescanFields, resolveExistingRef, setLinkTarget, withHttps };
+export { type InlineEditLabels, type InlineEditOptions, applyFieldSlice, buildConnectUrl, disconnect, extractLinkTargets, getConnectedToken, htmlToMarkdown, initInlineEdit, isBareEmail, isDangerousUrl, isExternalHost, isSchemeless, plainTextWithBreaks, positionPopover, renderCurrentRefLine, rescanFields, resolveExistingRef, setLinkTarget, withHttps };

package/dist/index.d.ts

@@ -183,6 +183,19 @@ declare function disconnect(options: InlineEditOptions): void;
  * MPA consumers (broberg: full reload per navigation re-runs init) never need it.
  */
 declare function rescanFields(): void;
+/**
+ * A plain field's value, with its line breaks intact.
+ *
+ * `textContent` drops <br> entirely — a two-paragraph value read through it
+ * comes back as one run of text, and saving then DESTROYS the break that was
+ * already stored. So this is not only how a new break gets in; it is what stops
+ * an existing one being silently flattened the next time anyone edits the field.
+ *
+ * Deliberately narrow: <br> becomes "\n" and text nodes come through verbatim.
+ * A plain field is a string, not a document — anything richer belongs in a
+ * richtext field, which has its own serializer.
+ */
+declare function plainTextWithBreaks(el: HTMLElement): string;
 interface LinkablePage {
     collection: string;
     slug: string;
@@ -253,4 +266,4 @@ declare function setLinkTarget(el: HTMLElement, newTab: boolean): void;
  */
 declare function htmlToMarkdown(html: string): string;
 
-export { type InlineEditLabels, type InlineEditOptions, applyFieldSlice, buildConnectUrl, disconnect, extractLinkTargets, getConnectedToken, htmlToMarkdown, initInlineEdit, isBareEmail, isDangerousUrl, isExternalHost, isSchemeless, positionPopover, renderCurrentRefLine, rescanFields, resolveExistingRef, setLinkTarget, withHttps };
+export { type InlineEditLabels, type InlineEditOptions, applyFieldSlice, buildConnectUrl, disconnect, extractLinkTargets, getConnectedToken, htmlToMarkdown, initInlineEdit, isBareEmail, isDangerousUrl, isExternalHost, isSchemeless, plainTextWithBreaks, positionPopover, renderCurrentRefLine, rescanFields, resolveExistingRef, setLinkTarget, withHttps };

package/dist/index.js

@@ -397,7 +397,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();
@@ -405,7 +405,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);
   });
@@ -415,12 +415,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) {
@@ -1532,6 +1555,7 @@ export {
   isDangerousUrl,
   isExternalHost,
   isSchemeless,
+  plainTextWithBreaks,
   positionPopover,
   renderCurrentRefLine,
   rescanFields,