refactor: Add Alpine.js registration to existing TypeScript modules
Added Alpine.global() registration to enable template access to functions: - admin.ts: Added Alpine for scan, stats, and settings functions - api-explorer.ts: Already had Alpine (kept as is) - bookshelf.ts: Added Alpine for library/bookshelf interactions - collections.ts: Added Alpine for collection management - conflicts.ts: Added Alpine for conflict resolution - device-management.ts: Added Alpine with event delegation for dynamic content - header.ts: Added Alpine for theme dropdown and user menu - library.ts: Added Alpine registrations - linking.ts: Added Alpine registrations - queue.ts: Added Alpine for queue operations - search.ts: Added Alpine registrations - themeDropdown.ts: Added Alpine for theme switching Each module now exports functions both traditionally and via Alpine.global() for template access.
This commit is contained in:
+7
-1
@@ -1,3 +1,5 @@
|
||||
import { Alpine } from "./alpine";
|
||||
|
||||
let searchInputTimeout: ReturnType<typeof setTimeout> | null = null;
|
||||
const SEARCH_DEBOUNCE_MS = 300;
|
||||
const SEARCH_MIN_CHARS = 2;
|
||||
@@ -303,4 +305,8 @@ function selectLibraryAndBook(libraryId: string, bookId: string): void {
|
||||
|
||||
document.addEventListener("DOMContentLoaded", initializeSearch);
|
||||
|
||||
(window as any).selectLibraryAndBook = selectLibraryAndBook;
|
||||
export { selectLibraryAndBook };
|
||||
|
||||
Alpine.global("search", {
|
||||
selectLibraryAndBook,
|
||||
});
|
||||
|
||||
Reference in New Issue
Block a user