Merge pull request #17 from Unity-Lab-AI/codex/analyze-github-pages-deployment-issue

G-Fourteen · web-flow · commit 3ca58b90030b · 2025-10-31T18:19:36.000-06:00
Fix GitHub Pages asset loading
diff --git a/app.js b/app.js
@@ -14,22 +14,30 @@ let hasMicPermission = false;
 const SpeechRecognition = window.SpeechRecognition || window.webkitSpeechRecognition;
 const synth = window.speechSynthesis;
 
-const directoryUrl = window.__UNITY_VOICE_DIRECTORY_URL__
-    ?? (() => {
-        const href = window.location.href;
-        const pathname = window.location.pathname || '';
-        const lastSegment = pathname.substring(pathname.lastIndexOf('/') + 1);
-
-        if (href.endsWith('/')) {
-            return href;
+const currentScript = document.currentScript;
+const directoryUrl = (() => {
+    if (currentScript?.src) {
+        try {
+            return new URL('./', currentScript.src).toString();
+        } catch (error) {
+            console.error('Failed to derive directory from script src:', error);
         }
+    }
 
-        if (lastSegment && lastSegment.includes('.')) {
-            return href.substring(0, href.lastIndexOf('/') + 1);
-        }
+    const href = window.location.href;
+    const pathname = window.location.pathname || '';
+    const lastSegment = pathname.substring(pathname.lastIndexOf('/') + 1);
+
+    if (href.endsWith('/')) {
+        return href;
+    }
+
+    if (lastSegment && lastSegment.includes('.')) {
+        return href.substring(0, href.lastIndexOf('/') + 1);
+    }
 
-        return `${href}/`;
-    })();
+    return `${href}/`;
+})();
 
 function resolveAssetPath(relativePath) {
     try {
diff --git a/index.html b/index.html
@@ -4,40 +4,8 @@
     <meta charset="UTF-8">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
     <title>Unity Voice Chat</title>
-    <script>
-        (() => {
-            const href = window.location.href;
-            const pathname = window.location.pathname || '';
-            const lastSegment = pathname.substring(pathname.lastIndexOf('/') + 1);
-
-            const directoryUrl = href.endsWith('/')
-                ? href
-                : lastSegment && lastSegment.includes('.')
-                  ? href.substring(0, href.lastIndexOf('/') + 1)
-                  : `${href}/`;
-
-            window.__UNITY_VOICE_DIRECTORY_URL__ = directoryUrl;
-
-            const resolveAsset = (relativePath) => {
-                try {
-                    return new URL(relativePath, directoryUrl).toString();
-                } catch (error) {
-                    console.error('Failed to resolve asset path:', error);
-                    return relativePath;
-                }
-            };
-
-            const styleLink = document.createElement('link');
-            styleLink.rel = 'stylesheet';
-            styleLink.href = resolveAsset('style.css');
-            document.head.appendChild(styleLink);
-
-            const script = document.createElement('script');
-            script.defer = true;
-            script.src = resolveAsset('app.js');
-            document.head.appendChild(script);
-        })();
-    </script>
+    <link rel="stylesheet" href="./style.css">
+    <script defer src="./app.js"></script>
 </head>
 <body>
     <div id="background" aria-hidden="true"></div>
