Merge pull request #160 from tkskto/feature/change-css-path

tkskto · web-flow · commit 3a3a2d4e8cc8 · 2022-03-13T13:35:14.000+09:00
fix: fix specific path.
diff --git a/src/client/style.ts b/src/client/style.ts
@@ -1,7 +1,16 @@
 class StyleGetter {
   private _style = '';
 
-  private getStyle = () => fetch('/dist/style.css').then((res) => res.text());
+  private getStyle = async () => {
+    const styleElement: HTMLLinkElement | null = document.querySelector('#style');
+    let style = '';
+
+    if (styleElement) {
+      style = await fetch(styleElement.href).then((res) => res.text());
+    }
+
+    return style;
+  };
 
   /**
    * get css strings for SVG Image
diff --git a/views/viewer.ejs b/views/viewer.ejs
@@ -4,11 +4,11 @@
   <meta charset="UTF-8">
   <meta name="viewport" content="width=device-width, initial-scale=1">
   <title><%- title %></title>
-  <link rel="stylesheet" href="../dist/style.css">
+  <link id="style" rel="stylesheet" href="/dist/style.css">
   <script>
     window.enableWebSocket = <%- enableWebSocket %>;
   </script>
-  <script src="../dist/client.js" defer></script>
+  <script src="/dist/client.js" defer></script>
 </head>
 <body>
 <main>
