@nitra/vite-boot 1.0.9 → 1.0.13

package/package.json

@@ -1,13 +1,14 @@
 {
   "name": "@nitra/vite-boot",
-  "version": "1.0.9",
+  "version": "1.0.13",
   "description": "Vite boot",
   "type": "module",
   "exports": {
     "./apollo": "./src/apollo.js",
     "./i18n": "./src/i18n.js",
     "./pinia": "./src/pinia.js",
-    "./sentry": "./src/sentry.js"
+    "./sentry": "./src/sentry.js",
+    "./token": "./src/token.js"
   },
   "repository": {
     "type": "git",
@@ -24,7 +25,12 @@
   "eslintConfig": {
     "extends": [
       "@nitra/eslint-config/vue"
-    ]
+    ],
+    "globals": {
+      "__HASURA_ROLE__": "readonly",
+      "__SENTRY_DSN__": "readonly",
+      "__GITHUB_SHA__": "readonly"
+    }
   },
   "devDependencies": {
     "@nitra/eslint-config": "^1.0.9",
@@ -35,7 +41,7 @@
   ],
   "dependencies": {
     "@apollo/client": "^3.5.6",
-    "@nitra/consola": "^1.3.1",
+    "@nitra/consola": "^1.7.0",
     "@sentry/tracing": "^6.16.1",
     "@sentry/vue": "^6.16.1",
     "graphql": "^16.2.0",

package/src/apollo.js

@@ -4,7 +4,8 @@ import { ApolloLink, ApolloClient, Observable, InMemoryCache, from } from '@apol
 import { onError } from '@apollo/client/link/error'
 import { print } from 'graphql'
 import { createClient } from 'graphql-ws'
-import { createLogger } from '@nitra/consola/browser'
+import { createLogger } from '@nitra/consola'
+import { refreshToken } from './token.js'
 
 const consola = createLogger(import.meta.url)
 
@@ -60,19 +61,11 @@ const wsLink = new WebSocketLink({
   }
 })
 
-const errorLink = onError(({ graphQLErrors, networkError, operation, forward }) => {
+const errorLink = onError(({ graphQLErrors, networkError, _operation, _forward }) => {
   if (graphQLErrors) {
     for (const err of graphQLErrors) {
       consola.debug('graphQLErrors: ', err)
 
-      // TODO: реалізуввати ретрай токен
-      // ще один токен
-      // в якому будуть міститись закодовані дані користувача
-      // и якщо цей користувач ще валідний в БД
-      // то видавати йому новий токен
-      // тобто ця перевірка універсальна
-      // не в залежності який типом авторизувався користувач
-      // а в залежності від того чи він валідний в БД
       // switch (err.extensions.code) {
       //   // Apollo Server sets code to UNAUTHENTICATED
       //   // when an AuthenticationError is thrown in a resolver
@@ -95,9 +88,13 @@ const errorLink = onError(({ graphQLErrors, networkError, operation, forward })
   // instead of the onError link. This just logs the error.
   if (networkError) {
     if (networkError?.message.match('JWTExpired')) {
-      console.log(`[Network err]: ${networkError}`)
-      // localStorage.removeItem('token')
-      window.location.replace('/login')
+      //  ретрай токен
+      // и якщо цей користувач ще валідний в БД
+      // то видавати йому новий токен
+      // тобто ця перевірка універсальна
+      // не в залежності який типом авторизувався користувач
+      // а в залежності від того чи він валідний в БД
+      refreshToken()
     } else {
       console.log(`[Network error]: ${networkError}`)
     }

package/src/pinia.js

@@ -1,6 +1,6 @@
 import { createPinia } from 'pinia'
 import piniaPluginPersistedstate from 'pinia-plugin-persistedstate'
-import { createLogger } from '@nitra/consola/browser'
+import { createLogger } from '@nitra/consola'
 
 const consola = createLogger(import.meta.url)
 

package/src/token.js

@@ -0,0 +1,52 @@
+import { createLogger } from '@nitra/consola'
+
+const consola = createLogger(import.meta.url)
+
+/**
+ * Ініціалізація Sentry
+ */
+export const refreshToken = async () => {
+  try {
+    const token = localStorage.getItem('token')
+
+    consola.debug('token refresh', token)
+
+    if (!token) {
+      // Чекаємо, можливо це паралельний JWTExpired
+      consola.debug('begin wait 5 sec')
+      await sleep(5000)
+      consola.debug('end wait, start logout')
+      window.location.replace('/logout')
+    } else {
+      // Прибираємо токен, щоб інші паралельні JWTExpired не виконувались
+      localStorage.removeItem('token')
+      consola.debug('token cleaned')
+
+      const response = await fetch('/refresh-token', {
+        method: 'POST',
+        headers: {
+          'Content-Type': 'application/json'
+        },
+        body: JSON.stringify({ token })
+      })
+      const result = await response.json()
+      consola.debug('result refresh', result)
+
+      if (result.token) {
+        // якщо токен прийшов - замінюємо його
+        localStorage.setItem('token', result.token)
+        // та перезавантажуємо щоб він вступив в дію
+        window.location.reload()
+      } else {
+        // інакше вихід
+        window.location.replace('/logout')
+      }
+    }
+  } catch (error) {
+    console.error('Error:', error)
+  }
+}
+
+function sleep(ms) {
+  return new Promise(resolve => setTimeout(resolve, ms))
+}