@innertia-solutions/innertia-nuxt 0.1.47 → 0.1.48

package/components/App/NotificationBell.vue

@@ -30,7 +30,8 @@ const items = computed(() => tab.value === 'unread'
   ? store.notifications.filter(n => !n.read_at)
   : store.notifications)
 
-const badge = computed(() => serverUnread.value > 9 ? '9+' : String(serverUnread.value))
+const liveUnread = computed(() => Math.max(serverUnread.value, store.unreadCount))
+const badge = computed(() => liveUnread.value > 9 ? '9+' : String(liveUnread.value))
 
 async function load() {
   loading.value = true

package/composables/useRealtime.js

@@ -53,6 +53,29 @@ export function useRealtime() {
       options.wssPort = pusherWsPort ? Number(pusherWsPort) : 443
     }
 
+    // Authorizer para canales private-*: postea al /broadcasting/auth del backend
+    // con headers frescos (Bearer + X-Tenant) reconstruidos en cada intento.
+    const apiBase = config.public.apiBaseUrl || '/api'
+    options.channelAuthorization = {
+      transport: 'ajax',
+      endpoint: `${apiBase}/broadcasting/auth`,
+      // Handler propio: reconstruye headers (token/X-Tenant) en cada auth.
+      customHandler: async ({ socketId, channelName }, callback) => {
+        try {
+          const headers = {}
+          run(headers)
+          const res = await $fetch(`${apiBase}/broadcasting/auth`, {
+            method: 'POST',
+            headers,
+            body: { socket_id: socketId, channel_name: channelName },
+          })
+          callback(null, res)
+        } catch (err) {
+          callback(err, null)
+        }
+      },
+    }
+
     pusher.value = new Pusher(pusherAppKey, options)
 
     pusher.value.connection.bind('connected', () => {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@innertia-solutions/innertia-nuxt",
-  "version": "0.1.47",
+  "version": "0.1.48",
   "description": "Innertia Solutions — Nuxt layer unificada: core, auth, multitenancy, theme y app contexts",
   "keywords": [
     "nuxt",

package/stores/gym.js

@@ -7,7 +7,7 @@ import { defineStore } from 'pinia'
  * gyms: [{ key, name, status, contexts }]
  */
 export const useGymStore = defineStore('gym', {
-  state: () => ({ activeKey: null, gyms: [] }),
+  state: () => ({ activeKey: null, activeContext: null, gyms: [] }),
 
   getters: {
     active: (s) => s.gyms.find((g) => g.key === s.activeKey) || null,
@@ -17,11 +17,13 @@ export const useGymStore = defineStore('gym', {
   actions: {
     setGyms(gyms) { this.gyms = gyms || [] },
     setActive(key) { this.activeKey = key },
-    reset() { this.activeKey = null; this.gyms = [] },
+    // Contexto elegido (backoffice/student/…) — un gym puede otorgar varios.
+    setActiveContext(context) { this.activeContext = context },
+    reset() { this.activeKey = null; this.activeContext = null; this.gyms = [] },
   },
 
   persist: {
-    // Solo la key activa sobrevive el refresh; la lista se recarga del backend
-    pick: ['activeKey'],
+    // Key + contexto activos sobreviven el refresh; la lista se recarga del backend.
+    pick: ['activeKey', 'activeContext'],
   },
 })