feat: impl simple MathJaxNode

packages/mathjax-render-react/package.json

@@ -38,5 +38,18 @@
     "test": "vitest",
     "lint:build": "tsc --noEmit",
     "prepublishOnly": "npm run build"
+  },
+  "peerDependencies": {
+    "react": "^17.0.0 || ^18.0.0",
+    "react-dom": "^17.0.0 || ^18.0.0"
+  },
+  "dependencies": {
+    "mathjax-render": "workspace:*"
+  },
+  "devDependencies": {
+    "@types/react": "^18.0.11",
+    "@types/react-dom": "^18.0.5",
+    "react": "^18.1.0",
+    "react-dom": "^18.1.0"
   }
 }

packages/mathjax-render-react/src/MathJaxNode.tsx

@@ -0,0 +1,29 @@
+import React from "react";
+import { Options, Tex2SVG } from "mathjax-render";
+
+export interface MathJaxNodeProps extends Options {
+  tex: string;
+  display: boolean;
+}
+
+export const MathJaxNode: React.FC<MathJaxNodeProps> = (props) => {
+  const { tex, display, ...options } = props;
+
+  if (display) {
+    return (
+      <div
+        dangerouslySetInnerHTML={{
+          __html: Tex2SVG(tex, display, options).outerHTML,
+        }}
+      ></div>
+    );
+  }
+
+  return (
+    <span
+      dangerouslySetInnerHTML={{
+        __html: Tex2SVG(tex, display, options).outerHTML,
+      }}
+    ></span>
+  );
+};

packages/mathjax-render-react/src/index.tsx

@@ -0,0 +1 @@
+export * from "./MathJaxNode";

packages/mathjax-render-react/tsconfig.json

@@ -5,13 +5,14 @@
   ],
   "compilerOptions": {
     "allowSyntheticDefaultImports": true,
+    "jsx": "react-jsx",
     "baseUrl": ".",
     "paths": {
       "@/*": [
         "src/*"
       ],
       "mathjax-render": [
-        "../mathjax-render/src/index.ts"
+        "../mathjax-render/src/browser/index.ts"
       ]
     }
   }