@nitra/vite-boot 1.0.8 → 1.0.12

package/package.json

@@ -1,13 +1,14 @@
 {
   "name": "@nitra/vite-boot",
-  "version": "1.0.8",
+  "version": "1.0.12",
   "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",
@@ -21,7 +22,18 @@
   "author": "vitaliytv <vitaliytv@nitralabs.com>",
   "license": "MIT",
   "prettier": "@nitra/prettier-config",
+  "eslintConfig": {
+    "extends": [
+      "@nitra/eslint-config/vue"
+    ],
+    "globals": {
+      "__HASURA_ROLE__": "readonly",
+      "__SENTRY_DSN__": "readonly",
+      "__GITHUB_SHA__": "readonly"
+    }
+  },
   "devDependencies": {
+    "@nitra/eslint-config": "^1.0.9",
     "@nitra/prettier-config": "^1.0.0"
   },
   "files": [
@@ -29,7 +41,7 @@
   ],
   "dependencies": {
     "@apollo/client": "^3.5.6",
-    "@nitra/consola": "^1.3.1",
+    "@nitra/consola": "^1.6.1",
     "@sentry/tracing": "^6.16.1",
     "@sentry/vue": "^6.16.1",
     "graphql": "^16.2.0",

package/src/apollo.js

@@ -4,14 +4,11 @@ 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 { isDev, isProd } from '@nitra/isenv'
+import { createLogger } from '@nitra/consola'
+import { refreshToken } from './token.js'
 
 const consola = createLogger(import.meta.url)
 
-console.log('isDev', isDev)
-console.log('isProd', isProd)
-
 class WebSocketLink extends ApolloLink {
   constructor(options) {
     super()
@@ -64,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
@@ -99,8 +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')) {
-      localStorage.removeItem('token')
-      window.location.replace('/login')
+      //  ретрай токен
+      // и якщо цей користувач ще валідний в БД
+      // то видавати йому новий токен
+      // тобто ця перевірка універсальна
+      // не в залежності який типом авторизувався користувач
+      // а в залежності від того чи він валідний в БД
+      refreshToken()
     } else {
       console.log(`[Network error]: ${networkError}`)
     }

package/src/i18n.js

@@ -1,5 +1,5 @@
 import { createI18n } from 'petite-vue-i18n'
-import { createLogger } from '@nitra/consola/browser'
+import { persistStore } from 'src/stores/persist.js'
 
 const consola = createLogger(import.meta.url)
 
@@ -29,4 +29,12 @@ export const mt = uk => {
   return ukP
 }
 
+export const updGlobalLocale = lang => {
+  const persist = persistStore()
+  if (lang) {
+    persist.locale = lang
+  }
+  i18n.global.locale.value = persist.locale
+}
+
 consola.debug('End i18n boot')

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))
+}