@tinacms/mdx 1.2.0 → 1.3.0

package/dist/index.es.js

@@ -8,14 +8,15 @@ var __publicField = (obj, key, value) => {
 // src/parse/index.ts
 import { remark } from "remark";
 import remarkMdx from "remark-mdx";
+import { fromMarkdown } from "mdast-util-from-markdown";
 
 // src/parse/remarkToPlate.ts
 import { flatten } from "lodash-es";
 
 // src/parse/acorn.ts
-var extractAttributes = (attributes, fields, imageCallback) => {
+var extractAttributes = (attributes2, fields, imageCallback) => {
   const properties = {};
-  attributes.forEach((attribute) => {
+  attributes2?.forEach((attribute) => {
     assertType(attribute, "mdxJsxAttribute");
     const field = fields.find((field2) => field2.name === attribute.name);
     if (!field) {
@@ -46,8 +47,8 @@ var extractAttribute = (attribute, field, imageCallback) => {
       }
     case "image":
       if (field.list) {
-        const values = extractScalar(extractExpression(attribute), field);
-        return values.split(",").map((value) => imageCallback(value));
+        const values2 = extractScalar(extractExpression(attribute), field);
+        return values2.split(",").map((value) => imageCallback(value));
       } else {
         const value = extractString(attribute, field);
         return imageCallback(value);
@@ -99,7 +100,7 @@ var extractObject = (attribute, field) => {
 };
 var extractObjectExpression = (expression, field) => {
   const properties = {};
-  expression.properties.forEach((property) => {
+  expression.properties?.forEach((property) => {
     assertType(property, "Property");
     const { key, value } = extractKeyValue(property, field);
     properties[key] = value;
@@ -204,114 +205,942 @@ var trimFragments = (string) => {
   return value;
 };
 
-// src/parse/mdx.ts
+// src/stringify/index.ts
 import { toMarkdown } from "mdast-util-to-markdown";
-import { mdxJsxToMarkdown } from "mdast-util-mdx-jsx";
-function mdxJsxElement(node, field, imageCallback) {
-  try {
-    const template = field.templates?.find((template2) => {
-      const templateName = typeof template2 === "string" ? template2 : template2.name;
-      return templateName === node.name;
+import { text as text2 } from "mdast-util-to-markdown/lib/handle/text";
+import {
+  mdxJsxToMarkdown
+} from "mdast-util-mdx-jsx";
+
+// src/stringify/acorn.ts
+import { format } from "prettier";
+var stringifyPropsInline = (element, field, imageCallback) => {
+  return stringifyProps(element, field, true, imageCallback);
+};
+function stringifyProps(element, parentField, flatten2, imageCallback) {
+  const attributes2 = [];
+  const children = [];
+  let template;
+  let useDirective = false;
+  let directiveType = "leaf";
+  template = parentField.templates?.find((template2) => {
+    if (typeof template2 === "string") {
+      throw new Error("Global templates not supported");
+    }
+    return template2.name === element.name;
+  });
+  if (!template) {
+    template = parentField.templates?.find((template2) => {
+      const templateName = template2?.match?.name;
+      return templateName === element.name;
     });
+  }
+  if (!template || typeof template === "string") {
+    throw new Error(`Unable to find template for JSX element ${element.name}`);
+  }
+  if (template.fields.find((f) => f.name === "children")) {
+    directiveType = "block";
+  }
+  useDirective = !!template.match;
+  Object.entries(element.props).forEach(([name, value]) => {
     if (typeof template === "string") {
-      throw new Error("Global templates not yet supported");
-    }
-    if (!template) {
-      const string = toMarkdown({ type: "root", children: [node] }, {
-        extensions: [mdxJsxToMarkdown()],
-        listItemIndent: "one"
-      });
-      return {
-        type: node.type === "mdxJsxFlowElement" ? "html" : "html_inline",
-        value: string.trim(),
-        children: [{ type: "text", text: "" }]
-      };
+      throw new Error(`Unable to find template for JSX element ${name}`);
     }
-    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);
+    const field = template?.fields?.find((field2) => field2.name === name);
+    if (!field) {
+      if (name === "children") {
+        return;
       }
+      return;
     }
-    return {
-      type: node.type,
-      name: node.name,
-      children: [{ type: "text", text: "" }],
-      props
-    };
-  } catch (e) {
-    if (e instanceof Error) {
-      throw new RichTextParseError(e.message, node.position);
-    }
-    throw e;
-  }
-}
-
-// src/parse/remarkToPlate.ts
-var remarkToSlate = (root, field, imageCallback) => {
-  const content = (content2) => {
-    switch (content2.type) {
-      case "blockquote":
-        const children = [];
-        content2.children.map((child) => {
-          const inlineElements = unwrapBlockContent(child);
-          inlineElements.forEach((child2) => {
-            children.push(child2);
+    switch (field.type) {
+      case "reference":
+        if (field.list) {
+          if (Array.isArray(value)) {
+            attributes2.push({
+              type: "mdxJsxAttribute",
+              name,
+              value: {
+                type: "mdxJsxAttributeValueExpression",
+                value: `[${value.map((item) => `"${item}"`).join(", ")}]`
+              }
+            });
+          }
+        } else {
+          if (typeof value === "string") {
+            attributes2.push({
+              type: "mdxJsxAttribute",
+              name,
+              value
+            });
+          }
+        }
+        break;
+      case "datetime":
+      case "string":
+        if (field.list) {
+          if (Array.isArray(value)) {
+            attributes2.push({
+              type: "mdxJsxAttribute",
+              name,
+              value: {
+                type: "mdxJsxAttributeValueExpression",
+                value: `[${value.map((item) => `"${item}"`).join(", ")}]`
+              }
+            });
+          }
+        } else {
+          if (typeof value === "string") {
+            attributes2.push({
+              type: "mdxJsxAttribute",
+              name,
+              value
+            });
+          } else {
+            throw new Error(`Expected string for attribute on field ${field.name}`);
+          }
+        }
+        break;
+      case "image":
+        if (field.list) {
+          if (Array.isArray(value)) {
+            attributes2.push({
+              type: "mdxJsxAttribute",
+              name,
+              value: {
+                type: "mdxJsxAttributeValueExpression",
+                value: `[${value.map((item) => `"${imageCallback(item)}"`).join(", ")}]`
+              }
+            });
+          }
+        } else {
+          attributes2.push({
+            type: "mdxJsxAttribute",
+            name,
+            value: imageCallback(String(value))
           });
+        }
+        break;
+      case "number":
+      case "boolean":
+        if (field.list) {
+          if (Array.isArray(value)) {
+            attributes2.push({
+              type: "mdxJsxAttribute",
+              name,
+              value: {
+                type: "mdxJsxAttributeValueExpression",
+                value: `[${value.map((item) => `${item}`).join(", ")}]`
+              }
+            });
+          }
+        } else {
+          attributes2.push({
+            type: "mdxJsxAttribute",
+            name,
+            value: {
+              type: "mdxJsxAttributeValueExpression",
+              value: String(value)
+            }
+          });
+        }
+        break;
+      case "object":
+        attributes2.push({
+          type: "mdxJsxAttribute",
+          name,
+          value: {
+            type: "mdxJsxAttributeValueExpression",
+            value: stringifyObj(value, flatten2)
+          }
         });
-        return {
-          type: "blockquote",
-          children
-        };
-      case "heading":
-        return heading(content2);
-      case "code":
-        return code(content2);
-      case "paragraph":
-        return paragraph(content2);
-      case "mdxJsxFlowElement":
-        return mdxJsxElement(content2, field, imageCallback);
-      case "thematicBreak":
-        return {
-          type: "hr",
-          children: [{ type: "text", text: "" }]
-        };
-      case "listItem":
-        return {
-          type: "li",
-          children: [
-            {
-              type: "lic",
-              children: flatten(content2.children.map((child) => unwrapBlockContent(child)))
+        break;
+      case "rich-text":
+        if (typeof value === "string") {
+          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}`);
+          if (field.name === "children") {
+            const root = rootElement(value, field, imageCallback);
+            root.children.forEach((child) => {
+              children.push(child);
+            });
+            return;
+          } else {
+            const stringValue = stringifyMDX(value, field, imageCallback);
+            if (stringValue) {
+              val = stringValue.trim().split("\n").map((str) => `  ${str.trim()}`).join(joiner);
             }
-          ]
-        };
-      case "list":
-        return list(content2);
-      case "html":
-        return html(content2);
-      case "mdxFlowExpression":
-      case "mdxjsEsm":
-        throw new RichTextParseError(`Unexpected expression ${content2.value}.`, content2.position);
+          }
+          if (flatten2) {
+            attributes2.push({
+              type: "mdxJsxAttribute",
+              name,
+              value: {
+                type: "mdxJsxAttributeValueExpression",
+                value: `<>${val.trim()}</>`
+              }
+            });
+          } else {
+            attributes2.push({
+              type: "mdxJsxAttribute",
+              name,
+              value: {
+                type: "mdxJsxAttributeValueExpression",
+                value: `<>
+${val}
+</>`
+              }
+            });
+          }
+        }
+        break;
       default:
-        throw new RichTextParseError(`Content: ${content2.type} is not yet supported`, content2.position);
+        throw new Error(`Stringify props: ${field.type} not yet supported`);
     }
-  };
-  const html = (content2) => {
+  });
+  if (template.match) {
     return {
-      type: "html",
-      value: content2.value,
-      children: [{ type: "text", text: "" }]
+      useDirective,
+      directiveType,
+      attributes: attributes2,
+      children: children && children.length ? children : [
+        {
+          type: "paragraph",
+          children: [
+            {
+              type: "text",
+              value: ""
+            }
+          ]
+        }
+      ]
     };
-  };
-  const html_inline = (content2) => {
+  }
+  return { attributes: attributes2, children, useDirective, directiveType };
+}
+function stringifyObj(obj, flatten2) {
+  if (typeof obj === "object" && obj !== null) {
+    const dummyFunc = `const dummyFunc = `;
+    const res = format(`${dummyFunc}${JSON.stringify(obj)}`, {
+      parser: "acorn",
+      trailingComma: "none",
+      semi: false
+    }).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}`);
+  }
+}
+function assertShape(value, callback, errorMessage) {
+  if (!callback(value)) {
+    throw new Error(errorMessage || `Failed to assert shape`);
+  }
+}
+
+// src/stringify/marks.ts
+var matches = (a, b) => {
+  return a.some((v) => b.includes(v));
+};
+var replaceLinksWithTextNodes = (content) => {
+  const newItems = [];
+  content?.forEach((item) => {
+    if (item.type === "a") {
+      if (item.children.length === 1) {
+        const firstChild = item.children[0];
+        if (firstChild?.type === "text") {
+          newItems.push({
+            ...firstChild,
+            linkifyTextNode: (a) => {
+              return {
+                type: "link",
+                url: item.url,
+                title: item.title,
+                children: [a]
+              };
+            }
+          });
+        } else {
+          newItems.push(item);
+        }
+      } else {
+        newItems.push(item);
+      }
+    } else {
+      newItems.push(item);
+    }
+  });
+  return newItems;
+};
+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`);
+    case "img":
+      return {
+        type: "image",
+        url: imageCallback(content.url),
+        alt: content.alt,
+        title: content.caption
+      };
+    case "break":
+      return {
+        type: "break"
+      };
+    case "mdxJsxTextElement": {
+      const { attributes: attributes2, children } = stringifyPropsInline(content, field, imageCallback);
+      return {
+        type: "mdxJsxTextElement",
+        name: content.name,
+        attributes: attributes2,
+        children
+      };
+    }
+    case "html_inline": {
+      return {
+        type: "html",
+        value: content.value
+      };
+    }
+    default:
+      if (!content.type && typeof content.text === "string") {
+        return text(content);
+      }
+      throw new Error(`InlineElement: ${content.type} is not supported`);
+  }
+};
+var text = (content) => {
+  return {
+    type: "text",
+    value: content.text
+  };
+};
+var eat = (c, field, imageCallback) => {
+  const content = replaceLinksWithTextNodes(c);
+  const first = content[0];
+  if (!first) {
+    return [];
+  }
+  if (first && first?.type !== "text") {
+    if (first.type === "a") {
+      return [
+        {
+          type: "link",
+          url: first.url,
+          title: first.title,
+          children: eat(first.children, field, imageCallback)
+        },
+        ...eat(content.slice(1), field, imageCallback)
+      ];
+    }
+    return [
+      inlineElementExceptLink(first, field, imageCallback),
+      ...eat(content.slice(1), field, imageCallback)
+    ];
+  }
+  const marks = getMarks(first);
+  if (marks.length === 0) {
+    if (first.linkifyTextNode) {
+      return [
+        first.linkifyTextNode(text(first)),
+        ...eat(content.slice(1), field, imageCallback)
+      ];
+    } else {
+      return [text(first), ...eat(content.slice(1), field, imageCallback)];
+    }
+  }
+  let nonMatchingSiblingIndex = 0;
+  if (content.slice(1).every((content2, index) => {
+    if (matches(marks, getMarks(content2))) {
+      return true;
+    } else {
+      nonMatchingSiblingIndex = index;
+      return false;
+    }
+  })) {
+    nonMatchingSiblingIndex = content.length - 1;
+  }
+  const matchingSiblings = content.slice(1, nonMatchingSiblingIndex + 1);
+  const markCounts = {};
+  marks.forEach((mark) => {
+    let count2 = 1;
+    matchingSiblings.every((sibling, index) => {
+      if (getMarks(sibling).includes(mark)) {
+        count2 = index + 1;
+        return true;
+      }
+    });
+    markCounts[mark] = count2;
+  });
+  let count = 0;
+  let markToProcess = null;
+  Object.entries(markCounts).forEach(([mark, markCount]) => {
+    const m = mark;
+    if (markCount > count) {
+      count = markCount;
+      markToProcess = m;
+    }
+  });
+  if (!markToProcess) {
+    return [text(first), ...eat(content.slice(1), field, imageCallback)];
+  }
+  if (markToProcess === "inlineCode") {
+    if (nonMatchingSiblingIndex) {
+      throw new Error(`Marks inside inline code are not supported`);
+    }
+    const node = {
+      type: markToProcess,
+      value: first.text
+    };
+    return [
+      first.linkifyTextNode?.(node) ?? node,
+      ...eat(content.slice(nonMatchingSiblingIndex + 1), field, imageCallback)
+    ];
+  }
+  return [
+    {
+      type: markToProcess,
+      children: eat([
+        ...[first, ...matchingSiblings].map((sibling) => cleanNode(sibling, markToProcess))
+      ], field, imageCallback)
+    },
+    ...eat(content.slice(nonMatchingSiblingIndex + 1), field, imageCallback)
+  ];
+};
+var cleanNode = (node, mark) => {
+  if (!mark) {
+    return node;
+  }
+  const cleanedNode = {};
+  const markToClear = {
+    strong: "bold",
+    emphasis: "italic",
+    inlineCode: "code"
+  }[mark];
+  Object.entries(node).map(([key, value]) => {
+    if (key !== markToClear) {
+      cleanedNode[key] = value;
+    }
+  });
+  if (node.linkifyTextNode) {
+    cleanedNode.callback = node.linkifyTextNode;
+  }
+  return cleanedNode;
+};
+
+// src/extensions/tina-shortcodes/to-markdown.ts
+import { stringifyEntitiesLight } from "stringify-entities";
+import { containerFlow } from "mdast-util-to-markdown/lib/util/container-flow";
+import { containerPhrasing } from "mdast-util-to-markdown/lib/util/container-phrasing";
+import { checkQuote } from "mdast-util-to-markdown/lib/util/check-quote";
+import { track } from "mdast-util-to-markdown/lib/util/track";
+var own = {}.hasOwnProperty;
+var directiveToMarkdown = (patterns) => ({
+  unsafe: [
+    {
+      character: "\r",
+      inConstruct: ["leafDirectiveLabel", "containerDirectiveLabel"]
+    },
+    {
+      character: "\n",
+      inConstruct: ["leafDirectiveLabel", "containerDirectiveLabel"]
+    },
+    {
+      before: "[^:]",
+      character: ":",
+      after: "[A-Za-z]",
+      inConstruct: ["phrasing"]
+    },
+    { atBreak: true, character: ":", after: ":" }
+  ],
+  handlers: {
+    containerDirective: handleDirective(patterns),
+    leafDirective: handleDirective(patterns),
+    textDirective: handleDirective(patterns)
+  }
+});
+var handleDirective = function(patterns) {
+  const handleDirective2 = function(node, _, state, safeOptions) {
+    const tracker = track(safeOptions);
+    const exit2 = state.enter(node.type);
+    const pattern = patterns.find((p) => p.name === node.name || p.templateName === node.name);
+    if (!pattern) {
+      console.log("no pattern found for directive", node.name);
+      exit2();
+      return "";
+    }
+    const patternName = pattern.name || pattern.templateName;
+    const sequence = pattern.start;
+    let value = tracker.move(sequence + " " + patternName);
+    let label;
+    if (label && label.children && label.children.length > 0) {
+      const exit3 = state.enter("label");
+      const labelType = `${node.type}Label`;
+      const subexit = state.enter(labelType);
+      value += tracker.move("[");
+      value += tracker.move(containerPhrasing(label, state, {
+        ...tracker.current(),
+        before: value,
+        after: "]"
+      }));
+      value += tracker.move("]");
+      subexit();
+      exit3();
+    }
+    value += tracker.move(" ");
+    value += tracker.move(attributes(node, state));
+    value += tracker.move(pattern.end);
+    if (node.type === "containerDirective") {
+      const head = (node.children || [])[0];
+      let shallow = node;
+      if (inlineDirectiveLabel(head)) {
+        shallow = Object.assign({}, node, { children: node.children.slice(1) });
+      }
+      if (shallow && shallow.children && shallow.children.length > 0) {
+        value += tracker.move("\n");
+        value += tracker.move(containerFlow(shallow, state, tracker.current()));
+      }
+      value += tracker.move("\n" + sequence);
+      value += tracker.move(" \\" + patternName + " " + pattern.end);
+    }
+    exit2();
+    return value;
+  };
+  handleDirective2.peek = peekDirective;
+  return handleDirective2;
+};
+function peekDirective() {
+  return ":";
+}
+function attributes(node, state) {
+  const quote = checkQuote(state);
+  const subset = node.type === "textDirective" ? [quote] : [quote, "\n", "\r"];
+  const attrs = node.attributes || {};
+  const values2 = [];
+  let key;
+  for (key in attrs) {
+    if (own.call(attrs, key) && attrs[key] !== void 0 && attrs[key] !== null) {
+      const value = String(attrs[key]);
+      values2.push(quoted(key, value));
+    }
+  }
+  return values2.length > 0 ? values2.join(" ") + " " : "";
+  function quoted(key2, value) {
+    const v = quote + stringifyEntitiesLight(value, { subset }) + quote;
+    if (key2 === "_value") {
+      return v;
+    }
+    return key2 + (value ? "=" + v : "");
+  }
+}
+function inlineDirectiveLabel(node) {
+  return Boolean(node && node.type === "paragraph" && node.data && node.data.directiveLabel);
+}
+
+// src/stringify/stringifyShortcode.ts
+function stringifyShortcode(preprocessedString, template) {
+  const match = template.match;
+  const unkeyedAttributes = !!template.fields.find((t) => t.name == "_value");
+  const regex = `<[\\s]*${template.name}[\\s]*${unkeyedAttributes ? "(?:_value=(.*?))?" : "(.+?)?"}[\\s]*>[\\s]*((?:.|
+)*?)[\\s]*</[\\s]*${template.name}[\\s]*>`;
+  const closingRegex = `
+$2
+${match.start} /${match.name || template.name} ${match.end}`;
+  const replace = `${match.start} ${match.name || template.name} $1 ${match.end}${template.fields.find((t) => t.name == "children") ? closingRegex : ""}`;
+  return replaceAll(preprocessedString, regex, replace);
+}
+
+// src/stringify/index.ts
+var stringifyMDX = (value, field, imageCallback) => {
+  if (!value) {
+    return;
+  }
+  if (typeof value === "string") {
+    throw new Error("Expected an object to stringify, but received a string");
+  }
+  if (value?.children[0]) {
+    if (value?.children[0].type === "invalid_markdown") {
+      return value.children[0].value;
+    }
+  }
+  const tree = rootElement(value, field, imageCallback);
+  const res = toTinaMarkdown(tree, field);
+  const templatesWithMatchers = field.templates?.filter((template) => template.match);
+  let preprocessedString = res;
+  templatesWithMatchers?.forEach((template) => {
+    if (typeof template === "string") {
+      throw new Error("Global templates are not supported");
+    }
+    if (template.match) {
+      preprocessedString = stringifyShortcode(preprocessedString, template);
+    }
+  });
+  return preprocessedString;
+};
+var toTinaMarkdown = (tree, field) => {
+  const patterns = [];
+  field.templates?.forEach((template) => {
+    if (typeof template === "string") {
+      return;
+    }
+    if (template && template.match) {
+      const pattern = template.match;
+      pattern.templateName = template.name;
+      patterns.push(pattern);
+    }
+  });
+  const handlers = {};
+  handlers["text"] = (node, parent, context, safeOptions) => {
+    context.unsafe = context.unsafe.filter((unsafeItem) => {
+      if (unsafeItem.character === " " && unsafeItem.inConstruct === "phrasing") {
+        return false;
+      }
+      return true;
+    });
+    if (field.parser?.type === "markdown") {
+      if (field.parser.skipEscaping === "all") {
+        return node.value;
+      }
+      if (field.parser.skipEscaping === "html") {
+        context.unsafe = context.unsafe.filter((unsafeItem) => {
+          if (unsafeItem.character === "<") {
+            return false;
+          }
+          return true;
+        });
+      }
+    }
+    return text2(node, parent, context, safeOptions);
+  };
+  return toMarkdown(tree, {
+    extensions: [directiveToMarkdown(patterns), mdxJsxToMarkdown()],
+    listItemIndent: "one",
+    handlers
+  });
+};
+var rootElement = (content, field, imageCallback) => {
+  const children = [];
+  content.children?.forEach((child) => {
+    const value = blockElement(child, field, imageCallback);
+    if (value) {
+      children.push(value);
+    }
+  });
+  return {
+    type: "root",
+    children
+  };
+};
+var blockElement = (content, field, imageCallback) => {
+  switch (content.type) {
+    case "h1":
+    case "h2":
+    case "h3":
+    case "h4":
+    case "h5":
+    case "h6":
+      return {
+        type: "heading",
+        depth: { h1: 1, h2: 2, h3: 3, h4: 4, h5: 5, h6: 6 }[content.type],
+        children: eat(content.children, field, imageCallback)
+      };
+    case "p":
+      if (content.children.length === 1) {
+        const onlyChild = content.children[0];
+        if (onlyChild && (onlyChild.type === "text" || !onlyChild.type) && onlyChild.text === "") {
+          return null;
+        }
+      }
+      return {
+        type: "paragraph",
+        children: eat(content.children, field, imageCallback)
+      };
+    case "code_block":
+      return {
+        type: "code",
+        lang: content.lang,
+        value: content.value
+      };
+    case "mdxJsxFlowElement":
+      const { children, attributes: attributes2, useDirective, directiveType } = stringifyProps(content, field, false, imageCallback);
+      if (useDirective) {
+        const name = content.name;
+        if (!name) {
+          throw new Error(`Expective shortcode to have a name but it was not defined`);
+        }
+        const directiveAttributes = {};
+        attributes2?.forEach((att) => {
+          if (att.value && typeof att.value === "string") {
+            directiveAttributes[att.name] = att.value;
+          }
+        });
+        if (directiveType === "leaf") {
+          return {
+            type: "leafDirective",
+            name,
+            attributes: directiveAttributes,
+            children: []
+          };
+        } else {
+          return {
+            type: "containerDirective",
+            name,
+            attributes: directiveAttributes,
+            children
+          };
+        }
+      }
+      return {
+        type: "mdxJsxFlowElement",
+        name: content.name,
+        attributes: attributes2,
+        children
+      };
+    case "blockquote":
+      return {
+        type: "blockquote",
+        children: [
+          {
+            type: "paragraph",
+            children: eat(content.children, field, imageCallback)
+          }
+        ]
+      };
+    case "hr":
+      return {
+        type: "thematicBreak"
+      };
+    case "ol":
+    case "ul":
+      return {
+        type: "list",
+        ordered: content.type === "ol",
+        spread: false,
+        children: content.children.map((child) => listItemElement(child, field, imageCallback))
+      };
+    case "html": {
+      return {
+        type: "html",
+        value: content.value
+      };
+    }
+    case "img":
+      return {
+        type: "image",
+        url: imageCallback(content.url),
+        alt: content.alt,
+        title: content.caption
+      };
+    default:
+      throw new Error(`BlockElement: ${content.type} is not yet supported`);
+  }
+};
+var listItemElement = (content, field, imageCallback) => {
+  return {
+    type: "listItem",
+    spread: false,
+    children: content.children.map((child) => {
+      if (child.type === "lic") {
+        return {
+          type: "paragraph",
+          children: eat(child.children, field, imageCallback)
+        };
+      }
+      return blockContentElement(child, field, imageCallback);
+    })
+  };
+};
+var blockContentElement = (content, field, imageCallback) => {
+  switch (content.type) {
+    case "blockquote":
+      return {
+        type: "blockquote",
+        children: content.children.map((child) => blockContentElement(child, field, imageCallback))
+      };
+    case "p":
+      return {
+        type: "paragraph",
+        children: eat(content.children, field, imageCallback)
+      };
+    case "ol":
+    case "ul":
+      return {
+        type: "list",
+        ordered: content.type === "ol",
+        spread: false,
+        children: content.children.map((child) => listItemElement(child, field, imageCallback))
+      };
+    default:
+      throw new Error(`BlockContentElement: ${content.type} is not yet supported`);
+  }
+};
+var getMarks = (content) => {
+  const marks = [];
+  if (content.type !== "text") {
+    return [];
+  }
+  if (content.bold) {
+    marks.push("strong");
+  }
+  if (content.italic) {
+    marks.push("emphasis");
+  }
+  if (content.code) {
+    marks.push("inlineCode");
+  }
+  return marks;
+};
+
+// src/parse/mdx.ts
+import { source } from "unist-util-source";
+function mdxJsxElement(node, field, imageCallback) {
+  try {
+    const template = field.templates?.find((template2) => {
+      const templateName = typeof template2 === "string" ? template2 : template2.name;
+      return templateName === node.name;
+    });
+    if (typeof template === "string") {
+      throw new Error("Global templates not yet supported");
+    }
+    if (!template) {
+      const string = toTinaMarkdown({ type: "root", children: [node] }, field);
+      return {
+        type: node.type === "mdxJsxFlowElement" ? "html" : "html_inline",
+        value: string.trim(),
+        children: [{ type: "text", text: "" }]
+      };
+    }
+    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);
+      }
+    }
     return {
-      type: "html_inline",
-      value: content2.value,
-      children: [{ type: "text", text: "" }]
+      type: node.type,
+      name: node.name,
+      children: [{ type: "text", text: "" }],
+      props
+    };
+  } catch (e) {
+    if (e instanceof Error) {
+      throw new RichTextParseError(e.message, node.position);
+    }
+    throw e;
+  }
+}
+var directiveElement = (node, field, imageCallback, raw) => {
+  let template;
+  template = field.templates?.find((template2) => {
+    const templateName = typeof template2 === "string" ? template2 : template2.name;
+    return templateName === node.name;
+  });
+  if (typeof template === "string") {
+    throw new Error("Global templates not yet supported");
+  }
+  if (!template) {
+    template = field.templates?.find((template2) => {
+      const templateName = template2?.match?.name;
+      return templateName === node.name;
+    });
+  }
+  if (!template) {
+    return {
+      type: "p",
+      children: [{ type: "text", text: source(node, raw || "") || "" }]
+    };
+  }
+  if (typeof template === "string") {
+    throw new Error(`Global templates not supported`);
+  }
+  const props = node.attributes || {};
+  const childField = template.fields.find((field2) => field2.name === "children");
+  if (childField) {
+    if (childField.type === "rich-text") {
+      if (node.type === "containerDirective") {
+        props.children = remarkToSlate(node, childField, imageCallback, raw);
+      }
+    }
+  }
+  return {
+    type: "mdxJsxFlowElement",
+    name: template.name,
+    props,
+    children: [{ type: "text", text: "" }]
+  };
+};
+
+// src/parse/remarkToPlate.ts
+var remarkToSlate = (root, field, imageCallback, raw) => {
+  const content = (content2) => {
+    switch (content2.type) {
+      case "blockquote":
+        const children = [];
+        content2.children.map((child) => {
+          const inlineElements = unwrapBlockContent(child);
+          inlineElements.forEach((child2) => {
+            children.push(child2);
+          });
+        });
+        return {
+          type: "blockquote",
+          children
+        };
+      case "heading":
+        return heading(content2);
+      case "code":
+        return code(content2);
+      case "paragraph":
+        return paragraph(content2);
+      case "mdxJsxFlowElement":
+        return mdxJsxElement(content2, field, imageCallback);
+      case "thematicBreak":
+        return {
+          type: "hr",
+          children: [{ type: "text", text: "" }]
+        };
+      case "listItem":
+        return {
+          type: "li",
+          children: [
+            {
+              type: "lic",
+              children: flatten(content2.children.map((child) => unwrapBlockContent(child)))
+            }
+          ]
+        };
+      case "list":
+        return list(content2);
+      case "html":
+        return html(content2);
+      case "mdxFlowExpression":
+      case "mdxjsEsm":
+        throw new RichTextParseError(`Unexpected expression ${content2.value}.`, content2.position);
+      case "leafDirective": {
+        return directiveElement(content2, field, imageCallback, raw);
+      }
+      case "containerDirective": {
+        return directiveElement(content2, field, imageCallback, raw);
+      }
+      default:
+        throw new RichTextParseError(`Content: ${content2.type} is not yet supported`, content2.position);
+    }
+  };
+  const html = (content2) => {
+    return {
+      type: "p",
+      children: [{ type: "text", text: content2.value }]
     };
   };
+  const html_inline = (content2) => {
+    return { type: "text", text: content2.value };
+  };
   const list = (content2) => {
     return {
       type: content2.ordered ? "ol" : "ul",
@@ -344,10 +1173,20 @@ var remarkToSlate = (root, field, imageCallback) => {
                 mdxJsxElement({ ...child, type: "mdxJsxTextElement" }, field, imageCallback)
               ]
             };
+          case "html":
+            return {
+              type: "lic",
+              children: html_inline(child)
+            };
+          case "leafDirective": {
+            return {
+              type: "lic",
+              children: [directiveElement(child, field, imageCallback)]
+            };
+          }
           case "code":
           case "thematicBreak":
           case "table":
-          case "html":
             throw new RichTextParseError(`${child.type} inside list item is not supported`, child.position);
           default:
             throw new RichTextParseError(`Unknown list item of type ${child.type}`, child.position);
@@ -356,878 +1195,1066 @@ var remarkToSlate = (root, field, imageCallback) => {
     };
   };
   const unwrapBlockContent = (content2) => {
-    const flattenPhrasingContent = (children) => {
-      const children2 = children.map((child) => phrasingContent(child));
-      return flatten(Array.isArray(children2) ? children2 : [children2]);
-    };
-    switch (content2.type) {
-      case "heading":
-      case "paragraph":
-        return flattenPhrasingContent(content2.children);
-      default:
-        throw new Error(`UnwrapBlock: Unknown block content of type ${content2.type}`);
-    }
-  };
-  const code = (content2) => {
-    const extra = {};
-    if (content2.lang)
-      extra["lang"] = content2.lang;
-    return {
-      type: "code_block",
-      ...extra,
-      value: content2.value,
-      children: [{ type: "text", text: "" }]
-    };
-  };
-  const link = (content2) => {
-    return {
-      type: "a",
-      url: content2.url,
-      title: content2.title,
-      children: flatten(content2.children.map((child) => staticPhrasingContent(child)))
-    };
-  };
-  const heading = (content2) => {
-    return {
-      type: ["h1", "h2", "h3", "h4", "h5", "h6"][content2.depth - 1],
-      children: flatten(content2.children.map(phrasingContent))
-    };
-  };
-  const staticPhrasingContent = (content2) => {
-    switch (content2.type) {
-      case "mdxJsxTextElement":
-        return mdxJsxElement(content2, field, imageCallback);
-      case "text":
-        return text2(content2);
-      case "inlineCode":
-      case "emphasis":
-      case "image":
-      case "strong":
-        return phrashingMark(content2);
-      default:
-        throw new Error(`StaticPhrasingContent: ${content2.type} is not yet supported`);
-    }
-  };
-  const phrasingContent = (content2) => {
-    switch (content2.type) {
-      case "text":
-        return text2(content2);
-      case "link":
-        return link(content2);
-      case "image":
-        return image(content2);
-      case "mdxJsxTextElement":
-        return mdxJsxElement(content2, field, imageCallback);
-      case "emphasis":
-        return phrashingMark(content2);
-      case "strong":
-        return phrashingMark(content2);
-      case "break":
-        return breakContent();
-      case "inlineCode":
-        return phrashingMark(content2);
-      case "html":
-        return html_inline(content2);
-      case "mdxTextExpression":
-        throw new RichTextParseError(`Unexpected expression ${content2.value}.`, content2.position);
-      default:
-        throw new Error(`PhrasingContent: ${content2.type} is not yet supported`);
-    }
-  };
-  const breakContent = () => {
-    return {
-      type: "break",
-      children: [
-        {
-          type: "text",
-          text: ""
-        }
-      ]
-    };
-  };
-  const phrashingMark = (node, marks = []) => {
-    const accum = [];
-    switch (node.type) {
-      case "emphasis": {
-        const children = flatten(node.children.map((child) => phrashingMark(child, [...marks, "italic"])));
-        children.forEach((child) => {
-          accum.push(child);
-        });
-        break;
-      }
-      case "inlineCode": {
-        const markProps2 = {};
-        marks.forEach((mark) => markProps2[mark] = true);
-        accum.push({
-          type: "text",
-          text: node.value,
-          code: true,
-          ...markProps2
-        });
-        break;
-      }
-      case "strong": {
-        const children = flatten(node.children.map((child) => phrashingMark(child, [...marks, "bold"])));
-        children.forEach((child) => {
-          accum.push(child);
-        });
-        break;
-      }
-      case "image": {
-        accum.push(image(node));
-        break;
-      }
-      case "link": {
-        const children = flatten(node.children.map((child) => phrashingMark(child, marks)));
-        accum.push({ type: "a", url: node.url, title: node.title, children });
-        break;
-      }
-      case "text":
-        const markProps = {};
-        marks.forEach((mark) => markProps[mark] = true);
-        accum.push({ type: "text", text: node.value, ...markProps });
-        break;
+    const flattenPhrasingContent = (children) => {
+      const children2 = children.map((child) => phrasingContent(child));
+      return flatten(Array.isArray(children2) ? children2 : [children2]);
+    };
+    switch (content2.type) {
+      case "heading":
+      case "paragraph":
+        return flattenPhrasingContent(content2.children);
+      case "html":
+        return [html_inline(content2)];
+      case "blockquote":
       default:
-        throw new Error(`Unexpected inline element of type ${node.type}`);
+        throw new RichTextParseError(`UnwrapBlock: Unknown block content of type ${content2.type}`, content2.position);
     }
-    return accum;
   };
-  const image = (content2) => {
+  const code = (content2) => {
+    const extra = {};
+    if (content2.lang)
+      extra["lang"] = content2.lang;
     return {
-      type: "img",
-      url: imageCallback(content2.url),
-      alt: content2.alt,
-      caption: content2.title,
+      type: "code_block",
+      ...extra,
+      value: content2.value,
       children: [{ type: "text", text: "" }]
     };
   };
-  const text2 = (content2) => {
-    return {
-      type: "text",
-      text: content2.value
-    };
-  };
-  const blockquote = (content2) => {
-    const children = [];
-    content2.children.map((child) => {
-      const inlineElements = unwrapBlockContent(child);
-      inlineElements.forEach((child2) => {
-        children.push(child2);
-      });
-    });
+  const link = (content2) => {
     return {
-      type: "blockquote",
-      children
+      type: "a",
+      url: content2.url,
+      title: content2.title,
+      children: flatten(content2.children.map((child) => staticPhrasingContent(child)))
     };
   };
-  const paragraph = (content2) => {
-    const children = flatten(content2.children.map(phrasingContent));
-    if (children.length === 1) {
-      if (children[0]) {
-        if (children[0].type === "html_inline") {
-          return {
-            ...children[0],
-            type: "html"
-          };
-        }
-      }
-    }
+  const heading = (content2) => {
     return {
-      type: "p",
-      children
+      type: ["h1", "h2", "h3", "h4", "h5", "h6"][content2.depth - 1],
+      children: flatten(content2.children.map(phrasingContent))
     };
   };
-  return {
-    type: "root",
-    children: root.children.map((child) => {
-      return content(child);
-    })
-  };
-};
-var RichTextParseError = class extends Error {
-  constructor(message, position) {
-    super(message);
-    __publicField(this, "position");
-    if (Error.captureStackTrace) {
-      Error.captureStackTrace(this, RichTextParseError);
-    }
-    this.name = "RichTextParseError";
-    this.position = position;
-  }
-};
-
-// src/parse/parseShortcode.ts
-function parseShortcode(preprocessedString, template) {
-  const match = template.match;
-  const unkeyedAttributes = !!template.fields.find((t) => t.name === "_value");
-  const hasChildren = !!template.fields.find((t) => t.name == "children");
-  const replacement = `<${template.name} ${unkeyedAttributes ? '_value="$1"' : "$1"}>${hasChildren ? "$2" : "\n"}</${template.name}>`;
-  const endRegex = `((?:.|\\n)*)${match.start}\\s/\\s*${match.name || template.name}[\\s]*${match.end}`;
-  const regex = `${match.start}\\s*${match.name || template.name}[\\s]+${unkeyedAttributes ? `['"]?(.*?)['"]?` : "(.*?)"}[\\s]*${match.end}${hasChildren ? endRegex : ""}`;
-  return replaceAll(preprocessedString, regex, replacement);
-}
-
-// src/parse/index.ts
-var markdownToAst = (value, field) => {
-  const templatesWithMatchers = field.templates?.filter((template) => template.match);
-  let preprocessedString = value;
-  templatesWithMatchers?.forEach((template) => {
-    if (typeof template === "string") {
-      throw new Error("Global templates are not supported");
-    }
-    if (template.match) {
-      if (preprocessedString) {
-        preprocessedString = parseShortcode(preprocessedString, template);
-      }
-    }
-  });
-  try {
-    const tree = remark().use(remarkMdx).parse(preprocessedString);
-    if (!tree) {
-      throw new Error("Error parsing markdown");
-    }
-    return tree;
-  } catch (e) {
-    console.error("error parsing file: ", e);
-    throw new RichTextParseError(e, e.position);
-  }
-};
-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) => {
-  let tree;
-  try {
-    tree = markdownToAst(value, field);
-    if (tree) {
-      return remarkToSlate(tree, field, imageCallback);
-    } else {
-      return { type: "root", children: [] };
-    }
-  } catch (e) {
-    if (e instanceof RichTextParseError) {
-      return invalidMarkdown(e, value);
+  const staticPhrasingContent = (content2) => {
+    switch (content2.type) {
+      case "mdxJsxTextElement":
+        return mdxJsxElement(content2, field, imageCallback);
+      case "text":
+        return text3(content2);
+      case "inlineCode":
+      case "emphasis":
+      case "image":
+      case "strong":
+        return phrashingMark(content2);
+      case "html":
+        return html_inline(content2);
+      default:
+        throw new Error(`StaticPhrasingContent: ${content2.type} is not yet supported`);
     }
-    return invalidMarkdown(new RichTextParseError(e.message), value);
-  }
-};
-var invalidMarkdown = (e, value) => {
-  const extra = {};
-  if (e.position && Object.keys(e.position).length) {
-    extra["position"] = e.position;
-  }
-  return {
-    type: "root",
-    children: [
-      {
-        type: "invalid_markdown",
-        value,
-        message: e.message || `Error parsing markdown ${MDX_PARSE_ERROR_MSG}`,
-        children: [{ type: "text", text: "" }],
-        ...extra
-      }
-    ]
   };
-};
-var replaceAll = (string, target, value) => {
-  const regex = new RegExp(target, "g");
-  return string.valueOf().replace(regex, value);
-};
-
-// src/stringify/index.ts
-import { toMarkdown as toMarkdown2 } from "mdast-util-to-markdown";
-import {
-  mdxJsxToMarkdown as mdxJsxToMarkdown2
-} from "mdast-util-mdx-jsx";
-
-// src/stringify/acorn.ts
-import { format } from "prettier";
-var stringifyPropsInline = (element, field, imageCallback) => {
-  return stringifyProps(element, field, true, imageCallback);
-};
-function stringifyProps(element, parentField, flatten2, imageCallback) {
-  const attributes = [];
-  const children = [];
-  const template = parentField.templates?.find((template2) => {
-    if (typeof template2 === "string") {
-      throw new Error("Global templates not supported");
-    }
-    return template2.name === element.name;
-  });
-  if (!template || typeof template === "string") {
-    throw new Error(`Unable to find template for JSX element ${element.name}`);
-  }
-  Object.entries(element.props).forEach(([name, value]) => {
-    const field = template.fields.find((field2) => field2.name === name);
-    if (!field) {
-      if (name === "children") {
-        return;
-      }
-      throw new Error(`No field definition found for property ${name}`);
-    }
-    switch (field.type) {
-      case "reference":
-        if (field.list) {
-          if (Array.isArray(value)) {
-            attributes.push({
-              type: "mdxJsxAttribute",
-              name,
-              value: {
-                type: "mdxJsxAttributeValueExpression",
-                value: `[${value.map((item) => `"${item}"`).join(", ")}]`
-              }
-            });
-          }
-        } else {
-          if (typeof value === "string") {
-            attributes.push({
-              type: "mdxJsxAttribute",
-              name,
-              value
-            });
-          }
-        }
-        break;
-      case "datetime":
-      case "string":
-        if (field.list) {
-          if (Array.isArray(value)) {
-            attributes.push({
-              type: "mdxJsxAttribute",
-              name,
-              value: {
-                type: "mdxJsxAttributeValueExpression",
-                value: `[${value.map((item) => `"${item}"`).join(", ")}]`
-              }
-            });
-          }
-        } else {
-          if (typeof value === "string") {
-            attributes.push({
-              type: "mdxJsxAttribute",
-              name,
-              value
-            });
-          } else {
-            throw new Error(`Expected string for attribute on field ${field.name}`);
-          }
-        }
-        break;
+  const phrasingContent = (content2) => {
+    switch (content2.type) {
+      case "text":
+        return text3(content2);
+      case "link":
+        return link(content2);
       case "image":
-        if (field.list) {
-          if (Array.isArray(value)) {
-            attributes.push({
-              type: "mdxJsxAttribute",
-              name,
-              value: {
-                type: "mdxJsxAttributeValueExpression",
-                value: `[${value.map((item) => `"${imageCallback(item)}"`).join(", ")}]`
-              }
-            });
-          }
-        } else {
-          attributes.push({
-            type: "mdxJsxAttribute",
-            name,
-            value: imageCallback(String(value))
-          });
+        return image(content2);
+      case "mdxJsxTextElement":
+        return mdxJsxElement(content2, field, imageCallback);
+      case "emphasis":
+        return phrashingMark(content2);
+      case "strong":
+        return phrashingMark(content2);
+      case "break":
+        return breakContent();
+      case "inlineCode":
+        return phrashingMark(content2);
+      case "html":
+        return html_inline(content2);
+      case "mdxTextExpression":
+        throw new RichTextParseError(`Unexpected expression ${content2.value}.`, content2.position);
+      default:
+        throw new Error(`PhrasingContent: ${content2.type} is not yet supported`);
+    }
+  };
+  const breakContent = () => {
+    return {
+      type: "break",
+      children: [
+        {
+          type: "text",
+          text: ""
         }
+      ]
+    };
+  };
+  const phrashingMark = (node, marks = []) => {
+    const accum = [];
+    switch (node.type) {
+      case "emphasis": {
+        const children = flatten(node.children.map((child) => phrashingMark(child, [...marks, "italic"])));
+        children.forEach((child) => {
+          accum.push(child);
+        });
         break;
-      case "number":
-      case "boolean":
-        if (field.list) {
-          if (Array.isArray(value)) {
-            attributes.push({
-              type: "mdxJsxAttribute",
-              name,
-              value: {
-                type: "mdxJsxAttributeValueExpression",
-                value: `[${value.map((item) => `${item}`).join(", ")}]`
-              }
-            });
-          }
-        } else {
-          attributes.push({
-            type: "mdxJsxAttribute",
-            name,
-            value: {
-              type: "mdxJsxAttributeValueExpression",
-              value: String(value)
-            }
-          });
-        }
+      }
+      case "inlineCode": {
+        const markProps2 = {};
+        marks.forEach((mark) => markProps2[mark] = true);
+        accum.push({
+          type: "text",
+          text: node.value,
+          code: true,
+          ...markProps2
+        });
         break;
-      case "object":
-        attributes.push({
-          type: "mdxJsxAttribute",
-          name,
-          value: {
-            type: "mdxJsxAttributeValueExpression",
-            value: stringifyObj(value, flatten2)
-          }
+      }
+      case "strong": {
+        const children = flatten(node.children.map((child) => phrashingMark(child, [...marks, "bold"])));
+        children.forEach((child) => {
+          accum.push(child);
         });
         break;
-      case "rich-text":
-        if (typeof value === "string") {
-          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}`);
-          if (field.name === "children") {
-            const root = rootElement(value, field, imageCallback);
-            root.children.forEach((child) => {
-              children.push(child);
-            });
-            return;
-          } else {
-            const stringValue = stringifyMDX(value, field, imageCallback);
-            if (stringValue) {
-              val = stringValue.trim().split("\n").map((str) => `  ${str.trim()}`).join(joiner);
-            }
-          }
-          if (flatten2) {
-            attributes.push({
-              type: "mdxJsxAttribute",
-              name,
-              value: {
-                type: "mdxJsxAttributeValueExpression",
-                value: `<>${val.trim()}</>`
-              }
-            });
-          } else {
-            attributes.push({
-              type: "mdxJsxAttribute",
-              name,
-              value: {
-                type: "mdxJsxAttributeValueExpression",
-                value: `<>
-${val}
-</>`
-              }
-            });
-          }
-        }
+      }
+      case "image": {
+        accum.push(image(node));
+        break;
+      }
+      case "link": {
+        const children = flatten(node.children.map((child) => phrashingMark(child, marks)));
+        accum.push({ type: "a", url: node.url, title: node.title, children });
+        break;
+      }
+      case "html":
+      case "text":
+        const markProps = {};
+        marks.forEach((mark) => markProps[mark] = true);
+        accum.push({ type: "text", text: node.value, ...markProps });
+        break;
+      case "break":
+        accum.push(breakContent());
         break;
       default:
-        throw new Error(`Stringify props: ${field.type} not yet supported`);
+        throw new RichTextParseError(`Unexpected inline element of type ${node.type}`, node?.position);
     }
-  });
-  if (template.match) {
+    return accum;
+  };
+  const image = (content2) => {
     return {
-      attributes,
-      children: children && children.length ? children : [
-        {
-          type: "paragraph",
-          children: [
-            {
-              type: "text",
-              value: ""
-            }
-          ]
-        }
-      ]
+      type: "img",
+      url: imageCallback(content2.url),
+      alt: content2.alt || void 0,
+      caption: content2.title,
+      children: [{ type: "text", text: "" }]
     };
-  }
-  return { attributes, children };
-}
-function stringifyObj(obj, flatten2) {
-  if (typeof obj === "object" && obj !== null) {
-    const dummyFunc = `const dummyFunc = `;
-    const res = format(`${dummyFunc}${JSON.stringify(obj)}`, {
-      parser: "acorn",
-      trailingComma: "none",
-      semi: false
-    }).trim().replace(dummyFunc, "");
-    return flatten2 ? res.replaceAll("\n", "").replaceAll("  ", " ") : res;
-  } else {
-    console.log(obj);
-    throw new Error(`stringifyObj must be passed an object or an array of objects, received ${typeof obj}`);
-  }
-}
-function assertShape(value, callback, errorMessage) {
-  if (!callback(value)) {
-    throw new Error(errorMessage || `Failed to assert shape`);
-  }
-}
-
-// src/stringify/marks.ts
-var matches = (a, b) => {
-  return a.some((v) => b.includes(v));
-};
-var replaceLinksWithTextNodes = (content) => {
-  const newItems = [];
-  content.forEach((item) => {
-    if (item.type === "a") {
-      if (item.children.length === 1) {
-        const firstChild = item.children[0];
-        if (firstChild?.type === "text") {
-          newItems.push({
-            ...firstChild,
-            linkifyTextNode: (a) => {
-              return {
-                type: "link",
-                url: item.url,
-                title: item.title,
-                children: [a]
-              };
-            }
-          });
-        } else {
-          newItems.push(item);
-        }
-      } else {
-        newItems.push(item);
-      }
-    } else {
-      newItems.push(item);
-    }
-  });
-  return newItems;
-};
-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`);
-    case "img":
-      return {
-        type: "image",
-        url: imageCallback(content.url),
-        alt: content.alt,
-        title: content.caption
-      };
-    case "break":
-      return {
-        type: "break"
-      };
-    case "mdxJsxTextElement": {
-      const { attributes, children } = stringifyPropsInline(content, field, imageCallback);
-      return {
-        type: "mdxJsxTextElement",
-        name: content.name,
-        attributes,
-        children
-      };
-    }
-    case "html_inline": {
-      return {
-        type: "html",
-        value: content.value
-      };
-    }
-    default:
-      if (!content.type && typeof content.text === "string") {
-        return text(content);
+  };
+  const text3 = (content2) => {
+    return {
+      type: "text",
+      text: content2.value
+    };
+  };
+  const blockquote = (content2) => {
+    const children = [];
+    content2.children.map((child) => {
+      const inlineElements = unwrapBlockContent(child);
+      inlineElements.forEach((child2) => {
+        children.push(child2);
+      });
+    });
+    return {
+      type: "blockquote",
+      children
+    };
+  };
+  const paragraph = (content2) => {
+    const children = flatten(content2.children.map(phrasingContent));
+    if (children.length === 1) {
+      if (children[0]) {
+        if (children[0].type === "html_inline") {
+          return {
+            ...children[0],
+            type: "html"
+          };
+        }
       }
-      throw new Error(`InlineElement: ${content.type} is not supported`);
-  }
-};
-var text = (content) => {
+    }
+    return {
+      type: "p",
+      children
+    };
+  };
   return {
-    type: "text",
-    value: content.text
+    type: "root",
+    children: root.children.map((child) => {
+      return content(child);
+    })
   };
 };
-var eat = (c, field, imageCallback) => {
-  const content = replaceLinksWithTextNodes(c);
-  const first = content[0];
-  if (!first) {
-    return [];
+var RichTextParseError = class extends Error {
+  constructor(message, position) {
+    super(message);
+    __publicField(this, "position");
+    if (Error.captureStackTrace) {
+      Error.captureStackTrace(this, RichTextParseError);
+    }
+    this.name = "RichTextParseError";
+    this.position = position;
   }
-  if (first && first?.type !== "text") {
-    if (first.type === "a") {
-      return [
-        {
-          type: "link",
-          url: first.url,
-          title: first.title,
-          children: eat(first.children, field, imageCallback)
-        },
-        ...eat(content.slice(1), field, imageCallback)
-      ];
+};
+
+// src/extensions/tina-shortcodes/from-markdown.ts
+import { parseEntities } from "parse-entities";
+var enterContainer = function(token) {
+  enter.call(this, "containerDirective", token);
+};
+var enterLeaf = function(token) {
+  enter.call(this, "leafDirective", token);
+};
+var enterText = function(token) {
+  enter.call(this, "textDirective", token);
+};
+var enter = function(type, token) {
+  this.enter({ type, name: "", attributes: {}, children: [] }, token);
+};
+function exitName(token) {
+  const node = this.stack[this.stack.length - 1];
+  node.name = this.sliceSerialize(token);
+}
+var enterContainerLabel = function(token) {
+  this.enter({ type: "paragraph", data: { directiveLabel: true }, children: [] }, token);
+};
+var exitContainerLabel = function(token) {
+  this.exit(token);
+};
+var enterAttributes = function() {
+  this.setData("directiveAttributes", []);
+  this.buffer();
+};
+var exitAttributeIdValue = function(token) {
+  const list = this.getData("directiveAttributes");
+  if (list) {
+    list.push([
+      "id",
+      parseEntities(this.sliceSerialize(token), {
+        attribute: true
+      })
+    ]);
+  }
+};
+var exitAttributeClassValue = function(token) {
+  const list = this.getData("directiveAttributes");
+  if (list) {
+    list.push([
+      "class",
+      parseEntities(this.sliceSerialize(token), {
+        attribute: true
+      })
+    ]);
+  }
+};
+var exitAttributeValue = function(token) {
+  const list = this.getData("directiveAttributes");
+  if (list) {
+    const item = list[list.length - 1];
+    if (item) {
+      item[1] = parseEntities(this.sliceSerialize(token), {
+        attribute: true
+      });
     }
-    return [
-      inlineElementExceptLink(first, field, imageCallback),
-      ...eat(content.slice(1), field, imageCallback)
-    ];
   }
-  const marks = getMarks(first);
-  if (marks.length === 0) {
-    if (first.linkifyTextNode) {
-      return [
-        first.linkifyTextNode(text(first)),
-        ...eat(content.slice(1), field, imageCallback)
-      ];
+};
+var exitAttributeName = function(token) {
+  const list = this.getData("directiveAttributes");
+  if (list) {
+    const name = this.sliceSerialize(token);
+    if (!name) {
+      list.push(["_value", ""]);
     } else {
-      return [text(first), ...eat(content.slice(1), field, imageCallback)];
+      list.push([this.sliceSerialize(token), ""]);
     }
   }
-  let nonMatchingSiblingIndex = 0;
-  if (content.slice(1).every((content2, index) => {
-    if (matches(marks, getMarks(content2))) {
-      return true;
-    } else {
-      nonMatchingSiblingIndex = index;
-      return false;
+};
+function exitAttributes() {
+  const list = this.getData("directiveAttributes");
+  const cleaned = {};
+  let index = -1;
+  if (list) {
+    while (++index < list.length) {
+      const attribute = list[index];
+      if (attribute) {
+        if (attribute[0] === "class" && cleaned.class) {
+          cleaned.class += " " + attribute[1];
+        } else {
+          cleaned[attribute[0]] = attribute[1];
+        }
+      }
     }
-  })) {
-    nonMatchingSiblingIndex = content.length - 1;
   }
-  const matchingSiblings = content.slice(1, nonMatchingSiblingIndex + 1);
-  const markCounts = {};
-  marks.forEach((mark) => {
-    let count2 = 1;
-    matchingSiblings.every((sibling, index) => {
-      if (getMarks(sibling).includes(mark)) {
-        count2 = index + 1;
-        return true;
+  this.setData("directiveAttributes");
+  this.resume();
+  const node = this.stack[this.stack.length - 1];
+  node.attributes = cleaned;
+}
+function exit(token) {
+  this.exit(token);
+}
+var directiveFromMarkdown = {
+  canContainEols: ["textDirective"],
+  enter: {
+    directiveContainer: enterContainer,
+    directiveContainerAttributes: enterAttributes,
+    directiveContainerLabel: enterContainerLabel,
+    directiveLeaf: enterLeaf,
+    directiveLeafAttributes: enterAttributes,
+    directiveText: enterText,
+    directiveTextAttributes: enterAttributes
+  },
+  exit: {
+    directiveContainer: exit,
+    directiveContainerAttributeClassValue: exitAttributeClassValue,
+    directiveContainerAttributeIdValue: exitAttributeIdValue,
+    directiveContainerAttributeName: exitAttributeName,
+    directiveContainerAttributeValue: exitAttributeValue,
+    directiveContainerAttributes: exitAttributes,
+    directiveContainerLabel: exitContainerLabel,
+    directiveContainerName: exitName,
+    directiveLeaf: exit,
+    directiveLeafAttributeClassValue: exitAttributeClassValue,
+    directiveLeafAttributeIdValue: exitAttributeIdValue,
+    directiveLeafAttributeName: exitAttributeName,
+    directiveLeafAttributeValue: exitAttributeValue,
+    directiveLeafAttributes: exitAttributes,
+    directiveLeafName: exitName,
+    directiveText: exit,
+    directiveTextAttributeClassValue: exitAttributeClassValue,
+    directiveTextAttributeIdValue: exitAttributeIdValue,
+    directiveTextAttributeName: exitAttributeName,
+    directiveTextAttributeValue: exitAttributeValue,
+    directiveTextAttributes: exitAttributes,
+    directiveTextName: exitName
+  }
+};
+
+// src/extensions/tina-shortcodes/shortcode-leaf.ts
+import { factorySpace as factorySpace2 } from "micromark-factory-space";
+import { markdownLineEnding as markdownLineEnding2, markdownSpace as markdownSpace2 } from "micromark-util-character";
+import { codes as codes3 } from "micromark-util-symbol/codes";
+import { values } from "micromark-util-symbol/values";
+import { types as types2 } from "micromark-util-symbol/types";
+
+// src/extensions/tina-shortcodes/factory-attributes.ts
+import { factorySpace } from "micromark-factory-space";
+import { factoryWhitespace } from "micromark-factory-whitespace";
+import {
+  asciiAlpha,
+  asciiAlphanumeric,
+  markdownLineEnding,
+  markdownLineEndingOrSpace,
+  markdownSpace
+} from "micromark-util-character";
+import { codes } from "micromark-util-symbol/codes";
+import { types } from "micromark-util-symbol/types";
+function factoryAttributes(effects, ok, nnok, attributesType, attributesMarkerType, attributeType, attributeIdType, attributeClassType, attributeNameType, attributeInitializerType, attributeValueLiteralType, attributeValueType, attributeValueMarker, attributeValueData, disallowEol) {
+  let type;
+  let marker;
+  const nok = function(code) {
+    return nnok(code);
+  };
+  const start = function(code) {
+    effects.enter(attributesType);
+    return between(code);
+  };
+  const between = function(code) {
+    if (code === codes.numberSign) {
+      type = attributeIdType;
+      return shortcutStart(code);
+    }
+    if (code === codes.dot) {
+      type = attributeClassType;
+      return shortcutStart(code);
+    }
+    if (code === codes.colon || code === codes.underscore || asciiAlpha(code)) {
+      effects.enter(attributeType);
+      effects.enter(attributeNameType);
+      effects.consume(code);
+      return name;
+    }
+    if (code === codes.quotationMark || code === codes.apostrophe) {
+      effects.enter(attributeNameType);
+      effects.exit(attributeNameType);
+      effects.enter(attributeType);
+      return valueBefore(code);
+    }
+    if (disallowEol && markdownSpace(code)) {
+      return factorySpace(effects, between, types.whitespace)(code);
+    }
+    if (!disallowEol && markdownLineEndingOrSpace(code)) {
+      return factoryWhitespace(effects, between)(code);
+    }
+    return end(code);
+  };
+  const shortcutStart = function(code) {
+    effects.enter(attributeType);
+    effects.enter(type);
+    effects.enter(type + "Marker");
+    effects.consume(code);
+    effects.exit(type + "Marker");
+    return shortcutStartAfter;
+  };
+  const shortcutStartAfter = function(code) {
+    if (code === codes.eof || code === codes.quotationMark || code === codes.numberSign || code === codes.apostrophe || code === codes.dot || code === codes.lessThan || code === codes.equalsTo || code === codes.greaterThan || code === codes.graveAccent || code === codes.rightCurlyBrace || markdownLineEndingOrSpace(code)) {
+      return nok(code);
+    }
+    effects.enter(type + "Value");
+    effects.consume(code);
+    return shortcut;
+  };
+  const shortcut = function(code) {
+    if (code === codes.eof || code === codes.quotationMark || code === codes.apostrophe || code === codes.lessThan || code === codes.equalsTo || code === codes.greaterThan || code === codes.graveAccent) {
+      return nok(code);
+    }
+    if (code === codes.numberSign || code === codes.dot || code === codes.rightCurlyBrace || markdownLineEndingOrSpace(code)) {
+      effects.exit(type + "Value");
+      effects.exit(type);
+      effects.exit(attributeType);
+      return between(code);
+    }
+    effects.consume(code);
+    return shortcut;
+  };
+  const name = function(code) {
+    if (code === codes.dash || code === codes.dot || code === codes.colon || code === codes.underscore || asciiAlphanumeric(code)) {
+      effects.consume(code);
+      return name;
+    }
+    effects.exit(attributeNameType);
+    if (disallowEol && markdownSpace(code)) {
+      return factorySpace(effects, nameAfter, types.whitespace)(code);
+    }
+    if (!disallowEol && markdownLineEndingOrSpace(code)) {
+      return factoryWhitespace(effects, nameAfter)(code);
+    }
+    return nameAfter(code);
+  };
+  const nameAfter = function(code) {
+    if (code === codes.equalsTo) {
+      effects.enter(attributeInitializerType);
+      effects.consume(code);
+      effects.exit(attributeInitializerType);
+      return valueBefore;
+    }
+    effects.exit(attributeType);
+    return between(code);
+  };
+  const valueBefore = function(code) {
+    if (code === codes.eof || code === codes.lessThan || code === codes.equalsTo || code === codes.greaterThan || code === codes.graveAccent || code === codes.rightCurlyBrace || disallowEol && markdownLineEnding(code)) {
+      return nok(code);
+    }
+    if (code === codes.quotationMark || code === codes.apostrophe) {
+      effects.enter(attributeValueLiteralType);
+      effects.enter(attributeValueMarker);
+      effects.consume(code);
+      effects.exit(attributeValueMarker);
+      marker = code;
+      return valueQuotedStart;
+    }
+    if (disallowEol && markdownSpace(code)) {
+      return factorySpace(effects, valueBefore, types.whitespace)(code);
+    }
+    if (!disallowEol && markdownLineEndingOrSpace(code)) {
+      return factoryWhitespace(effects, valueBefore)(code);
+    }
+    effects.enter(attributeValueType);
+    effects.enter(attributeValueData);
+    effects.consume(code);
+    marker = void 0;
+    return valueUnquoted;
+  };
+  const valueUnquoted = function(code) {
+    if (code === codes.eof || code === codes.quotationMark || code === codes.apostrophe || code === codes.lessThan || code === codes.equalsTo || code === codes.greaterThan || code === codes.graveAccent) {
+      return nok(code);
+    }
+    if (code === codes.rightCurlyBrace || markdownLineEndingOrSpace(code)) {
+      effects.exit(attributeValueData);
+      effects.exit(attributeValueType);
+      effects.exit(attributeType);
+      return between(code);
+    }
+    effects.consume(code);
+    return valueUnquoted;
+  };
+  const valueQuotedStart = function(code) {
+    if (code === marker) {
+      effects.enter(attributeValueMarker);
+      effects.consume(code);
+      effects.exit(attributeValueMarker);
+      effects.exit(attributeValueLiteralType);
+      effects.exit(attributeType);
+      return valueQuotedAfter;
+    }
+    effects.enter(attributeValueType);
+    return valueQuotedBetween(code);
+  };
+  const valueQuotedBetween = function(code) {
+    if (code === marker) {
+      effects.exit(attributeValueType);
+      return valueQuotedStart(code);
+    }
+    if (code === codes.eof) {
+      return nok(code);
+    }
+    if (markdownLineEnding(code)) {
+      return disallowEol ? nok(code) : factoryWhitespace(effects, valueQuotedBetween)(code);
+    }
+    effects.enter(attributeValueData);
+    effects.consume(code);
+    return valueQuoted;
+  };
+  const valueQuoted = function(code) {
+    if (code === marker || code === codes.eof || markdownLineEnding(code)) {
+      effects.exit(attributeValueData);
+      return valueQuotedBetween(code);
+    }
+    effects.consume(code);
+    return valueQuoted;
+  };
+  const valueQuotedAfter = function(code) {
+    return code === codes.rightCurlyBrace || markdownLineEndingOrSpace(code) ? between(code) : end(code);
+  };
+  const end = function(code) {
+    if (!asciiAlpha(code)) {
+      effects.enter(attributesMarkerType);
+      effects.exit(attributesMarkerType);
+      effects.exit(attributesType);
+      return ok(code);
+    }
+    return nok(code);
+  };
+  return start;
+}
+
+// src/extensions/tina-shortcodes/factory-name.ts
+import { asciiAlpha as asciiAlpha2, asciiAlphanumeric as asciiAlphanumeric2 } from "micromark-util-character";
+import { codes as codes2 } from "micromark-util-symbol/codes";
+function factoryName(effects, ok, nok, type, patternName) {
+  const self = this;
+  let nameIndex = 0;
+  const start = function(code) {
+    const character = patternName[nameIndex];
+    if (asciiAlpha2(code) && findCode(character) === code) {
+      nameIndex++;
+      effects.enter(type);
+      effects.consume(code);
+      return name;
+    }
+    return nok(code);
+  };
+  const name = function(code) {
+    const character = patternName[nameIndex];
+    if (code === codes2.dash || code === codes2.underscore || asciiAlphanumeric2(code)) {
+      if (findCode(character) === code) {
+        effects.consume(code);
+        nameIndex++;
+        return name;
       }
-    });
-    markCounts[mark] = count2;
-  });
-  let count = 0;
-  let markToProcess = null;
-  Object.entries(markCounts).forEach(([mark, markCount]) => {
-    const m = mark;
-    if (markCount > count) {
-      count = markCount;
-      markToProcess = m;
+      return nok(code);
+    }
+    effects.exit(type);
+    return self.previous === codes2.dash || self.previous === codes2.underscore ? nok(code) : ok(code);
+  };
+  return start;
+}
+
+// src/extensions/tina-shortcodes/shortcode-leaf.ts
+var findValue = (string) => {
+  let lookupValue = null;
+  Object.entries(values).forEach(([key, value]) => {
+    if (value === string) {
+      lookupValue = key;
     }
   });
-  if (!markToProcess) {
-    return [text(first), ...eat(content.slice(1), field, imageCallback)];
+  return lookupValue;
+};
+var findCode = (string) => {
+  if (!string) {
+    return null;
   }
-  if (markToProcess === "inlineCode") {
-    if (nonMatchingSiblingIndex) {
-      throw new Error(`Marks inside inline code are not supported`);
-    }
-    const node = {
-      type: markToProcess,
-      value: first.text
+  const lookup = findValue(string);
+  let lookupValue = null;
+  if (lookup) {
+    Object.entries(codes3).forEach(([key, value]) => {
+      if (key === lookup) {
+        lookupValue = value;
+      }
+    });
+  }
+  return lookupValue;
+};
+var directiveLeaf = (pattern) => {
+  const tokenizeDirectiveLeaf = function(effects, ook, nnok) {
+    const self = this;
+    let startSequenceIndex = 1;
+    let endSequenceIndex = 0;
+    const ok = function(code) {
+      return ook(code);
+    };
+    const nok = function(code) {
+      return nnok(code);
+    };
+    const start = function(code) {
+      const firstCharacter = pattern.start[0];
+      if (findCode(firstCharacter) === code) {
+        effects.enter("directiveLeaf");
+        effects.enter("directiveLeafFence");
+        effects.enter("directiveLeafSequence");
+        effects.consume(code);
+        return sequenceOpen(code);
+      }
+      return nok(code);
+    };
+    const sequenceOpen = function(code) {
+      const nextCharacter = pattern.start[startSequenceIndex];
+      if (findCode(nextCharacter) === code) {
+        effects.consume(code);
+        startSequenceIndex++;
+        return sequenceOpen;
+      }
+      if (startSequenceIndex < pattern.start.length) {
+        return nok(code);
+      }
+      effects.exit("directiveLeafSequence");
+      return factorName(code);
+    };
+    const factorName = (code) => {
+      if (markdownSpace2(code)) {
+        return factorySpace2(effects, factorName, types2.whitespace)(code);
+      }
+      return factoryName.call(self, effects, afterName, nok, "directiveLeafName", pattern.name || pattern.templateName)(code);
+    };
+    const afterName = function(code) {
+      if (markdownSpace2(code)) {
+        return factorySpace2(effects, afterName, types2.whitespace)(code);
+      }
+      if (markdownLineEnding2(code)) {
+        return nok;
+      }
+      return startAttributes;
+    };
+    const startAttributes = function(code) {
+      const nextCharacter = pattern.end[endSequenceIndex];
+      if (findCode(nextCharacter) === code) {
+        return afterAttributes(code);
+      }
+      return effects.attempt(attributes2, afterAttributes, afterAttributes)(code);
+    };
+    const end = function(code) {
+      effects.exit("directiveLeafFence");
+      effects.exit("directiveLeaf");
+      return ok(code);
+    };
+    const afterAttributes = function(code) {
+      const nextCharacter = pattern.end[endSequenceIndex];
+      if (pattern.end.length === endSequenceIndex) {
+        return factorySpace2(effects, end, types2.whitespace)(code);
+      }
+      if (code === codes3.eof) {
+        return nok;
+      }
+      if (findCode(nextCharacter) === code) {
+        effects.consume(code);
+        endSequenceIndex++;
+        return afterAttributes;
+      }
+      return nok;
+    };
+    return start;
+  };
+  const tokenizeAttributes = function(effects, ok, nok) {
+    return factoryAttributes(effects, ok, nok, "directiveLeafAttributes", "directiveLeafAttributesMarker", "directiveLeafAttribute", "directiveLeafAttributeId", "directiveLeafAttributeClass", "directiveLeafAttributeName", "directiveLeafAttributeInitializerMarker", "directiveLeafAttributeValueLiteral", "directiveLeafAttributeValue", "directiveLeafAttributeValueMarker", "directiveLeafAttributeValueData", true);
+  };
+  const attributes2 = { tokenize: tokenizeAttributes, partial: true };
+  return {
+    tokenize: tokenizeDirectiveLeaf
+  };
+};
+
+// src/extensions/tina-shortcodes/shortcode-container.ts
+import { ok as assert } from "uvu/assert";
+import { factorySpace as factorySpace3 } from "micromark-factory-space";
+import { markdownLineEnding as markdownLineEnding3, markdownSpace as markdownSpace3 } from "micromark-util-character";
+import { codes as codes4 } from "micromark-util-symbol/codes";
+import { constants } from "micromark-util-symbol/constants";
+import { types as types3 } from "micromark-util-symbol/types";
+var directiveContainer = (pattern) => {
+  const tokenizeDirectiveContainer = function(effects, ook, nnok) {
+    const self = this;
+    const tail = self.events[self.events.length - 1];
+    const initialSize = tail && tail[1].type === types3.linePrefix ? tail[2].sliceSerialize(tail[1], true).length : 0;
+    let previous;
+    let startSequenceIndex = 1;
+    let closeStartSequenceIndex = 0;
+    let endNameIndex = 0;
+    let endSequenceIndex = 0;
+    let closeEndSequenceIndex = 0;
+    const ok = function(code) {
+      return ook(code);
+    };
+    const nok = function(code) {
+      return nnok(code);
+    };
+    const start = function(code) {
+      const firstCharacter = pattern.start[0];
+      if (findCode(firstCharacter) === code) {
+        effects.enter("directiveContainer");
+        effects.enter("directiveContainerFence");
+        effects.enter("directiveContainerSequence");
+        effects.consume(code);
+        return sequenceOpen(code);
+      }
+      return nok(code);
+    };
+    const sequenceOpen = function(code) {
+      const nextCharacter = pattern.start[startSequenceIndex];
+      if (findCode(nextCharacter) === code) {
+        effects.consume(code);
+        startSequenceIndex++;
+        return sequenceOpen;
+      }
+      if (startSequenceIndex < pattern.start.length) {
+        return nok(code);
+      }
+      effects.exit("directiveContainerSequence");
+      return factorName(code);
+    };
+    const factorName = (code) => {
+      if (markdownSpace3(code)) {
+        return factorySpace3(effects, factorName, types3.whitespace)(code);
+      }
+      return factoryName.call(self, effects, afterName, nok, "directiveContainerName", pattern.name || pattern.templateName)(code);
+    };
+    const afterName = function(code) {
+      if (markdownSpace3(code)) {
+        return factorySpace3(effects, afterName, types3.whitespace)(code);
+      }
+      if (markdownLineEnding3(code)) {
+        return nok;
+      }
+      return startAttributes;
+    };
+    const startAttributes = function(code) {
+      const nextCharacter = pattern.end[endSequenceIndex];
+      if (findCode(nextCharacter) === code) {
+        return afterAttributes(code);
+      }
+      return effects.attempt(attributes2, afterAttributes, afterAttributes)(code);
+    };
+    const afterAttributes = function(code) {
+      const nextCharacter = pattern.end[endSequenceIndex];
+      if (code === codes4.eof) {
+        return nok;
+      }
+      if (findCode(nextCharacter) === code) {
+        effects.consume(code);
+        endSequenceIndex++;
+        return afterAttributes;
+      }
+      if (pattern.end.length === endSequenceIndex) {
+        return factorySpace3(effects, openAfter, types3.whitespace)(code);
+      }
+      return nok;
+    };
+    const openAfter = function(code) {
+      effects.exit("directiveContainerFence");
+      if (code === codes4.eof) {
+        return afterOpening(code);
+      }
+      if (markdownLineEnding3(code)) {
+        if (self.interrupt) {
+          return nok(code);
+        }
+        return effects.attempt(nonLazyLine, contentStart, afterOpening)(code);
+      }
+      return nok(code);
+    };
+    const afterOpening = function(code) {
+      return nok(code);
+    };
+    const contentStart = function(code) {
+      if (code === codes4.eof) {
+        return nok(code);
+      }
+      effects.enter("directiveContainerContent");
+      return lineStart(code);
+    };
+    const lineStart = function(code) {
+      if (code === codes4.eof) {
+        return nok(code);
+      }
+      return effects.attempt({ tokenize: tokenizeClosingFence, partial: true }, after, initialSize ? factorySpace3(effects, chunkStart, types3.linePrefix, initialSize + 1) : chunkStart)(code);
+    };
+    const chunkStart = function(code) {
+      if (code === codes4.eof) {
+        return nok(code);
+      }
+      const token = effects.enter(types3.chunkDocument, {
+        contentType: constants.contentTypeDocument,
+        previous
+      });
+      if (previous)
+        previous.next = token;
+      previous = token;
+      return contentContinue(code);
+    };
+    const contentContinue = function(code) {
+      if (code === codes4.eof) {
+        const t = effects.exit(types3.chunkDocument);
+        self.parser.lazy[t.start.line] = false;
+        return nok(code);
+      }
+      if (markdownLineEnding3(code)) {
+        return effects.check(nonLazyLine, nonLazyLineAfter, lineAfter)(code);
+      }
+      effects.consume(code);
+      return contentContinue;
+    };
+    const nonLazyLineAfter = function(code) {
+      effects.consume(code);
+      const t = effects.exit(types3.chunkDocument);
+      self.parser.lazy[t.start.line] = false;
+      return lineStart;
+    };
+    const lineAfter = function(code) {
+      const t = effects.exit(types3.chunkDocument);
+      self.parser.lazy[t.start.line] = false;
+      return after(code);
+    };
+    const after = function(code) {
+      effects.exit("directiveContainerContent");
+      effects.exit("directiveContainer");
+      return ok(code);
+    };
+    const tokenizeClosingFence = function(effects2, ok2, nok2) {
+      const closingPrefixAfter = function(code) {
+        effects2.enter("directiveContainerFence");
+        effects2.enter("directiveContainerSequence");
+        return closingSequence(code);
+      };
+      const closingSequence = function(code) {
+        const nextCharacter = pattern.start[closeStartSequenceIndex];
+        if (findCode(nextCharacter) === code) {
+          effects2.consume(code);
+          closeStartSequenceIndex++;
+          return closingSequence;
+        }
+        if (closeStartSequenceIndex < pattern.end.length - 1) {
+          return nok2(code);
+        }
+        effects2.exit("directiveContainerSequence");
+        return factorySpace3(effects2, closingSequenceNameStart, types3.whitespace)(code);
+      };
+      const closingSequenceName = function(code) {
+        const patternName = pattern.name || pattern.templateName;
+        const nextCharacter = patternName[endNameIndex];
+        if (code === codes4.eof) {
+          return nok2;
+        }
+        if (markdownLineEnding3(code)) {
+          return nok2;
+        }
+        if (findCode(nextCharacter) === code) {
+          effects2.consume(code);
+          endNameIndex++;
+          return closingSequenceName;
+        }
+        if (patternName.length === endNameIndex) {
+          return closingSequenceEnd;
+        }
+        return nok2;
+      };
+      const closingSequenceNameStart = function(code) {
+        if (markdownSpace3(code)) {
+          return factorySpace3(effects2, closingSequenceNameStart, types3.whitespace);
+        }
+        if (code === codes4.backslash) {
+          effects2.consume(code);
+          return closingSequenceName;
+        }
+        return nok2(code);
+      };
+      const closingSequenceEnd = function(code) {
+        if (markdownSpace3(code)) {
+          return factorySpace3(effects2, closingSequenceEnd, types3.whitespace);
+        }
+        if (code === codes4.eof) {
+          return nok2;
+        }
+        if (pattern.end.length - 1 === closeEndSequenceIndex) {
+          effects2.exit("directiveContainerFence");
+          return ok2(code);
+        }
+        const nextCharacter = pattern.end[closeEndSequenceIndex];
+        if (findCode(nextCharacter) === code) {
+          effects2.consume(code);
+          closeEndSequenceIndex++;
+          return closingSequenceEnd;
+        }
+        return nok2(code);
+      };
+      return factorySpace3(effects2, closingPrefixAfter, types3.linePrefix, constants.tabSize);
+    };
+    return start;
+  };
+  const tokenizeAttributes = function(effects, ok, nok) {
+    return factoryAttributes(effects, ok, nok, "directiveContainerAttributes", "directiveContainerAttributesMarker", "directiveContainerAttribute", "directiveContainerAttributeId", "directiveContainerAttributeClass", "directiveContainerAttributeName", "directiveContainerAttributeInitializerMarker", "directiveContainerAttributeValueLiteral", "directiveContainerAttributeValue", "directiveContainerAttributeValueMarker", "directiveContainerAttributeValueData", true);
+  };
+  const tokenizeNonLazyLine = function(effects, ok, nok) {
+    const self = this;
+    const lineStart = function(code) {
+      return self.parser.lazy[self.now().line] ? nok(code) : ok(code);
     };
-    return [
-      first.linkifyTextNode?.(node) ?? node,
-      ...eat(content.slice(nonMatchingSiblingIndex + 1), field, imageCallback)
-    ];
-  }
-  return [
-    {
-      type: markToProcess,
-      children: eat([
-        ...[first, ...matchingSiblings].map((sibling) => cleanNode(sibling, markToProcess))
-      ], field, imageCallback)
-    },
-    ...eat(content.slice(nonMatchingSiblingIndex + 1), field, imageCallback)
-  ];
+    const start = function(code) {
+      assert(markdownLineEnding3(code), "expected eol");
+      effects.enter(types3.lineEnding);
+      effects.consume(code);
+      effects.exit(types3.lineEnding);
+      return lineStart;
+    };
+    return start;
+  };
+  const attributes2 = { tokenize: tokenizeAttributes, partial: true };
+  const nonLazyLine = { tokenize: tokenizeNonLazyLine, partial: true };
+  return {
+    tokenize: tokenizeDirectiveContainer,
+    concrete: true
+  };
 };
-var cleanNode = (node, mark) => {
-  if (!mark) {
-    return node;
-  }
-  const cleanedNode = {};
-  const markToClear = {
-    strong: "bold",
-    emphasis: "italic",
-    inlineCode: "code"
-  }[mark];
-  Object.entries(node).map(([key, value]) => {
-    if (key !== markToClear) {
-      cleanedNode[key] = value;
+
+// src/extensions/tina-shortcodes/extension.ts
+var tinaDirective = function(patterns) {
+  const rules = {};
+  patterns.forEach((pattern) => {
+    const firstKey = pattern.start[0];
+    if (firstKey) {
+      const code = findCode(firstKey);
+      if (code) {
+        if (pattern.type === "leaf") {
+          const directive = directiveLeaf(pattern);
+          if (rules[code]) {
+            rules[code] = [...rules[code] || [], directive];
+          } else {
+            rules[code] = [directive];
+          }
+        }
+        if (pattern.type === "block") {
+          const directive = directiveContainer(pattern);
+          if (rules[code]) {
+            rules[code] = [...rules[code] || [], directive];
+          } else {
+            rules[code] = [directive];
+          }
+        }
+      }
     }
   });
-  if (node.linkifyTextNode) {
-    cleanedNode.callback = node.linkifyTextNode;
-  }
-  return cleanedNode;
+  return {
+    flow: rules
+  };
 };
 
-// src/stringify/stringifyShortcode.ts
-function stringifyShortcode(preprocessedString, template) {
+// src/parse/parseShortcode.ts
+function parseShortcode(preprocessedString, template) {
   const match = template.match;
-  const unkeyedAttributes = !!template.fields.find((t) => t.name == "_value");
-  const regex = `<[\\s]*${template.name}[\\s]*${unkeyedAttributes ? "(?:_value=(.*?))?" : "(.+?)?"}[\\s]*>[\\s]*((?:.|
-)*?)[\\s]*</[\\s]*${template.name}[\\s]*>`;
-  const closingRegex = `
-$2
-${match.start} /${match.name || template.name} ${match.end}`;
-  const replace = `${match.start} ${match.name || template.name} $1 ${match.end}${template.fields.find((t) => t.name == "children") ? closingRegex : ""}`;
-  return replaceAll(preprocessedString, regex, replace);
+  const unkeyedAttributes = !!template.fields.find((t) => t.name === "_value");
+  const hasChildren = !!template.fields.find((t) => t.name == "children");
+  const replacement = `<${template.name} ${unkeyedAttributes ? '_value="$1"' : "$1"}>${hasChildren ? "$2" : "\n"}</${template.name}>`;
+  const endRegex = `((?:.|\\n)*)${match.start}\\s/\\s*${match.name || template.name}[\\s]*${match.end}`;
+  const regex = `${match.start}\\s*${match.name || template.name}[\\s]+${unkeyedAttributes ? `['"]?(.*?)['"]?` : "(.*?)"}[\\s]*${match.end}${hasChildren ? endRegex : ""}`;
+  return replaceAll(preprocessedString, regex, replacement);
 }
 
-// src/stringify/index.ts
-var stringifyMDX = (value, field, imageCallback) => {
-  if (!value) {
-    return;
-  }
-  if (typeof value === "string") {
-    throw new Error("Expected an object to stringify, but received a string");
-  }
-  if (value?.children[0]) {
-    if (value?.children[0].type === "invalid_markdown") {
-      return value.children[0].value;
-    }
-  }
-  const res = toMarkdown2(rootElement(value, field, imageCallback), {
-    extensions: [mdxJsxToMarkdown2()],
-    listItemIndent: "one"
-  });
-  const templatesWithMatchers = field.templates?.filter((template) => template.match);
-  let preprocessedString = res;
-  templatesWithMatchers?.forEach((template) => {
+// src/parse/index.ts
+var markdownToAst = (value, field) => {
+  const patterns = [];
+  field.templates?.forEach((template) => {
     if (typeof template === "string") {
-      throw new Error("Global templates are not supported");
+      return;
     }
-    if (template.match) {
-      preprocessedString = stringifyShortcode(preprocessedString, template);
+    if (template && template.match) {
+      patterns.push({
+        ...template.match,
+        name: template.match?.name || template.name,
+        templateName: template.name,
+        type: template.fields.find((f) => f.name === "children") ? "block" : "leaf"
+      });
     }
   });
-  return preprocessedString;
-};
-var rootElement = (content, field, imageCallback) => {
-  const children = [];
-  content.children.forEach((child) => {
-    const value = blockElement(child, field, imageCallback);
-    if (value) {
-      children.push(value);
-    }
+  return fromMarkdown(value, {
+    extensions: [tinaDirective(patterns)],
+    mdastExtensions: [directiveFromMarkdown]
   });
-  return {
-    type: "root",
-    children
-  };
 };
-var blockElement = (content, field, imageCallback) => {
-  switch (content.type) {
-    case "h1":
-    case "h2":
-    case "h3":
-    case "h4":
-    case "h5":
-    case "h6":
-      return {
-        type: "heading",
-        depth: { h1: 1, h2: 2, h3: 3, h4: 4, h5: 5, h6: 6 }[content.type],
-        children: eat(content.children, field, imageCallback)
-      };
-    case "p":
-      if (content.children.length === 1) {
-        const onlyChild = content.children[0];
-        if (onlyChild && onlyChild.type === "text" && onlyChild.text === "") {
-          return null;
+var mdxToAst = (value) => {
+  return remark().use(remarkMdx).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) => {
+  if (!value) {
+    return { type: "root", children: [] };
+  }
+  let tree;
+  try {
+    if (field.parser?.type === "markdown") {
+      tree = markdownToAst(value, field);
+    } else {
+      let preprocessedString = value;
+      const templatesWithMatchers = field.templates?.filter((template) => template.match);
+      templatesWithMatchers?.forEach((template) => {
+        if (typeof template === "string") {
+          throw new Error("Global templates are not supported");
         }
-      }
-      return {
-        type: "paragraph",
-        children: eat(content.children, field, imageCallback)
-      };
-    case "code_block":
-      return {
-        type: "code",
-        lang: content.lang,
-        value: content.value
-      };
-    case "mdxJsxFlowElement":
-      const { children, attributes } = stringifyProps(content, field, false, imageCallback);
-      return {
-        type: "mdxJsxFlowElement",
-        name: content.name,
-        attributes,
-        children
-      };
-    case "blockquote":
-      return {
-        type: "blockquote",
-        children: [
-          {
-            type: "paragraph",
-            children: eat(content.children, field, imageCallback)
+        if (template.match) {
+          if (preprocessedString) {
+            preprocessedString = parseShortcode(preprocessedString, template);
           }
-        ]
-      };
-    case "hr":
-      return {
-        type: "thematicBreak"
-      };
-    case "ol":
-    case "ul":
-      return {
-        type: "list",
-        ordered: content.type === "ol",
-        spread: false,
-        children: content.children.map((child) => listItemElement(child, field, imageCallback))
-      };
-    case "html": {
-      return {
-        type: "html",
-        value: content.value
-      };
+        }
+      });
+      tree = mdxToAst(preprocessedString);
     }
-    case "img":
-      return {
-        type: "image",
-        url: imageCallback(content.url),
-        alt: content.alt,
-        title: content.caption
-      };
-    default:
-      throw new Error(`BlockElement: ${content.type} is not yet supported`);
+    if (tree) {
+      return remarkToSlate(tree, field, imageCallback, value);
+    } else {
+      return { type: "root", children: [] };
+    }
+  } catch (e) {
+    if (e instanceof RichTextParseError) {
+      return invalidMarkdown(e, value);
+    }
+    return invalidMarkdown(new RichTextParseError(e.message), value);
   }
 };
-var listItemElement = (content, field, imageCallback) => {
+var invalidMarkdown = (e, value) => {
+  const extra = {};
+  if (e.position && Object.keys(e.position).length) {
+    extra["position"] = e.position;
+  }
   return {
-    type: "listItem",
-    spread: false,
-    children: content.children.map((child) => {
-      if (child.type === "lic") {
-        return {
-          type: "paragraph",
-          children: eat(child.children, field, imageCallback)
-        };
+    type: "root",
+    children: [
+      {
+        type: "invalid_markdown",
+        value,
+        message: e.message || `Error parsing markdown ${MDX_PARSE_ERROR_MSG}`,
+        children: [{ type: "text", text: "" }],
+        ...extra
       }
-      return blockContentElement(child, field, imageCallback);
-    })
+    ]
   };
 };
-var blockContentElement = (content, field, imageCallback) => {
-  switch (content.type) {
-    case "blockquote":
-      return {
-        type: "blockquote",
-        children: content.children.map((child) => blockContentElement(child, field, imageCallback))
-      };
-    case "p":
-      return {
-        type: "paragraph",
-        children: eat(content.children, field, imageCallback)
-      };
-    case "ol":
-    case "ul":
-      return {
-        type: "list",
-        ordered: content.type === "ol",
-        spread: false,
-        children: content.children.map((child) => listItemElement(child, field, imageCallback))
-      };
-    default:
-      throw new Error(`BlockContentElement: ${content.type} is not yet supported`);
-  }
-};
-var getMarks = (content) => {
-  const marks = [];
-  if (content.type !== "text") {
-    return [];
-  }
-  if (content.bold) {
-    marks.push("strong");
-  }
-  if (content.italic) {
-    marks.push("emphasis");
-  }
-  if (content.code) {
-    marks.push("inlineCode");
-  }
-  return marks;
+var replaceAll = (string, target, value) => {
+  const regex = new RegExp(target, "g");
+  return string.valueOf().replace(regex, value);
 };
 export {
   parseMDX,