Simplify host asset bundling

2 files changed, 14 insertions, 3 deletions

diff --git a/src/index.html b/src/index.html
index b20e703..835f76d 100644
--- a/src/index.html
+++ b/src/index.html
@@ -4,9 +4,6 @@
         <meta charset="UTF-8" />
         <meta name="viewport" content="width=device-width, initial-scale=1.0" />
         <title>Liz CSS - Framework Demo</title>
-        <script>
-            window.ASSET_BASE = 'ASSET_BASE_PLACEHOLDER';
-        </script>
         <link rel="stylesheet" href="/bundle.css" />
         <link rel="icon" href="/img/favicon.ico" />
         <style>
diff --git a/src/ts/script.ts b/src/ts/script.ts
index e0b0b85..56c6d63 100644
--- a/src/ts/script.ts
+++ b/src/ts/script.ts
@@ -4,6 +4,20 @@ import 'prismjs/components/prism-css';
 import 'prismjs/components/prism-markup';
 import { initOneko } from './oneko';
 
+// Auto-detect asset base from the bundled script's origin
+(() => {
+    window.ASSET_BASE = '';
+    const bundleScript = document.querySelector('script[src*="bundle"]');
+    if (bundleScript?.src) {
+        try {
+            const url = new URL(bundleScript.src, window.location.href);
+            window.ASSET_BASE = url.origin;
+        } catch {
+            // Fall back to empty string
+        }
+    }
+})();
+
 (() => {
     const toggleButton = document.getElementById('theme-toggle') as HTMLInputElement;
     const html = document.documentElement;