@tinacms/mdx 0.0.0-c852462-20250131014229 → 0.0.0-c965b5f-20250426163441

package/dist/index.browser.mjs

@@ -23382,7 +23382,9 @@ function mdxJsxFromMarkdown2({ patterns }) {
         if (attribute.name === "") {
           attribute.name = "_value";
         }
-        attribute.value = parseEntities(this.resume(), { nonTerminated: false });
+        attribute.value = parseEntities(this.resume(), {
+          nonTerminated: false
+        });
       }
     }
   };
@@ -23634,7 +23636,9 @@ var mdxJsxToMarkdown2 = function(options) {
         if (!emptyChildren) {
           tracker.shift(2);
           value += tracker.move("\n");
-          value += tracker.move(containerFlow(node2, context, tracker.current()));
+          value += tracker.move(
+            containerFlow(node2, context, tracker.current())
+          );
           value += tracker.move("\n");
         }
       } else {
@@ -38154,22 +38158,10 @@ var Xh = Q({ "src/language-js/parse/acorn-and-espree.js"(a, u) {
 var mc = Xh();
 
 // src/stringify/acorn.ts
-function generateRandom6LetterString() {
-  const characters = "abcdefghijklmnopqrstuvwxyz";
-  let result = "";
-  for (let i = 0; i < 6; i++) {
-    const randomIndex = Math.floor(Math.random() * characters.length);
-    result += characters[randomIndex];
-  }
-  return result;
-}
-function isMultiline(input) {
-  return input.includes("\n") || input.includes("\r");
-}
-var stringifyPropsInline = (element2, field, imageCallback, context) => {
-  return stringifyProps(element2, field, true, imageCallback, context || {});
+var stringifyPropsInline = (element2, field, imageCallback) => {
+  return stringifyProps(element2, field, true, imageCallback);
 };
-function stringifyProps(element2, parentField, flatten2, imageCallback, context) {
+function stringifyProps(element2, parentField, flatten2, imageCallback) {
   const attributes2 = [];
   const children = [];
   let template;
@@ -38193,16 +38185,6 @@ function stringifyProps(element2, parentField, flatten2, imageCallback, context)
   if (template.fields.find((f) => f.name === "children")) {
     directiveType = "block";
   }
-  const embedCodes = {};
-  for (const [embedKey, value] of Object.entries(element2.props)) {
-    if (embedKey.startsWith("_tinaEmbeds")) {
-      const key = embedKey.replace("_tinaEmbeds.", "");
-      embedCodes[key] = value;
-    }
-  }
-  for (const key of Object.keys(embedCodes)) {
-    delete element2.props[`_tinaEmbeds.${key}`];
-  }
   useDirective = !!template.match;
   Object.entries(element2.props).forEach(([name2, value]) => {
     if (typeof template === "string") {
@@ -38253,22 +38235,11 @@ function stringifyProps(element2, parentField, flatten2, imageCallback, context)
           }
         } else {
           if (typeof value === "string") {
-            if (isMultiline(value)) {
-              const code3 = embedCodes[name2] || generateRandom6LetterString();
-              context._tinaEmbeds = context._tinaEmbeds || {};
-              context._tinaEmbeds[code3] = value;
-              attributes2.push({
-                type: "mdxJsxAttribute",
-                name: name2,
-                value: `_tinaEmbeds.${code3}`
-              });
-            } else {
-              attributes2.push({
-                type: "mdxJsxAttribute",
-                name: name2,
-                value
-              });
-            }
+            attributes2.push({
+              type: "mdxJsxAttribute",
+              name: name2,
+              value
+            });
           } else {
             throw new Error(
               `Expected string for attribute on field ${field.name}`
@@ -38354,23 +38325,39 @@ function stringifyProps(element2, parentField, flatten2, imageCallback, context)
             (value2) => value2.type === "root" && Array.isArray(value2.children),
             `Nested rich-text element is not a valid shape for field ${field.name}`
           );
-          const code3 = value.embedCode || generateRandom6LetterString();
           if (field.name === "children") {
-            const root2 = rootElement(value, field, imageCallback, context);
+            const root2 = rootElement(value, field, imageCallback);
             root2.children.forEach((child) => {
               children.push(child);
             });
             return;
           } else {
             const stringValue = stringifyMDX(value, field, imageCallback);
-            context._tinaEmbeds = context._tinaEmbeds || {};
-            context._tinaEmbeds[code3] = stringValue;
+            if (stringValue) {
+              val = stringValue.trim().split("\n").map((str) => `  ${str.trim()}`).join(joiner);
+            }
+          }
+          if (flatten2) {
+            attributes2.push({
+              type: "mdxJsxAttribute",
+              name: name2,
+              value: {
+                type: "mdxJsxAttributeValueExpression",
+                value: `<>${val.trim()}</>`
+              }
+            });
+          } else {
+            attributes2.push({
+              type: "mdxJsxAttribute",
+              name: name2,
+              value: {
+                type: "mdxJsxAttributeValueExpression",
+                value: `<>
+${val}
+</>`
+              }
+            });
           }
-          attributes2.push({
-            type: "mdxJsxAttribute",
-            name: name2,
-            value: `_tinaEmbeds.${code3}`
-          });
         }
         break;
       default:
@@ -38635,7 +38622,7 @@ var eat2 = (c, field, imageCallback) => {
   }
   if (markToProcess === "inlineCode") {
     if (nonMatchingSiblingIndex) {
-      throw new Error(`Marks inside inline code are not supported`);
+      throw new Error("Marks inside inline code are not supported");
     }
     const node2 = {
       type: markToProcess,
@@ -38670,7 +38657,8 @@ var cleanNode = (node2, mark) => {
   const markToClear = {
     strong: "bold",
     emphasis: "italic",
-    inlineCode: "code"
+    inlineCode: "code",
+    delete: "strikethrough"
   }[mark];
   Object.entries(node2).map(([key, value]) => {
     if (key !== markToClear) {
@@ -38807,7 +38795,7 @@ ${match.start} /${match.name || template.name} ${match.end}`;
 }
 
 // src/stringify/index.ts
-var stringifyMDX = (value, field, imageCallback, context = {}) => {
+var stringifyMDX = (value, field, imageCallback) => {
   if (field.parser?.type === "markdown") {
     return stringifyMDX2(value, field, imageCallback);
   }
@@ -38822,7 +38810,7 @@ var stringifyMDX = (value, field, imageCallback, context = {}) => {
       return value.children[0].value;
     }
   }
-  const tree = rootElement(value, field, imageCallback, context);
+  const tree = rootElement(value, field, imageCallback);
   const res = toTinaMarkdown2(tree, field);
   const templatesWithMatchers = field.templates?.filter(
     (template) => template.match
@@ -38883,10 +38871,10 @@ var toTinaMarkdown2 = (tree, field) => {
     handlers
   });
 };
-var rootElement = (content3, field, imageCallback, context) => {
+var rootElement = (content3, field, imageCallback) => {
   const children = [];
   content3.children?.forEach((child) => {
-    const value = blockElement(child, field, imageCallback, context);
+    const value = blockElement(child, field, imageCallback);
     if (value) {
       children.push(value);
     }
@@ -38896,7 +38884,7 @@ var rootElement = (content3, field, imageCallback, context) => {
     children
   };
 };
-var blockElement = (content3, field, imageCallback, context) => {
+var blockElement = (content3, field, imageCallback) => {
   switch (content3.type) {
     case "h1":
     case "h2":
@@ -38958,7 +38946,7 @@ var blockElement = (content3, field, imageCallback, context) => {
           })
         };
       }
-      const { children, attributes: attributes2, useDirective, directiveType } = stringifyProps(content3, field, false, imageCallback, context);
+      const { children, attributes: attributes2, useDirective, directiveType } = stringifyProps(content3, field, false, imageCallback);
       if (useDirective) {
         const name2 = content3.name;
         if (!name2) {
@@ -39128,6 +39116,9 @@ var getMarks = (content3) => {
   if (content3.code) {
     marks.push("inlineCode");
   }
+  if (content3.strikethrough) {
+    marks.push("delete");
+  }
   return marks;
 };
 
@@ -39572,7 +39563,8 @@ var cleanNode2 = (node2, mark) => {
   const markToClear = {
     strong: "bold",
     emphasis: "italic",
-    inlineCode: "code"
+    inlineCode: "code",
+    delete: "strikethrough"
   }[mark];
   Object.entries(node2).map(([key, value]) => {
     if (key !== markToClear) {
@@ -42048,7 +42040,9 @@ function mdxJsx2(options = {}) {
       { locations: true }
     );
   } else if (options.acornOptions || options.addResult) {
-    throw new Error("Expected an `acorn` instance passed in as `options.acorn`");
+    throw new Error(
+      "Expected an `acorn` instance passed in as `options.acorn`"
+    );
   }
   const patterns = options.patterns || [];
   const flowRules = {};
@@ -42125,7 +42119,7 @@ function compact(tree) {
 var import_lodash = __toESM(require_lodash());
 
 // src/parse/acorn.ts
-var extractAttributes = (attributes2, fields, imageCallback, context) => {
+var extractAttributes = (attributes2, fields, imageCallback) => {
   const properties = {};
   attributes2?.forEach((attribute) => {
     assertType(attribute, "mdxJsxAttribute");
@@ -42139,9 +42133,7 @@ var extractAttributes = (attributes2, fields, imageCallback, context) => {
       properties[attribute.name] = extractAttribute(
         attribute,
         field,
-        imageCallback,
-        context,
-        (name2, value) => properties[name2] = value
+        imageCallback
       );
     } catch (e) {
       if (e instanceof Error) {
@@ -42154,7 +42146,7 @@ var extractAttributes = (attributes2, fields, imageCallback, context) => {
   });
   return properties;
 };
-var extractAttribute = (attribute, field, imageCallback, context, addProperty) => {
+var extractAttribute = (attribute, field, imageCallback) => {
   switch (field.type) {
     case "boolean":
     case "number":
@@ -42164,7 +42156,7 @@ var extractAttribute = (attribute, field, imageCallback, context, addProperty) =
       if (field.list) {
         return extractScalar(extractExpression(attribute), field);
       } else {
-        return extractString(attribute, field, context, addProperty);
+        return extractString(attribute, field);
       }
     case "image":
       if (field.list) {
@@ -42174,35 +42166,18 @@ var extractAttribute = (attribute, field, imageCallback, context, addProperty) =
         );
         return values2.split(",").map((value) => imageCallback(value));
       } else {
-        const value = extractString(attribute, field, context, addProperty);
+        const value = extractString(attribute, field);
         return imageCallback(value);
       }
     case "reference":
       if (field.list) {
         return extractScalar(extractExpression(attribute), field);
       } else {
-        return extractString(attribute, field, context, addProperty);
+        return extractString(attribute, field);
       }
     case "object":
       return extractObject(extractExpression(attribute), field, imageCallback);
     case "rich-text":
-      if (attribute.type === "mdxJsxAttribute") {
-        if (typeof attribute.value === "string") {
-          if (attribute.value.startsWith("_tinaEmbeds")) {
-            const embedValue = context?._tinaEmbeds;
-            const key = attribute.value.split(".")[1];
-            if (typeof key !== "string") {
-              throw new Error(`Unable to extract key from embed value`);
-            }
-            const value = embedValue[key];
-            if (typeof value === "string") {
-              const ast = parseMDX(value, field, imageCallback, context);
-              ast.embedCode = attribute.value.split(".")[1];
-              return ast;
-            }
-          }
-        }
-      }
       const JSXString = extractRaw(attribute);
       if (JSXString) {
         return parseMDX(JSXString, field, imageCallback);
@@ -42308,21 +42283,9 @@ var extractStatement = (attribute) => {
   }
   throw new Error(`Unable to extract body from expression`);
 };
-var extractString = (attribute, field, context, addProperty) => {
+var extractString = (attribute, field) => {
   if (attribute.type === "mdxJsxAttribute") {
     if (typeof attribute.value === "string") {
-      if (attribute.value.startsWith("_tinaEmbeds")) {
-        const embedValue = context?._tinaEmbeds;
-        const key = attribute.value.split(".")[1];
-        if (typeof key !== "string") {
-          throw new Error(`Unable to extract key from embed value`);
-        }
-        const value = embedValue[key];
-        if (typeof value === "string") {
-          addProperty?.(`_tinaEmbeds.${attribute.name}`, key);
-          return value;
-        }
-      }
       return attribute.value;
     }
   }
@@ -42447,7 +42410,7 @@ function source(value, file) {
 }
 
 // src/parse/mdx.ts
-function mdxJsxElement(node2, field, imageCallback, context) {
+function mdxJsxElement(node2, field, imageCallback) {
   try {
     const template = field.templates?.find((template2) => {
       const templateName = typeof template2 === "string" ? template2 : template2.name;
@@ -42467,8 +42430,7 @@ function mdxJsxElement(node2, field, imageCallback, context) {
     const props = extractAttributes(
       node2.attributes,
       template.fields,
-      imageCallback,
-      context
+      imageCallback
     );
     const childField = template.fields.find(
       (field2) => field2.name === "children"
@@ -42536,7 +42498,7 @@ var directiveElement = (node2, field, imageCallback, raw) => {
 };
 
 // src/parse/remarkToPlate.ts
-var remarkToSlate = (root2, field, imageCallback, raw, skipMDXProcess, context) => {
+var remarkToSlate = (root2, field, imageCallback, raw, skipMDXProcess) => {
   const mdxJsxElement2 = skipMDXProcess ? (node2) => node2 : mdxJsxElement;
   const content3 = (content4) => {
     switch (content4.type) {
@@ -42587,7 +42549,7 @@ var remarkToSlate = (root2, field, imageCallback, raw, skipMDXProcess, context)
       case "paragraph":
         return paragraph2(content4);
       case "mdxJsxFlowElement":
-        return mdxJsxElement2(content4, field, imageCallback, context);
+        return mdxJsxElement2(content4, field, imageCallback);
       case "thematicBreak":
         return {
           type: "hr",
@@ -42683,8 +42645,7 @@ var remarkToSlate = (root2, field, imageCallback, raw, skipMDXProcess, context)
                 mdxJsxElement2(
                   { ...child, type: "mdxJsxTextElement" },
                   field,
-                  imageCallback,
-                  context
+                  imageCallback
                 )
               ]
             };
@@ -42797,7 +42758,7 @@ var remarkToSlate = (root2, field, imageCallback, raw, skipMDXProcess, context)
   const staticPhrasingContent = (content4) => {
     switch (content4.type) {
       case "mdxJsxTextElement":
-        return mdxJsxElement2(content4, field, imageCallback, context);
+        return mdxJsxElement2(content4, field, imageCallback);
       case "text":
         return text7(content4);
       case "inlineCode":
@@ -42817,12 +42778,14 @@ var remarkToSlate = (root2, field, imageCallback, raw, skipMDXProcess, context)
     switch (content4.type) {
       case "text":
         return text7(content4);
+      case "delete":
+        return phrashingMark(content4);
       case "link":
         return link2(content4);
       case "image":
         return image2(content4);
       case "mdxJsxTextElement":
-        return mdxJsxElement2(content4, field, imageCallback, context);
+        return mdxJsxElement2(content4, field, imageCallback);
       case "emphasis":
         return phrashingMark(content4);
       case "strong":
@@ -42842,7 +42805,9 @@ var remarkToSlate = (root2, field, imageCallback, raw, skipMDXProcess, context)
           content4.position
         );
       default:
-        throw new Error(`PhrasingContent: ${content4.type} is not yet supported`);
+        throw new Error(
+          `PhrasingContent: ${content4.type} is not yet supported`
+        );
     }
   };
   const breakContent = () => {
@@ -42881,6 +42846,17 @@ var remarkToSlate = (root2, field, imageCallback, raw, skipMDXProcess, context)
         });
         break;
       }
+      case "delete": {
+        const children = (0, import_lodash.default)(
+          node2.children.map(
+            (child) => phrashingMark(child, [...marks, "strikethrough"])
+          )
+        );
+        children.forEach((child) => {
+          accum.push(child);
+        });
+        break;
+      }
       case "strong": {
         const children = (0, import_lodash.default)(
           node2.children.map((child) => phrashingMark(child, [...marks, "bold"]))
@@ -43084,7 +43060,7 @@ var mdxToAst = (value) => {
   return remark().use(remarkMdx).use(remarkGfm).parse(value);
 };
 var MDX_PARSE_ERROR_MSG = "TinaCMS supports a stricter version of markdown and a subset of MDX. https://tina.io/docs/editing/mdx/#differences-from-other-mdx-implementations";
-var parseMDX = (value, field, imageCallback, context) => {
+var parseMDX = (value, field, imageCallback) => {
   if (!value) {
     return { type: "root", children: [] };
   }
@@ -43109,7 +43085,7 @@ var parseMDX = (value, field, imageCallback, context) => {
     });
     tree = mdxToAst(preprocessedString);
     if (tree) {
-      return remarkToSlate(tree, field, imageCallback, value, false, context);
+      return remarkToSlate(tree, field, imageCallback, value);
     } else {
       return { type: "root", children: [] };
     }

package/dist/index.d.ts

@@ -1,10 +1 @@
-/**
-
-
-
-*/
-import { parseMDX } from './parse';
-import { stringifyMDX } from './stringify';
-export * from './parse/plate';
-export { parseMDX };
-export { stringifyMDX };
+export * from "../src/index"