@nitra/vite-boot 1.0.0

package/LICENSE

@@ -0,0 +1,29 @@
+BSD 3-Clause License
+
+Copyright (c) 2019, Nick Petruzzelli
+All rights reserved.
+
+Redistribution and use in source and binary forms, with or without
+modification, are permitted provided that the following conditions are met:
+
+* Redistributions of source code must retain the above copyright notice, this
+  list of conditions and the following disclaimer.
+
+* Redistributions in binary form must reproduce the above copyright notice,
+  this list of conditions and the following disclaimer in the documentation
+  and/or other materials provided with the distribution.
+
+* Neither the name of the copyright holder nor the names of its
+  contributors may be used to endorse or promote products derived from
+  this software without specific prior written permission.
+
+THIS SOFTWARE IS PROVIDED BY THE COPYRIGHT HOLDERS AND CONTRIBUTORS "AS IS"
+AND ANY EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT LIMITED TO, THE
+IMPLIED WARRANTIES OF MERCHANTABILITY AND FITNESS FOR A PARTICULAR PURPOSE ARE
+DISCLAIMED. IN NO EVENT SHALL THE COPYRIGHT HOLDER OR CONTRIBUTORS BE LIABLE
+FOR ANY DIRECT, INDIRECT, INCIDENTAL, SPECIAL, EXEMPLARY, OR CONSEQUENTIAL
+DAMAGES (INCLUDING, BUT NOT LIMITED TO, PROCUREMENT OF SUBSTITUTE GOODS OR
+SERVICES; LOSS OF USE, DATA, OR PROFITS; OR BUSINESS INTERRUPTION) HOWEVER
+CAUSED AND ON ANY THEORY OF LIABILITY, WHETHER IN CONTRACT, STRICT LIABILITY,
+OR TORT (INCLUDING NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY OUT OF THE USE
+OF THIS SOFTWARE, EVEN IF ADVISED OF THE POSSIBILITY OF SUCH DAMAGE.

package/README.md

@@ -0,0 +1 @@
+# @nitra/vite-boot

package/package.json

@@ -0,0 +1,38 @@
+{
+  "name": "@nitra/vite-boot",
+  "version": "1.0.0",
+  "description": "Vite boot",
+  "type": "module",
+  "exports": {
+    "./apollo": "src/apollo.js",
+    "./i18n": "src/i18n.js",
+    "./pinia": "src/pinia.js"
+  },
+  "repository": {
+    "type": "git",
+    "url": "git@github.com:nitra/graphql-custom.git"
+  },
+  "keywords": [
+    "nitra",
+    "vite",
+    "boot"
+  ],
+  "author": "vitaliytv <vitaliytv@nitralabs.com>",
+  "license": "MIT",
+  "prettier": "@nitra/prettier-config",
+  "devDependencies": {
+    "@nitra/prettier-config": "^1.0.0"
+  },
+  "files": [
+    "src"
+  ],
+  "dependencies": {
+    "@apollo/client": "^3.5.6",
+    "@nitra/consola": "^1.3.1",
+    "graphql": "^16.2.0",
+    "graphql-ws": "^5.5.5",
+    "petite-vue-i18n": "^9.2.0-beta.26",
+    "pinia": "^2.0.9",
+    "pinia-plugin-persistedstate": "^1.0.3"
+  }
+}

package/src/apollo.js

@@ -0,0 +1,117 @@
+/* global CloseEvent */
+
+import { ApolloLink, ApolloClient, Observable, InMemoryCache, from } from '@apollo/client/core'
+import { onError } from '@apollo/client/link/error'
+import { print } from 'graphql'
+import { createClient } from 'graphql-ws'
+import { createLogger } from '@nitra/consola/browser'
+
+const consola = createLogger(import.meta.url)
+
+class WebSocketLink extends ApolloLink {
+  constructor(options) {
+    super()
+    this.client = createClient(options)
+  }
+
+  request(operation) {
+    return new Observable(sink => {
+      return this.client.subscribe(
+        { ...operation, query: print(operation.query) },
+        {
+          next: sink.next.bind(sink),
+          complete: sink.complete.bind(sink),
+          error: err => {
+            if (Array.isArray(err)) {
+              // GraphQLError[]
+              return sink.error(new Error(err.map(({ message }) => message).join(', ')))
+            }
+            if (err instanceof CloseEvent) {
+              return sink.error(
+                new Error(
+                  `Socket closed with event ${err.code} ${err.reason || ''}` // reason will be available on clean closes only
+                )
+              )
+            }
+            return sink.error(err)
+          }
+        }
+      )
+    })
+  }
+}
+
+const wsLink = new WebSocketLink({
+  url: `${import.meta.env.VITE_HASURA_PROTOCOL}://${import.meta.env.VITE_HASURA_HOST}/v1/graphql`,
+  disablePong: true,
+  connectionParams: () => {
+    // const session = getSession();
+    // if (!session) {
+    //   return {};
+    // }
+    const token = localStorage.getItem('token')
+
+    return {
+      headers: {
+        Authorization: `Bearer ${token}`,
+        'x-hasura-role': import.meta.env.VITE_HASURA_ROLE
+      }
+    }
+  }
+})
+
+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
+      //   case 'UNAUTHENTICATED':
+      //     // Modify the operation context with a new token
+      //     const oldHeaders = operation.getContext().headers
+      //     operation.setContext({
+      //       headers: {
+      //         ...oldHeaders,
+      //         authorization: getNewToken()
+      //       }
+      //     })
+      //     // Retry the request, returning the new observable
+      //     return forward(operation)
+      // }
+    }
+  }
+
+  // To retry on network errors, we recommend the RetryLink
+  // instead of the onError link. This just logs the error.
+  if (networkError) {
+    if (networkError?.message.match('JWTExpired')) {
+      localStorage.removeItem('token')
+      window.location.replace('/login')
+    } else {
+      console.log(`[Network error]: ${networkError}`)
+    }
+  }
+})
+
+// Create the apollo client
+export const apolloClient = new ApolloClient({
+  link: from([errorLink, wsLink]),
+  cache: new InMemoryCache(),
+  defaultOptions: {
+    watchQuery: {
+      fetchPolicy: 'cache-and-network'
+    }
+  }
+})
+
+consola.debug('End Apollo boot')

package/src/i18n.js

@@ -0,0 +1,32 @@
+import { createI18n } from 'petite-vue-i18n'
+import { createLogger } from '@nitra/consola/browser'
+
+const consola = createLogger(import.meta.url)
+
+export const i18n = createI18n({
+  locale: 'ru',
+  fallbackLocale: 'ru',
+  legacy: false
+})
+
+/**
+ * Переводимо з варіанту:
+ * { "индекс": "індекс" }
+ * в
+ * {
+ *  "ru": { "индекс": "индекс" },
+ *  "uk": { "индекс": "індекс" }
+ * }
+ *
+ * @param {Object} uk
+ * @returns {Object}
+ */
+export const mt = uk => {
+  const ukP = { uk: uk }
+
+  ukP.ru = Object.assign({}, ...Object.keys(uk).map(key => ({ [key]: key })))
+
+  return ukP
+}
+
+consola.debug('End i18n boot')

package/src/pinia.js

@@ -0,0 +1,10 @@
+import { createPinia } from 'pinia'
+import piniaPluginPersistedstate from 'pinia-plugin-persistedstate'
+import { createLogger } from '@nitra/consola/browser'
+
+const consola = createLogger(import.meta.url)
+
+export const pinia = createPinia()
+pinia.use(piniaPluginPersistedstate)
+
+consola.debug('End Pinia boot')