@sigmaott/base-next 1.4.0 → 1.4.2

package/package.json

@@ -1,130 +1,130 @@
-{
-  "name": "@sigmaott/base-next",
-  "type": "module",
-  "version": "1.4.0",
-  "publishConfig": {
-    "access": "public"
-  },
-  "main": "./nuxt.config.ts",
-  "files": [
-    "locales",
-    "src",
-    "public",
-    ".npmrc",
-    "nuxt.config.ts",
-    "hyrd-ui.preset.ts",
-    "nuxt-config.ts",
-    "i18n.config.ts",
-    "uno.config.ts",
-    "tsconfig.json"
-  ],
-  "scripts": {
-    "build": "nuxi build",
-    "dev": "nuxi dev",
-    "dev:pwa": "VITE_PLUGIN_PWA=true nuxi dev",
-    "start": "node .output/server/index.mjs",
-    "typecheck": "vue-tsc --noEmit",
-    "generate": "nuxi generate",
-    "start:generate": "npx serve .output/public",
-    "openapi:auth-service": "pnpm tsx ../../s-openapi.ts https://dev-streaming.gviet.vn:8783/auth-service/v1/api-docs-json ./src/schemas/authServiceApi.json",
-    "openapi:library": "pnpm tsx ../../s-openapi.ts https://dev-streaming.gviet.vn:8783/api/library/api-docs-json ./src/schemas/libraryApi.json",
-    "openapi:machine": "pnpm tsx ../../s-openapi.ts https://dev-streaming.gviet.vn:8783/api/machine/api-docs-json ./src/schemas/machineApi.json",
-    "openapi:license": "pnpm tsx ../../s-openapi.ts https://dev-streaming.gviet.vn:8783/api/license/api-docs-json ./src/schemas/licenseApi.json",
-    "openapi:notification": "curl https://dev-streaming.gviet.vn:8783/api/notification/api-docs-json -o ./src/schemas/notificationApi.json",
-    "openapi:lrm": "pnpm tsx ../../s-openapi.ts https://dev-streaming.gviet.vn:8783/api/lrm/api-docs-json ./src/schemas/lrmApi.json",
-    "openapi:transcode": "pnpm tsx ../../s-openapi.ts https://dev-streaming.gviet.vn:8783/api/transcode/api-docs-json ./src/schemas/transcodeApi.json",
-    "openapi:billing": "pnpm tsx ../../s-openapi.ts https://dev-streaming.gviet.vn:8783/api/billing/api-docs-json ./src/schemas/billingApi.json --covert",
-    "openapi:metric": "pnpm tsx ../../s-openapi.ts https://dev-streaming.gviet.vn:8783/api/metric/api-docs-json ./src/schemas/metricApi.json",
-    "openapi:playout": "pnpm tsx ../../s-openapi.ts https://dev-streaming.gviet.vn:8783/api/playout/api-docs-json ./src/schemas/playoutApi.json",
-    "openapi:vod": "pnpm tsx ../../s-openapi.ts https://dev-streaming.gviet.vn:8783/api/vod/api-docs-json ./src/schemas/vodApi.json",
-    "openapi:livestream": "pnpm tsx ../../s-openapi.ts https://dev-streaming.gviet.vn:8783/api/livestream/api-docs-json ./src/schemas/livestreamApi.json",
-    "openapi:ssai": "pnpm tsx ../../s-openapi.ts https://dev-streaming.gviet.vn:8783/api/ssai/api-docs-json ./src/schemas/ssaiApi.json",
-    "openapi:chat": "pnpm tsx ../../s-openapi.ts https://dev-streaming.gviet.vn:8783/api/chat/api-docs-json ./src/schemas/chatApi.json"
-  },
-  "dependencies": {
-    "date-fns": "^2.29.3",
-    "@cubejs-client/core": "^0.30.29",
-    "@cubejs-client/vue3": "^0.30.29",
-    "odometer": "^0.4.8",
-    "vue3-odometer": "^0.1.3",
-    "@pureadmin/utils": "^1.9.6",
-    "@ai-sdk/vue": "^1.2.12",
-    "@antfu/eslint-config": "^2.15.0",
-    "@antfu/utils": "^0.7.4",
-    "@atlaskit/pragmatic-drag-and-drop": "^1.1.9",
-    "@atlaskit/pragmatic-drag-and-drop-hitbox": "^1.0.3",
-    "@element-plus/nuxt": "^1.0.7",
-    "@iconify-json/carbon": "^1.1.18",
-    "@iconify-json/ep": "^1.1.10",
-    "@iconify-json/lucide": "^1.1.188",
-    "@iconify-json/radix-icons": "^1.1.11",
-    "@iconify-json/ri": "^1.1.10",
-    "@iconify-json/twemoji": "^1.1.11",
-    "@nuxt/devtools": "^1.6.0",
-    "@nuxt/eslint": "^0.3.9",
-    "@nuxt/fonts": "^0.8.0",
-    "@nuxtjs/color-mode": "^3.3.0",
-    "@nuxtjs/i18n": "^8.3.1",
-    "@pinia/nuxt": "^0.4.11",
-    "@tanstack/vue-query": "^4.29.13",
-    "@unocss/eslint-config": "^0.59.4",
-    "@unocss/nuxt": "^0.59.4",
-    "@unocss/reset": "^0.59.4",
-    "@videojs-player/vue": "^1.0.0",
-    "@vite-pwa/nuxt": "^0.1.0",
-    "@vue-macros/nuxt": "^1.3.12",
-    "@vueuse/core": "^10.6.1",
-    "@vueuse/nuxt": "^10.6.1",
-    "@vueuse/router": "^10.9.0",
-    "@vvo/tzdb": "^6.108.0",
-    "axios": "^0.27.2",
-    "clipboard": "^2.0.11",
-    "dayjs": "^1.11.13",
-    "dayjs-nuxt": "^2.1.9",
-    "defu": "^6.1.2",
-    "destr": "^1.2.2",
-    "element-plus": "2.5.5",
-    "hls.js": "^1.5.14",
-    "jszip": "^3.10.1",
-    "klona": "^2.0.6",
-    "libphonenumber-js": "^1.10.34",
-    "lucide-vue-next": "^0.446.0",
-    "mediainfo.js": "0.1.8",
-    "nuxt-api-party": "^0.20.1",
-    "openapi-typescript": "^6.6.1",
-    "pinia": "^2.1.4",
-    "plyr": "^3.7.8",
-    "radix-vue": "^1.9.6",
-    "recaptcha-v3": "^1.10.0",
-    "remeda": "^1.19.0",
-    "sass": "^1.63.6",
-    "swagger-client": "^3.19.10",
-    "unocss": "^0.59.4",
-    "uuid": "^9.0.1",
-    "v-lazy-show": "^0.2.4",
-    "validator": "^13.9.0",
-    "video.js": "^7.20.3",
-    "vue-echarts": "^6.6.0",
-    "vue-json-pretty": "^2.2.4",
-    "worker-timers": "^7.0.71",
-    "xlsx": "https://cdn.sheetjs.com/xlsx-0.20.1/xlsx-0.20.1.tgz",
-    "zod": "^3.24.1",
-    "echarts": "5.5.1",
-    "class-variance-authority": "^0.7.0"
-  },
-  "devDependencies": {
-    "@openapitools/openapi-generator-cli": "^2.6.0",
-    "typescript": "^5.4.5",
-    "tsx": "^4.7.1",
-    "@changesets/cli": "^2.26.1",
-    "@types/node": "18.16.16",
-    "@types/validator": "^13.7.17",
-    "consola": "^3.1.0",
-    "cross-env": "^7.0.3",
-    "eslint": "^9.1.1",
-    "eslint-plugin-format": "^0.1.1",
-    "h3": "^1.8.1",
-    "nuxt": "3.15.4",
-    "vue-tsc": "^1.8.1"
-  }
-}
+{
+  "name": "@sigmaott/base-next",
+  "type": "module",
+  "version": "1.4.2",
+  "publishConfig": {
+    "access": "public"
+  },
+  "main": "./nuxt.config.ts",
+  "files": [
+    "locales",
+    "src",
+    "public",
+    ".npmrc",
+    "nuxt.config.ts",
+    "hyrd-ui.preset.ts",
+    "nuxt-config.ts",
+    "i18n.config.ts",
+    "uno.config.ts",
+    "tsconfig.json"
+  ],
+  "scripts": {
+    "build": "nuxi build",
+    "dev": "nuxi dev",
+    "dev:pwa": "VITE_PLUGIN_PWA=true nuxi dev",
+    "start": "node .output/server/index.mjs",
+    "typecheck": "vue-tsc --noEmit",
+    "generate": "nuxi generate",
+    "start:generate": "npx serve .output/public",
+    "openapi:auth-service": "pnpm tsx ../../s-openapi.ts https://dev-streaming.gviet.vn:8783/auth-service/v1/api-docs-json ./src/schemas/authServiceApi.json",
+    "openapi:library": "pnpm tsx ../../s-openapi.ts https://dev-streaming.gviet.vn:8783/api/library/api-docs-json ./src/schemas/libraryApi.json",
+    "openapi:machine": "pnpm tsx ../../s-openapi.ts https://dev-streaming.gviet.vn:8783/api/machine/api-docs-json ./src/schemas/machineApi.json",
+    "openapi:license": "pnpm tsx ../../s-openapi.ts https://dev-streaming.gviet.vn:8783/api/license/api-docs-json ./src/schemas/licenseApi.json",
+    "openapi:notification": "curl https://dev-streaming.gviet.vn:8783/api/notification/api-docs-json -o ./src/schemas/notificationApi.json",
+    "openapi:lrm": "pnpm tsx ../../s-openapi.ts https://dev-streaming.gviet.vn:8783/api/lrm/api-docs-json ./src/schemas/lrmApi.json",
+    "openapi:transcode": "pnpm tsx ../../s-openapi.ts https://dev-streaming.gviet.vn:8783/api/transcode/api-docs-json ./src/schemas/transcodeApi.json",
+    "openapi:billing": "pnpm tsx ../../s-openapi.ts https://dev-streaming.gviet.vn:8783/api/billing/api-docs-json ./src/schemas/billingApi.json --covert",
+    "openapi:metric": "pnpm tsx ../../s-openapi.ts https://dev-streaming.gviet.vn:8783/api/metric/api-docs-json ./src/schemas/metricApi.json",
+    "openapi:playout": "pnpm tsx ../../s-openapi.ts https://dev-streaming.gviet.vn:8783/api/playout/api-docs-json ./src/schemas/playoutApi.json",
+    "openapi:vod": "pnpm tsx ../../s-openapi.ts https://dev-streaming.gviet.vn:8783/api/vod/api-docs-json ./src/schemas/vodApi.json",
+    "openapi:livestream": "pnpm tsx ../../s-openapi.ts https://dev-streaming.gviet.vn:8783/api/livestream/api-docs-json ./src/schemas/livestreamApi.json",
+    "openapi:ssai": "pnpm tsx ../../s-openapi.ts https://dev-streaming.gviet.vn:8783/api/ssai/api-docs-json ./src/schemas/ssaiApi.json",
+    "openapi:chat": "pnpm tsx ../../s-openapi.ts https://dev-streaming.gviet.vn:8783/api/chat/api-docs-json ./src/schemas/chatApi.json"
+  },
+  "dependencies": {
+    "date-fns": "^2.29.3",
+    "@cubejs-client/core": "^0.30.29",
+    "@cubejs-client/vue3": "^0.30.29",
+    "odometer": "^0.4.8",
+    "vue3-odometer": "^0.1.3",
+    "@pureadmin/utils": "^1.9.6",
+    "@ai-sdk/vue": "^1.2.12",
+    "@antfu/eslint-config": "^2.15.0",
+    "@antfu/utils": "^0.7.4",
+    "@atlaskit/pragmatic-drag-and-drop": "^1.1.9",
+    "@atlaskit/pragmatic-drag-and-drop-hitbox": "^1.0.3",
+    "@element-plus/nuxt": "^1.0.7",
+    "@iconify-json/carbon": "^1.1.18",
+    "@iconify-json/ep": "^1.1.10",
+    "@iconify-json/lucide": "^1.1.188",
+    "@iconify-json/radix-icons": "^1.1.11",
+    "@iconify-json/ri": "^1.1.10",
+    "@iconify-json/twemoji": "^1.1.11",
+    "@nuxt/devtools": "^1.6.0",
+    "@nuxt/eslint": "^0.3.9",
+    "@nuxt/fonts": "^0.8.0",
+    "@nuxtjs/color-mode": "^3.3.0",
+    "@nuxtjs/i18n": "^8.3.1",
+    "@pinia/nuxt": "^0.4.11",
+    "@tanstack/vue-query": "^4.29.13",
+    "@unocss/eslint-config": "^0.59.4",
+    "@unocss/nuxt": "^0.59.4",
+    "@unocss/reset": "^0.59.4",
+    "@videojs-player/vue": "^1.0.0",
+    "@vite-pwa/nuxt": "^0.1.0",
+    "@vue-macros/nuxt": "^1.3.12",
+    "@vueuse/core": "^10.6.1",
+    "@vueuse/nuxt": "^10.6.1",
+    "@vueuse/router": "^10.9.0",
+    "@vvo/tzdb": "^6.108.0",
+    "axios": "^0.27.2",
+    "clipboard": "^2.0.11",
+    "dayjs": "^1.11.13",
+    "dayjs-nuxt": "^2.1.9",
+    "defu": "^6.1.2",
+    "destr": "^1.2.2",
+    "element-plus": "2.5.5",
+    "hls.js": "^1.5.14",
+    "jszip": "^3.10.1",
+    "klona": "^2.0.6",
+    "libphonenumber-js": "^1.10.34",
+    "lucide-vue-next": "^0.446.0",
+    "mediainfo.js": "0.1.8",
+    "nuxt-api-party": "^0.20.1",
+    "openapi-typescript": "^6.6.1",
+    "pinia": "^2.1.4",
+    "plyr": "^3.7.8",
+    "radix-vue": "^1.9.6",
+    "recaptcha-v3": "^1.10.0",
+    "remeda": "^1.19.0",
+    "sass": "^1.63.6",
+    "swagger-client": "^3.19.10",
+    "unocss": "^0.59.4",
+    "uuid": "^9.0.1",
+    "v-lazy-show": "^0.2.4",
+    "validator": "^13.9.0",
+    "video.js": "^7.20.3",
+    "vue-echarts": "^6.6.0",
+    "vue-json-pretty": "^2.2.4",
+    "worker-timers": "^7.0.71",
+    "xlsx": "https://cdn.sheetjs.com/xlsx-0.20.1/xlsx-0.20.1.tgz",
+    "zod": "^3.24.1",
+    "echarts": "5.5.1",
+    "class-variance-authority": "^0.7.0"
+  },
+  "devDependencies": {
+    "@openapitools/openapi-generator-cli": "^2.6.0",
+    "typescript": "^5.4.5",
+    "tsx": "^4.7.1",
+    "@changesets/cli": "^2.26.1",
+    "@types/node": "18.16.16",
+    "@types/validator": "^13.7.17",
+    "consola": "^3.1.0",
+    "cross-env": "^7.0.3",
+    "eslint": "^9.1.1",
+    "eslint-plugin-format": "^0.1.1",
+    "h3": "^1.8.1",
+    "nuxt": "3.15.4",
+    "vue-tsc": "^1.8.1"
+  }
+}

package/public/routes.json

@@ -1,34 +1,34 @@
-[
-  {
-    "name": "all",
-    "path": "/:all(.*)*",
-    "meta": {
-      "__nuxt_dynamic_meta_key": {}
-    },
-    "children": []
-  },
-  {
-    "name": "403",
-    "path": "/403",
-    "meta": {
-      "__nuxt_dynamic_meta_key": {}
-    },
-    "children": []
-  },
-  {
-    "name": "500",
-    "path": "/500",
-    "meta": {
-      "__nuxt_dynamic_meta_key": {}
-    },
-    "children": []
-  },
-  {
-    "name": "login",
-    "path": "/login",
-    "meta": {
-      "__nuxt_dynamic_meta_key": {}
-    },
-    "children": []
-  }
+[
+  {
+    "name": "all",
+    "path": "/:all(.*)*",
+    "meta": {
+      "__nuxt_dynamic_meta_key": {}
+    },
+    "children": []
+  },
+  {
+    "name": "403",
+    "path": "/403",
+    "meta": {
+      "__nuxt_dynamic_meta_key": {}
+    },
+    "children": []
+  },
+  {
+    "name": "500",
+    "path": "/500",
+    "meta": {
+      "__nuxt_dynamic_meta_key": {}
+    },
+    "children": []
+  },
+  {
+    "name": "login",
+    "path": "/login",
+    "meta": {
+      "__nuxt_dynamic_meta_key": {}
+    },
+    "children": []
+  }
 ]

package/src/api/api.ts

@@ -1,15 +1,15 @@
-import { AppsApi } from '../api-client-auth'
-import { InvoiceApi, PaymentMethodsApi, PaymentPlanApi } from '../api-client-billing'
-import { BASE_PATH as paymentBaseUrl } from '../api-client-billing/base'
-import { NotificationApi } from '../api-client-noti'
-import axiosInstance from '../api/axios'
-
-export { paymentBaseUrl }
-export const paymentMethodsApi = new PaymentMethodsApi(undefined, paymentBaseUrl, axiosInstance)
-export const invoiceApi = new InvoiceApi(undefined, paymentBaseUrl, axiosInstance)
-export const paymentPlanApi = new PaymentPlanApi(undefined, paymentBaseUrl, axiosInstance)
-
-export const notificationApi = new NotificationApi(undefined, '', axiosInstance)
-
-// Assets
-export const appsApi = new AppsApi(undefined, '', axiosInstance)
+import { AppsApi } from '../api-client-auth'
+import { InvoiceApi, PaymentMethodsApi, PaymentPlanApi } from '../api-client-billing'
+import { BASE_PATH as paymentBaseUrl } from '../api-client-billing/base'
+import { NotificationApi } from '../api-client-noti'
+import axiosInstance from '../api/axios'
+
+export { paymentBaseUrl }
+export const paymentMethodsApi = new PaymentMethodsApi(undefined, paymentBaseUrl, axiosInstance)
+export const invoiceApi = new InvoiceApi(undefined, paymentBaseUrl, axiosInstance)
+export const paymentPlanApi = new PaymentPlanApi(undefined, paymentBaseUrl, axiosInstance)
+
+export const notificationApi = new NotificationApi(undefined, '', axiosInstance)
+
+// Assets
+export const appsApi = new AppsApi(undefined, '', axiosInstance)

package/src/api/axios.ts

@@ -1,133 +1,133 @@
-// @unocss-include
-import type { AxiosInstance, AxiosRequestConfig } from 'axios'
-import axios from 'axios'
-import { ElNotification } from 'element-plus'
-import { showFullScreenLoading, tryHideFullScreenLoading } from './service-loading'
-import { HEADER_TOKEN } from '../utils/storage'
-
-interface CustomAxiosRequestConfig extends AxiosRequestConfig { }
-
-interface ResponseError {
-  statusCode: number
-  timestamp: Date
-  message: string | string[]
-  path: string
-  errors?: string[]
-}
-
-export const service = axios.create({
-  baseURL: window.__NUXT__.config.public.apiBase,
-})
-
-let lastErrorTime = 0
-const showError = (statusCode: any, error: any) => {
-  const now = Date.now()
-  if (now - lastErrorTime < 1500) {
-    return // Skip if called too frequently
-  }
-  lastErrorTime = now
-  
-  ElNotification({
-    title: `${[window.translate?.('global.error'), statusCode || ''].join(' ')}`,
-    type: 'error',
-    dangerouslyUseHTMLString: true,
-    message: getErrorMessage(error),
-    duration: 5000,
-    customClass: '!w-[650px] !z-69999',
-    modalClass: '!z-69999',
-  })
-}
-
-export function addInterceptor(service: AxiosInstance, transformRes?: (res) => any) {
-  service.interceptors.request.use((config) => {
-    const isNotGet = config.method !== 'get'
-    // only add loading for mutation request
-    if (isNotGet && !config.headers!.noLoading)
-      showFullScreenLoading()
-
-    const customConfig = config as CustomAxiosRequestConfig
-    customConfig.headers = {
-      ...HEADER_TOKEN.value,
-      ...config.headers,
-    }
-    return customConfig
-  })
-
-  service.interceptors.response.use((response) => {
-    if (response.config.method !== 'get')
-      tryHideFullScreenLoading()
-    return transformRes ? transformRes(response) : response
-  }, (error) => {
-    if (!error.response) {
-      ElNotification({
-        title: `${error.message || 'Network Error'}`,
-        type: 'error',
-        dangerouslyUseHTMLString: true,
-        message: window.translate?.('global.went_wrong') || 'Something went wrong!',
-        duration: 5000,
-      })
-
-      return Promise.reject(error)
-    }
-
-    // Do something with request error
-    const { data } = error.response
-    const { statusCode } = data as ResponseError
-
-    // bring user to the 503 page if the server is down
-    if (statusCode === 503)
-      window.$router.push('/503')
-
-    tryHideFullScreenLoading()
-    if (TOKEN_STORAGE.value) {
-      if (statusCode === 401) {
-        // remove token
-        TOKEN_STORAGE.value = ''
-        // redirect to login page if not in subApp
-        showError(statusCode, error)
-        setTimeout(() => {
-          if (!isSubApp) {
-            window.location.reload()
-          }
-          else {
-            window.$wujie.bus.$emit('__RELOAD__')
-            window?.parent?.location?.reload()
-          }
-        }, 2000)
-      }
-
-      if (statusCode === 403) {
-        const mes = window.translate('403.messsage_mutation')
-        if (error.response?.data) {
-          error.response.data.errors = mes
-        }
-        if (isSubApp) {
-          if (error.config.method !== 'get') {
-            showError(statusCode, error)
-          }
-          else {
-            window.$wujie.bus.$emit('__403_MUTATION__')
-          }
-        }
-        else {
-          const bypass403 = error.config?.headers['X-Bypass-403']?.toString() === 'true'
-          bypass403 ? showError(statusCode, error) : window.$router.push('/403')
-        }
-      }
-    }
-    // noNotify = false
-    let disabledNotify = !!error.config.headers?.noNotify
-    const statusCodeDisabledNotify = error.config.headers?.statusCodeDisabledNotify
-    if (statusCodeDisabledNotify)
-      disabledNotify = statusCodeDisabledNotify.includes(statusCode)
-
-    if (!disabledNotify)
-      showError(statusCode, error)
-
-    return Promise.reject(error)
-  })
-}
-
-addInterceptor(service)
-
-export default service
+// @unocss-include
+import type { AxiosInstance, AxiosRequestConfig } from 'axios'
+import axios from 'axios'
+import { ElNotification } from 'element-plus'
+import { showFullScreenLoading, tryHideFullScreenLoading } from './service-loading'
+import { HEADER_TOKEN } from '../utils/storage'
+
+interface CustomAxiosRequestConfig extends AxiosRequestConfig { }
+
+interface ResponseError {
+  statusCode: number
+  timestamp: Date
+  message: string | string[]
+  path: string
+  errors?: string[]
+}
+
+export const service = axios.create({
+  baseURL: window.__NUXT__.config.public.apiBase,
+})
+
+let lastErrorTime = 0
+const showError = (statusCode: any, error: any) => {
+  const now = Date.now()
+  if (now - lastErrorTime < 1500) {
+    return // Skip if called too frequently
+  }
+  lastErrorTime = now
+  
+  ElNotification({
+    title: `${[window.translate?.('global.error'), statusCode || ''].join(' ')}`,
+    type: 'error',
+    dangerouslyUseHTMLString: true,
+    message: getErrorMessage(error),
+    duration: 5000,
+    customClass: '!w-[650px] !z-69999',
+    modalClass: '!z-69999',
+  })
+}
+
+export function addInterceptor(service: AxiosInstance, transformRes?: (res) => any) {
+  service.interceptors.request.use((config) => {
+    const isNotGet = config.method !== 'get'
+    // only add loading for mutation request
+    if (isNotGet && !config.headers!.noLoading)
+      showFullScreenLoading()
+
+    const customConfig = config as CustomAxiosRequestConfig
+    customConfig.headers = {
+      ...HEADER_TOKEN.value,
+      ...config.headers,
+    }
+    return customConfig
+  })
+
+  service.interceptors.response.use((response) => {
+    if (response.config.method !== 'get')
+      tryHideFullScreenLoading()
+    return transformRes ? transformRes(response) : response
+  }, (error) => {
+    if (!error.response) {
+      ElNotification({
+        title: `${error.message || 'Network Error'}`,
+        type: 'error',
+        dangerouslyUseHTMLString: true,
+        message: window.translate?.('global.went_wrong') || 'Something went wrong!',
+        duration: 5000,
+      })
+
+      return Promise.reject(error)
+    }
+
+    // Do something with request error
+    const { data } = error.response
+    const { statusCode } = data as ResponseError
+
+    // bring user to the 503 page if the server is down
+    if (statusCode === 503)
+      window.$router.push('/503')
+
+    tryHideFullScreenLoading()
+    if (TOKEN_STORAGE.value) {
+      if (statusCode === 401) {
+        // remove token
+        TOKEN_STORAGE.value = ''
+        // redirect to login page if not in subApp
+        showError(statusCode, error)
+        setTimeout(() => {
+          if (!isSubApp) {
+            window.location.reload()
+          }
+          else {
+            window.$wujie.bus.$emit('__RELOAD__')
+            window?.parent?.location?.reload()
+          }
+        }, 2000)
+      }
+
+      if (statusCode === 403) {
+        const mes = window.translate('403.messsage_mutation')
+        if (error.response?.data) {
+          error.response.data.errors = mes
+        }
+        if (isSubApp) {
+          if (error.config.method !== 'get') {
+            showError(statusCode, error)
+          }
+          else {
+            window.$wujie.bus.$emit('__403_MUTATION__')
+          }
+        }
+        else {
+          const bypass403 = error.config?.headers['X-Bypass-403']?.toString() === 'true'
+          bypass403 ? showError(statusCode, error) : window.$router.push('/403')
+        }
+      }
+    }
+    // noNotify = false
+    let disabledNotify = !!error.config.headers?.noNotify
+    const statusCodeDisabledNotify = error.config.headers?.statusCodeDisabledNotify
+    if (statusCodeDisabledNotify)
+      disabledNotify = statusCodeDisabledNotify.includes(statusCode)
+
+    if (!disabledNotify)
+      showError(statusCode, error)
+
+    return Promise.reject(error)
+  })
+}
+
+addInterceptor(service)
+
+export default service