@nitra/vite-boot 1.0.9 → 1.0.10

package/package.json

@@ -1,13 +1,14 @@
 {
   "name": "@nitra/vite-boot",
-  "version": "1.0.9",
+  "version": "1.0.10",
   "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",

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/token.js

@@ -0,0 +1,27 @@
+/**
+ * Ініціалізація Sentry
+ */
+export const refreshToken = async () => {
+  try {
+    const response = await fetch('/refresh-token', {
+      method: 'POST',
+      headers: {
+        'Content-Type': 'application/json'
+      },
+      body: JSON.stringify({ token: localStorage.getItem('token') })
+    })
+    const result = await response.json()
+
+    if (result.token) {
+      // якщо токен прийшов - замінюємо його
+      localStorage.setItem('token', result.token)
+      // та перезавантажуємо щоб він вступив в дію
+      window.location.reload()
+    } else {
+      // інакше вихід
+      window.location.replace('/logout')
+    }
+  } catch (error) {
+    console.error('Error:', error)
+  }
+}