✨ Apply HTML transforms in demo (#367)

jupyter-book · Apr 19, 2024 · 407e054 · 407e054
1 parent 36282f2
commit 407e054
Show file tree

Hide file tree

Showing 2 changed files with 9 additions and 0 deletions.
diff --git a/.changeset/moody-waves-check.md b/.changeset/moody-waves-check.md
@@ -0,0 +1,5 @@
+---
+'myst-demo': patch
+---
+
+Apply html transforms
diff --git a/packages/myst-demo/src/index.tsx b/packages/myst-demo/src/index.tsx
@@ -95,6 +95,8 @@ async function parse(
     mathPlugin,
     footnotesPlugin,
     keysPlugin,
+    htmlPlugin,
+    reconstructHtmlPlugin,
     basicTransformationsPlugin,
     enumerateTargetsPlugin,
     resolveReferencesPlugin,
@@ -163,6 +165,8 @@ async function parse(
     }
   });
   unified()
+    .use(reconstructHtmlPlugin) // We need to group and link the HTML first
+    .use(htmlPlugin) // Some of the HTML plugins need to operate on the transformed html, e.g. figure caption transforms
     .use(basicTransformationsPlugin, { parser: parseMyst })
     .use(mathPlugin, { macros: frontmatter?.math ?? {} }) // This must happen before enumeration, as it can add labels
     .use(glossaryPlugin) // This should be before the enumerate plugins