@sigmaott/base-next 1.4.0 → 1.4.2

package/src/utils/pwa.ts

@@ -1,86 +1,86 @@
-import type { ModuleOptions } from '@vite-pwa/nuxt'
-
-export function pwa(appName: string): ModuleOptions {
-  // function withBasePath(path: string) {
-  //   return ensureSuffix('/', process.env.NUXT_APP_BASE_URL || '/') + path
-  // }
-
-  // const scope = withBasePath('')
-
-  return {
-    registerType: 'autoUpdate',
-    manifest: {
-      scope: '/',
-      name: appName,
-      short_name: appName,
-      description: appName,
-      theme_color: '#ffffff',
-      icons: [
-        {
-          src: 'pwa-192x192.png',
-          sizes: '192x192',
-          type: 'image/png',
-        },
-        {
-          src: 'pwa-512x512.png',
-          sizes: '512x512',
-          type: 'image/png',
-        },
-        {
-          src: 'maskable-icon.png',
-          sizes: '512x512',
-          type: 'image/png',
-          purpose: 'any maskable',
-        },
-      ],
-    },
-    workbox: {
-      navigateFallback: '/',
-      // Only precache these files - html should be excluded
-      globPatterns: ['**/*.{js,css}'],
-
-      // Don't fallback on document based (e.g. `/some-page`) requests
-      // Even though this says `null` by default, I had to set this specifically to `null` to make it work
-      cleanupOutdatedCaches: true,
-      // runtimeCaching: [
-      //   {
-      //     urlPattern: /^https:\/\/fonts.googleapis.com\/.*/i,
-      //     handler: 'CacheFirst',
-      //     options: {
-      //       expiration: {
-      //         maxEntries: 10,
-      //         maxAgeSeconds: 60 * 60 * 24 * 365, // <== 365 days
-      //       },
-      //       cacheableResponse: {
-      //         statuses: [0, 200],
-      //       },
-      //     },
-      //   },
-      //   {
-      //     urlPattern: /^https:\/\/fonts.gstatic.com\/.*/i,
-      //     handler: 'CacheFirst',
-      //     options: {
-      //       cacheName: 'gstatic-fonts-cache',
-      //       expiration: {
-      //         maxEntries: 10,
-      //         maxAgeSeconds: 60 * 60 * 24 * 365, // <== 365 days
-      //       },
-      //       cacheableResponse: {
-      //         statuses: [0, 200],
-      //       },
-      //     },
-      //   },
-      // ],
-    },
-    client: {
-      installPrompt: true,
-      periodicSyncForUpdates: 20,
-    },
-    registerWebManifestInRouteRules: true,
-    writePlugin: true,
-    devOptions: {
-      enabled: process.env.VITE_PLUGIN_PWA === 'true',
-      navigateFallback: '/',
-    },
-  }
-}
+import type { ModuleOptions } from '@vite-pwa/nuxt'
+
+export function pwa(appName: string): ModuleOptions {
+  // function withBasePath(path: string) {
+  //   return ensureSuffix('/', process.env.NUXT_APP_BASE_URL || '/') + path
+  // }
+
+  // const scope = withBasePath('')
+
+  return {
+    registerType: 'autoUpdate',
+    manifest: {
+      scope: '/',
+      name: appName,
+      short_name: appName,
+      description: appName,
+      theme_color: '#ffffff',
+      icons: [
+        {
+          src: 'pwa-192x192.png',
+          sizes: '192x192',
+          type: 'image/png',
+        },
+        {
+          src: 'pwa-512x512.png',
+          sizes: '512x512',
+          type: 'image/png',
+        },
+        {
+          src: 'maskable-icon.png',
+          sizes: '512x512',
+          type: 'image/png',
+          purpose: 'any maskable',
+        },
+      ],
+    },
+    workbox: {
+      navigateFallback: '/',
+      // Only precache these files - html should be excluded
+      globPatterns: ['**/*.{js,css}'],
+
+      // Don't fallback on document based (e.g. `/some-page`) requests
+      // Even though this says `null` by default, I had to set this specifically to `null` to make it work
+      cleanupOutdatedCaches: true,
+      // runtimeCaching: [
+      //   {
+      //     urlPattern: /^https:\/\/fonts.googleapis.com\/.*/i,
+      //     handler: 'CacheFirst',
+      //     options: {
+      //       expiration: {
+      //         maxEntries: 10,
+      //         maxAgeSeconds: 60 * 60 * 24 * 365, // <== 365 days
+      //       },
+      //       cacheableResponse: {
+      //         statuses: [0, 200],
+      //       },
+      //     },
+      //   },
+      //   {
+      //     urlPattern: /^https:\/\/fonts.gstatic.com\/.*/i,
+      //     handler: 'CacheFirst',
+      //     options: {
+      //       cacheName: 'gstatic-fonts-cache',
+      //       expiration: {
+      //         maxEntries: 10,
+      //         maxAgeSeconds: 60 * 60 * 24 * 365, // <== 365 days
+      //       },
+      //       cacheableResponse: {
+      //         statuses: [0, 200],
+      //       },
+      //     },
+      //   },
+      // ],
+    },
+    client: {
+      installPrompt: true,
+      periodicSyncForUpdates: 20,
+    },
+    registerWebManifestInRouteRules: true,
+    writePlugin: true,
+    devOptions: {
+      enabled: process.env.VITE_PLUGIN_PWA === 'true',
+      navigateFallback: '/',
+    },
+  }
+}

package/src/utils/query-filter.ts

@@ -1,111 +1,111 @@
-export type InputType =
-  | 'text'
-  | 'number'
-  | 'boolean'
-  | 'date'
-  | 'time'
-  | 'datetime'
-  | 'select'
-  | 'multiselect'
-
-export interface FieldConfig {
-  label: string
-  input: InputType
-  value: string
-  modify?: boolean
-  validation: {
-    required?: boolean
-    min?: number
-    max?: number
-  }
-  options: {
-    label: string
-    value: string
-  }[]
-}
-
-export type FieldConfigMap = Record<string, FieldConfig>
-
-export interface Option {
-  label: string
-  value: string | number
-}
-export interface JsonRule {
-  id: string
-  field?: string
-  label?: string
-  input: InputType
-  operator?: string
-  validation?: {
-    min?: number
-    max?: number
-    required?: boolean
-  }
-  value?: (string | number)[]
-  options?: Option[]
-  valid: boolean
-}
-
-type Condition = 'AND' | 'OR'
-
-export interface JsonGroup {
-  id: string
-  input: 'group'
-  condition: Condition
-  rules: (JsonRule | JsonGroup)[]
-  not: boolean
-  valid: boolean
-}
-
-export interface Config {
-  conditions: Record<string, { label: string; value: string }>
-  fields: Record<
-    string,
-    {
-      label: string
-      input: InputType
-      operators?: string[]
-      validation: Object
-      options?: { label: string; value: string }[]
-      value: string | number
-    }
-  >
-  operators: Record<
-    string,
-    {
-      type: string
-      label: string
-
-      nb_input: number
-      multiple: boolean
-
-      apply_to: string[]
-    }
-  >
-  settings: {
-    size: 'large' | 'middle' | 'small'
-    canSetCondition: boolean
-    canSetNot: boolean
-    showNot: boolean
-    showCondition: boolean
-    showActions: boolean
-    showAddGroup: boolean
-    showAddRule: boolean
-    showDelGroup: boolean
-    showDelRule: boolean
-    showEditRule: boolean
-    showDrag: boolean
-    isFieldSelect: boolean
-    fieldSelectPlaceholder: string
-    maxHeight: string
-    fieldSelectLabel: string
-    operatorSelectLabel: string
-    operatorsSelectPlaceholder: string
-    inputPlaceholder: string
-    addGroupLabel: string
-    addRuleLabel: string
-    delGroupLabel: string
-    delRuleLabel: string
-    defaultCondition: Condition
-  }
-}
+export type InputType =
+  | 'text'
+  | 'number'
+  | 'boolean'
+  | 'date'
+  | 'time'
+  | 'datetime'
+  | 'select'
+  | 'multiselect'
+
+export interface FieldConfig {
+  label: string
+  input: InputType
+  value: string
+  modify?: boolean
+  validation: {
+    required?: boolean
+    min?: number
+    max?: number
+  }
+  options: {
+    label: string
+    value: string
+  }[]
+}
+
+export type FieldConfigMap = Record<string, FieldConfig>
+
+export interface Option {
+  label: string
+  value: string | number
+}
+export interface JsonRule {
+  id: string
+  field?: string
+  label?: string
+  input: InputType
+  operator?: string
+  validation?: {
+    min?: number
+    max?: number
+    required?: boolean
+  }
+  value?: (string | number)[]
+  options?: Option[]
+  valid: boolean
+}
+
+type Condition = 'AND' | 'OR'
+
+export interface JsonGroup {
+  id: string
+  input: 'group'
+  condition: Condition
+  rules: (JsonRule | JsonGroup)[]
+  not: boolean
+  valid: boolean
+}
+
+export interface Config {
+  conditions: Record<string, { label: string; value: string }>
+  fields: Record<
+    string,
+    {
+      label: string
+      input: InputType
+      operators?: string[]
+      validation: Object
+      options?: { label: string; value: string }[]
+      value: string | number
+    }
+  >
+  operators: Record<
+    string,
+    {
+      type: string
+      label: string
+
+      nb_input: number
+      multiple: boolean
+
+      apply_to: string[]
+    }
+  >
+  settings: {
+    size: 'large' | 'middle' | 'small'
+    canSetCondition: boolean
+    canSetNot: boolean
+    showNot: boolean
+    showCondition: boolean
+    showActions: boolean
+    showAddGroup: boolean
+    showAddRule: boolean
+    showDelGroup: boolean
+    showDelRule: boolean
+    showEditRule: boolean
+    showDrag: boolean
+    isFieldSelect: boolean
+    fieldSelectPlaceholder: string
+    maxHeight: string
+    fieldSelectLabel: string
+    operatorSelectLabel: string
+    operatorsSelectPlaceholder: string
+    inputPlaceholder: string
+    addGroupLabel: string
+    addRuleLabel: string
+    delGroupLabel: string
+    delRuleLabel: string
+    defaultCondition: Condition
+  }
+}

package/src/utils/queryKeys.ts

@@ -1,11 +1,11 @@
-export const QueryKeys = {
-  PaymentPlan: 'PaymentPlan',
-  AppBillingInfo: 'AppBillingInfo',
-  Noti: '/api/notification/notification',
-  LibraryProfile: 'LibraryProfile',
-  LibraryPreset: 'LibraryPreset',
-  LibraryPresetDetail: 'LibraryPresetDetail',
-  App: 'App',
-  InputDetail: 'InputDetail',
-
-}
+export const QueryKeys = {
+  PaymentPlan: 'PaymentPlan',
+  AppBillingInfo: 'AppBillingInfo',
+  Noti: '/api/notification/notification',
+  LibraryProfile: 'LibraryProfile',
+  LibraryPreset: 'LibraryPreset',
+  LibraryPresetDetail: 'LibraryPresetDetail',
+  App: 'App',
+  InputDetail: 'InputDetail',
+
+}

package/src/utils/regex.ts

@@ -1,8 +1,8 @@
-export const SPECIAL_CHARACTERS = /[`!@#$%^&*()_+\-=[\]{};':"\\|,.<>/?~]/
-export const SPECIAL_CHARACTERS_NAME = /[`!@#$%^&*()+\=[\]{};':"\\|,.<>/?~\s]/
-export const SPECIAL_CHARACTERS_NAME_NO_DASH_UNDERLINE = /[`!@#$%^&*()+\=[\]{};':"\\|,<>\/?~\s.]/
-
-export const SPECIAL_CHARACTERS_NO_DASH = /[`!@#$%^&*()+=[\]{};':"\\|,.<>/?~]/
-export const SPECIAL_CHARACTERS_NO_DASH_UNDERLINE = /[`!@#$%^&*()+\=[\]{};':"\\|,<>/?~]/
-export const WORD_NO_CONTAINT_ACCENTED_CHARACTERS = /^[a-z0-9A-Z_-]*$/
-export const WORD_REGEX_FULL = /^[a-zA-Z0-9\-_\s]*$/
+export const SPECIAL_CHARACTERS = /[`!@#$%^&*()_+\-=[\]{};':"\\|,.<>/?~]/
+export const SPECIAL_CHARACTERS_NAME = /[`!@#$%^&*()+\=[\]{};':"\\|,.<>/?~\s]/
+export const SPECIAL_CHARACTERS_NAME_NO_DASH_UNDERLINE = /[`!@#$%^&*()+\=[\]{};':"\\|,<>\/?~\s.]/
+
+export const SPECIAL_CHARACTERS_NO_DASH = /[`!@#$%^&*()+=[\]{};':"\\|,.<>/?~]/
+export const SPECIAL_CHARACTERS_NO_DASH_UNDERLINE = /[`!@#$%^&*()+\=[\]{};':"\\|,<>/?~]/
+export const WORD_NO_CONTAINT_ACCENTED_CHARACTERS = /^[a-z0-9A-Z_-]*$/
+export const WORD_REGEX_FULL = /^[a-zA-Z0-9\-_\s]*$/

package/src/utils/storage.ts

@@ -1,42 +1,42 @@
-import { useStorage } from '@vueuse/core'
-import { StorageKeys } from '../enums'
-import { computed, type Ref } from 'vue'
-
-export const TOKEN_STORAGE = useStorage(StorageKeys.TOKEN, '', window.parent?.localStorage || localStorage)
-export const TOKEN_TEMP_STORAGE = useStorage(StorageKeys.__TOKEN_TEMP_STORAGE__, '', window.parent?.localStorage || localStorage)
-export const ADMIN_TOKEN_STORAGE = useStorage(StorageKeys.__ADMIN_TOKEN_STORAGE__, '')
-export const APP_ID_STORAGE = useStorage(StorageKeys.APP_ID, '', window.parent?.sessionStorage || sessionStorage)
-// NOTE: APP_DETAIL_STORAGE = [info, permission]
-export const APP_DETAIL_STORAGE = useStorage(StorageKeys.__APP_DETAIL_STORAGE__, {}, window.parent?.sessionStorage || sessionStorage) as Ref<[any, any]>
-export const ALERTS_TRANSCODE_STORAGE = useStorage(StorageKeys.__ALERTS_TRANSCODE_STORAGE__, {}, window.parent?.sessionStorage || sessionStorage)
-export const SERVER_ADD_LICENSE = useStorage(StorageKeys.__SERVER_ADD_LICENSE__, {}, window.parent?.sessionStorage || sessionStorage)
-export const PAYMENT_METHOD_STORAGE = useStorage(StorageKeys.__PAYMENT_METHOD_STORAGE__, {}, window.parent?.sessionStorage || sessionStorage)
-export const TOKEN_PROP_STORAGE = useStorage(StorageKeys.TOKEN_PROP, '', window.parent?.localStorage || localStorage)
-export const __LANGUAGE__ = useStorage(StorageKeys.__LANGUAGE__, 'en', window.parent?.localStorage || localStorage)
-export const __IS_DARK__ = useStorage(StorageKeys.__IS_DARK__, true, window.parent?.localStorage || localStorage)
-export const SOCIAL_LOGIN_REDIRECT = useStorage('__SOCIAL_LOGIN_REDIRECT__', '')
-export const asideCollapsed = useStorage(StorageKeys.__ASIDE_COLLAPSED__, false, window.parent?.localStorage || localStorage)
-
-const languagesMap: Record<string, string> = {
-  vi: 'vi-VN',
-  en: 'en-US',
-}
-export const TIMEZONE_USER = computed(() => {
-  return APP_DETAIL_STORAGE.value?.[1]?.user?.timezone
-})
-export const HEADER_TOKEN = computed(() => {
-  const commonHeader = {
-    'Accept-Language': languagesMap[__LANGUAGE__.value],
-  }
-  if (TOKEN_STORAGE.value && TOKEN_PROP_STORAGE.value) {
-    return {
-      ...commonHeader,
-      [TOKEN_PROP_STORAGE.value]: `${TOKEN_STORAGE.value}`,
-      ...(APP_ID_STORAGE.value ? { 'X-App-Id': APP_ID_STORAGE.value } : {}),
-    }
-  }
-
-  return {
-    ...commonHeader,
-  }
-})
+import { useStorage } from '@vueuse/core'
+import { StorageKeys } from '../enums'
+import { computed, type Ref } from 'vue'
+
+export const TOKEN_STORAGE = useStorage(StorageKeys.TOKEN, '', window.parent?.localStorage || localStorage)
+export const TOKEN_TEMP_STORAGE = useStorage(StorageKeys.__TOKEN_TEMP_STORAGE__, '', window.parent?.localStorage || localStorage)
+export const ADMIN_TOKEN_STORAGE = useStorage(StorageKeys.__ADMIN_TOKEN_STORAGE__, '')
+export const APP_ID_STORAGE = useStorage(StorageKeys.APP_ID, '', window.parent?.sessionStorage || sessionStorage)
+// NOTE: APP_DETAIL_STORAGE = [info, permission]
+export const APP_DETAIL_STORAGE = useStorage(StorageKeys.__APP_DETAIL_STORAGE__, {}, window.parent?.sessionStorage || sessionStorage) as Ref<[any, any]>
+export const ALERTS_TRANSCODE_STORAGE = useStorage(StorageKeys.__ALERTS_TRANSCODE_STORAGE__, {}, window.parent?.sessionStorage || sessionStorage)
+export const SERVER_ADD_LICENSE = useStorage(StorageKeys.__SERVER_ADD_LICENSE__, {}, window.parent?.sessionStorage || sessionStorage)
+export const PAYMENT_METHOD_STORAGE = useStorage(StorageKeys.__PAYMENT_METHOD_STORAGE__, {}, window.parent?.sessionStorage || sessionStorage)
+export const TOKEN_PROP_STORAGE = useStorage(StorageKeys.TOKEN_PROP, '', window.parent?.localStorage || localStorage)
+export const __LANGUAGE__ = useStorage(StorageKeys.__LANGUAGE__, 'en', window.parent?.localStorage || localStorage)
+export const __IS_DARK__ = useStorage(StorageKeys.__IS_DARK__, true, window.parent?.localStorage || localStorage)
+export const SOCIAL_LOGIN_REDIRECT = useStorage('__SOCIAL_LOGIN_REDIRECT__', '')
+export const asideCollapsed = useStorage(StorageKeys.__ASIDE_COLLAPSED__, false, window.parent?.localStorage || localStorage)
+
+const languagesMap: Record<string, string> = {
+  vi: 'vi-VN',
+  en: 'en-US',
+}
+export const TIMEZONE_USER = computed(() => {
+  return APP_DETAIL_STORAGE.value?.[1]?.user?.timezone
+})
+export const HEADER_TOKEN = computed(() => {
+  const commonHeader = {
+    'Accept-Language': languagesMap[__LANGUAGE__.value],
+  }
+  if (TOKEN_STORAGE.value && TOKEN_PROP_STORAGE.value) {
+    return {
+      ...commonHeader,
+      [TOKEN_PROP_STORAGE.value]: `${TOKEN_STORAGE.value}`,
+      ...(APP_ID_STORAGE.value ? { 'X-App-Id': APP_ID_STORAGE.value } : {}),
+    }
+  }
+
+  return {
+    ...commonHeader,
+  }
+})

package/src/utils/table.ts

@@ -1,35 +1,35 @@
-export function useTableHeight(tableRef: any, paginationRef: any) {
-  const tableHeight = ref(0)
-
-  const paddingH = 36
-  const marginH = 24
-
-  function calcHeight() {
-    const footerH = window.document.querySelector('.el-footer')?.clientHeight || 0 // footer-height
-    const clientHeight = window.document.documentElement.clientHeight + window.document.documentElement.getBoundingClientRect().y
-    const tableBounding = useElementBounding(tableRef)
-    const paginationBounding = useElementBounding(paginationRef)
-    tableHeight.value = clientHeight - (tableBounding.y.value + paginationBounding.height.value + paddingH + marginH + footerH)
-  }
-
-  useEventListener('resize', () => {
-    calcHeight()
-  })
-
-  const { layoutMode } = useLayoutStore()
-
-  watch(layoutMode, () => {
-    nextTick(() => {
-      calcHeight()
-    })
-  })
-
-  watch(paginationRef, () => {
-    nextTick(() => {
-      calcHeight()
-    })
-  }, { immediate: true })
-  return {
-    tableHeight,
-  }
-}
+export function useTableHeight(tableRef: any, paginationRef: any) {
+  const tableHeight = ref(0)
+
+  const paddingH = 36
+  const marginH = 24
+
+  function calcHeight() {
+    const footerH = window.document.querySelector('.el-footer')?.clientHeight || 0 // footer-height
+    const clientHeight = window.document.documentElement.clientHeight + window.document.documentElement.getBoundingClientRect().y
+    const tableBounding = useElementBounding(tableRef)
+    const paginationBounding = useElementBounding(paginationRef)
+    tableHeight.value = clientHeight - (tableBounding.y.value + paginationBounding.height.value + paddingH + marginH + footerH)
+  }
+
+  useEventListener('resize', () => {
+    calcHeight()
+  })
+
+  const { layoutMode } = useLayoutStore()
+
+  watch(layoutMode, () => {
+    nextTick(() => {
+      calcHeight()
+    })
+  })
+
+  watch(paginationRef, () => {
+    nextTick(() => {
+      calcHeight()
+    })
+  }, { immediate: true })
+  return {
+    tableHeight,
+  }
+}

package/src/utils/tryCatch.ts

@@ -1,25 +1,25 @@
-// Types for the result object with discriminated union
-interface Success<T> {
-  data: T
-  error: null
-}
-
-interface Failure<E> {
-  data: null
-  error: E
-}
-
-type Result<T, E = Error> = Success<T> | Failure<E>
-
-// Main wrapper function
-export async function tryCatch<T, E = Error>(
-  promise: Promise<T>,
-): Promise<Result<T, E>> {
-  try {
-    const data = await promise
-    return { data, error: null }
-  }
-  catch (error) {
-    return { data: null, error: error as E }
-  }
-}
+// Types for the result object with discriminated union
+interface Success<T> {
+  data: T
+  error: null
+}
+
+interface Failure<E> {
+  data: null
+  error: E
+}
+
+type Result<T, E = Error> = Success<T> | Failure<E>
+
+// Main wrapper function
+export async function tryCatch<T, E = Error>(
+  promise: Promise<T>,
+): Promise<Result<T, E>> {
+  try {
+    const data = await promise
+    return { data, error: null }
+  }
+  catch (error) {
+    return { data: null, error: error as E }
+  }
+}