@nitra/vite-boot 4.1.3 → 5.0.0

package/package.json

@@ -1,13 +1,12 @@
 {
   "name": "@nitra/vite-boot",
-  "version": "4.1.3",
+  "version": "5.0.0",
   "description": "Vite boot",
   "type": "module",
   "exports": {
     "./apollo": "./src/apollo.js",
     "./pinia": "./src/pinia.js",
     "./token": "./src/token.js",
-    "./login": "./src/login.js",
     "./user": "./src/user.js",
     "./router": "./src/router.js"
   },
@@ -26,9 +25,9 @@
     "src"
   ],
   "dependencies": {
-    "@apollo/client": "^4.0.6",
+    "@apollo/client": "^4.0.7",
     "@nitra/jwt-decode": "^1.2.0",
-    "@vue/apollo-composable": "^4.2.2",
+    "@vue3-apollo/core": "^1.3.1",
     "graphql-ws": "^6.0.6",
     "pinia": "^3.0.3",
     "pinia-plugin-persistedstate": "^4.5.0",

package/src/apollo.js

@@ -1,15 +1,26 @@
-import { ApolloClient, InMemoryCache, createHttpLink, from, split } from '@apollo/client'
-import { setContext } from '@apollo/client/link/context'
+import { ApolloClient, ApolloLink, HttpLink, InMemoryCache } from '@apollo/client/core'
 import { GraphQLWsLink } from '@apollo/client/link/subscriptions'
 import { getMainDefinition } from '@apollo/client/utilities'
 import { createClient } from 'graphql-ws'
-import { checkToken, getToken } from './token.js'
-import { user } from './user.js'
-
+import { checkedToken, cleanToken, user } from './user.js'
 export { gql } from '@apollo/client/core'
-export { provideApolloClient, useMutation, useQuery, useSubscription } from '@vue/apollo-composable'
+export { apolloPlugin, useApolloClient, useMutation, useQuery, useSubscription } from '@vue3-apollo/core'
+
+function getAuthHeaders() {
+  // Якщо є токен - додаємо його в заголовки
+  if (checkedToken) {
+    const headers = {}
+
+    headers.Authorization = `Bearer ${checkedToken}`
+    headers['x-hasura-role'] = user.role
+
+    return headers
+  }
+
+  return {}
+}
 
-const httpLink = createHttpLink({
+const httpLink = new HttpLink({
   uri: `${import.meta.env.VITE_HASURA_PROTOCOL === 'wss' ? 'https' : 'http'}://${
     import.meta.env.VITE_HASURA_HOST
   }/v1/graphql`
@@ -20,6 +31,9 @@ const httpLink = createHttpLink({
  * @returns {void}
  */
 export function logout() {
+  cleanToken()
+  // Очищаємо Apollo Client кеш і закриваємо зʼєднання
+  resetApolloClient()
   const logoutUrl = `${import.meta.env.BASE_URL}logout`
   // Якщо не на сторінці логауту, то перенаправляємо на сторінку логауту
   if (globalThis.location.pathname !== logoutUrl) {
@@ -32,47 +46,34 @@ export function logout() {
  * @param {Record<string, string>} headers - Початкові заголовки запиту
  * @returns {{headers: Record<string, string>}} - Обʼєкт з підготовленими заголовками
  */
-function prepareHeaders(headers = {}) {
-  const token = getToken()
-
-  if (!token) {
-    logout()
-  }
-  const check = checkToken(token)
-
-  // Якщо роль не підходить, то перенаправляємо на сторінку логауту
-  if (check.result === 'broken-role') {
-    logout()
-  }
-
-  if (check.result !== 'ok' || !user.role) {
-    logout()
-  }
 
-  headers.Authorization = `Bearer ${token}`
-  headers['x-hasura-role'] = user.role
-
-  return { headers }
-}
-
-// Додаємо токен і роль до кожного HTTP-запиту
-const authLink = setContext((_, { headers }) => {
-  return prepareHeaders({ ...headers })
+// Додаємо токен і роль до кожного HTTP-запиту за допомогою ApolloLink
+const authLink = new ApolloLink((operation, forward) => {
+  const existingHeaders = operation.getContext().headers || {}
+  operation.setContext({
+    headers: {
+      ...existingHeaders,
+      ...getAuthHeaders()
+    }
+  })
+  return forward(operation)
 })
 
 export const wsClient = createClient({
   url: `${import.meta.env.VITE_HASURA_PROTOCOL}://${import.meta.env.VITE_HASURA_HOST}/v1/graphql`,
-  connectionParams: () => {
-    return prepareHeaders()
-  },
+  connectionParams: () => ({
+    headers: getAuthHeaders()
+  }),
   // Обробник успішного підключення
   on: {
     // Обробник помилок підключення
+    /** @param {unknown} error - Помилка WebSocket з'єднання */
     error: error => {
       console.error('WebSocket помилка:', error)
     },
 
     // Обробник закриття з'єднання
+    /** @param {{ code: number, reason: string }} event - Подія закриття WebSocket */
     closed: event => {
       console.info('WebSocket закрито:', event.code, event.reason)
 
@@ -93,13 +94,13 @@ export const wsClient = createClient({
 const wsLink = new GraphQLWsLink(wsClient)
 
 // Розділяємо трафік: subscription -> WS, інше -> HTTP
-const link = split(
+const link = ApolloLink.split(
   ({ query }) => {
     const def = getMainDefinition(query)
     return def.kind === 'OperationDefinition' && def.operation === 'subscription'
   },
   wsLink,
-  from([authLink, httpLink])
+  ApolloLink.from([authLink, httpLink])
 )
 
 // Ініціалізуємо клієнт
@@ -107,3 +108,20 @@ export const apolloClient = new ApolloClient({
   link,
   cache: new InMemoryCache()
 })
+/**
+ * Повне скидання Apollo Client (для критичних випадків)
+ */
+export function resetApolloClient() {
+  if (apolloClient) {
+    // Очищаємо кеш
+    apolloClient.clearStore()
+
+    // Закриваємо всі активні запити
+    apolloClient.stop()
+  }
+
+  // Закриваємо WebSocket з'єднання
+  if (wsClient && wsClient.dispose) {
+    wsClient.dispose()
+  }
+}

package/src/router.js

@@ -36,7 +36,7 @@ export function canUserAccess(to) {
   if (!user.role) {
     const check = checkToken(token)
     if (check.result === 'ok') {
-      setUser(check.decoded)
+      setUser(check.decoded, token)
     } else {
       return false
     }
@@ -76,7 +76,7 @@ export function canUserAccessMetaRoles(to) {
   if (!user.role) {
     const check = checkToken(token)
     if (check.result === 'ok') {
-      setUser(check.decoded)
+      setUser(check.decoded, token)
     } else {
       return false
     }

package/src/token.js

@@ -1,7 +1,5 @@
 import jwtDecode from '@nitra/jwt-decode'
-import { apolloClient, wsClient } from './apollo.js'
-import { defaultLogin } from './login.js'
-import { setUser, unsetUser } from './user.js'
+import { cleanToken, setUser, unsetUser } from './user.js'
 
 // @ts-ignore
 const allowedRoles = import.meta.env.VITE_HASURA_ROLE.split(',')
@@ -12,6 +10,7 @@ const allowedRoles = import.meta.env.VITE_HASURA_ROLE.split(',')
  * @returns {{result: 'ok'|'expired'|'cleaned'|'broken-role', decoded?: object}} - Результат перевірки
  */
 export function checkToken(token) {
+  /** @type {{ exp?: number, [k: string]: any }} */
   const decoded = jwtDecode(token)
   if (!decoded || !decoded['https://hasura.io/jwt/claims']) {
     cleanToken()
@@ -19,67 +18,69 @@ export function checkToken(token) {
   }
 
   if (!decoded['https://hasura.io/jwt/claims']['x-hasura-allowed-roles'].some(x => allowedRoles.includes(x))) {
+    unsetUser()
     // Виходимо
     return { result: 'broken-role' }
   }
 
   const isExpired = !decoded || Math.floor(Date.now() / 1000) > decoded.exp
   if (isExpired) {
+    unsetUser()
     refreshToken()
     return { result: 'expired' }
   }
 
+  setUser(decoded, token)
   return { result: 'ok', decoded }
 }
 
 /**
- * Токен з кукі
- * @returns {string}  токен
+ * Вхід або на попередню або на кореневу сторінку
+ * @param {object} decoded - Розкодований JWT з Hasura claims
+ * @param {string} raw - JWT як рядок (для localStorage)
+ * @returns {void}
  */
-export function getToken() {
-  // інакше з кукі
-  const cookieObj = new URLSearchParams(document.cookie.replaceAll('; ', '&'))
-  const token = cookieObj.get('__session')
-  if (token) {
-    return token
-  }
+export function defaultLogin(decoded, raw) {
+  // Якщо задано що токен  з localStorage
+  localStorage.setItem('__session', raw)
 
-  // Якщо задано що токен беремо з localStorage
-  return localStorage.getItem('__session')
+  setUser(decoded, raw)
+  // @ts-ignore
+  const route = sessionStorage.getItem('url-before-logout') || import.meta.env.BASE_URL
+  globalThis.location.href = route // router.push(route)
 }
 
 /**
- * Переводимо в анонімного користувача
+ * Автоматичний вхід користувача
+ * @returns {Promise<void>}
  */
-export function cleanToken() {
-  unsetUser()
-
-  // Очищаємо Apollo Client кеш
-  resetApolloClient()
+export function autoLogin() {
+  const token = getToken()
+  if (!token) {
+    return
+  }
 
-  // видаляємо з localStorage
-  localStorage.removeItem('__session')
+  const check = checkToken(token)
+  if (check.result !== 'ok') {
+    return
+  }
 
-  // @ts-ignore
-  document.cookie = `__session=; Max-Age=0; path=/; domain=${import.meta.env.VITE_DOMAIN}`
+  defaultLogin(check.decoded, token)
 }
-
 /**
- * Повне скидання Apollo Client (для критичних випадків)
+ * Токен з кукі
+ * @returns {string}  токен
  */
-export function resetApolloClient() {
-  if (apolloClient) {
-    // Очищаємо кеш
-    apolloClient.clearStore()
-
-    // Закриваємо всі активні запити
-    apolloClient.stop()
+export function getToken() {
+  // інакше з кукі
+  const cookieObj = new URLSearchParams(document.cookie.replaceAll('; ', '&'))
+  const token = cookieObj.get('__session')
+  if (token) {
+    return token
   }
 
-  // Закриваємо WebSocket з'єднання
-  if (wsClient && wsClient.dispose) {
-    wsClient.dispose()
-  }
+  // Якщо задано що токен беремо з localStorage
+  return localStorage.getItem('__session')
 }
 
 /**
@@ -117,14 +118,14 @@ export async function refreshToken() {
 
     // Якщо запущений аполо
     // допускаємо що ми всередині прикладення
-    if (globalThis.location.pathname !== '/login' && apolloClient) {
+    if (globalThis.location.pathname === '/login') {
+      await defaultLogin(check.decoded, result.token)
+    } else {
       setUser(check.decoded)
 
       // перезавантажуємо щоб він вступив в дію
       // wsClient.restart()
-      wsClient.dispose()
-    } else {
-      await defaultLogin(check.decoded, result.token)
+      // wsClient.dispose()
     }
   } catch (error) {
     console.error('Error:', error)

package/src/user.js

@@ -1,5 +1,11 @@
 const allowedRoles = import.meta.env.VITE_HASURA_ROLE.split(',')
 
+// Декодована версія токена, яка пройшла перевірку, на те що вона:
+// - має /hasura.io/jwt/claims
+// - має дозволені ролі
+// - не застарів
+export let checkedToken
+
 export let user = {}
 
 /**
@@ -7,18 +13,21 @@ export let user = {}
  */
 export function unsetUser() {
   user = {}
+  checkedToken = null
 }
 
 /**
  * Встановлює дані користувача з розкодованого JWT
- * @param {object} u - Обʼєкт з Hasura claims розкодованого токена
+ * @param {object} decoded - Обʼєкт з Hasura claims розкодованого токена
+ * @param {String} raw - Raw токен
  */
-export function setUser(u) {
-  user = u
+export function setUser(decoded, raw = null) {
+  user = decoded
+  checkedToken = raw
 
-  user.login = u['https://hasura.io/jwt/claims']['x-hasura-user-id']
+  user.login = decoded['https://hasura.io/jwt/claims']['x-hasura-user-id']
   // Роль за умовчанням
-  const intersect = intersection(allowedRoles, u['https://hasura.io/jwt/claims']['x-hasura-allowed-roles'])
+  const intersect = intersection(allowedRoles, decoded['https://hasura.io/jwt/claims']['x-hasura-allowed-roles'])
   user.role = intersect[0]
 }
 
@@ -32,3 +41,16 @@ function intersection(a, b) {
   const setA = new Set(a)
   return b.filter(value => setA.has(value))
 }
+
+/**
+ * Переводимо в анонімного користувача
+ */
+export function cleanToken() {
+  unsetUser()
+
+  // видаляємо з localStorage
+  localStorage.removeItem('__session')
+
+  // @ts-ignore
+  document.cookie = `__session=; Max-Age=0; path=/; domain=${import.meta.env.VITE_DOMAIN}`
+}

package/src/apollo-v4-compat.js

@@ -1,20 +0,0 @@
-// Apollo Client v4 compatibility shim for @vue/apollo-composable
-export class ApolloError extends Error {
-  constructor(opts = {}) {
-    super(opts.errorMessage || 'Apollo Client Error')
-    this.name = 'ApolloError'
-    this.graphQLErrors = opts.graphQLErrors ?? []
-    this.clientErrors = opts.clientErrors ?? []
-    this.networkError = opts.networkError
-    this.extraInfo = opts.extraInfo
-  }
-}
-
-/**
- *
- * @param err
- */
-export function isApolloError(err) {
-  return err instanceof ApolloError
-}
-// export * from '@apollo/client/core' // реекспорт всього

package/src/login.js

@@ -1,39 +0,0 @@
-import { checkToken, getToken } from './token.js'
-import { setUser } from './user.js'
-// import { router } from './router.js'
-// Використовуємо глобальну версію
-// import { router } from '@nitra/vite-boot/router'
-
-/**
- * Автоматичний вхід користувача
- * @returns {Promise<void>}
- */
-export function autoLogin() {
-  const token = getToken()
-  if (!token) {
-    return
-  }
-
-  const check = checkToken(token)
-  if (check.result !== 'ok') {
-    return
-  }
-
-  defaultLogin(check.decoded, token)
-}
-
-/**
- * Вхід або на попередню або на кореневу сторінку
- * @param {object} decoded - Розкодований JWT з Hasura claims
- * @param {string} raw - JWT як рядок (для localStorage)
- * @returns {void}
- */
-export function defaultLogin(decoded, raw) {
-  // Якщо задано що токен  з localStorage
-  localStorage.setItem('__session', raw)
-
-  setUser(decoded)
-  // @ts-ignore
-  const route = sessionStorage.getItem('url-before-logout') || import.meta.env.BASE_URL
-  globalThis.location.href = route // router.push(route)
-}