@firecms/core 3.3.0-canary.451aa49 → 3.3.0-canary.a5780ce

package/dist/index.es.js

@@ -7566,52 +7566,52 @@ const PropertyPreview = React__default.memo(function PropertyPreview2(props) {
           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__ */ 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__ */ jsx(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__ */ 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__ */ 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__ */ 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__ */ jsx(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__ */ 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__ */ jsx(UrlComponentPreview, { size: props.size, url: value, interactive, fill, previewType: stringProperty.url });
+                      }
                     }
-                    content = t02;
                   } else {
                     if (stringProperty.userSelect) {
                       content = /* @__PURE__ */ jsx(UserPreview, { value, property: stringProperty, propertyKey, size: props.size });
@@ -17037,14 +17037,14 @@ function getTablePropertyColumnWidth(property) {
   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 {
@@ -29761,7 +29761,7 @@ function getEntityViewWidth(props, small, customizationController, authControlle
   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;
@@ -38431,6 +38431,44 @@ const parserTokens = {
 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--) {
@@ -38516,6 +38554,28 @@ const markdownSerializer = new MarkdownSerializer({
   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";
+    }
   }
 }, {
   ...defaultMarkdownSerializer.marks,
@@ -41317,7 +41377,7 @@ const proseClasses = {
   "lg": "prose-lg"
 };
 const FireCMSEditor = (t0) => {
-  const $ = c(76);
+  const $ = c(78);
   const {
     content,
     onJsonContentChange,
@@ -41489,63 +41549,87 @@ const FireCMSEditor = (t0) => {
   } = useProseMirror(t10);
   const view = t11;
   const doc = state?.doc;
+  const mountedRef = 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];
+  }
+  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];
   }
-  useEffect(t12, t13);
-  let t14;
-  if ($[25] !== flushChanges || $[26] !== view) {
-    t14 = () => {
+  useEffect(t14, t15);
+  let t16;
+  if ($[27] !== flushChanges || $[28] !== view) {
+    t16 = () => {
       if (!view) {
         return;
       }
       const dom = view.dom;
       const handleBlur = () => {
+        if (!mountedRef.current) {
+          return;
+        }
         flushChanges(view.state);
       };
       dom.addEventListener("blur", handleBlur);
       return () => dom.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];
   }
-  useEffect(t14, t15);
-  let t16;
-  if ($[30] !== highlight || $[31] !== view) {
-    t16 = () => {
+  useEffect(t16, t17);
+  let t18;
+  if ($[32] !== highlight || $[33] !== view) {
+    t18 = () => {
       if (view) {
         if (highlight) {
           highlightCommands.toggleAutocompleteHighlight(highlight)(view.state, view.dispatch);
@@ -41554,80 +41638,80 @@ const FireCMSEditor = (t0) => {
         }
       }
     };
-    $[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];
   }
-  useEffect(t16, t19);
+  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__ */ 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__ */ 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 = 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 = 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__ */ jsx("div", { ref: editorRef, className: t26 });
-    $[47] = editorRef;
-    $[48] = t26;
-    $[49] = t27;
+  let t29;
+  if ($[49] !== editorRef || $[50] !== t28) {
+    t29 = /* @__PURE__ */ 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__ */ jsxs(Fragment, { children: [
+  let t30;
+  if ($[52] !== editorRef || $[53] !== openLink || $[54] !== openNode || $[55] !== view) {
+    t30 = view && /* @__PURE__ */ jsxs(Fragment, { children: [
       /* @__PURE__ */ jsxs(EditorBubble, { options: {
         placement: "top",
         offset: 6
@@ -41644,81 +41728,81 @@ const FireCMSEditor = (t0) => {
       } }),
       /* @__PURE__ */ 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__ */ jsx(SlashCommandMenu, { upload: handleImageUpload, aiController });
-    $[55] = aiController;
-    $[56] = handleImageUpload;
-    $[57] = t29;
+  let t31;
+  if ($[57] !== aiController || $[58] !== handleImageUpload) {
+    t31 = /* @__PURE__ */ 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__ */ jsxs("div", { style: t25, children: [
-      t27,
-      t28,
-      t29
+  let t32;
+  if ($[60] !== t27 || $[61] !== t29 || $[62] !== t30 || $[63] !== t31) {
+    t32 = /* @__PURE__ */ 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__ */ jsx(TextareaAutosize, { value: internalMarkdown, onChange: handleMarkdownChange, onBlur: handleMarkdownBlur, className: 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__ */ jsx(TextareaAutosize, { value: internalMarkdown, onChange: handleMarkdownChange, onBlur: handleMarkdownBlur, className: 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__ */ jsxs(ProseMirrorContext.Provider, { value: t23, children: [
-      t30,
-      t31
+  let t34;
+  if ($[71] !== t25 || $[72] !== t32 || $[73] !== t33) {
+    t34 = /* @__PURE__ */ 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__ */ jsxs("div", { className: "relative min-h-[300px] w-full", children: [
-      t22,
-      t32
+  let t35;
+  if ($[75] !== t24 || $[76] !== t34) {
+    t35 = /* @__PURE__ */ 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 {