opnform/resources/js/middleware/check-auth.js

import { useAuthStore } from '../stores/auth'
import { useWorkspacesStore } from '../stores/workspaces'
import * as Sentry from '@sentry/vue'

export function initCrisp (user) {
  return new Promise((resolve, reject) => {
    const intervalId = window.setInterval(function () {
      if (!user) {
        resolve()
        return
      }
      if (window.$crisp) {
        window.$crisp.push(['set', 'user:email', user.email])
        window.$crisp.push(['set', 'user:nickname', user.name])
        window.$crisp.push(['set', 'session:data', [[
          ['pro-subscription', user?.is_subscribed ?? false],
          ['id', user.id]
        ]]])
        window.clearInterval(intervalId)
        resolve()
      }
    }, 50000)
  })
}

export function initSentry (user) {
  if (!window.config.sentry_dsn || !user) {
    return
  }
  Sentry.configureScope((scope) => {
    scope.setUser({
      id: user.id,
      email: user.email,
      subscription: user?.is_subscribed
    })
  })
}

export default async (to, from, next) => {
  const authStore = useAuthStore()
  if (!authStore.check &&
    authStore.token !== null &&
    authStore.token !== undefined
  ) {
    try {
      authStore.fetchUser().then((user) => {
        initCrisp(user)
        initSentry(user)
        useWorkspacesStore().fetchWorkspaces()
      })
    } catch (e) {
      console.error(e)
    }
  }
  next()
}