🎨 Add basic div/span functionality to renderer

See jupyter-book/mystmd#749
jupyter-book · Nov 14, 2023 · 356bc2f · 356bc2f
1 parent d812cf3
commit 356bc2f
Show file tree

Hide file tree

Showing 2 changed files with 14 additions and 2 deletions.
diff --git a/.changeset/empty-jobs-notice.md b/.changeset/empty-jobs-notice.md
@@ -0,0 +1,5 @@
+---
+'myst-to-react': patch
+---
+
+Add div and span nodes
diff --git a/packages/myst-to-react/src/basic.tsx b/packages/myst-to-react/src/basic.tsx
@@ -44,6 +44,7 @@ type CaptionNumber = {
 type BasicNodeRenderers = {
   text: NodeRenderer<spec.Text>;
   span: NodeRenderer<GenericNode>;
+  div: NodeRenderer<GenericNode>;
   strong: NodeRenderer<spec.Strong>;
   emphasis: NodeRenderer<spec.Emphasis>;
   link: NodeRenderer<spec.Link>;
@@ -99,13 +100,19 @@ const BASIC_RENDERERS: BasicNodeRenderers = {
     );
   },
   span({ node }) {
-    // style={node.style}
     return (
-      <span>
+      <span className={node.class} style={node.style}>
         <MyST ast={node.children} />
       </span>
     );
   },
+  div({ node }) {
+    return (
+      <div className={node.class} style={node.style}>
+        <MyST ast={node.children} />
+      </div>
+    );
+  },
   delete({ node }) {
     return (
       <del>