feat: tikz ssr

mensah-j · Nov 17, 2024 · 0d7b8b2 · 0d7b8b2
1 parent ee5747c
commit 0d7b8b2
Show file tree

Hide file tree

Showing 2 changed files with 11 additions and 9 deletions.
diff --git a/src/app/_components/TikzDiagram/TikzDiagram.tsx b/src/app/_components/TikzDiagram/TikzDiagram.tsx
@@ -1,23 +1,16 @@
-import tex2svg from "@lib/tikzjax/dist";
 import "@lib/tikzjax/css/fonts.css";
+import { compileTikz } from "./compile";
 
 interface TikzDiagramProps {
   source: string;
 }
 
 export async function TikzDiagram(props: TikzDiagramProps) {
-  async function compileTikz() {
-    "use server";
-    return await tex2svg(props.source, {
-      showConsole: true,
-    });
-  }
-
   return (
     <main className="flex flex-col items-center grow p-2">
       <div
         style={{ zoom: 1.5 }}
-        dangerouslySetInnerHTML={{ __html: await compileTikz() }}
+        dangerouslySetInnerHTML={{ __html: await compileTikz(props.source) }}
       ></div>
     </main>
   );

diff --git a/src/app/_components/TikzDiagram/compile.ts b/src/app/_components/TikzDiagram/compile.ts
@@ -0,0 +1,9 @@
+"use server";
+
+import tex2svg from "@lib/tikzjax/dist";
+
+export async function compileTikz(source: string) {
+  return await tex2svg(source, {
+    showConsole: true,
+  });
+}