build: Add HTMX copy step to build:ts script

- Modified package.json build:ts to copy htmx.min.js from node_modules to web/static/ - This fixes the 404 error for /static/htmx.min.js that occurred after ESBuild migration - Added htmx.min.js to static files See ESBUILD_MIGRATION_PLAN.md for migration context.
2026-03-08 21:35:35 -04:00
parent a84ffb253e
commit 0af319fef9
5 changed files with 331 additions and 35 deletions
@@ -1,2 +1,84 @@
-(()=>{var i=()=>{let t=document.getElementById("theme-dropdown");if(t){t.classList.toggle("hidden");let e=document.getElementById("user-menu");e&&!t.classList.contains("hidden")&&e.classList.add("hidden")}},a=()=>{let t=document.getElementById("user-menu");if(t){t.classList.toggle("hidden");let e=document.getElementById("theme-dropdown");e&&!t.classList.contains("hidden")&&e.classList.add("hidden")}},c=t=>{window.applyTheme&&window.applyTheme(t);let e=localStorage.getItem("token");e&&fetch("/api/auth/theme",{method:"PUT",headers:{"Content-Type":"application/json",Authorization:`Bearer ${e}`},body:JSON.stringify({theme:t})}).catch(o=>console.log("Theme save failed",o));let n=document.getElementById("theme-dropdown");n&&n.classList.add("hidden")},l=()=>{localStorage.removeItem("token"),localStorage.removeItem("user"),window.location.href="/"};document.addEventListener("click",t=>{let e=t.target,n=document.getElementById("theme-dropdown"),o=document.getElementById("user-menu"),s=e?.closest('button[onclick="toggleThemeDropdown()"]'),d=e?.closest('button[onclick="toggleUserMenu()"]');!s&&n&&!n.classList.contains("hidden")&&(n.contains(e)||n.classList.add("hidden")),!d&&o&&!o.classList.contains("hidden")&&(o.contains(e)||o.classList.add("hidden"))});window.toggleThemeDropdown=i;window.toggleUserMenu=a;window.changeThemeTo=c;window.logout=l;})();
-//# sourceMappingURL=header.js.map
+// Header functionality
+import { Alpine } from "./alpine";
+import { updateThemeIndicators } from "./themeDropdown";
+const toggleThemeDropdown = () => {
+    const dropdown = document.getElementById("theme-dropdown");
+    if (dropdown) {
+        dropdown.classList.toggle("hidden");
+        // Close user menu if open
+        const userMenu = document.getElementById("user-menu");
+        if (userMenu && !dropdown.classList.contains("hidden")) {
+            userMenu.classList.add("hidden");
+        }
+    }
+};
+const toggleUserMenu = () => {
+    const menu = document.getElementById("user-menu");
+    if (menu) {
+        menu.classList.toggle("hidden");
+        // Close theme dropdown if open
+        const themeDropdown = document.getElementById("theme-dropdown");
+        if (themeDropdown && !menu.classList.contains("hidden")) {
+            themeDropdown.classList.add("hidden");
+        }
+    }
+};
+const changeThemeTo = (theme) => {
+    // Apply the theme using the consolidated function from theme.ts
+    if (window.applyTheme) {
+        window.applyTheme(theme);
+    }
+    // Save to server if logged in
+    const token = localStorage.getItem("token");
+    if (token) {
+        fetch("/api/auth/theme", {
+            method: "PUT",
+            headers: {
+                "Content-Type": "application/json",
+                Authorization: `Bearer ${token}`,
+            },
+            body: JSON.stringify({ theme }),
+        }).catch((err) => console.log("Theme save failed", err));
+    }
+    // Close dropdown
+    const dropdown = document.getElementById("theme-dropdown");
+    if (dropdown) {
+        dropdown.classList.add("hidden");
+    }
+};
+const logout = () => {
+    localStorage.removeItem("token");
+    localStorage.removeItem("user");
+    window.location.href = "/";
+};
+// Close dropdowns when clicking outside
+document.addEventListener("click", (e) => {
+    const target = e.target;
+    const themeDropdown = document.getElementById("theme-dropdown");
+    const userMenu = document.getElementById("user-menu");
+    const themeButton = target?.closest('button[onclick="toggleThemeDropdown()"]');
+    const userButton = target?.closest('button[onclick="toggleUserMenu()"]');
+    if (!themeButton &&
+        themeDropdown &&
+        !themeDropdown.classList.contains("hidden")) {
+        if (!themeDropdown.contains(target)) {
+            themeDropdown.classList.add("hidden");
+        }
+    }
+    if (!userButton && userMenu && !userMenu.classList.contains("hidden")) {
+        if (!userMenu.contains(target)) {
+            userMenu.classList.add("hidden");
+        }
+    }
+});
+export { toggleThemeDropdown, toggleUserMenu, changeThemeTo, logout };
+Alpine.global("header", {
+    logout,
+    toggleThemeDropdown,
+    toggleUserMenu,
+    changeThemeTo: (theme) => {
+        changeThemeTo(theme);
+        updateThemeIndicators(); // Call themeDropdown function
+    },
+});
+//# sourceMappingURL=header.js.map