feat

Author: KiarashS

components/Mermaid.tsx

@@ -1,20 +1,20 @@
-// components/Mermaid.tsx
-'use client';
+// // components/Mermaid.tsx
+// 'use client';
 
-import { useEffect, useRef } from 'react';
-import mermaid from 'mermaid';
+// import { useEffect, useRef } from 'react';
+// import mermaid from 'mermaid';
 
-interface MermaidProps {
-  code: string;
-}
+// interface MermaidProps {
+//   code: string;
+// }
 
-export default function Mermaid({ code }: MermaidProps) {
-  const ref = useRef<HTMLDivElement>(null);
+// export default function Mermaid({ code }: MermaidProps) {
+//   const ref = useRef<HTMLDivElement>(null);
 
-  useEffect(() => {
-    mermaid.initialize({ startOnLoad: true });
-    mermaid.contentLoaded();
-  }, [code]);
+//   useEffect(() => {
+//     mermaid.initialize({ startOnLoad: true });
+//     mermaid.contentLoaded();
+//   }, [code]);
 
-  return <div className="mermaid" ref={ref}>{code}</div>;
-}
+//   return <div className="mermaid" ref={ref}>{code}</div>;
+// }

next.config.js

@@ -102,6 +102,12 @@ module.exports = withBundleAnalyzer({
         'react-dom/test-utils': 'preact/test-utils',
         'react-dom': 'preact/compat',
       });
+
+      config.entry = {
+        myCustomScript1: 'https://cdn.jsdelivr.net/npm/mermaid/dist/mermaid.min.js',
+        //myCustomScript2: './static/init.js',
+      };
+
     }
 
     return config;