@sigmaott/base-next 1.4.0 → 1.4.2

package/src/pages/login.vue

@@ -1,67 +1,67 @@
-<script setup lang="ts">
-definePageMeta({
-  title: 'Login',
-  key: 'Login',
-  icon: 'i-carbon:user-avatar',
-  requiresAuth: false,
-  keepAlive: true,
-  notAsMenu: true,
-  order: 4,
-  isHideSubApp: true,
-})
-
-const router = useRouter()
-const token = ref('')
-const appId = ref(APP_ID_STORAGE.value || 'd48b652d-b023-449a-8690-30be16b98934')
-
-function setLogin() {
-  TOKEN_PROP_STORAGE.value = 'Authorization'
-  TOKEN_STORAGE.value = `Bearer ${token.value}`
-  APP_ID_STORAGE.value = appId.value
-  router.push('/')
-}
-
-const { t } = useI18n()
-</script>
-
-<template>
-  <el-card shadow="never" class="lg:h-full" :body-style="{ height: 'calc(100% - 61px)' }">
-    <template #header>
-      <div class="card-header">
-        <span>{{ t('title') }}</span>
-      </div>
-    </template>
-    <el-form label-width="120px">
-      <el-form-item :label="t('token')">
-        <el-input v-model="token" :placeholder="t('placeholder.token')" />
-      </el-form-item>
-      <el-form-item :label="t('appId')">
-        <el-input v-model="appId" :placeholder="t('placeholder.appId')" />
-      </el-form-item>
-      <el-form-item>
-        <el-button type="primary" @click="setLogin">
-          {{ t('submit') }}
-        </el-button>
-      </el-form-item>
-    </el-form>
-  </el-card>
-</template>
-
-<i18n lang="yaml">
-en:
-  title: Login
-  submit: Submit
-  token: Token
-  appId: App ID
-  placeholder:
-    token: Please input token
-    appId: Please input app id
-vi:
-  title: Đăng nhập
-  submit: Đăng nhập
-  token: Khóa
-  appId: ID ứng dụng
-  placeholder:
-    token: Vui lòng nhập khóa
-    appId: Vui lòng nhập ID ứng dụng
-</i18n>
+<script setup lang="ts">
+definePageMeta({
+  title: 'Login',
+  key: 'Login',
+  icon: 'i-carbon:user-avatar',
+  requiresAuth: false,
+  keepAlive: true,
+  notAsMenu: true,
+  order: 4,
+  isHideSubApp: true,
+})
+
+const router = useRouter()
+const token = ref('')
+const appId = ref(APP_ID_STORAGE.value || 'd48b652d-b023-449a-8690-30be16b98934')
+
+function setLogin() {
+  TOKEN_PROP_STORAGE.value = 'Authorization'
+  TOKEN_STORAGE.value = `Bearer ${token.value}`
+  APP_ID_STORAGE.value = appId.value
+  router.push('/')
+}
+
+const { t } = useI18n()
+</script>
+
+<template>
+  <el-card shadow="never" class="lg:h-full" :body-style="{ height: 'calc(100% - 61px)' }">
+    <template #header>
+      <div class="card-header">
+        <span>{{ t('title') }}</span>
+      </div>
+    </template>
+    <el-form label-width="120px">
+      <el-form-item :label="t('token')">
+        <el-input v-model="token" :placeholder="t('placeholder.token')" />
+      </el-form-item>
+      <el-form-item :label="t('appId')">
+        <el-input v-model="appId" :placeholder="t('placeholder.appId')" />
+      </el-form-item>
+      <el-form-item>
+        <el-button type="primary" @click="setLogin">
+          {{ t('submit') }}
+        </el-button>
+      </el-form-item>
+    </el-form>
+  </el-card>
+</template>
+
+<i18n lang="yaml">
+en:
+  title: Login
+  submit: Submit
+  token: Token
+  appId: App ID
+  placeholder:
+    token: Please input token
+    appId: Please input app id
+vi:
+  title: Đăng nhập
+  submit: Đăng nhập
+  token: Khóa
+  appId: ID ứng dụng
+  placeholder:
+    token: Vui lòng nhập khóa
+    appId: Vui lòng nhập ID ứng dụng
+</i18n>

package/src/plugins/auth.ts

@@ -1,10 +1,10 @@
-export default defineNuxtPlugin(() => {
-  const visibility = useDocumentVisibility()
-
-  watch(TOKEN_STORAGE, () => {
-    nextTick(() => {
-      if (!TOKEN_STORAGE.value && visibility.value === 'hidden')
-        window.location.reload()
-    })
-  })
-})
+export default defineNuxtPlugin(() => {
+  const visibility = useDocumentVisibility()
+
+  watch(TOKEN_STORAGE, () => {
+    nextTick(() => {
+      if (!TOKEN_STORAGE.value && visibility.value === 'hidden')
+        window.location.reload()
+    })
+  })
+})

package/src/plugins/build-time.ts

@@ -1,5 +1,5 @@
-export default defineNuxtPlugin(async (nuxtApp) => {
-  const config = useRuntimeConfig()
-  const buildTime = await $fetch(`${joinURL(config.app.baseURL, 'build-time.json')}`)
-  config.public.buildTime = Number.isNaN(Number(buildTime)) ? Date.now() : Number(buildTime)
-})
+export default defineNuxtPlugin(async (nuxtApp) => {
+  const config = useRuntimeConfig()
+  const buildTime = await $fetch(`${joinURL(config.app.baseURL, 'build-time.json')}`)
+  config.public.buildTime = Number.isNaN(Number(buildTime)) ? Date.now() : Number(buildTime)
+})

package/src/plugins/dayjs.ts

@@ -1,13 +1,13 @@
-import { dayjs } from 'element-plus'
-import utc from 'dayjs/plugin/utc'
-import timezone from 'dayjs/plugin/timezone'
-import customParseFormat from 'dayjs/plugin/customParseFormat'
-
-
-export default defineNuxtPlugin((nuxtApp) => {
-  // custom dayjs
-  dayjs.Ls.en.weekStart = 1
-  dayjs.extend(utc)
-  dayjs.extend(timezone)
-  dayjs.extend(customParseFormat)
-})
+import { dayjs } from 'element-plus'
+import utc from 'dayjs/plugin/utc'
+import timezone from 'dayjs/plugin/timezone'
+import customParseFormat from 'dayjs/plugin/customParseFormat'
+
+
+export default defineNuxtPlugin((nuxtApp) => {
+  // custom dayjs
+  dayjs.Ls.en.weekStart = 1
+  dayjs.extend(utc)
+  dayjs.extend(timezone)
+  dayjs.extend(customParseFormat)
+})

package/src/plugins/i18n.ts

@@ -1,6 +1,6 @@
-export default defineNuxtPlugin((nuxtApp) => {
-  nuxtApp.hook('app:mounted', () => {
-    nuxtApp.vueApp.$nuxt.$i18n.setLocale(__LANGUAGE__.value)
-    window.translate = window.$translate = window.$t = nuxtApp.vueApp.$nuxt.$i18n.t
-  })
-})
+export default defineNuxtPlugin((nuxtApp) => {
+  nuxtApp.hook('app:mounted', () => {
+    nuxtApp.vueApp.$nuxt.$i18n.setLocale(__LANGUAGE__.value)
+    window.translate = window.$translate = window.$t = nuxtApp.vueApp.$nuxt.$i18n.t
+  })
+})

package/src/plugins/router.ts

@@ -1,6 +1,6 @@
-export default defineNuxtPlugin((nuxtApp) => {
-  nuxtApp.hook('app:mounted', () => {
-    const router = useRouter()
-    window.$router = router
-  })
-})
+export default defineNuxtPlugin((nuxtApp) => {
+  nuxtApp.hook('app:mounted', () => {
+    const router = useRouter()
+    window.$router = router
+  })
+})

package/src/plugins/vue-json-pretty.ts

@@ -1,5 +1,5 @@
-import VueJsonPretty from 'vue-json-pretty'
-
-export default defineNuxtPlugin((nuxtApp) => {
-  nuxtApp.vueApp.component('VueJsonPretty', VueJsonPretty)
-})
+import VueJsonPretty from 'vue-json-pretty'
+
+export default defineNuxtPlugin((nuxtApp) => {
+  nuxtApp.vueApp.component('VueJsonPretty', VueJsonPretty)
+})

package/src/plugins/vue-query.ts

@@ -1,41 +1,41 @@
-import type {
-  DehydratedState,
-  VueQueryPluginOptions,
-} from '@tanstack/vue-query'
-import {
-  QueryClient,
-  VueQueryPlugin,
-  dehydrate,
-  hydrate,
-} from '@tanstack/vue-query'
-
-// Nuxt 3 app aliases
-import { useState } from '#app'
-
-export default defineNuxtPlugin((nuxt) => {
-  const vueQueryState = useState<DehydratedState | null>('vue-query')
-
-  // Modify your Vue Query global settings here
-  const queryClient = new QueryClient({
-    defaultOptions: {
-      queries: {
-        retry: 0,
-      },
-    },
-  })
-  const options: VueQueryPluginOptions = { queryClient }
-
-  nuxt.vueApp.use(VueQueryPlugin, options)
-
-  if (import.meta.server) {
-    nuxt.hooks.hook('app:rendered', () => {
-      vueQueryState.value = dehydrate(queryClient)
-    })
-  }
-
-  if (import.meta.client) {
-    nuxt.hooks.hook('app:created', () => {
-      hydrate(queryClient, vueQueryState.value)
-    })
-  }
-})
+import type {
+  DehydratedState,
+  VueQueryPluginOptions,
+} from '@tanstack/vue-query'
+import {
+  QueryClient,
+  VueQueryPlugin,
+  dehydrate,
+  hydrate,
+} from '@tanstack/vue-query'
+
+// Nuxt 3 app aliases
+import { useState } from '#app'
+
+export default defineNuxtPlugin((nuxt) => {
+  const vueQueryState = useState<DehydratedState | null>('vue-query')
+
+  // Modify your Vue Query global settings here
+  const queryClient = new QueryClient({
+    defaultOptions: {
+      queries: {
+        retry: 0,
+      },
+    },
+  })
+  const options: VueQueryPluginOptions = { queryClient }
+
+  nuxt.vueApp.use(VueQueryPlugin, options)
+
+  if (import.meta.server) {
+    nuxt.hooks.hook('app:rendered', () => {
+      vueQueryState.value = dehydrate(queryClient)
+    })
+  }
+
+  if (import.meta.client) {
+    nuxt.hooks.hook('app:created', () => {
+      hydrate(queryClient, vueQueryState.value)
+    })
+  }
+})

package/src/plugins/wujie.ts

@@ -1,19 +1,19 @@
-export default defineNuxtPlugin((nuxtApp) => {
-  nuxtApp.hook('app:created', async (app) => {
-    await new Promise<void>((resolve) => {
-      if (window.__POWERED_BY_WUJIE__) {
-        window.__WUJIE_MOUNT = () => {
-          syncMicroState()
-          resolve()
-        }
-        window.__WUJIE_UNMOUNT = () => {
-          app.unmount()
-        }
-        window.__WUJIE.mount()
-      }
-      else {
-        resolve()
-      }
-    })
-  })
-})
+export default defineNuxtPlugin((nuxtApp) => {
+  nuxtApp.hook('app:created', async (app) => {
+    await new Promise<void>((resolve) => {
+      if (window.__POWERED_BY_WUJIE__) {
+        window.__WUJIE_MOUNT = () => {
+          syncMicroState()
+          resolve()
+        }
+        window.__WUJIE_UNMOUNT = () => {
+          app.unmount()
+        }
+        window.__WUJIE.mount()
+      }
+      else {
+        resolve()
+      }
+    })
+  })
+})

package/src/public/audio-recorder.js

@@ -1,31 +1,31 @@
-class AudioRecorder extends AudioWorkletProcessor {
-  static get parameterDescriptors () { // <1>
-    return [
-      {
-        name: 'isRecording',
-        defaultValue: 0,
-        minValue: 0,
-        maxValue: 1,
-      },
-    ]
-  }
-
-  process (inputs, outputs, parameters) {
-    const buffer = []
-    const channel = 0
-
-    for (let t = 0; t < inputs[0][channel].length; t += 1) {
-      if (parameters.isRecording[0] === 1) { // <2>
-        buffer.push(inputs[0][channel][t])
-      }
-    }
-
-    if (buffer.length >= 1) {
-      this.port.postMessage({buffer}) // <3>
-    }
-
-    return true
-  }
-}
-
+class AudioRecorder extends AudioWorkletProcessor {
+  static get parameterDescriptors () { // <1>
+    return [
+      {
+        name: 'isRecording',
+        defaultValue: 0,
+        minValue: 0,
+        maxValue: 1,
+      },
+    ]
+  }
+
+  process (inputs, outputs, parameters) {
+    const buffer = []
+    const channel = 0
+
+    for (let t = 0; t < inputs[0][channel].length; t += 1) {
+      if (parameters.isRecording[0] === 1) { // <2>
+        buffer.push(inputs[0][channel][t])
+      }
+    }
+
+    if (buffer.length >= 1) {
+      this.port.postMessage({buffer}) // <3>
+    }
+
+    return true
+  }
+}
+
 registerProcessor('audio-recorder', AudioRecorder) // <4>

package/src/public/nuxt.svg

@@ -1,3 +1,3 @@
-<svg width="900" height="900" viewBox="0 0 900 900" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path d="M504.908 750H839.476C850.103 750.001 860.542 747.229 869.745 741.963C878.948 736.696 886.589 729.121 891.9 719.999C897.211 710.876 900.005 700.529 900 689.997C899.995 679.465 897.193 669.12 891.873 660.002L667.187 274.289C661.876 265.169 654.237 257.595 645.036 252.329C635.835 247.064 625.398 244.291 614.773 244.291C604.149 244.291 593.711 247.064 584.511 252.329C575.31 257.595 567.67 265.169 562.36 274.289L504.908 372.979L392.581 179.993C387.266 170.874 379.623 163.301 370.42 158.036C361.216 152.772 350.777 150 340.151 150C329.525 150 319.086 152.772 309.883 158.036C300.679 163.301 293.036 170.874 287.721 179.993L8.12649 660.002C2.80743 669.12 0.00462935 679.465 5.72978e-06 689.997C-0.00461789 700.529 2.78909 710.876 8.10015 719.999C13.4112 729.121 21.0523 736.696 30.255 741.963C39.4576 747.229 49.8973 750.001 60.524 750H270.538C353.748 750 415.112 713.775 457.336 643.101L559.849 467.145L614.757 372.979L779.547 655.834H559.849L504.908 750ZM267.114 655.737L120.551 655.704L340.249 278.586L449.87 467.145L376.474 593.175C348.433 639.03 316.577 655.737 267.114 655.737Z" fill="#00DC82"/>
-</svg>
+<svg width="900" height="900" viewBox="0 0 900 900" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M504.908 750H839.476C850.103 750.001 860.542 747.229 869.745 741.963C878.948 736.696 886.589 729.121 891.9 719.999C897.211 710.876 900.005 700.529 900 689.997C899.995 679.465 897.193 669.12 891.873 660.002L667.187 274.289C661.876 265.169 654.237 257.595 645.036 252.329C635.835 247.064 625.398 244.291 614.773 244.291C604.149 244.291 593.711 247.064 584.511 252.329C575.31 257.595 567.67 265.169 562.36 274.289L504.908 372.979L392.581 179.993C387.266 170.874 379.623 163.301 370.42 158.036C361.216 152.772 350.777 150 340.151 150C329.525 150 319.086 152.772 309.883 158.036C300.679 163.301 293.036 170.874 287.721 179.993L8.12649 660.002C2.80743 669.12 0.00462935 679.465 5.72978e-06 689.997C-0.00461789 700.529 2.78909 710.876 8.10015 719.999C13.4112 729.121 21.0523 736.696 30.255 741.963C39.4576 747.229 49.8973 750.001 60.524 750H270.538C353.748 750 415.112 713.775 457.336 643.101L559.849 467.145L614.757 372.979L779.547 655.834H559.849L504.908 750ZM267.114 655.737L120.551 655.704L340.249 278.586L449.87 467.145L376.474 593.175C348.433 639.03 316.577 655.737 267.114 655.737Z" fill="#00DC82"/>
+</svg>

package/src/public/robots.txt

@@ -1,2 +1,2 @@
-User-agent: *
-Allow: /
+User-agent: *
+Allow: /

package/src/pwa/config.ts

@@ -1,61 +1,61 @@
-import type { Nuxt } from '@nuxt/schema'
-import { resolve } from 'pathe'
-import type { NitroConfig } from 'nitropack'
-import type { ModuleOptions } from './types'
-
-export function configurePWAOptions(options: ModuleOptions, nuxt: Nuxt, nitroConfig: NitroConfig) {
-  if (!options.outDir) {
-    const publicDir = nitroConfig.output?.publicDir ?? nuxt.options.nitro?.output?.publicDir
-    options.outDir = publicDir ? resolve(publicDir) : resolve(nuxt.options.buildDir, '../.output/public')
-  }
-
-  // generate dev sw in .nuxt folder: we don't need to remove it
-  if (options.devOptions?.enabled)
-    options.devOptions.resolveTempFolder = () => resolve(nuxt.options.buildDir, 'dev-sw-dist')
-
-  let config: Partial<
-    import('workbox-build').BasePartial
-    & import('workbox-build').GlobPartial
-    & import('workbox-build').RequiredGlobDirectoryPartial
-  >
-
-  if (options.strategies === 'injectManifest') {
-    options.injectManifest = options.injectManifest ?? {}
-    config = options.injectManifest
-  }
-  else {
-    options.workbox = options.workbox ?? {}
-    if (options.registerType === 'autoUpdate' && (options.client?.registerPlugin || options.injectRegister === 'script' || options.injectRegister === 'inline')) {
-      options.workbox.clientsClaim = true
-      options.workbox.skipWaiting = true
-    }
-    if (nuxt.options.dev) {
-      // on dev force always to use the root
-      options.workbox.navigateFallback = options.workbox.navigateFallback ?? nuxt.options.app.baseURL ?? '/'
-      if (options.devOptions?.enabled && !options.devOptions.navigateFallbackAllowlist)
-        options.devOptions.navigateFallbackAllowlist = [nuxt.options.app.baseURL ? new RegExp(nuxt.options.app.baseURL) : /\//]
-    }
-    config = options.workbox
-  }
-  if (!nuxt.options.dev)
-    config.manifestTransforms = [createManifestTransform(nuxt.options.app.baseURL ?? '/')]
-}
-
-function createManifestTransform(base: string): import('workbox-build').ManifestTransform {
-  return async (entries) => {
-    // prefix non html assets with base
-    entries.filter(e => e && e.url.endsWith('.html')).forEach((e) => {
-      const url = e.url.startsWith('/') ? e.url.slice(1) : e.url
-      if (url === 'index.html') {
-        e.url = base
-      }
-      else {
-        const parts = url.split('/')
-        parts[parts.length - 1] = parts[parts.length - 1].replace(/\.html$/, '')
-        e.url = parts.length > 1 ? parts.slice(0, parts.length - 1).join('/') : parts[0]
-      }
-    })
-
-    return { manifest: entries, warnings: [] }
-  }
-}
+import type { Nuxt } from '@nuxt/schema'
+import { resolve } from 'pathe'
+import type { NitroConfig } from 'nitropack'
+import type { ModuleOptions } from './types'
+
+export function configurePWAOptions(options: ModuleOptions, nuxt: Nuxt, nitroConfig: NitroConfig) {
+  if (!options.outDir) {
+    const publicDir = nitroConfig.output?.publicDir ?? nuxt.options.nitro?.output?.publicDir
+    options.outDir = publicDir ? resolve(publicDir) : resolve(nuxt.options.buildDir, '../.output/public')
+  }
+
+  // generate dev sw in .nuxt folder: we don't need to remove it
+  if (options.devOptions?.enabled)
+    options.devOptions.resolveTempFolder = () => resolve(nuxt.options.buildDir, 'dev-sw-dist')
+
+  let config: Partial<
+    import('workbox-build').BasePartial
+    & import('workbox-build').GlobPartial
+    & import('workbox-build').RequiredGlobDirectoryPartial
+  >
+
+  if (options.strategies === 'injectManifest') {
+    options.injectManifest = options.injectManifest ?? {}
+    config = options.injectManifest
+  }
+  else {
+    options.workbox = options.workbox ?? {}
+    if (options.registerType === 'autoUpdate' && (options.client?.registerPlugin || options.injectRegister === 'script' || options.injectRegister === 'inline')) {
+      options.workbox.clientsClaim = true
+      options.workbox.skipWaiting = true
+    }
+    if (nuxt.options.dev) {
+      // on dev force always to use the root
+      options.workbox.navigateFallback = options.workbox.navigateFallback ?? nuxt.options.app.baseURL ?? '/'
+      if (options.devOptions?.enabled && !options.devOptions.navigateFallbackAllowlist)
+        options.devOptions.navigateFallbackAllowlist = [nuxt.options.app.baseURL ? new RegExp(nuxt.options.app.baseURL) : /\//]
+    }
+    config = options.workbox
+  }
+  if (!nuxt.options.dev)
+    config.manifestTransforms = [createManifestTransform(nuxt.options.app.baseURL ?? '/')]
+}
+
+function createManifestTransform(base: string): import('workbox-build').ManifestTransform {
+  return async (entries) => {
+    // prefix non html assets with base
+    entries.filter(e => e && e.url.endsWith('.html')).forEach((e) => {
+      const url = e.url.startsWith('/') ? e.url.slice(1) : e.url
+      if (url === 'index.html') {
+        e.url = base
+      }
+      else {
+        const parts = url.split('/')
+        parts[parts.length - 1] = parts[parts.length - 1].replace(/\.html$/, '')
+        e.url = parts.length > 1 ? parts.slice(0, parts.length - 1).join('/') : parts[0]
+      }
+    })
+
+    return { manifest: entries, warnings: [] }
+  }
+}