@tinacms/mdx 1.3.2 → 1.3.3

package/dist/index.es.js

@@ -60,7 +60,11 @@ function mdxJsxFromMarkdown({ patterns }) {
   const enterMdxJsxTagSelfClosingMarker = function(token) {
     const tag = this.getData("mdxJsxTag");
     if (tag?.close) {
-      throw new VFileMessage("Unexpected self-closing slash `/` in closing tag, expected the end of the tag", { start: token.start, end: token.end }, "mdast-util-mdx-jsx:unexpected-self-closing-slash");
+      throw new VFileMessage(
+        "Unexpected self-closing slash `/` in closing tag, expected the end of the tag",
+        { start: token.start, end: token.end },
+        "mdast-util-mdx-jsx:unexpected-self-closing-slash"
+      );
     }
   };
   const exitMdxJsxTagClosingMarker = function() {
@@ -177,7 +181,11 @@ function mdxJsxFromMarkdown({ patterns }) {
     if (!tag)
       return;
     if (tail && tag.close && tail.name !== tag.name) {
-      throw new VFileMessage("Unexpected closing tag `" + serializeAbbreviatedTag(tag) + "`, expected corresponding closing tag for `" + serializeAbbreviatedTag(tail) + "` (" + stringifyPosition(tail) + ")", { start: token.start, end: token.end }, "mdast-util-mdx-jsx:end-tag-mismatch");
+      throw new VFileMessage(
+        "Unexpected closing tag `" + serializeAbbreviatedTag(tag) + "`, expected corresponding closing tag for `" + serializeAbbreviatedTag(tail) + "` (" + stringifyPosition(tail) + ")",
+        { start: token.start, end: token.end },
+        "mdast-util-mdx-jsx:end-tag-mismatch"
+      );
     }
     this.resume();
     if (tag.close) {
@@ -185,28 +193,38 @@ function mdxJsxFromMarkdown({ patterns }) {
     } else {
       const pattern = patterns.find((pattern2) => pattern2.name === tag.name);
       const tagName = pattern?.templateName || tag.name;
-      this.enter({
-        type: token.type === "mdxJsxTextTag" ? "mdxJsxTextElement" : "mdxJsxFlowElement",
-        name: tagName || null,
-        attributes: tag.attributes,
-        children: []
-      }, token, (left, right) => {
-        this.exit(right);
-      });
+      this.enter(
+        {
+          type: token.type === "mdxJsxTextTag" ? "mdxJsxTextElement" : "mdxJsxFlowElement",
+          name: tagName || null,
+          attributes: tag.attributes,
+          children: []
+        },
+        token,
+        (left, right) => {
+          this.exit(right);
+        }
+      );
     }
     if (tag.selfClosing || tag.close) {
       if (tag.shouldFallback) {
         if (token.type === "mdxJsxFlowTag") {
-          this.enter({
-            type: "paragraph",
-            children: [{ type: "text", value: this.sliceSerialize(token) }]
-          }, token);
+          this.enter(
+            {
+              type: "paragraph",
+              children: [{ type: "text", value: this.sliceSerialize(token) }]
+            },
+            token
+          );
           this.exit(token);
         } else {
-          this.enter({
-            type: "text",
-            value: this.sliceSerialize(token)
-          }, token);
+          this.enter(
+            {
+              type: "text",
+              value: this.sliceSerialize(token)
+            },
+            token
+          );
           this.exit(token);
         }
       } else {
@@ -222,7 +240,11 @@ function mdxJsxFromMarkdown({ patterns }) {
       return;
     const place = closing ? " before the end of `" + closing.type + "`" : "";
     const position = closing ? { start: closing.start, end: closing.end } : void 0;
-    throw new VFileMessage("Expected a closing tag for `" + serializeAbbreviatedTag(tag) + "` (" + stringifyPosition({ start: open.start, end: open.end }) + ")" + place, position, "mdast-util-mdx-jsx:end-tag-mismatch");
+    throw new VFileMessage(
+      "Expected a closing tag for `" + serializeAbbreviatedTag(tag) + "` (" + stringifyPosition({ start: open.start, end: open.end }) + ")" + place,
+      position,
+      "mdast-util-mdx-jsx:end-tag-mismatch"
+    );
   };
   const onErrorLeftIsTag = function(a, b) {
     const tag = this.getData("mdxJsxTag");
@@ -289,7 +311,9 @@ var mdxJsxToMarkdown = function(options) {
   const printWidth = options_.printWidth || Number.POSITIVE_INFINITY;
   const alternative = quote === '"' ? "'" : '"';
   if (quote !== '"' && quote !== "'") {
-    throw new Error("Cannot serialize attribute values with `" + quote + "` for `options.quote`, expected `\"`, or `'`");
+    throw new Error(
+      "Cannot serialize attribute values with `" + quote + "` for `options.quote`, expected `\"`, or `'`"
+    );
   }
   const mdxElement = function(node, _, context, safeOptions) {
     const pattern = patterns.find((p) => p.templateName === node.name);
@@ -341,7 +365,9 @@ var mdxJsxToMarkdown = function(options) {
       attributesOnTheirOwnLine = true;
     }
     if (attributesOnTheirOwnLine) {
-      value += tracker.move("\n" + indentLines(serializedAttributes.join("\n"), map));
+      value += tracker.move(
+        "\n" + indentLines(serializedAttributes.join("\n"), map)
+      );
     } else if (attributesOnOneLine) {
       value += tracker.move(" " + attributesOnOneLine);
     }
@@ -349,7 +375,9 @@ var mdxJsxToMarkdown = function(options) {
       value += tracker.move("\n");
     }
     if (selfClosing) {
-      value += tracker.move(tightSelfClosing || attributesOnTheirOwnLine ? "" : "");
+      value += tracker.move(
+        tightSelfClosing || attributesOnTheirOwnLine ? "" : ""
+      );
     }
     value += tracker.move(" " + pattern.end);
     if (node.children) {
@@ -362,15 +390,19 @@ var mdxJsxToMarkdown = function(options) {
           value += tracker.move("\n");
         }
       } else {
-        value += tracker.move(containerPhrasing(node, context, {
-          ...tracker.current(),
-          before: "<",
-          after: ">"
-        }));
+        value += tracker.move(
+          containerPhrasing(node, context, {
+            ...tracker.current(),
+            before: "<",
+            after: ">"
+          })
+        );
       }
     }
     if (!selfClosing) {
-      value += tracker.move(pattern.start + " /" + (patternName || " ") + " " + pattern.end);
+      value += tracker.move(
+        pattern.start + " /" + (patternName || " ") + " " + pattern.end
+      );
     }
     exit();
     return value;
@@ -559,7 +591,9 @@ function stringifyProps(element, parentField, flatten2, imageCallback) {
               value
             });
           } else {
-            throw new Error(`Expected string for attribute on field ${field.name}`);
+            throw new Error(
+              `Expected string for attribute on field ${field.name}`
+            );
           }
         }
         break;
@@ -619,14 +653,20 @@ function stringifyProps(element, parentField, flatten2, imageCallback) {
         break;
       case "rich-text":
         if (typeof value === "string") {
-          throw new Error(`Unexpected string for rich-text, ensure the value has been properly parsed`);
+          throw new Error(
+            `Unexpected string for rich-text, ensure the value has been properly parsed`
+          );
         }
         if (field.list) {
           throw new Error(`Rich-text list is not supported`);
         } else {
           const joiner = flatten2 ? " " : "\n";
           let val = "";
-          assertShape(value, (value2) => value2.type === "root" && Array.isArray(value2.children), `Nested rich-text element is not a valid shape for field ${field.name}`);
+          assertShape(
+            value,
+            (value2) => value2.type === "root" && Array.isArray(value2.children),
+            `Nested rich-text element is not a valid shape for field ${field.name}`
+          );
           if (field.name === "children") {
             const root = rootElement(value, field, imageCallback);
             root.children.forEach((child) => {
@@ -696,7 +736,9 @@ function stringifyObj(obj, flatten2) {
     }).trim().replace(dummyFunc, "");
     return flatten2 ? res.replaceAll("\n", "").replaceAll("  ", " ") : res;
   } else {
-    throw new Error(`stringifyObj must be passed an object or an array of objects, received ${typeof obj}`);
+    throw new Error(
+      `stringifyObj must be passed an object or an array of objects, received ${typeof obj}`
+    );
   }
 }
 function assertShape(value, callback, errorMessage) {
@@ -742,7 +784,9 @@ var replaceLinksWithTextNodes = (content) => {
 var inlineElementExceptLink = (content, field, imageCallback) => {
   switch (content.type) {
     case "a":
-      throw new Error(`Unexpected node of type "a", link elements should be processed after all inline elements have resolved`);
+      throw new Error(
+        `Unexpected node of type "a", link elements should be processed after all inline elements have resolved`
+      );
     case "img":
       return {
         type: "image",
@@ -755,7 +799,11 @@ var inlineElementExceptLink = (content, field, imageCallback) => {
         type: "break"
       };
     case "mdxJsxTextElement": {
-      const { attributes: attributes2, children } = stringifyPropsInline(content, field, imageCallback);
+      const { attributes: attributes2, children } = stringifyPropsInline(
+        content,
+        field,
+        imageCallback
+      );
       return {
         type: "mdxJsxTextElement",
         name: content.name,
@@ -795,7 +843,11 @@ var eat = (c, field, imageCallback) => {
           type: "link",
           url: first.url,
           title: first.title,
-          children: eat(first.children, field, imageCallback)
+          children: eat(
+            first.children,
+            field,
+            imageCallback
+          )
         },
         ...eat(content.slice(1), field, imageCallback)
       ];
@@ -867,9 +919,15 @@ var eat = (c, field, imageCallback) => {
   return [
     {
       type: markToProcess,
-      children: eat([
-        ...[first, ...matchingSiblings].map((sibling) => cleanNode(sibling, markToProcess))
-      ], field, imageCallback)
+      children: eat(
+        [
+          ...[first, ...matchingSiblings].map(
+            (sibling) => cleanNode(sibling, markToProcess)
+          )
+        ],
+        field,
+        imageCallback
+      )
     },
     ...eat(content.slice(nonMatchingSiblingIndex + 1), field, imageCallback)
   ];
@@ -930,7 +988,9 @@ var handleDirective = function(patterns) {
   const handleDirective2 = function(node, _, state, safeOptions) {
     const tracker = track2(safeOptions);
     const exit = state.enter(node.type);
-    const pattern = patterns.find((p) => p.name === node.name || p.templateName === node.name);
+    const pattern = patterns.find(
+      (p) => p.name === node.name || p.templateName === node.name
+    );
     if (!pattern) {
       console.log("no pattern found for directive", node.name);
       exit();
@@ -945,11 +1005,13 @@ var handleDirective = function(patterns) {
       const labelType = `${node.type}Label`;
       const subexit = state.enter(labelType);
       value += tracker.move("[");
-      value += tracker.move(containerPhrasing2(label, state, {
-        ...tracker.current(),
-        before: value,
-        after: "]"
-      }));
+      value += tracker.move(
+        containerPhrasing2(label, state, {
+          ...tracker.current(),
+          before: value,
+          after: "]"
+        })
+      );
       value += tracker.move("]");
       subexit();
       exit2();
@@ -1001,7 +1063,9 @@ function attributes(node, state) {
   }
 }
 function inlineDirectiveLabel(node) {
-  return Boolean(node && node.type === "paragraph" && node.data && node.data.directiveLabel);
+  return Boolean(
+    node && node.type === "paragraph" && node.data && node.data.directiveLabel
+  );
 }
 
 // src/stringify/stringifyShortcode.ts
@@ -1035,7 +1099,9 @@ var stringifyMDX = (value, field, imageCallback) => {
   }
   const tree = rootElement(value, field, imageCallback);
   const res = toTinaMarkdown2(tree, field);
-  const templatesWithMatchers = field.templates?.filter((template) => template.match);
+  const templatesWithMatchers = field.templates?.filter(
+    (template) => template.match
+  );
   let preprocessedString = res;
   templatesWithMatchers?.forEach((template) => {
     if (typeof template === "string") {
@@ -1136,7 +1202,9 @@ var blockElement = (content, field, imageCallback) => {
       if (useDirective) {
         const name = content.name;
         if (!name) {
-          throw new Error(`Expective shortcode to have a name but it was not defined`);
+          throw new Error(
+            `Expective shortcode to have a name but it was not defined`
+          );
         }
         const directiveAttributes = {};
         attributes2?.forEach((att) => {
@@ -1186,7 +1254,9 @@ var blockElement = (content, field, imageCallback) => {
         type: "list",
         ordered: content.type === "ol",
         spread: false,
-        children: content.children.map((child) => listItemElement(child, field, imageCallback))
+        children: content.children.map(
+          (child) => listItemElement(child, field, imageCallback)
+        )
       };
     case "html": {
       return {
@@ -1196,10 +1266,15 @@ var blockElement = (content, field, imageCallback) => {
     }
     case "img":
       return {
-        type: "image",
-        url: imageCallback(content.url),
-        alt: content.alt,
-        title: content.caption
+        type: "paragraph",
+        children: [
+          {
+            type: "image",
+            url: imageCallback(content.url),
+            alt: content.alt,
+            title: content.caption
+          }
+        ]
       };
     default:
       throw new Error(`BlockElement: ${content.type} is not yet supported`);
@@ -1225,7 +1300,9 @@ var blockContentElement = (content, field, imageCallback) => {
     case "blockquote":
       return {
         type: "blockquote",
-        children: content.children.map((child) => blockContentElement(child, field, imageCallback))
+        children: content.children.map(
+          (child) => blockContentElement(child, field, imageCallback)
+        )
       };
     case "p":
       return {
@@ -1238,10 +1315,14 @@ var blockContentElement = (content, field, imageCallback) => {
         type: "list",
         ordered: content.type === "ol",
         spread: false,
-        children: content.children.map((child) => listItemElement(child, field, imageCallback))
+        children: content.children.map(
+          (child) => listItemElement(child, field, imageCallback)
+        )
       };
     default:
-      throw new Error(`BlockContentElement: ${content.type} is not yet supported`);
+      throw new Error(
+        `BlockContentElement: ${content.type} is not yet supported`
+      );
   }
 };
 var getMarks = (content) => {
@@ -1346,7 +1427,9 @@ function stringifyProps2(element, parentField, flatten2, imageCallback) {
               value
             });
           } else {
-            throw new Error(`Expected string for attribute on field ${field.name}`);
+            throw new Error(
+              `Expected string for attribute on field ${field.name}`
+            );
           }
         }
         break;
@@ -1406,14 +1489,20 @@ function stringifyProps2(element, parentField, flatten2, imageCallback) {
         break;
       case "rich-text":
         if (typeof value === "string") {
-          throw new Error(`Unexpected string for rich-text, ensure the value has been properly parsed`);
+          throw new Error(
+            `Unexpected string for rich-text, ensure the value has been properly parsed`
+          );
         }
         if (field.list) {
           throw new Error(`Rich-text list is not supported`);
         } else {
           const joiner = flatten2 ? " " : "\n";
           let val = "";
-          assertShape2(value, (value2) => value2.type === "root" && Array.isArray(value2.children), `Nested rich-text element is not a valid shape for field ${field.name}`);
+          assertShape2(
+            value,
+            (value2) => value2.type === "root" && Array.isArray(value2.children),
+            `Nested rich-text element is not a valid shape for field ${field.name}`
+          );
           if (field.name === "children") {
             const root = rootElement2(value, field, imageCallback);
             root.children.forEach((child) => {
@@ -1483,7 +1572,9 @@ function stringifyObj2(obj, flatten2) {
     }).trim().replace(dummyFunc, "");
     return flatten2 ? res.replaceAll("\n", "").replaceAll("  ", " ") : res;
   } else {
-    throw new Error(`stringifyObj must be passed an object or an array of objects, received ${typeof obj}`);
+    throw new Error(
+      `stringifyObj must be passed an object or an array of objects, received ${typeof obj}`
+    );
   }
 }
 function assertShape2(value, callback, errorMessage) {
@@ -1529,7 +1620,9 @@ var replaceLinksWithTextNodes2 = (content) => {
 var inlineElementExceptLink2 = (content, field, imageCallback) => {
   switch (content.type) {
     case "a":
-      throw new Error(`Unexpected node of type "a", link elements should be processed after all inline elements have resolved`);
+      throw new Error(
+        `Unexpected node of type "a", link elements should be processed after all inline elements have resolved`
+      );
     case "img":
       return {
         type: "image",
@@ -1542,7 +1635,11 @@ var inlineElementExceptLink2 = (content, field, imageCallback) => {
         type: "break"
       };
     case "mdxJsxTextElement": {
-      const { attributes: attributes2, children } = stringifyPropsInline2(content, field, imageCallback);
+      const { attributes: attributes2, children } = stringifyPropsInline2(
+        content,
+        field,
+        imageCallback
+      );
       let c = children;
       if (children.length) {
         const firstChild = children[0];
@@ -1589,7 +1686,11 @@ var eat2 = (c, field, imageCallback) => {
           type: "link",
           url: first.url,
           title: first.title,
-          children: eat2(first.children, field, imageCallback)
+          children: eat2(
+            first.children,
+            field,
+            imageCallback
+          )
         },
         ...eat2(content.slice(1), field, imageCallback)
       ];
@@ -1661,9 +1762,15 @@ var eat2 = (c, field, imageCallback) => {
   return [
     {
       type: markToProcess,
-      children: eat2([
-        ...[first, ...matchingSiblings].map((sibling) => cleanNode2(sibling, markToProcess))
-      ], field, imageCallback)
+      children: eat2(
+        [
+          ...[first, ...matchingSiblings].map(
+            (sibling) => cleanNode2(sibling, markToProcess)
+          )
+        ],
+        field,
+        imageCallback
+      )
     },
     ...eat2(content.slice(nonMatchingSiblingIndex + 1), field, imageCallback)
   ];
@@ -1765,7 +1872,9 @@ var blockElement2 = (content, field, imageCallback) => {
         type: "list",
         ordered: content.type === "ol",
         spread: false,
-        children: content.children.map((child) => listItemElement2(child, field, imageCallback))
+        children: content.children.map(
+          (child) => listItemElement2(child, field, imageCallback)
+        )
       };
     case "html": {
       return {
@@ -1775,10 +1884,15 @@ var blockElement2 = (content, field, imageCallback) => {
     }
     case "img":
       return {
-        type: "image",
-        url: imageCallback(content.url),
-        alt: content.alt,
-        title: content.caption
+        type: "paragraph",
+        children: [
+          {
+            type: "image",
+            url: imageCallback(content.url),
+            alt: content.alt,
+            title: content.caption
+          }
+        ]
       };
     default:
       throw new Error(`BlockElement: ${content.type} is not yet supported`);
@@ -1804,7 +1918,9 @@ var blockContentElement2 = (content, field, imageCallback) => {
     case "blockquote":
       return {
         type: "blockquote",
-        children: content.children.map((child) => blockContentElement2(child, field, imageCallback))
+        children: content.children.map(
+          (child) => blockContentElement2(child, field, imageCallback)
+        )
       };
     case "p":
       return {
@@ -1817,10 +1933,14 @@ var blockContentElement2 = (content, field, imageCallback) => {
         type: "list",
         ordered: content.type === "ol",
         spread: false,
-        children: content.children.map((child) => listItemElement2(child, field, imageCallback))
+        children: content.children.map(
+          (child) => listItemElement2(child, field, imageCallback)
+        )
       };
     default:
-      throw new Error(`BlockContentElement: ${content.type} is not yet supported`);
+      throw new Error(
+        `BlockContentElement: ${content.type} is not yet supported`
+      );
   }
 };
 
@@ -2021,7 +2141,11 @@ function factoryTag(effects, ok, nok, acorn2, acornOptions, addResult, allowLazy
       return beforeAttributeValue(code);
     }
     return nok(code);
-    crash(code, "after name", "a character that can start an attribute name, such as a letter, `$`, or `_`; whitespace before attributes; or the end of the tag");
+    crash(
+      code,
+      "after name",
+      "a character that can start an attribute name, such as a letter, `$`, or `_`; whitespace before attributes; or the end of the tag"
+    );
   };
   const beforeMemberName = function(code) {
     if (code !== codes2.eof && idStart(code)) {
@@ -2030,7 +2154,11 @@ function factoryTag(effects, ok, nok, acorn2, acornOptions, addResult, allowLazy
       return memberName;
     }
     return nok(code);
-    crash(code, "before member name", "a character that can start an attribute name, such as a letter, `$`, or `_`; whitespace before attributes; or the end of the tag");
+    crash(
+      code,
+      "before member name",
+      "a character that can start an attribute name, such as a letter, `$`, or `_`; whitespace before attributes; or the end of the tag"
+    );
   };
   const memberName = function(code) {
     if (code === codes2.dash || code !== codes2.eof && idCont(code)) {
@@ -2042,7 +2170,11 @@ function factoryTag(effects, ok, nok, acorn2, acornOptions, addResult, allowLazy
       returnState = afterMemberName;
       return optionalEsWhitespace(code);
     }
-    crash(code, "in member name", "a name character such as letters, digits, `$`, or `_`; whitespace before attributes; or the end of the tag" + (code === codes2.atSign ? " (note: to create a link in MDX, use `[text](url)`)" : ""));
+    crash(
+      code,
+      "in member name",
+      "a name character such as letters, digits, `$`, or `_`; whitespace before attributes; or the end of the tag" + (code === codes2.atSign ? " (note: to create a link in MDX, use `[text](url)`)" : "")
+    );
   };
   const afterMemberName = function(code) {
     if (code === codes2.dot) {
@@ -2064,7 +2196,11 @@ function factoryTag(effects, ok, nok, acorn2, acornOptions, addResult, allowLazy
       effects.consume(code);
       return localName;
     }
-    crash(code, "before local name", "a character that can start a name, such as a letter, `$`, or `_`" + (code === codes2.plusSign || code !== null && code > codes2.dot && code < codes2.colon ? " (note: to create a link in MDX, use `[text](url)`)" : ""));
+    crash(
+      code,
+      "before local name",
+      "a character that can start a name, such as a letter, `$`, or `_`" + (code === codes2.plusSign || code !== null && code > codes2.dot && code < codes2.colon ? " (note: to create a link in MDX, use `[text](url)`)" : "")
+    );
   };
   const localName = function(code) {
     if (code === codes2.dash || code !== codes2.eof && idCont(code)) {
@@ -2076,7 +2212,11 @@ function factoryTag(effects, ok, nok, acorn2, acornOptions, addResult, allowLazy
       returnState = afterLocalName;
       return optionalEsWhitespace(code);
     }
-    crash(code, "in local name", "a name character such as letters, digits, `$`, or `_`; whitespace before attributes; or the end of the tag");
+    crash(
+      code,
+      "in local name",
+      "a name character such as letters, digits, `$`, or `_`; whitespace before attributes; or the end of the tag"
+    );
   };
   const afterLocalName = function(code) {
     if (code === codes2.slash || code === codes2.greaterThan || code === codes2.leftCurlyBrace || code !== codes2.eof && idStart(code)) {
@@ -2087,7 +2227,11 @@ function factoryTag(effects, ok, nok, acorn2, acornOptions, addResult, allowLazy
       effects.exit(tagNameType);
       return beforeAttribute(code);
     }
-    crash(code, "after local name", "a character that can start an attribute name, such as a letter, `$`, or `_`; whitespace before attributes; or the end of the tag");
+    crash(
+      code,
+      "after local name",
+      "a character that can start an attribute name, such as a letter, `$`, or `_`; whitespace before attributes; or the end of the tag"
+    );
   };
   const beforeAttribute = function(code) {
     if (code === findCode(pattern.end[0])) {
@@ -2133,7 +2277,21 @@ function factoryTag(effects, ok, nok, acorn2, acornOptions, addResult, allowLazy
     }
     if (code === codes2.leftCurlyBrace) {
       assert(startPoint, "expected `startPoint` to be defined");
-      return factoryMdxExpression.call(self, effects, afterAttributeExpression, tagExpressionAttributeType, tagExpressionAttributeMarkerType, tagExpressionAttributeValueType, acorn2, acornOptions, addResult, true, false, allowLazy, startPoint.column)(code);
+      return factoryMdxExpression.call(
+        self,
+        effects,
+        afterAttributeExpression,
+        tagExpressionAttributeType,
+        tagExpressionAttributeMarkerType,
+        tagExpressionAttributeValueType,
+        acorn2,
+        acornOptions,
+        addResult,
+        true,
+        false,
+        allowLazy,
+        startPoint.column
+      )(code);
     }
     if (code !== codes2.eof && idStart(code)) {
       effects.enter(tagAttributeType);
@@ -2190,7 +2348,11 @@ function factoryTag(effects, ok, nok, acorn2, acornOptions, addResult, allowLazy
       effects.consume(code);
       return attributeLocalName;
     }
-    crash(code, "before local attribute name", "a character that can start an attribute name, such as a letter, `$`, or `_`; `=` to initialize a value; or the end of the tag");
+    crash(
+      code,
+      "before local attribute name",
+      "a character that can start an attribute name, such as a letter, `$`, or `_`; `=` to initialize a value; or the end of the tag"
+    );
   };
   const attributeLocalName = function(code) {
     if (code === codes2.dash || code !== codes2.eof && idCont(code)) {
@@ -2203,7 +2365,11 @@ function factoryTag(effects, ok, nok, acorn2, acornOptions, addResult, allowLazy
       returnState = afterAttributeLocalName;
       return optionalEsWhitespace(code);
     }
-    crash(code, "in local attribute name", "an attribute name character such as letters, digits, `$`, or `_`; `=` to initialize a value; whitespace before attributes; or the end of the tag");
+    crash(
+      code,
+      "in local attribute name",
+      "an attribute name character such as letters, digits, `$`, or `_`; `=` to initialize a value; whitespace before attributes; or the end of the tag"
+    );
   };
   const afterAttributeLocalName = function(code) {
     if (code === codes2.equalsTo) {
@@ -2217,7 +2383,11 @@ function factoryTag(effects, ok, nok, acorn2, acornOptions, addResult, allowLazy
       effects.exit(tagAttributeType);
       return beforeAttribute(code);
     }
-    crash(code, "after local attribute name", "a character that can start an attribute name, such as a letter, `$`, or `_`; `=` to initialize a value; or the end of the tag");
+    crash(
+      code,
+      "after local attribute name",
+      "a character that can start an attribute name, such as a letter, `$`, or `_`; `=` to initialize a value; or the end of the tag"
+    );
   };
   const beforeAttributeValue = function(code) {
     if (code === codes2.quotationMark || code === codes2.apostrophe) {
@@ -2230,7 +2400,21 @@ function factoryTag(effects, ok, nok, acorn2, acornOptions, addResult, allowLazy
     }
     if (code === codes2.leftCurlyBrace) {
       assert(startPoint, "expected `startPoint` to be defined");
-      return factoryMdxExpression.call(self, effects, afterAttributeValueExpression, tagAttributeValueExpressionType, tagAttributeValueExpressionMarkerType, tagAttributeValueExpressionValueType, acorn2, acornOptions, addResult, false, false, allowLazy, startPoint.column)(code);
+      return factoryMdxExpression.call(
+        self,
+        effects,
+        afterAttributeValueExpression,
+        tagAttributeValueExpressionType,
+        tagAttributeValueExpressionMarkerType,
+        tagAttributeValueExpressionValueType,
+        acorn2,
+        acornOptions,
+        addResult,
+        false,
+        false,
+        allowLazy,
+        startPoint.column
+      )(code);
     }
     return nok(code);
   };
@@ -2273,7 +2457,11 @@ function factoryTag(effects, ok, nok, acorn2, acornOptions, addResult, allowLazy
     if (code === findCode(pattern.end[pattern.end.length - 1])) {
       return tagEnd(code);
     }
-    crash(code, "after self-closing slash", "`>` to end the tag" + (code === codes2.asterisk || code === codes2.slash ? " (note: JS comments in JSX tags are not supported in MDX)" : ""));
+    crash(
+      code,
+      "after self-closing slash",
+      "`>` to end the tag" + (code === codes2.asterisk || code === codes2.slash ? " (note: JS comments in JSX tags are not supported in MDX)" : "")
+    );
   };
   const tagEnd = function(code) {
     effects.enter(tagMarkerType);
@@ -2288,9 +2476,23 @@ function factoryTag(effects, ok, nok, acorn2, acornOptions, addResult, allowLazy
         effects.enter(types.lineEnding);
         effects.consume(code);
         effects.exit(types.lineEnding);
-        return factorySpace(effects, optionalEsWhitespace, types.linePrefix, constants.tabSize);
+        return factorySpace(
+          effects,
+          optionalEsWhitespace,
+          types.linePrefix,
+          constants.tabSize
+        );
       }
-      return effects.attempt(lazyLineEnd, factorySpace(effects, optionalEsWhitespace, types.linePrefix, constants.tabSize), crashEol)(code);
+      return effects.attempt(
+        lazyLineEnd,
+        factorySpace(
+          effects,
+          optionalEsWhitespace,
+          types.linePrefix,
+          constants.tabSize
+        ),
+        crashEol
+      )(code);
     }
     if (markdownSpace(code) || unicodeWhitespace(code)) {
       effects.enter("esWhitespace");
@@ -2307,10 +2509,18 @@ function factoryTag(effects, ok, nok, acorn2, acornOptions, addResult, allowLazy
     return optionalEsWhitespaceContinue;
   };
   function crashEol() {
-    throw new VFileMessage2("Unexpected lazy line in container, expected line to be prefixed with `>` when in a block quote, whitespace when in a list, etc", self.now(), "micromark-extension-mdx-jsx:unexpected-eof");
+    throw new VFileMessage2(
+      "Unexpected lazy line in container, expected line to be prefixed with `>` when in a block quote, whitespace when in a list, etc",
+      self.now(),
+      "micromark-extension-mdx-jsx:unexpected-eof"
+    );
   }
   function crash(code, at, expect) {
-    throw new VFileMessage2("Unexpected " + (code === codes2.eof ? "end of file" : "character `" + (code === codes2.graveAccent ? "` ` `" : String.fromCodePoint(code)) + "` (" + serializeCharCode(code) + ")") + " " + at + ", expected " + expect, self.now(), "micromark-extension-mdx-jsx:unexpected-" + (code === codes2.eof ? "eof" : "character"));
+    throw new VFileMessage2(
+      "Unexpected " + (code === codes2.eof ? "end of file" : "character `" + (code === codes2.graveAccent ? "` ` `" : String.fromCodePoint(code)) + "` (" + serializeCharCode(code) + ")") + " " + at + ", expected " + expect,
+      self.now(),
+      "micromark-extension-mdx-jsx:unexpected-" + (code === codes2.eof ? "eof" : "character")
+    );
   }
   return start;
 }
@@ -2337,7 +2547,42 @@ var lazyLineEnd = { tokenize: tokenizeLazyLineEnd, partial: true };
 var jsxText = function(acorn2, acornOptions, addResult, pattern) {
   const tokenizeJsxText = function(effects, ok, nok) {
     const self = this;
-    return factoryTag.call(self, effects, ok, nok, acorn2, acornOptions, addResult, true, "mdxJsxTextTag", "mdxJsxTextTagMarker", "mdxJsxTextTagClosingMarker", "mdxJsxTextTagSelfClosingMarker", "mdxJsxTextTagName", "mdxJsxTextTagNamePrimary", "mdxJsxTextTagNameMemberMarker", "mdxJsxTextTagNameMember", "mdxJsxTextTagNamePrefixMarker", "mdxJsxTextTagNameLocal", "mdxJsxTextTagExpressionAttribute", "mdxJsxTextTagExpressionAttributeMarker", "mdxJsxTextTagExpressionAttributeValue", "mdxJsxTextTagAttribute", "mdxJsxTextTagAttributeName", "mdxJsxTextTagAttributeNamePrimary", "mdxJsxTextTagAttributeNamePrefixMarker", "mdxJsxTextTagAttributeNameLocal", "mdxJsxTextTagAttributeInitializerMarker", "mdxJsxTextTagAttributeValueLiteral", "mdxJsxTextTagAttributeValueLiteralMarker", "mdxJsxTextTagAttributeValueLiteralValue", "mdxJsxTextTagAttributeValueExpression", "mdxJsxTextTagAttributeValueExpressionMarker", "mdxJsxTextTagAttributeValueExpressionValue", pattern);
+    return factoryTag.call(
+      self,
+      effects,
+      ok,
+      nok,
+      acorn2,
+      acornOptions,
+      addResult,
+      true,
+      "mdxJsxTextTag",
+      "mdxJsxTextTagMarker",
+      "mdxJsxTextTagClosingMarker",
+      "mdxJsxTextTagSelfClosingMarker",
+      "mdxJsxTextTagName",
+      "mdxJsxTextTagNamePrimary",
+      "mdxJsxTextTagNameMemberMarker",
+      "mdxJsxTextTagNameMember",
+      "mdxJsxTextTagNamePrefixMarker",
+      "mdxJsxTextTagNameLocal",
+      "mdxJsxTextTagExpressionAttribute",
+      "mdxJsxTextTagExpressionAttributeMarker",
+      "mdxJsxTextTagExpressionAttributeValue",
+      "mdxJsxTextTagAttribute",
+      "mdxJsxTextTagAttributeName",
+      "mdxJsxTextTagAttributeNamePrimary",
+      "mdxJsxTextTagAttributeNamePrefixMarker",
+      "mdxJsxTextTagAttributeNameLocal",
+      "mdxJsxTextTagAttributeInitializerMarker",
+      "mdxJsxTextTagAttributeValueLiteral",
+      "mdxJsxTextTagAttributeValueLiteralMarker",
+      "mdxJsxTextTagAttributeValueLiteralValue",
+      "mdxJsxTextTagAttributeValueExpression",
+      "mdxJsxTextTagAttributeValueExpressionMarker",
+      "mdxJsxTextTagAttributeValueExpressionValue",
+      pattern
+    );
   };
   return { tokenize: tokenizeJsxText };
 };
@@ -2351,7 +2596,42 @@ var jsxFlow = function(acorn2, acornOptions, addResult, pattern) {
   const tokenizeJsxFlow = function(effects, ok, nok) {
     const self = this;
     const start = function(code) {
-      return factoryTag.call(self, effects, factorySpace2(effects, after, types2.whitespace), nok, acorn2, acornOptions, addResult, false, "mdxJsxFlowTag", "mdxJsxFlowTagMarker", "mdxJsxFlowTagClosingMarker", "mdxJsxFlowTagSelfClosingMarker", "mdxJsxFlowTagName", "mdxJsxFlowTagNamePrimary", "mdxJsxFlowTagNameMemberMarker", "mdxJsxFlowTagNameMember", "mdxJsxFlowTagNamePrefixMarker", "mdxJsxFlowTagNameLocal", "mdxJsxFlowTagExpressionAttribute", "mdxJsxFlowTagExpressionAttributeMarker", "mdxJsxFlowTagExpressionAttributeValue", "mdxJsxFlowTagAttribute", "mdxJsxFlowTagAttributeName", "mdxJsxFlowTagAttributeNamePrimary", "mdxJsxFlowTagAttributeNamePrefixMarker", "mdxJsxFlowTagAttributeNameLocal", "mdxJsxFlowTagAttributeInitializerMarker", "mdxJsxFlowTagAttributeValueLiteral", "mdxJsxFlowTagAttributeValueLiteralMarker", "mdxJsxFlowTagAttributeValueLiteralValue", "mdxJsxFlowTagAttributeValueExpression", "mdxJsxFlowTagAttributeValueExpressionMarker", "mdxJsxFlowTagAttributeValueExpressionValue", pattern)(code);
+      return factoryTag.call(
+        self,
+        effects,
+        factorySpace2(effects, after, types2.whitespace),
+        nok,
+        acorn2,
+        acornOptions,
+        addResult,
+        false,
+        "mdxJsxFlowTag",
+        "mdxJsxFlowTagMarker",
+        "mdxJsxFlowTagClosingMarker",
+        "mdxJsxFlowTagSelfClosingMarker",
+        "mdxJsxFlowTagName",
+        "mdxJsxFlowTagNamePrimary",
+        "mdxJsxFlowTagNameMemberMarker",
+        "mdxJsxFlowTagNameMember",
+        "mdxJsxFlowTagNamePrefixMarker",
+        "mdxJsxFlowTagNameLocal",
+        "mdxJsxFlowTagExpressionAttribute",
+        "mdxJsxFlowTagExpressionAttributeMarker",
+        "mdxJsxFlowTagExpressionAttributeValue",
+        "mdxJsxFlowTagAttribute",
+        "mdxJsxFlowTagAttributeName",
+        "mdxJsxFlowTagAttributeNamePrimary",
+        "mdxJsxFlowTagAttributeNamePrefixMarker",
+        "mdxJsxFlowTagAttributeNameLocal",
+        "mdxJsxFlowTagAttributeInitializerMarker",
+        "mdxJsxFlowTagAttributeValueLiteral",
+        "mdxJsxFlowTagAttributeValueLiteralMarker",
+        "mdxJsxFlowTagAttributeValueLiteralValue",
+        "mdxJsxFlowTagAttributeValueExpression",
+        "mdxJsxFlowTagAttributeValueExpressionMarker",
+        "mdxJsxFlowTagAttributeValueExpressionValue",
+        pattern
+      )(code);
     };
     const after = function(code) {
       return code === codes3.lessThan ? start(code) : code === codes3.eof || markdownLineEnding2(code) ? ok(code) : nok(code);
@@ -2367,9 +2647,15 @@ function mdxJsx(options = {}) {
   let acornOptions;
   if (acorn2) {
     if (!acorn2.parse || !acorn2.parseExpressionAt) {
-      throw new Error("Expected a proper `acorn` instance passed in as `options.acorn`");
-    }
-    acornOptions = Object.assign({ ecmaVersion: 2020, sourceType: "module" }, options.acornOptions, { locations: true });
+      throw new Error(
+        "Expected a proper `acorn` instance passed in as `options.acorn`"
+      );
+    }
+    acornOptions = Object.assign(
+      { ecmaVersion: 2020, sourceType: "module" },
+      options.acornOptions,
+      { locations: true }
+    );
   } else if (options.acornOptions || options.addResult) {
     throw new Error("Expected an `acorn` instance passed in as `options.acorn`");
   }
@@ -2429,13 +2715,21 @@ var extractAttributes = (attributes2, fields, imageCallback) => {
     assertType(attribute, "mdxJsxAttribute");
     const field = fields.find((field2) => field2.name === attribute.name);
     if (!field) {
-      throw new Error(`Unable to find field definition for property "${attribute.name}"`);
+      throw new Error(
+        `Unable to find field definition for property "${attribute.name}"`
+      );
     }
     try {
-      properties[attribute.name] = extractAttribute(attribute, field, imageCallback);
+      properties[attribute.name] = extractAttribute(
+        attribute,
+        field,
+        imageCallback
+      );
     } catch (e) {
       if (e instanceof Error) {
-        throw new Error(`Unable to parse field value for field "${field.name}" (type: ${field.type}). ${e.message}`);
+        throw new Error(
+          `Unable to parse field value for field "${field.name}" (type: ${field.type}). ${e.message}`
+        );
       }
       throw e;
     }
@@ -2456,7 +2750,10 @@ var extractAttribute = (attribute, field, imageCallback) => {
       }
     case "image":
       if (field.list) {
-        const values3 = extractScalar(extractExpression(attribute), field);
+        const values3 = extractScalar(
+          extractExpression(attribute),
+          field
+        );
         return values3.split(",").map((value) => imageCallback(value));
       } else {
         const value = extractString(attribute, field);
@@ -2580,7 +2877,9 @@ var extractRaw = (attribute) => {
 };
 function assertType(val, type) {
   if (val.type !== type) {
-    throw new Error(`Expected type to be ${type} but received ${val.type}. ${MDX_PARSE_ERROR_MSG}`);
+    throw new Error(
+      `Expected type to be ${type} but received ${val.type}. ${MDX_PARSE_ERROR_MSG}`
+    );
   }
 }
 function assertHasType(val) {
@@ -2633,8 +2932,14 @@ function mdxJsxElement(node, field, imageCallback) {
         children: [{ type: "text", text: "" }]
       };
     }
-    const props = extractAttributes(node.attributes, template.fields, imageCallback);
-    const childField = template.fields.find((field2) => field2.name === "children");
+    const props = extractAttributes(
+      node.attributes,
+      template.fields,
+      imageCallback
+    );
+    const childField = template.fields.find(
+      (field2) => field2.name === "children"
+    );
     if (childField) {
       if (childField.type === "rich-text") {
         props.children = remarkToSlate(node, childField, imageCallback);
@@ -2730,7 +3035,9 @@ var remarkToSlate = (root, field, imageCallback, raw, skipMDXProcess) => {
           children: [
             {
               type: "lic",
-              children: flatten(content2.children.map((child) => unwrapBlockContent(child)))
+              children: flatten(
+                content2.children.map((child) => unwrapBlockContent(child))
+              )
             }
           ]
         };
@@ -2740,7 +3047,10 @@ var remarkToSlate = (root, field, imageCallback, raw, skipMDXProcess) => {
         return html(content2);
       case "mdxFlowExpression":
       case "mdxjsEsm":
-        throw new RichTextParseError(`Unexpected expression ${content2.value}.`, content2.position);
+        throw new RichTextParseError(
+          `Unexpected expression ${content2.value}.`,
+          content2.position
+        );
       case "leafDirective": {
         return directiveElement(content2, field, imageCallback, raw);
       }
@@ -2748,7 +3058,10 @@ var remarkToSlate = (root, field, imageCallback, raw, skipMDXProcess) => {
         return directiveElement(content2, field, imageCallback, raw);
       }
       default:
-        throw new RichTextParseError(`Content: ${content2.type} is not yet supported`, content2.position);
+        throw new RichTextParseError(
+          `Content: ${content2.type} is not yet supported`,
+          content2.position
+        );
     }
   };
   const html = (content2) => {
@@ -2777,7 +3090,9 @@ var remarkToSlate = (root, field, imageCallback, raw, skipMDXProcess) => {
           case "paragraph":
             return {
               type: "lic",
-              children: flatten(child.children.map((child2) => phrasingContent(child2)))
+              children: flatten(
+                child.children.map((child2) => phrasingContent(child2))
+              )
             };
           case "blockquote": {
             return {
@@ -2789,7 +3104,11 @@ var remarkToSlate = (root, field, imageCallback, raw, skipMDXProcess) => {
             return {
               type: "lic",
               children: [
-                mdxJsxElement2({ ...child, type: "mdxJsxTextElement" }, field, imageCallback)
+                mdxJsxElement2(
+                  { ...child, type: "mdxJsxTextElement" },
+                  field,
+                  imageCallback
+                )
               ]
             };
           case "html":
@@ -2806,13 +3125,19 @@ var remarkToSlate = (root, field, imageCallback, raw, skipMDXProcess) => {
           case "code":
           case "thematicBreak":
           case "table":
-            throw new RichTextParseError(`${child.type} inside list item is not supported`, child.position);
+            throw new RichTextParseError(
+              `${child.type} inside list item is not supported`,
+              child.position
+            );
           default:
             let position;
             if (child.type !== "containerDirective") {
               position = child.position;
             }
-            throw new RichTextParseError(`Unknown list item of type ${child.type}`, position);
+            throw new RichTextParseError(
+              `Unknown list item of type ${child.type}`,
+              position
+            );
         }
       })
     };
@@ -2830,7 +3155,10 @@ var remarkToSlate = (root, field, imageCallback, raw, skipMDXProcess) => {
         return [html_inline(content2)];
       case "blockquote":
       default:
-        throw new RichTextParseError(`UnwrapBlock: Unknown block content of type ${content2.type}`, content2.position);
+        throw new RichTextParseError(
+          `UnwrapBlock: Unknown block content of type ${content2.type}`,
+          content2.position
+        );
     }
   };
   const code = (content2) => {
@@ -2849,7 +3177,9 @@ var remarkToSlate = (root, field, imageCallback, raw, skipMDXProcess) => {
       type: "a",
       url: content2.url,
       title: content2.title,
-      children: flatten(content2.children.map((child) => staticPhrasingContent(child)))
+      children: flatten(
+        content2.children.map((child) => staticPhrasingContent(child))
+      )
     };
   };
   const heading = (content2) => {
@@ -2872,7 +3202,9 @@ var remarkToSlate = (root, field, imageCallback, raw, skipMDXProcess) => {
       case "html":
         return html_inline(content2);
       default:
-        throw new Error(`StaticPhrasingContent: ${content2.type} is not yet supported`);
+        throw new Error(
+          `StaticPhrasingContent: ${content2.type} is not yet supported`
+        );
     }
   };
   const phrasingContent = (content2) => {
@@ -2896,7 +3228,10 @@ var remarkToSlate = (root, field, imageCallback, raw, skipMDXProcess) => {
       case "html":
         return html_inline(content2);
       case "mdxTextExpression":
-        throw new RichTextParseError(`Unexpected expression ${content2.value}.`, content2.position);
+        throw new RichTextParseError(
+          `Unexpected expression ${content2.value}.`,
+          content2.position
+        );
       default:
         throw new Error(`PhrasingContent: ${content2.type} is not yet supported`);
     }
@@ -2916,7 +3251,11 @@ var remarkToSlate = (root, field, imageCallback, raw, skipMDXProcess) => {
     const accum = [];
     switch (node.type) {
       case "emphasis": {
-        const children = flatten(node.children.map((child) => phrashingMark(child, [...marks, "italic"])));
+        const children = flatten(
+          node.children.map(
+            (child) => phrashingMark(child, [...marks, "italic"])
+          )
+        );
         children.forEach((child) => {
           accum.push(child);
         });
@@ -2934,7 +3273,9 @@ var remarkToSlate = (root, field, imageCallback, raw, skipMDXProcess) => {
         break;
       }
       case "strong": {
-        const children = flatten(node.children.map((child) => phrashingMark(child, [...marks, "bold"])));
+        const children = flatten(
+          node.children.map((child) => phrashingMark(child, [...marks, "bold"]))
+        );
         children.forEach((child) => {
           accum.push(child);
         });
@@ -2945,7 +3286,9 @@ var remarkToSlate = (root, field, imageCallback, raw, skipMDXProcess) => {
         break;
       }
       case "link": {
-        const children = flatten(node.children.map((child) => phrashingMark(child, marks)));
+        const children = flatten(
+          node.children.map((child) => phrashingMark(child, marks))
+        );
         accum.push({ type: "a", url: node.url, title: node.title, children });
         break;
       }
@@ -2959,7 +3302,10 @@ var remarkToSlate = (root, field, imageCallback, raw, skipMDXProcess) => {
         accum.push(breakContent());
         break;
       default:
-        throw new RichTextParseError(`Unexpected inline element of type ${node.type}`, node?.position);
+        throw new RichTextParseError(
+          `Unexpected inline element of type ${node.type}`,
+          node?.position
+        );
     }
     return accum;
   };
@@ -3041,12 +3387,20 @@ var postProcessor = (tree, field, imageCallback) => {
     if (node.children.length) {
       let tree2;
       if (node.type === "mdxJsxTextElement") {
-        tree2 = postProcessor({
-          type: "root",
-          children: [{ type: "paragraph", children: node.children }]
-        }, field, imageCallback);
+        tree2 = postProcessor(
+          {
+            type: "root",
+            children: [{ type: "paragraph", children: node.children }]
+          },
+          field,
+          imageCallback
+        );
       } else {
-        tree2 = postProcessor({ type: "root", children: node.children }, field, imageCallback);
+        tree2 = postProcessor(
+          { type: "root", children: node.children },
+          field,
+          imageCallback
+        );
       }
       props.children = tree2;
     }
@@ -3134,7 +3488,9 @@ var parseMDX = (value, field, imageCallback) => {
       return parseMDX2(value, field, imageCallback);
     }
     let preprocessedString = value;
-    const templatesWithMatchers = field.templates?.filter((template) => template.match);
+    const templatesWithMatchers = field.templates?.filter(
+      (template) => template.match
+    );
     templatesWithMatchers?.forEach((template) => {
       if (typeof template === "string") {
         throw new Error("Global templates are not supported");