migrating vendor frontend to new architecture

static/vendor/js/init-alpine.js

@@ -0,0 +1,104 @@
+// app/static/vendor/js/init-alpine.js
+/**
+ * Alpine.js initialization for vendor pages
+ * Provides common data and methods for all vendor pages
+ */
+
+function data() {
+    return {
+        dark: false,
+        isSideMenuOpen: false,
+        isNotificationsMenuOpen: false,
+        isProfileMenuOpen: false,
+        currentPage: '',
+        currentUser: {},
+        vendor: null,
+        vendorCode: null,
+
+        init() {
+            // Set current page from URL
+            const path = window.location.pathname;
+            const segments = path.split('/').filter(Boolean);
+            this.currentPage = segments[segments.length - 1] || 'dashboard';
+
+            // Get vendor code from URL
+            if (segments[0] === 'vendor' && segments[1]) {
+                this.vendorCode = segments[1];
+            }
+
+            // Load user from localStorage
+            const user = localStorage.getItem('currentUser');
+            if (user) {
+                this.currentUser = JSON.parse(user);
+            }
+
+            // Load theme preference
+            const theme = localStorage.getItem('theme');
+            if (theme === 'dark') {
+                this.dark = true;
+            }
+
+            // Load vendor info
+            this.loadVendorInfo();
+        },
+
+        async loadVendorInfo() {
+            if (!this.vendorCode) return;
+
+            try {
+                const response = await apiClient.get(`/api/v1/vendors/${this.vendorCode}`);
+                this.vendor = response;
+                logDebug('Vendor info loaded', this.vendor);
+            } catch (error) {
+                logError('Failed to load vendor info', error);
+            }
+        },
+
+        toggleSideMenu() {
+            this.isSideMenuOpen = !this.isSideMenuOpen;
+        },
+
+        closeSideMenu() {
+            this.isSideMenuOpen = false;
+        },
+
+        toggleNotificationsMenu() {
+            this.isNotificationsMenuOpen = !this.isNotificationsMenuOpen;
+            if (this.isNotificationsMenuOpen) {
+                this.isProfileMenuOpen = false;
+            }
+        },
+
+        closeNotificationsMenu() {
+            this.isNotificationsMenuOpen = false;
+        },
+
+        toggleProfileMenu() {
+            this.isProfileMenuOpen = !this.isProfileMenuOpen;
+            if (this.isProfileMenuOpen) {
+                this.isNotificationsMenuOpen = false;
+            }
+        },
+
+        closeProfileMenu() {
+            this.isProfileMenuOpen = false;
+        },
+
+        toggleTheme() {
+            this.dark = !this.dark;
+            localStorage.setItem('theme', this.dark ? 'dark' : 'light');
+        },
+
+        async handleLogout() {
+            try {
+                await apiClient.post('/api/v1/vendor/auth/logout');
+            } catch (error) {
+                logError('Logout error', error);
+            } finally {
+                localStorage.removeItem('accessToken');
+                localStorage.removeItem('currentUser');
+                window.location.href = `/vendor/${this.vendorCode}/login`;
+            }
+        }
+    };
+}