@nitra/vite-boot 1.0.6 → 1.0.10

package/package.json

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

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