perf(mermaid): remove unused references to mermaid

wallpants · Oct 17, 2023 · 74f328f · 74f328f
1 parent 3185389
commit 74f328f
Show file tree

Hide file tree

Showing 6 changed files with 3 additions and 1,651 deletions.
diff --git a/app/bun.lockb b/app/bun.lockb
diff --git a/app/package.json b/app/package.json
@@ -15,7 +15,6 @@
     "clsx": "^2.0.0",
     "globby": "^13.2.2",
     "isbinaryfile": "5.0.0",
-    "mermaid": "^10.5.0",
     "opener": "^1.5.2",
     "pantsdown": "1.4.1",
     "react": "^18.2.0",

diff --git a/app/src/server/http.tsx b/app/src/server/http.tsx
@@ -32,8 +32,8 @@ export function httpHandler(host: string, port: number, root: string) {
         if (pathname.startsWith(GP_STATIC_PREFIX)) {
             const requested = pathname.slice(GP_STATIC_PREFIX.length);
 
-            // hydrate.js hydrates the server components generated and sent below
-            // hydrate.js is built from typescript files on request
+            // hydrate.js hydrates the server components generated and sent below.
+            // hydrate.js is built from hydrate.ts on request
             if (requested === "hydrate.js") {
                 const { outputs } = await Bun.build({
                     entrypoints: [webRoot + "hydrate.tsx"],
@@ -68,7 +68,7 @@ export function httpHandler(host: string, port: number, root: string) {
             return new Response(file);
         }
 
-        // If none of the previous cases matches the request, the client (browser) is
+        // If none of the previous cases match the request, the client (browser) is
         // probably making its first request to get the server rendered react app
         const stream = await renderToReadableStream(<Index />, {
             bootstrapModules: [`${GP_STATIC_PREFIX}hydrate.js`],

diff --git a/app/src/web/index.tsx b/app/src/web/index.tsx
@@ -23,7 +23,6 @@ export const Index = ({
             <head>
                 <meta charSet="UTF-8" />
                 <link rel="icon" type="image/svg+xml" href={`${GP_STATIC_PREFIX}github.svg`} />
-                {/* <script type="text/javascript" src={`${GP_STATIC_PREFIX}mermaid.min.js`}></script> */}
                 <link href={`${GP_STATIC_PREFIX}tailwind.css`} rel="stylesheet" />
                 <link href={`${GP_STATIC_PREFIX}${PANTSDOWN_CSS}`} rel="stylesheet" />
                 <link href={`${GP_STATIC_PREFIX}index.css`} rel="stylesheet" />

diff --git a/app/src/web/markdown/index.tsx b/app/src/web/markdown/index.tsx
@@ -1,4 +1,3 @@
-// import { type Mermaid } from "mermaid";
 import { Pantsdown } from "pantsdown";
 import { useContext, useEffect, useState } from "react";
 import { websocketContext } from "../provider/context.ts";
@@ -12,7 +11,6 @@ const MARKDOWN_CONTAINER_ID = "markdown-container-id";
 const MARKDOWN_ELEMENT_ID = "markdown-element-id";
 export const GP_LOCALIMAGE_PREFIX = "/__localimage__/";
 
-// declare const mermaid: Mermaid;
 const pantsdown = new Pantsdown({
     renderer: { relativeImageUrlPrefix: GP_LOCALIMAGE_PREFIX },
 });
@@ -27,7 +25,6 @@ export const Markdown = ({ className }: { className: string }) => {
     const [markdownContainerElement, setMarkdownContainerElement] = useState<HTMLElement>();
 
     useEffect(() => {
-        // mermaid.initialize({ startOnLoad: false });
         setMarkdownElement(document.getElementById(MARKDOWN_ELEMENT_ID)!);
         setCursorLineElement(document.getElementById(CURSOR_LINE_ELEMENT_ID)!);
         setLineNumbersElement(document.getElementById(LINE_NUMBERS_ELEMENT_ID)!);
@@ -45,8 +42,6 @@ export const Markdown = ({ className }: { className: string }) => {
                 const markdown = fileExt === "md" ? text : "```" + fileExt + `\n${text}`;
                 markdownElement.innerHTML = pantsdown.parse(markdown);
 
-                // void mermaid.run();
-
                 if (fileExt === "md") {
                     markdownElement.style.setProperty("padding", "44px");
                     markdownElement.style.setProperty("max-width", "1012px");

diff --git a/app/src/web/mermaid.min.js b/app/src/web/mermaid.min.js