@sigmaott/base-next 1.4.7 → 1.4.9

package/nuxt-config.ts

@@ -1,23 +1,23 @@
-export const sharedModules = [
-  ['@nuxt/eslint', {
-    config: {
-      standalone: false,
-      stylistic: true,
-    },
-  }],
-  ['@nuxtjs/i18n', {
-    lazy: true,
-    strategy: 'no_prefix',
-    langDir: '../locales',
-    locales: [
-      { code: 'en', file: 'en.yaml' },
-      { code: 'vi', file: 'vi.yaml' },
-    ],
-  }],
-  ['@nuxt/devtools', {
-    enabled: true,
-    componentInspector: {
-      toggleComboKey: 'meta-shift',
-    },
-  }],
-]
+export const sharedModules = [
+  ['@nuxt/eslint', {
+    config: {
+      standalone: false,
+      stylistic: true,
+    },
+  }],
+  ['@nuxtjs/i18n', {
+    lazy: true,
+    strategy: 'no_prefix',
+    langDir: '../locales',
+    locales: [
+      { code: 'en', file: 'en.yaml' },
+      { code: 'vi', file: 'vi.yaml' },
+    ],
+  }],
+  ['@nuxt/devtools', {
+    enabled: true,
+    componentInspector: {
+      toggleComboKey: 'meta-shift',
+    },
+  }],
+]

package/nuxt.config.ts

@@ -1,277 +1,277 @@
-import { writeFileSync } from 'node:fs'
-import { resolve as resolveFs } from 'node:path'
-import type { NuxtPage } from 'nuxt/schema'
-import { createResolver } from '@nuxt/kit'
-import generateMenuRoutes from './src/utils/gen-routes'
-import { transformRouteToMenu } from './src/utils/utils'
-import { sharedModules } from './nuxt-config'
-
-const { resolve } = createResolver(import.meta.url)
-
-export default defineNuxtConfig({
-  srcDir: 'src/',
-  ssr: false,
-  modules: [
-    '@vueuse/nuxt',
-    '@pinia/nuxt',
-    '@element-plus/nuxt',
-    '@vue-macros/nuxt',
-    '@nuxtjs/i18n',
-    resolve('./src/modules/api-party/module.ts'),
-    '@unocss/nuxt',
-    // '@nuxt/fonts',
-    'v-lazy-show/nuxt',
-    'dayjs-nuxt',
-    ...sharedModules,
-  ],
-  i18n: {
-    lazy: true,
-    strategy: 'no_prefix',
-    langDir: '../../base-next/locales',
-    locales: [
-      { code: 'en', file: 'en.yaml' },
-      { code: 'vi', file: 'vi.yaml' },
-    ],
-    vueI18n: './i18n.config.ts',
-  },
-  experimental: {
-    // when using generate, payload js assets included in sw precache manifest
-    // but missing on offline, disabling extraction it until fixed
-    payloadExtraction: false,
-    renderJsonPayloads: true,
-    // typedPages: true,
-  },
-  features: {
-    // For UnoCSS
-    inlineStyles: false,
-  },
-
-  apiParty: {
-    allowClient: true,
-  },
-  optimizeDeps: { exclude: ['vue'] },
-
-  css: [
-    '@unocss/reset/tailwind-compat.css',
-    'vue-json-pretty/lib/styles.css',
-    resolve('./src/assets/scss/index.scss'),
-  ],
-
-  nitro: {
-    esbuild: {
-      options: {
-        target: 'esnext',
-      },
-    },
-  },
-
-  imports: {
-    dirs: [
-      // './constants',
-      // all hooks, helper folders in components folder
-      'components/**/*/hooks/*.ts',
-      'components/**/*/helpers/*.ts',
-    ],
-    presets: [
-      {
-        from: '@tanstack/vue-query',
-        imports: [
-          'useInfiniteQuery',
-          'useIsFetching',
-          'useIsMutating',
-          'useMutation',
-          'useQueries',
-          'useQuery',
-          'useQueryClient',
-          'useQueryProvider',
-        ],
-      },
-      {
-        from: '@antfu/utils',
-        imports: [
-          'ensurePrefix',
-          'ensureSuffix',
-          'objectKeys',
-          'objectMap',
-          'sleep',
-        ],
-      },
-      {
-        from: 'ufo',
-        imports: [
-          'joinURL',
-          'resolveURL',
-          'withQuery',
-        ],
-      },
-      {
-        from: 'klona',
-        imports: [
-          'klona',
-        ],
-      },
-      {
-        from: 'defu',
-        imports: [
-          'defu',
-        ],
-      },
-      {
-        from: 'remeda',
-        imports: [
-          'equals',
-        ],
-      },
-      {
-        from: 'element-plus',
-        imports: [
-          'dayjs',
-        ],
-      },
-    ],
-  },
-  vite: {
-    css: {
-      preprocessorOptions: {
-        scss: {
-          additionalData: `@use "${resolve('./src/assets/scss/element/index.scss')}" as element;`,
-        },
-      },
-    },
-    optimizeDeps: {
-      needsInterop: ['mediainfo.js'],
-      include: [
-        "dayjs",
-        "dayjs/plugin/utc",
-        "dayjs/plugin/timezone",
-        "dayjs/plugin/customParseFormat",
-        'axios',
-        'validator/lib/isIP',
-        'validator/lib/isEmail',
-        'clipboard',
-        'deepmerge',
-        'swagger-client',
-        'mediainfo.js',
-        "video.js",
-      ],
-    },
-    server: {
-      cors: true,
-    },
-  },
-  vue: {
-    compilerOptions: {
-      isCustomElement: tag => tag.startsWith('micro-app'),
-    },
-  },
-  hooks: {
-    'pages:extend': function (pages) {
-      // remove routes
-      function removePagesMatching(pattern: RegExp, pages: NuxtPage[] = []) {
-        const pagesToRemove = []
-        for (const page of pages) {
-          if (pattern.test(page.file))
-            pagesToRemove.push(page)
-
-          else
-            removePagesMatching(pattern, page.children)
-        }
-        for (const page of pagesToRemove)
-          pages.splice(pages.indexOf(page), 1)
-      }
-      removePagesMatching(/.*\/components\/.*$/, pages)
-
-      // the problem is that we dont have page metadata
-      generateMenuRoutes({ routes: transformRouteToMenu(pages) })
-    },
-    'build:before': function () {
-      writeFileSync(resolveFs('./src/public/build-time.json'), JSON.stringify(Date.now(), null, 2))
-    },
-  },
-  components: [
-    {
-      path: resolve('./src/components'),
-      extensions: ['vue'],
-      prefix: 'SS',
-    },
-  ],
-  runtimeConfig: {
-    public: {
-      apiBase: process.env.NUXT_PUBLIC_API_BASE,
-    },
-    apiParty: {
-      endpoints: {
-        authServiceApi: {
-          schema: resolve('./src/schemas/authServiceApi.json'),
-        },
-        libraryApi: {
-          schema: resolve('./src/schemas/libraryApi.json'),
-        },
-        machineApi: {
-          schema: resolve('./src/schemas/machineApi.json'),
-        },
-        licenseApi: {
-          schema: resolve('./src/schemas/licenseApi.json'),
-        },
-        billingApi: {
-          schema: resolve('./src/schemas/billingApi.json'),
-        },
-        notificationApi: {
-          schema: resolve('./src/schemas/notificationApi.json'),
-        },
-        lrmApi: {
-          schema: resolve('./src/schemas/lrmApi.json'),
-        },
-        transcodeApi: {
-          schema: resolve('./src/schemas/transcodeApi.json'),
-        },
-        playoutApi: {
-          schema: resolve('./src/schemas/playoutApi.json'),
-        },
-        metricApi: {
-          schema: resolve('./src/schemas/metricApi.json'),
-        },
-        vodApi: {
-          schema: resolve('./src/schemas/vodApi.json'),
-        },
-        livestreamApi: {
-          schema: resolve('./src/schemas/livestreamApi.json'),
-        },
-        ssaiApi: {
-          schema: resolve('./src/schemas/ssaiApi.json'),
-        },
-        vastControlApi: {
-          schema: resolve('./src/schemas/vastControlApi.json'),
-        },
-        chatApi: {
-          schema: resolve('./src/schemas/chatApi.json'),
-        },
-      },
-    },
-  },
-  unocss: {
-    autoImport: false,
-  },
-  devtools: {
-    enabled: true,
-    componentInspector: {
-      toggleComboKey: 'meta-shift',
-      launchEditor: 'cursor',
-    },
-  },
-  routeRules: {
-    '/**': {
-      // enable CORS
-      cors: true, // if enabled, also needs cors-preflight-request.ts Nitro middleware to answer CORS preflight requests
-      headers: {
-        // CORS headers
-        'Access-Control-Allow-Origin': '*', // 'http://example:6006', has to be set to the requesting domain that you want to send the credentials back to
-        'Access-Control-Allow-Methods': '*', // 'GET,HEAD,PUT,PATCH,POST,DELETE,OPTIONS'
-        'Access-Control-Allow-Credentials': 'true',
-        'Access-Control-Allow-Headers': '*', // 'Origin, Content-Type, Accept, Authorization, X-Requested-With'
-        'Access-Control-Expose-Headers': '*',
-        'Access-Control-Max-Age': '0', // 7200 = caching 2 hours (Chromium default), https://developer.mozilla.org/en-US/docs/Web/HTTP/Headers/Access-Control-Max-Age#directives
-      },
-    },
-  },
-})
+import { writeFileSync } from 'node:fs'
+import { resolve as resolveFs } from 'node:path'
+import type { NuxtPage } from 'nuxt/schema'
+import { createResolver } from '@nuxt/kit'
+import generateMenuRoutes from './src/utils/gen-routes'
+import { transformRouteToMenu } from './src/utils/utils'
+import { sharedModules } from './nuxt-config'
+
+const { resolve } = createResolver(import.meta.url)
+
+export default defineNuxtConfig({
+  srcDir: 'src/',
+  ssr: false,
+  modules: [
+    '@vueuse/nuxt',
+    '@pinia/nuxt',
+    '@element-plus/nuxt',
+    '@vue-macros/nuxt',
+    '@nuxtjs/i18n',
+    resolve('./src/modules/api-party/module.ts'),
+    '@unocss/nuxt',
+    // '@nuxt/fonts',
+    'v-lazy-show/nuxt',
+    'dayjs-nuxt',
+    ...sharedModules,
+  ],
+  i18n: {
+    lazy: true,
+    strategy: 'no_prefix',
+    langDir: '../../base-next/locales',
+    locales: [
+      { code: 'en', file: 'en.yaml' },
+      { code: 'vi', file: 'vi.yaml' },
+    ],
+    vueI18n: './i18n.config.ts',
+  },
+  experimental: {
+    // when using generate, payload js assets included in sw precache manifest
+    // but missing on offline, disabling extraction it until fixed
+    payloadExtraction: false,
+    renderJsonPayloads: true,
+    // typedPages: true,
+  },
+  features: {
+    // For UnoCSS
+    inlineStyles: false,
+  },
+
+  apiParty: {
+    allowClient: true,
+  },
+  optimizeDeps: { exclude: ['vue'] },
+
+  css: [
+    '@unocss/reset/tailwind-compat.css',
+    'vue-json-pretty/lib/styles.css',
+    resolve('./src/assets/scss/index.scss'),
+  ],
+
+  nitro: {
+    esbuild: {
+      options: {
+        target: 'esnext',
+      },
+    },
+  },
+
+  imports: {
+    dirs: [
+      // './constants',
+      // all hooks, helper folders in components folder
+      'components/**/*/hooks/*.ts',
+      'components/**/*/helpers/*.ts',
+    ],
+    presets: [
+      {
+        from: '@tanstack/vue-query',
+        imports: [
+          'useInfiniteQuery',
+          'useIsFetching',
+          'useIsMutating',
+          'useMutation',
+          'useQueries',
+          'useQuery',
+          'useQueryClient',
+          'useQueryProvider',
+        ],
+      },
+      {
+        from: '@antfu/utils',
+        imports: [
+          'ensurePrefix',
+          'ensureSuffix',
+          'objectKeys',
+          'objectMap',
+          'sleep',
+        ],
+      },
+      {
+        from: 'ufo',
+        imports: [
+          'joinURL',
+          'resolveURL',
+          'withQuery',
+        ],
+      },
+      {
+        from: 'klona',
+        imports: [
+          'klona',
+        ],
+      },
+      {
+        from: 'defu',
+        imports: [
+          'defu',
+        ],
+      },
+      {
+        from: 'remeda',
+        imports: [
+          'equals',
+        ],
+      },
+      {
+        from: 'element-plus',
+        imports: [
+          'dayjs',
+        ],
+      },
+    ],
+  },
+  vite: {
+    css: {
+      preprocessorOptions: {
+        scss: {
+          additionalData: `@use "${resolve('./src/assets/scss/element/index.scss')}" as element;`,
+        },
+      },
+    },
+    optimizeDeps: {
+      needsInterop: ['mediainfo.js'],
+      include: [
+        "dayjs",
+        "dayjs/plugin/utc",
+        "dayjs/plugin/timezone",
+        "dayjs/plugin/customParseFormat",
+        'axios',
+        'validator/lib/isIP',
+        'validator/lib/isEmail',
+        'clipboard',
+        'deepmerge',
+        'swagger-client',
+        'mediainfo.js',
+        "video.js",
+      ],
+    },
+    server: {
+      cors: true,
+    },
+  },
+  vue: {
+    compilerOptions: {
+      isCustomElement: tag => tag.startsWith('micro-app'),
+    },
+  },
+  hooks: {
+    'pages:extend': function (pages) {
+      // remove routes
+      function removePagesMatching(pattern: RegExp, pages: NuxtPage[] = []) {
+        const pagesToRemove = []
+        for (const page of pages) {
+          if (pattern.test(page.file))
+            pagesToRemove.push(page)
+
+          else
+            removePagesMatching(pattern, page.children)
+        }
+        for (const page of pagesToRemove)
+          pages.splice(pages.indexOf(page), 1)
+      }
+      removePagesMatching(/.*\/components\/.*$/, pages)
+
+      // the problem is that we dont have page metadata
+      generateMenuRoutes({ routes: transformRouteToMenu(pages) })
+    },
+    'build:before': function () {
+      writeFileSync(resolveFs('./src/public/build-time.json'), JSON.stringify(Date.now(), null, 2))
+    },
+  },
+  components: [
+    {
+      path: resolve('./src/components'),
+      extensions: ['vue'],
+      prefix: 'SS',
+    },
+  ],
+  runtimeConfig: {
+    public: {
+      apiBase: process.env.NUXT_PUBLIC_API_BASE,
+    },
+    apiParty: {
+      endpoints: {
+        authServiceApi: {
+          schema: resolve('./src/schemas/authServiceApi.json'),
+        },
+        libraryApi: {
+          schema: resolve('./src/schemas/libraryApi.json'),
+        },
+        machineApi: {
+          schema: resolve('./src/schemas/machineApi.json'),
+        },
+        licenseApi: {
+          schema: resolve('./src/schemas/licenseApi.json'),
+        },
+        billingApi: {
+          schema: resolve('./src/schemas/billingApi.json'),
+        },
+        notificationApi: {
+          schema: resolve('./src/schemas/notificationApi.json'),
+        },
+        lrmApi: {
+          schema: resolve('./src/schemas/lrmApi.json'),
+        },
+        transcodeApi: {
+          schema: resolve('./src/schemas/transcodeApi.json'),
+        },
+        playoutApi: {
+          schema: resolve('./src/schemas/playoutApi.json'),
+        },
+        metricApi: {
+          schema: resolve('./src/schemas/metricApi.json'),
+        },
+        vodApi: {
+          schema: resolve('./src/schemas/vodApi.json'),
+        },
+        livestreamApi: {
+          schema: resolve('./src/schemas/livestreamApi.json'),
+        },
+        ssaiApi: {
+          schema: resolve('./src/schemas/ssaiApi.json'),
+        },
+        vastControlApi: {
+          schema: resolve('./src/schemas/vastControlApi.json'),
+        },
+        chatApi: {
+          schema: resolve('./src/schemas/chatApi.json'),
+        },
+      },
+    },
+  },
+  unocss: {
+    autoImport: false,
+  },
+  devtools: {
+    enabled: true,
+    componentInspector: {
+      toggleComboKey: 'meta-shift',
+      launchEditor: 'cursor',
+    },
+  },
+  routeRules: {
+    '/**': {
+      // enable CORS
+      cors: true, // if enabled, also needs cors-preflight-request.ts Nitro middleware to answer CORS preflight requests
+      headers: {
+        // CORS headers
+        'Access-Control-Allow-Origin': '*', // 'http://example:6006', has to be set to the requesting domain that you want to send the credentials back to
+        'Access-Control-Allow-Methods': '*', // 'GET,HEAD,PUT,PATCH,POST,DELETE,OPTIONS'
+        'Access-Control-Allow-Credentials': 'true',
+        'Access-Control-Allow-Headers': '*', // 'Origin, Content-Type, Accept, Authorization, X-Requested-With'
+        'Access-Control-Expose-Headers': '*',
+        'Access-Control-Max-Age': '0', // 7200 = caching 2 hours (Chromium default), https://developer.mozilla.org/en-US/docs/Web/HTTP/Headers/Access-Control-Max-Age#directives
+      },
+    },
+  },
+})