Add JS and Style injection into AppShell

2025-10-17 17:54:38 -07:00
parent 16cf44b42d
commit 0890ae3ef9
6 changed files with 64 additions and 4 deletions
--- a/src/public/head.js
+++ b/src/public/head.js
--- a/src/public/head.ts
+++ b/src/public/head.ts
@@ -0,0 +1,12 @@
+// Client-side script that runs in <head>
+// Example: TypeScript with DOM types
+(() => {
+    const logPageInfo = (): void => {
+        console.log('Page loaded in <head>');
+    };
+    
+    if (document.readyState === 'loading') {
+        logPageInfo();
+    }
+})();
+
--- a/src/public/onLoad.js
+++ b/src/public/onLoad.js
--- a/src/public/onLoad.ts
+++ b/src/public/onLoad.ts
@@ -0,0 +1,16 @@
+// Client-side script that runs on page load
+// Example: TypeScript with type annotations
+(() => {
+    const setupPage = (): void => {
+        const links: NodeListOf<HTMLAnchorElement> = document.querySelectorAll('a');
+        console.log(`Found ${links.length} links on the page`);
+    };
+    
+    // Run setup when DOM is ready
+    if (document.readyState !== 'loading') {
+        setupPage();
+    } else {
+        document.addEventListener('DOMContentLoaded', setupPage);
+    }
+})();
+