@innertia-solutions/innertia-nuxt 0.1.1

package/stores/auth.js

@@ -0,0 +1,130 @@
+import { defineStore } from 'pinia'
+
+// ─── cookie helpers ────────────────────────────────────────────────────────
+// Never call useCookie() inside Pinia actions — it throws outside Vue setup.
+// Pattern: try useCookie (works in setup), catch → document.cookie fallback.
+
+function _setCookie(name, value, maxAgeSeconds) {
+  try {
+    const isDev = import.meta.env?.DEV ?? false
+    const cookie = useCookie(name, { maxAge: maxAgeSeconds, sameSite: 'lax', secure: !isDev })
+    cookie.value = typeof value === 'object' ? JSON.stringify(value) : value
+  } catch {
+    if (import.meta.client) {
+      const expires = maxAgeSeconds ? `; Max-Age=${Math.floor(maxAgeSeconds)}` : ''
+      const val = typeof value === 'object' ? JSON.stringify(value) : value
+      document.cookie = `${name}=${encodeURIComponent(val)}${expires}; path=/; SameSite=Lax`
+    }
+  }
+}
+
+function _getCookie(name) {
+  try {
+    const cookie = useCookie(name)
+    return cookie.value ?? null
+  } catch {
+    if (import.meta.client) {
+      const match = document.cookie.match(new RegExp('(?:^|; )' + name + '=([^;]*)'))
+      return match ? decodeURIComponent(match[1]) : null
+    }
+    return null
+  }
+}
+
+function _deleteCookie(name) {
+  try {
+    const cookie = useCookie(name)
+    cookie.value = null
+  } catch {
+    if (import.meta.client) {
+      document.cookie = `${name}=; Max-Age=0; path=/`
+    }
+  }
+}
+
+// ─── JWT decode (no lib) ───────────────────────────────────────────────────
+function _decodeJwtExpiry(token) {
+  try {
+    const payload = JSON.parse(atob(token.split('.')[1]))
+    return payload.exp ?? null
+  } catch {
+    return null
+  }
+}
+
+// ─── store ─────────────────────────────────────────────────────────────────
+export const useAuthStore = defineStore('auth', {
+  state: () => ({
+    token: null,
+    user: null,
+    currentContext: null,
+    availableContexts: [],
+    permissions: [],
+    rememberUser: false,
+  }),
+
+  persist: [
+    {
+      // Token en cookie con key propio para que SSR lo lea en middlewares (guest/auth).
+      // Key separado para evitar que la segunda config sobreescriba el token.
+      key: 'auth_token',
+      pick: ['token'],
+      storage: piniaPluginPersistedstate.cookies,
+    },
+    {
+      // currentContext y availableContexts en localStorage.
+      // user NO se persiste: auth-init.client.ts lo recarga desde API en cada boot,
+      // evitando que un user:null guardado en localStorage sobreescriba el estado.
+      key: 'auth_data',
+      pick: ['currentContext', 'availableContexts'],
+      storage: piniaPluginPersistedstate.localStorage,
+    },
+  ],
+
+  actions: {
+    // ── token ──────────────────────────────────────────────────────────────
+    saveToken(token) {
+      this.token = token
+      _setCookie('auth_token', token, 60 * 60 * 24 * 7) // 7 days
+    },
+
+    getToken() {
+      return this.token ?? _getCookie('auth_token')
+    },
+
+    isAuthenticated() {
+      const token = this.getToken()
+      if (!token) return false
+      const exp = _decodeJwtExpiry(token)
+      if (exp === null) return true // non-JWT or no expiry claim → treat as valid
+      return Date.now() / 1000 < exp
+    },
+
+    // ── user ───────────────────────────────────────────────────────────────
+    saveUser(user) {
+      this.user = user
+      _setCookie('auth_user', user, 60 * 60 * 24 * 7)
+    },
+
+    // ── context ────────────────────────────────────────────────────────────
+    setCurrentContext(context) {
+      this.currentContext = context
+    },
+
+    // ── permissions ────────────────────────────────────────────────────────
+    savePermissions(permissions) {
+      this.permissions = permissions ?? []
+    },
+
+    // ── logout ─────────────────────────────────────────────────────────────
+    logout() {
+      this.token = null
+      this.user = null
+      this.currentContext = null
+      this.availableContexts = []
+      this.permissions = []
+      _deleteCookie('auth_token')
+      _deleteCookie('auth_user')
+    },
+  },
+})

package/stores/dockedPreviews.js

@@ -0,0 +1,34 @@
+import { defineStore } from 'pinia'
+
+// Storage SSR-safe: null en servidor, localStorage en cliente
+const clientStorage = typeof window !== 'undefined' ? window.localStorage : null
+
+/**
+ * Store persistido en localStorage para los previews minimizados.
+ * Sobrevive recargas y se sincroniza entre pestañas (via plugin dockedPreviewsSync).
+ */
+export const useDockedPreviewsStore = defineStore('docked-previews', {
+  state: () => ({
+    items: [],
+  }),
+
+  actions: {
+    add({ id, label, subtitle, row, tableName, route }) {
+      if (this.items.find(d => d.id === id)) return
+      this.items.push({ id, label, subtitle: subtitle ?? null, row, tableName, route })
+    },
+
+    remove(id) {
+      this.items = this.items.filter(d => d.id !== id)
+    },
+
+    /** Sincroniza el estado desde otra pestaña (llamado por el plugin de storage). */
+    hydrate(items) {
+      this.items = items
+    },
+  },
+
+  persist: {
+    storage: clientStorage,
+  },
+})

package/stores/notifications.js

@@ -0,0 +1,24 @@
+import { defineStore } from 'pinia'
+
+export const useNotificationsStore = defineStore('notifications', {
+  state: () => ({
+    notifications: [],
+  }),
+  getters: {
+    unreadCount: (state) => state.notifications.filter(n => !n.read_at).length,
+  },
+  actions: {
+    setNotifications(items) { this.notifications = items },
+    addNotification(item) { this.notifications.unshift(item) },
+    markRead(id) {
+      const n = this.notifications.find(n => n.id === id)
+      if (n) n.read_at = new Date().toISOString()
+    },
+    markAllRead() {
+      const now = new Date().toISOString()
+      this.notifications.forEach(n => { if (!n.read_at) n.read_at = now })
+    },
+    clear() { this.notifications = [] },
+  },
+  persist: false,
+})

package/stores/tenant.js

@@ -0,0 +1,54 @@
+import { defineStore } from 'pinia'
+
+export const useTenantStore = defineStore('tenant', {
+  state: () => ({
+    tenantId: null,
+    tenantSlug: null,
+    config: {
+      oauthProviders: [],
+      features: [],
+      isActive: false,
+      demo: null,
+    },
+  }),
+
+  persist: {
+    // tenantId y tenantSlug sobreviven el refresh; config siempre se recarga del backend
+    pick: ['tenantId', 'tenantSlug'],
+  },
+
+  actions: {
+    /** Llamado por el middleware detect-subdomain con el slug extraído */
+    setSlug(slug) {
+      this.tenantSlug = slug
+    },
+
+    /** Llamado tras la validación del backend — setea el id y la config completa */
+    setTenant(id, config) {
+      this.tenantId = id
+      this.config = {
+        oauthProviders: config.oauthProviders ?? [],
+        features: config.features ?? [],
+        isActive: config.isActive ?? false,
+        demo: config.demo ?? null,
+      }
+    },
+
+    /** Verifica si un feature flag está habilitado para este tenant */
+    isFeatureEnabled(feature) {
+      return this.config.features.includes(feature)
+    },
+
+    /** Devuelve los providers OAuth configurados para este tenant */
+    getOauthProviders() {
+      return this.config.oauthProviders ?? []
+    },
+
+    /** Resetea todo el estado del tenant (ej. logout o tenant inválido) */
+    clear() {
+      this.tenantId = null
+      this.tenantSlug = null
+      this.config = { oauthProviders: [], features: [], isActive: false, demo: null }
+    },
+  },
+})

package/stores/toast.js

@@ -0,0 +1,129 @@
+// stores/toast.js
+import { defineStore } from 'pinia'
+import { v4 as uuid } from 'uuid'
+
+const toastConfig = {
+    severity: 'info',
+    title: null,
+    message: null,
+    duration: 5000,
+    progress: true,
+    position: 'top-right',
+    icon: null,
+}
+
+export const useToastStore = defineStore('toast', {
+    state: () => ({
+        toasts: {
+            'top-left': [],
+            'top-center': [],
+            'top-right': [],
+            'bottom-left': [],
+            'bottom-center': [],
+            'bottom-right': [],
+        },
+        timeouts: {}, // id → timeoutId (plain object, JSON-safe)
+    }),
+    actions: {
+        success(config) {
+            const normalizedConfig = typeof config === 'string' ? { message: config } : config
+            const toast = {
+                ...toastConfig,
+                id: uuid(),
+                severity: 'success',
+                icon: 'ti ti-circle-check text-green-500',
+                position: 'top-center',
+                ...normalizedConfig,
+            }
+            this.toasts[toast.position].push(toast)
+            this._scheduleRemoval(toast)
+        },
+        info(config) {
+            const normalizedConfig = typeof config === 'string' ? { message: config } : config
+            const toast = {
+                ...toastConfig,
+                id: uuid(),
+                severity: 'info',
+                icon: 'ti ti-info-circle',
+                title: 'Info',
+                position: 'top-right',
+                ...normalizedConfig,
+            }
+            this.toasts[toast.position].push(toast)
+            this._scheduleRemoval(toast)
+        },
+        error(config) {
+            const normalizedConfig = typeof config === 'string' ? { message: config } : config
+            const toast = {
+                ...toastConfig,
+                id: uuid(),
+                severity: 'danger',
+                icon: 'ti ti-exclamation-circle',
+                title: 'Atención',
+                position: 'top-right',
+                ...normalizedConfig,
+            }
+            this.toasts[toast.position].push(toast)
+            this._scheduleRemoval(toast)
+        },
+        show(config) {
+            const toast = {
+                id: uuid(),
+                severity: 'info',
+                position: 'top-right',
+                ...toastConfig,
+                ...config,
+            }
+            this.toasts[toast.position].push(toast)
+            this._scheduleRemoval(toast)
+        },
+        update(id, data) {
+            for (const key in this.toasts) {
+                const idx = this.toasts[key].findIndex(t => t.id === id)
+                if (idx !== -1) {
+                    this.toasts[key][idx] = { ...this.toasts[key][idx], ...data }
+                    break
+                }
+            }
+        },
+        remove(id) {
+            if (this.timeouts[id] !== undefined) {
+                clearTimeout(this.timeouts[id])
+                delete this.timeouts[id]
+            }
+
+            for (const key in this.toasts) {
+                this.toasts[key] = this.toasts[key].filter(t => t.id !== id)
+            }
+        },
+        _scheduleRemoval(toast) {
+            if (toast.duration && toast.duration > 0) {
+                const timeoutId = setTimeout(() => {
+                    this.remove(toast.id)
+                }, toast.duration)
+
+                this.timeouts[toast.id] = timeoutId
+            }
+        },
+
+        // Método específico para actualizar progreso de un toast tipo process
+        updateProgress(id, progress, progressLabel = null) {
+            const updateData = { progress }
+            if (progressLabel) {
+                updateData.progressLabel = progressLabel
+            }
+            this.update(id, updateData)
+        },
+
+        // Método para completar un proceso
+        completeProcess(id, message = 'Completado') {
+            this.update(id, {
+                progress: 100,
+                progressLabel: message,
+                duration: 3000, // Auto-remove después de completar
+            })
+            // Programar removal para el proceso completado
+            this._scheduleRemoval({ id, duration: 3000 })
+        },
+    },
+})