readmeio · jennspencer · Jul 8, 2024 · Jul 2, 2024 · Jul 5, 2024 · Jul 5, 2024
diff --git a/__tests__/parsers/utils.test.js b/__tests__/parsers/utils.test.js
diff --git a/lib/mdx.ts b/lib/mdx.ts
@@ -6,12 +6,14 @@ import remarkStringify from 'remark-stringify';
 
 import compilers from '../processor/compile';
 import readmeToMdx from '../processor/transform/readme-to-mdx';
+import divTransformer from '../processor/transform';
 
 export const mdx = (tree: any, { hast = false } = {}) => {
   const processor = unified()
     .use(hast ? rehypeRemark : undefined)
     .use(remarkMdx)
     .use(remarkGfm)
+    .use(divTransformer)
     .use(readmeToMdx)
     .use(remarkStringify)
     .use(compilers);

diff --git a/processor/compile/break.js b/processor/compile/break.js
diff --git a/processor/compile/compatibility.ts b/processor/compile/compatibility.ts
@@ -4,7 +4,7 @@ import { toMarkdown } from 'mdast-util-to-markdown';
 import { toXast } from 'hast-util-to-xast';
 import { toXml } from 'xast-util-to-xml';
 import { NodeTypes } from '../../enums';
-import { formatHProps, formatProps } from '../utils';
+import { formatProps } from '../utils';
 
 type CompatNodes =
   | { type: NodeTypes.glossary; data: { hProperties: { term: string } } }
@@ -13,6 +13,8 @@ type CompatNodes =
   | { type: 'embed'; data: { hProperties: { [key: string]: string } } }
   | { type: 'escape'; value: string }
   | { type: 'figure'; children: [Image, { type: 'figcaption'; children: [{ type: 'text'; value: string }] }] }
+  | { type: 'i'; data: { hProperties: { className: string[] } } }
+  | { type: 'yaml'; value: string }
   | Html;
 
 /*
@@ -80,6 +82,10 @@ const compatibility = (node: CompatNodes) => {
       return figureToImageBlock(node);
     case 'embed':
       return embedToEmbedBlock(node);
+    case 'i':
+      return `:${node.data.hProperties.className[1]}:`;
+    case 'yaml':
+      return `---\n${node.value}\n---`;
     default:
       throw new Error('Unhandled node type!');
   }

diff --git a/processor/compile/div.js b/processor/compile/div.js
diff --git a/processor/compile/escape.js b/processor/compile/escape.js
diff --git a/processor/compile/figure.js b/processor/compile/figure.js
diff --git a/processor/compile/glossary.js b/processor/compile/glossary.js
diff --git a/processor/compile/i.js b/processor/compile/i.js
diff --git a/processor/compile/index.ts b/processor/compile/index.ts
@@ -27,6 +27,8 @@ function compilers() {
     escape: compatibility,
     figure: compatibility,
     html: compatibility,
+    i: compatibility,
+    yaml: compatibility,
   };
 
   toMarkdownExtensions.push({ extensions: [{ handlers }] });

diff --git a/processor/compile/magic-block.js b/processor/compile/magic-block.js
diff --git a/processor/compile/pin.js b/processor/compile/pin.js
diff --git a/processor/compile/reusable-content.js b/processor/compile/reusable-content.js
diff --git a/processor/compile/table-head.js b/processor/compile/table-head.js
diff --git a/processor/compile/var.js b/processor/compile/var.js
diff --git a/processor/parse/compact-headings.js b/processor/parse/compact-headings.js
diff --git a/processor/parse/escape.js b/processor/parse/escape.js