@tinacms/mdx 0.0.0-cef656e-20250119001929 → 0.0.0-d28d795-20250427004334

package/dist/index.js

@@ -5921,12 +5921,12 @@ var require_lodash = __commonJS({
 });
 
 // src/index.ts
-var src_exports = {};
-__export(src_exports, {
+var index_exports = {};
+__export(index_exports, {
   parseMDX: () => parseMDX,
   stringifyMDX: () => stringifyMDX
 });
-module.exports = __toCommonJS(src_exports);
+module.exports = __toCommonJS(index_exports);
 
 // ../../../node_modules/.pnpm/bail@2.0.2/node_modules/bail/index.js
 function bail(error) {
@@ -25261,7 +25261,9 @@ function mdxJsxFromMarkdown2({ patterns }) {
         if (attribute.name === "") {
           attribute.name = "_value";
         }
-        attribute.value = parseEntities(this.resume(), { nonTerminated: false });
+        attribute.value = parseEntities(this.resume(), {
+          nonTerminated: false
+        });
       }
     }
   };
@@ -25514,7 +25516,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 {
@@ -40036,22 +40040,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 = (element, field, imageCallback, context) => {
-  return stringifyProps(element, field, true, imageCallback, context || {});
+var stringifyPropsInline = (element, field, imageCallback) => {
+  return stringifyProps(element, field, true, imageCallback);
 };
-function stringifyProps(element, parentField, flatten2, imageCallback, context) {
+function stringifyProps(element, parentField, flatten2, imageCallback) {
   var _a3, _b;
   const attributes2 = [];
   const children = [];
@@ -40077,16 +40069,6 @@ function stringifyProps(element, parentField, flatten2, imageCallback, context)
   if (template.fields.find((f) => f.name === "children")) {
     directiveType = "block";
   }
-  const embedCodes = {};
-  for (const [embedKey, value] of Object.entries(element.props)) {
-    if (embedKey.startsWith("_tinaEmbeds")) {
-      const key = embedKey.replace("_tinaEmbeds.", "");
-      embedCodes[key] = value;
-    }
-  }
-  for (const key of Object.keys(embedCodes)) {
-    delete element.props[`_tinaEmbeds.${key}`];
-  }
   useDirective = !!template.match;
   Object.entries(element.props).forEach(([name2, value]) => {
     var _a4;
@@ -40138,22 +40120,11 @@ function stringifyProps(element, 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}`
@@ -40239,23 +40210,39 @@ function stringifyProps(element, 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:
@@ -40521,7 +40508,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,
@@ -40556,7 +40543,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) {
@@ -40693,7 +40681,7 @@ ${match.start} /${match.name || template.name} ${match.end}`;
 }
 
 // src/stringify/index.ts
-var stringifyMDX = (value, field, imageCallback, context = {}) => {
+var stringifyMDX = (value, field, imageCallback) => {
   var _a3, _b;
   if (((_a3 = field.parser) == null ? void 0 : _a3.type) === "markdown") {
     return stringifyMDX2(value, field, imageCallback);
@@ -40709,7 +40697,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 = (_b = field.templates) == null ? void 0 : _b.filter(
     (template) => template.match
@@ -40772,11 +40760,11 @@ var toTinaMarkdown2 = (tree, field) => {
     handlers
   });
 };
-var rootElement = (content3, field, imageCallback, context) => {
+var rootElement = (content3, field, imageCallback) => {
   var _a3;
   const children = [];
   (_a3 = content3.children) == null ? void 0 : _a3.forEach((child) => {
-    const value = blockElement(child, field, imageCallback, context);
+    const value = blockElement(child, field, imageCallback);
     if (value) {
       children.push(value);
     }
@@ -40786,7 +40774,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":
@@ -40849,7 +40837,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) {
@@ -41020,6 +41008,9 @@ var getMarks = (content3) => {
   if (content3.code) {
     marks.push("inlineCode");
   }
+  if (content3.strikethrough) {
+    marks.push("delete");
+  }
   return marks;
 };
 
@@ -41468,7 +41459,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) {
@@ -43947,7 +43939,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 = {};
@@ -44025,7 +44019,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 == null ? void 0 : attributes2.forEach((attribute) => {
     assertType(attribute, "mdxJsxAttribute");
@@ -44039,9 +44033,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) {
@@ -44054,7 +44046,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":
@@ -44064,7 +44056,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) {
@@ -44074,35 +44066,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 == null ? void 0 : 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);
@@ -44210,21 +44185,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 == null ? void 0 : 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 == null ? void 0 : addProperty(`_tinaEmbeds.${attribute.name}`, key);
-          return value;
-        }
-      }
       return attribute.value;
     }
   }
@@ -44349,7 +44312,7 @@ function source(value, file) {
 }
 
 // src/parse/mdx.ts
-function mdxJsxElement(node2, field, imageCallback, context) {
+function mdxJsxElement(node2, field, imageCallback) {
   var _a3;
   try {
     const template = (_a3 = field.templates) == null ? void 0 : _a3.find((template2) => {
@@ -44370,8 +44333,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"
@@ -44441,7 +44403,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) => {
     var _a3;
@@ -44493,7 +44455,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",
@@ -44589,8 +44551,7 @@ var remarkToSlate = (root2, field, imageCallback, raw, skipMDXProcess, context)
                 mdxJsxElement2(
                   { ...child, type: "mdxJsxTextElement" },
                   field,
-                  imageCallback,
-                  context
+                  imageCallback
                 )
               ]
             };
@@ -44703,7 +44664,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":
@@ -44723,12 +44684,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":
@@ -44748,7 +44711,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 = () => {
@@ -44787,6 +44752,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"]))
@@ -44990,7 +44966,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) => {
   var _a3, _b;
   if (!value) {
     return { type: "root", children: [] };
@@ -45016,7 +44992,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: [] };
     }