@firecms/core 3.3.0-canary.451aa49 → 3.3.0-canary.69e5ab1

package/dist/index.umd.js

@@ -7543,52 +7543,52 @@
             if (property.dataType === "string") {
               const stringProperty = property;
               if (typeof value === "string") {
-                if (stringProperty.storage) {
-                  const filePath = stringProperty.storage.previewUrl ? stringProperty.storage.previewUrl(value) : value;
-                  const t02 = property.storage?.storeUrl ?? false;
-                  let t1;
-                  if ($[14] !== filePath || $[15] !== fill || $[16] !== interactive || $[17] !== props.size || $[18] !== t02) {
-                    t1 = /* @__PURE__ */ jsxRuntime.jsx(StorageThumbnail, { interactive, storeUrl: t02, size: props.size, fill, storagePathOrDownloadUrl: filePath });
-                    $[14] = filePath;
-                    $[15] = fill;
-                    $[16] = interactive;
-                    $[17] = props.size;
-                    $[18] = t02;
-                    $[19] = t1;
+                if (stringProperty.markdown) {
+                  let t02;
+                  if ($[14] !== value) {
+                    t02 = /* @__PURE__ */ jsxRuntime.jsx(ui.Markdown, { source: value, size: "small" });
+                    $[14] = value;
+                    $[15] = t02;
                   } else {
-                    t1 = $[19];
+                    t02 = $[15];
                   }
-                  content = t1;
+                  content = t02;
                 } else {
-                  if (stringProperty.url) {
-                    if (typeof stringProperty.url === "boolean") {
-                      let t02;
-                      if ($[20] !== fill || $[21] !== props.size || $[22] !== value) {
-                        t02 = /* @__PURE__ */ jsxRuntime.jsx(UrlComponentPreview, { size: props.size, url: value, fill });
-                        $[20] = fill;
-                        $[21] = props.size;
-                        $[22] = value;
-                        $[23] = t02;
-                      } else {
-                        t02 = $[23];
-                      }
-                      content = t02;
+                  if (stringProperty.storage) {
+                    const filePath = stringProperty.storage.previewUrl ? stringProperty.storage.previewUrl(value) : value;
+                    const t02 = property.storage?.storeUrl ?? false;
+                    let t1;
+                    if ($[16] !== filePath || $[17] !== fill || $[18] !== interactive || $[19] !== props.size || $[20] !== t02) {
+                      t1 = /* @__PURE__ */ jsxRuntime.jsx(StorageThumbnail, { interactive, storeUrl: t02, size: props.size, fill, storagePathOrDownloadUrl: filePath });
+                      $[16] = filePath;
+                      $[17] = fill;
+                      $[18] = interactive;
+                      $[19] = props.size;
+                      $[20] = t02;
+                      $[21] = t1;
                     } else {
-                      if (typeof stringProperty.url === "string") {
-                        content = /* @__PURE__ */ jsxRuntime.jsx(UrlComponentPreview, { size: props.size, url: value, interactive, fill, previewType: stringProperty.url });
-                      }
+                      t1 = $[21];
                     }
+                    content = t1;
                   } else {
-                    if (stringProperty.markdown) {
-                      let t02;
-                      if ($[24] !== value) {
-                        t02 = /* @__PURE__ */ jsxRuntime.jsx(ui.Markdown, { source: value, size: "small" });
-                        $[24] = value;
-                        $[25] = t02;
+                    if (stringProperty.url) {
+                      if (typeof stringProperty.url === "boolean") {
+                        let t02;
+                        if ($[22] !== fill || $[23] !== props.size || $[24] !== value) {
+                          t02 = /* @__PURE__ */ jsxRuntime.jsx(UrlComponentPreview, { size: props.size, url: value, fill });
+                          $[22] = fill;
+                          $[23] = props.size;
+                          $[24] = value;
+                          $[25] = t02;
+                        } else {
+                          t02 = $[25];
+                        }
+                        content = t02;
                       } else {
-                        t02 = $[25];
+                        if (typeof stringProperty.url === "string") {
+                          content = /* @__PURE__ */ jsxRuntime.jsx(UrlComponentPreview, { size: props.size, url: value, interactive, fill, previewType: stringProperty.url });
+                        }
                       }
-                      content = t02;
                     } else {
                       if (stringProperty.userSelect) {
                         content = /* @__PURE__ */ jsxRuntime.jsx(UserPreview, { value, property: stringProperty, propertyKey, size: props.size });
@@ -17014,14 +17014,14 @@
     if (property.dataType === "string") {
       if (property.url) {
         return 280;
+      } else if (property.markdown) {
+        return 300;
       } else if (property.storage) {
         return 160;
       } else if (property.enumValues) {
         return 200;
       } else if (property.multiline) {
         return 300;
-      } else if (property.markdown) {
-        return 300;
       } else if (property.email) {
         return 200;
       } else {
@@ -29738,7 +29738,7 @@
     const {
       selectedSecondaryForm
     } = resolvedSelectedEntityView(props.collection?.entityViews, customizationController, props.selectedTab);
-    const shouldUseSmallLayout = !props.selectedTab || props.selectedTab === JSON_TAB_VALUE || props.selectedTab === "__history" || Boolean(selectedSecondaryForm);
+    const shouldUseSmallLayout = !props.selectedTab || props.selectedTab === JSON_TAB_VALUE || props.selectedTab === "__history" || props.selectedTab === "__raw_data" || Boolean(selectedSecondaryForm);
     let resolvedWidth;
     if (props.width) {
       resolvedWidth = typeof props.width === "number" ? `${props.width}px` : props.width;
@@ -38408,6 +38408,44 @@
   const md = markdownIt({
     html: false
   }).use(markdownItTaskLists).use(markdownItMark).use(markdownItIns);
+  md.inline.ruler.at("escape", function escapeOverride(state, silent) {
+    let pos = state.pos;
+    const max = state.posMax;
+    if (state.src.charCodeAt(pos) !== 92) return false;
+    pos++;
+    if (pos >= max) return false;
+    const ch1 = state.src.charCodeAt(pos);
+    if (ch1 === 10) {
+      if (!silent) {
+        state.pending += "\\";
+      }
+      state.pos = pos;
+      return true;
+    }
+    let escapedStr = state.src[pos];
+    if (ch1 >= 55296 && ch1 <= 56319 && pos + 1 < max) {
+      const ch2 = state.src.charCodeAt(pos + 1);
+      if (ch2 >= 56320 && ch2 <= 57343) {
+        escapedStr += state.src[pos + 1];
+        pos++;
+      }
+    }
+    const origStr = "\\" + escapedStr;
+    if (!silent) {
+      const isEscapable = ch1 < 256 && /[\\!"#$%&'()*+,./:;<=>?@[\]^_`{|}~-]/.test(String.fromCharCode(ch1));
+      const token = state.push("text_special", "", 0);
+      if (isEscapable) {
+        token.content = escapedStr;
+      } else {
+        token.content = origStr;
+      }
+      token.markup = origStr;
+      token.info = "escape";
+    }
+    state.pos = pos + 1;
+    return true;
+  });
+  md.inline.ruler.disable(["newline"]);
   md.core.ruler.after("inline", "image-to-block", (state) => {
     const tokens = state.tokens;
     for (let i = tokens.length - 2; i >= 1; i--) {
@@ -38493,6 +38531,28 @@
     table_cell() {
     },
     table_header() {
+    },
+    // Custom text serializer: since our parser override keeps `\` as
+    // literal text (instead of consuming it), we must avoid the default
+    // esc() from double-escaping it. We escape all standard markdown
+    // specials *except* the backslash itself.
+    text(state, node) {
+      const escaped = node.text.replace(/[`*~\[\]_]/g, (m, i) => {
+        if (m === "_" && i > 0 && i + 1 < node.text.length && /\w/.test(node.text[i - 1]) && /\w/.test(node.text[i + 1])) {
+          return m;
+        }
+        return "\\" + m;
+      });
+      const lines = escaped.split("\n");
+      for (let i = 0; i < lines.length; i++) {
+        state.write();
+        let line = lines[i];
+        if (state.atBlockStart || i > 0) {
+          line = line.replace(/^(\+[ ]|[-*>])/, "\\$&").replace(/^(\s*)(#{1,6})(\s|$)/, "$1\\$2$3").replace(/^(\s*\d+)\.\s/, "$1\\. ");
+        }
+        state.out += line;
+        if (i !== lines.length - 1) state.out += "\n";
+      }
     }
   }, {
     ...prosemirrorMarkdown.defaultMarkdownSerializer.marks,
@@ -41294,7 +41354,7 @@
     "lg": "prose-lg"
   };
   const FireCMSEditor = (t0) => {
-    const $ = reactCompilerRuntime.c(76);
+    const $ = reactCompilerRuntime.c(78);
     const {
       content,
       onJsonContentChange,
@@ -41466,63 +41526,87 @@
     } = useProseMirror(t10);
     const view = t11;
     const doc = state?.doc;
+    const mountedRef = React.useRef(false);
     let t12;
-    if ($[20] !== flushChanges || $[21] !== state) {
+    let t13;
+    if ($[20] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel")) {
       t12 = () => {
+        const raf = requestAnimationFrame(() => {
+          mountedRef.current = true;
+        });
+        return () => cancelAnimationFrame(raf);
+      };
+      t13 = [];
+      $[20] = t12;
+      $[21] = t13;
+    } else {
+      t12 = $[20];
+      t13 = $[21];
+    }
+    React.useEffect(t12, t13);
+    let t14;
+    if ($[22] !== flushChanges || $[23] !== state) {
+      t14 = () => {
         if (!state) {
           return;
         }
+        if (!mountedRef.current) {
+          return;
+        }
         const timeout_0 = setTimeout(() => {
           flushChanges(state);
         }, 250);
         return () => clearTimeout(timeout_0);
       };
-      $[20] = flushChanges;
-      $[21] = state;
-      $[22] = t12;
+      $[22] = flushChanges;
+      $[23] = state;
+      $[24] = t14;
     } else {
-      t12 = $[22];
+      t14 = $[24];
     }
-    let t13;
-    if ($[23] !== doc) {
-      t13 = [doc];
-      $[23] = doc;
-      $[24] = t13;
+    let t15;
+    if ($[25] !== doc) {
+      t15 = [doc];
+      $[25] = doc;
+      $[26] = t15;
     } else {
-      t13 = $[24];
+      t15 = $[26];
     }
-    React.useEffect(t12, t13);
-    let t14;
-    if ($[25] !== flushChanges || $[26] !== view) {
-      t14 = () => {
+    React.useEffect(t14, t15);
+    let t16;
+    if ($[27] !== flushChanges || $[28] !== view) {
+      t16 = () => {
         if (!view) {
           return;
         }
         const dom2 = view.dom;
         const handleBlur = () => {
+          if (!mountedRef.current) {
+            return;
+          }
           flushChanges(view.state);
         };
         dom2.addEventListener("blur", handleBlur);
         return () => dom2.removeEventListener("blur", handleBlur);
       };
-      $[25] = flushChanges;
-      $[26] = view;
-      $[27] = t14;
+      $[27] = flushChanges;
+      $[28] = view;
+      $[29] = t16;
     } else {
-      t14 = $[27];
+      t16 = $[29];
     }
-    let t15;
-    if ($[28] !== view) {
-      t15 = [view];
-      $[28] = view;
-      $[29] = t15;
+    let t17;
+    if ($[30] !== view) {
+      t17 = [view];
+      $[30] = view;
+      $[31] = t17;
     } else {
-      t15 = $[29];
+      t17 = $[31];
     }
-    React.useEffect(t14, t15);
-    let t16;
-    if ($[30] !== highlight || $[31] !== view) {
-      t16 = () => {
+    React.useEffect(t16, t17);
+    let t18;
+    if ($[32] !== highlight || $[33] !== view) {
+      t18 = () => {
         if (view) {
           if (highlight) {
             highlightCommands.toggleAutocompleteHighlight(highlight)(view.state, view.dispatch);
@@ -41531,80 +41615,80 @@
           }
         }
       };
-      $[30] = highlight;
-      $[31] = view;
-      $[32] = t16;
+      $[32] = highlight;
+      $[33] = view;
+      $[34] = t18;
     } else {
-      t16 = $[32];
+      t18 = $[34];
     }
-    const t17 = highlight?.from;
-    const t18 = highlight?.to;
-    let t19;
-    if ($[33] !== t17 || $[34] !== t18) {
-      t19 = [t17, t18];
-      $[33] = t17;
-      $[34] = t18;
+    const t19 = highlight?.from;
+    const t20 = highlight?.to;
+    let t21;
+    if ($[35] !== t19 || $[36] !== t20) {
+      t21 = [t19, t20];
       $[35] = t19;
+      $[36] = t20;
+      $[37] = t21;
     } else {
-      t19 = $[35];
+      t21 = $[37];
     }
-    React.useEffect(t16, t19);
+    React.useEffect(t18, t21);
     const proseClass = proseClasses[textSize];
-    const t20 = isMarkdownMode ? "Switch to Visual Editor" : "Switch to Markdown";
-    const t21 = isMarkdownMode ? "Visual" : "Markdown";
-    let t22;
-    if ($[36] !== handleToggleMarkdown || $[37] !== t20 || $[38] !== t21) {
-      t22 = /* @__PURE__ */ jsxRuntime.jsx("button", { type: "button", onClick: handleToggleMarkdown, title: t20, className: "absolute top-2 right-2 z-10 px-2 py-1 text-xs font-medium text-surface-400 hover:text-surface-700 dark:text-surface-600 dark:hover:text-surface-300 transition-colors opacity-50 hover:opacity-100 bg-transparent rounded", children: t21 });
-      $[36] = handleToggleMarkdown;
-      $[37] = t20;
-      $[38] = t21;
+    const t22 = isMarkdownMode ? "Switch to Visual Editor" : "Switch to Markdown";
+    const t23 = isMarkdownMode ? "Visual" : "Markdown";
+    let t24;
+    if ($[38] !== handleToggleMarkdown || $[39] !== t22 || $[40] !== t23) {
+      t24 = /* @__PURE__ */ jsxRuntime.jsx("button", { type: "button", onClick: handleToggleMarkdown, title: t22, className: "absolute top-2 right-2 z-10 px-2 py-1 text-xs font-medium text-surface-400 hover:text-surface-700 dark:text-surface-600 dark:hover:text-surface-300 transition-colors opacity-50 hover:opacity-100 bg-transparent rounded", children: t23 });
+      $[38] = handleToggleMarkdown;
       $[39] = t22;
+      $[40] = t23;
+      $[41] = t24;
     } else {
-      t22 = $[39];
+      t24 = $[41];
     }
-    let t23;
-    if ($[40] !== state || $[41] !== view) {
-      t23 = {
+    let t25;
+    if ($[42] !== state || $[43] !== view) {
+      t25 = {
         state,
         view
       };
-      $[40] = state;
-      $[41] = view;
-      $[42] = t23;
+      $[42] = state;
+      $[43] = view;
+      $[44] = t25;
     } else {
-      t23 = $[42];
+      t25 = $[44];
     }
-    const t24 = isMarkdownMode ? "none" : "block";
-    let t25;
-    if ($[43] !== t24) {
-      t25 = {
-        display: t24
+    const t26 = isMarkdownMode ? "none" : "block";
+    let t27;
+    if ($[45] !== t26) {
+      t27 = {
+        display: t26
       };
-      $[43] = t24;
-      $[44] = t25;
+      $[45] = t26;
+      $[46] = t27;
     } else {
-      t25 = $[44];
+      t27 = $[46];
     }
-    let t26;
-    if ($[45] !== proseClass) {
-      t26 = ui.cls(proseClass, "prose-headings:font-title font-default focus:outline-none max-w-full p-12");
-      $[45] = proseClass;
-      $[46] = t26;
+    let t28;
+    if ($[47] !== proseClass) {
+      t28 = ui.cls(proseClass, "prose-headings:font-title font-default focus:outline-none max-w-full p-12");
+      $[47] = proseClass;
+      $[48] = t28;
     } else {
-      t26 = $[46];
+      t28 = $[48];
     }
-    let t27;
-    if ($[47] !== editorRef || $[48] !== t26) {
-      t27 = /* @__PURE__ */ jsxRuntime.jsx("div", { ref: editorRef, className: t26 });
-      $[47] = editorRef;
-      $[48] = t26;
-      $[49] = t27;
+    let t29;
+    if ($[49] !== editorRef || $[50] !== t28) {
+      t29 = /* @__PURE__ */ jsxRuntime.jsx("div", { ref: editorRef, className: t28 });
+      $[49] = editorRef;
+      $[50] = t28;
+      $[51] = t29;
     } else {
-      t27 = $[49];
+      t29 = $[51];
     }
-    let t28;
-    if ($[50] !== editorRef || $[51] !== openLink || $[52] !== openNode || $[53] !== view) {
-      t28 = view && /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+    let t30;
+    if ($[52] !== editorRef || $[53] !== openLink || $[54] !== openNode || $[55] !== view) {
+      t30 = view && /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
         /* @__PURE__ */ jsxRuntime.jsxs(EditorBubble, { options: {
           placement: "top",
           offset: 6
@@ -41621,81 +41705,81 @@
         } }),
         /* @__PURE__ */ jsxRuntime.jsx(TableBubble, {})
       ] });
-      $[50] = editorRef;
-      $[51] = openLink;
-      $[52] = openNode;
-      $[53] = view;
-      $[54] = t28;
+      $[52] = editorRef;
+      $[53] = openLink;
+      $[54] = openNode;
+      $[55] = view;
+      $[56] = t30;
     } else {
-      t28 = $[54];
+      t30 = $[56];
     }
-    let t29;
-    if ($[55] !== aiController || $[56] !== handleImageUpload) {
-      t29 = /* @__PURE__ */ jsxRuntime.jsx(SlashCommandMenu, { upload: handleImageUpload, aiController });
-      $[55] = aiController;
-      $[56] = handleImageUpload;
-      $[57] = t29;
+    let t31;
+    if ($[57] !== aiController || $[58] !== handleImageUpload) {
+      t31 = /* @__PURE__ */ jsxRuntime.jsx(SlashCommandMenu, { upload: handleImageUpload, aiController });
+      $[57] = aiController;
+      $[58] = handleImageUpload;
+      $[59] = t31;
     } else {
-      t29 = $[57];
+      t31 = $[59];
     }
-    let t30;
-    if ($[58] !== t25 || $[59] !== t27 || $[60] !== t28 || $[61] !== t29) {
-      t30 = /* @__PURE__ */ jsxRuntime.jsxs("div", { style: t25, children: [
-        t27,
-        t28,
-        t29
+    let t32;
+    if ($[60] !== t27 || $[61] !== t29 || $[62] !== t30 || $[63] !== t31) {
+      t32 = /* @__PURE__ */ jsxRuntime.jsxs("div", { style: t27, children: [
+        t29,
+        t30,
+        t31
       ] });
-      $[58] = t25;
-      $[59] = t27;
-      $[60] = t28;
+      $[60] = t27;
       $[61] = t29;
       $[62] = t30;
+      $[63] = t31;
+      $[64] = t32;
     } else {
-      t30 = $[62];
+      t32 = $[64];
     }
-    let t31;
-    if ($[63] !== handleMarkdownBlur || $[64] !== handleMarkdownChange || $[65] !== internalMarkdown || $[66] !== isMarkdownMode || $[67] !== proseClass) {
-      t31 = isMarkdownMode && /* @__PURE__ */ jsxRuntime.jsx(ui.TextareaAutosize, { value: internalMarkdown, onChange: handleMarkdownChange, onBlur: handleMarkdownBlur, className: ui.cls("w-full h-full min-h-[300px] p-12 bg-transparent resize-none font-mono focus:ring-0", proseClass), style: {
+    let t33;
+    if ($[65] !== handleMarkdownBlur || $[66] !== handleMarkdownChange || $[67] !== internalMarkdown || $[68] !== isMarkdownMode || $[69] !== proseClass) {
+      t33 = isMarkdownMode && /* @__PURE__ */ jsxRuntime.jsx(ui.TextareaAutosize, { value: internalMarkdown, onChange: handleMarkdownChange, onBlur: handleMarkdownBlur, className: ui.cls("w-full min-h-[300px] p-12 bg-transparent resize-none font-mono focus:ring-0 focus:outline-none outline-none", proseClass), style: {
         tabSize: 4,
         outline: "none",
         border: "none",
         boxShadow: "none"
       } });
-      $[63] = handleMarkdownBlur;
-      $[64] = handleMarkdownChange;
-      $[65] = internalMarkdown;
-      $[66] = isMarkdownMode;
-      $[67] = proseClass;
-      $[68] = t31;
+      $[65] = handleMarkdownBlur;
+      $[66] = handleMarkdownChange;
+      $[67] = internalMarkdown;
+      $[68] = isMarkdownMode;
+      $[69] = proseClass;
+      $[70] = t33;
     } else {
-      t31 = $[68];
+      t33 = $[70];
     }
-    let t32;
-    if ($[69] !== t23 || $[70] !== t30 || $[71] !== t31) {
-      t32 = /* @__PURE__ */ jsxRuntime.jsxs(ProseMirrorContext.Provider, { value: t23, children: [
-        t30,
-        t31
+    let t34;
+    if ($[71] !== t25 || $[72] !== t32 || $[73] !== t33) {
+      t34 = /* @__PURE__ */ jsxRuntime.jsxs(ProseMirrorContext.Provider, { value: t25, children: [
+        t32,
+        t33
       ] });
-      $[69] = t23;
-      $[70] = t30;
-      $[71] = t31;
+      $[71] = t25;
       $[72] = t32;
+      $[73] = t33;
+      $[74] = t34;
     } else {
-      t32 = $[72];
+      t34 = $[74];
     }
-    let t33;
-    if ($[73] !== t22 || $[74] !== t32) {
-      t33 = /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "relative min-h-[300px] w-full", children: [
-        t22,
-        t32
+    let t35;
+    if ($[75] !== t24 || $[76] !== t34) {
+      t35 = /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "relative min-h-[300px] w-full", children: [
+        t24,
+        t34
       ] });
-      $[73] = t22;
-      $[74] = t32;
-      $[75] = t33;
+      $[75] = t24;
+      $[76] = t34;
+      $[77] = t35;
     } else {
-      t33 = $[75];
+      t35 = $[77];
     }
-    return t33;
+    return t35;
   };
   const cssStyles = `
 .ProseMirror {