@sigmaott/base-next 1.4.0 → 1.4.2

package/src/utils/micro.ts

@@ -1,208 +1,208 @@
-import { deepMerge, p } from '@antfu/utils'
-// import type { cacheOptions, loadErrorHandler, plugin } from 'wujie'
-// import type { lifecycle } from 'wujie/esm/sandbox'
-import { defu } from 'defu'
-// import { bus, destroyApp, setupApp } from 'wujie'
-export const isSubApp = window.__MICRO_APP_ENVIRONMENT__ ?? window.__POWERED_BY_WUJIE__ ?? false
-
-interface Lifecycles {
-  beforeLoad: any
-  beforeMount: any
-  afterMount: any
-  beforeUnmount: any
-  afterUnmount: any
-  activated: any
-  deactivated: any
-  loadError: any
-}
-
-export interface MenuItem {
-  name: string
-  meta: Record<string, any>
-  path: string
-  children: MenuItem[] | undefined
-}
-
-export interface ChildApp {
-  name: string
-  routes: MenuItem[]
-}
-
-export interface AppConfig {
-  tokenProp?: 'x-backdoor' | 'Authorization' | 'local'
-  token: string
-  appId?: string
-  // meta
-  meta?: {
-    layoutMode?: 'horizontal' | 'vertical'
-    lang?: 'vi' | 'en'
-  }
-  isProduction?: boolean
-}
-
-export interface GlobalState extends AppConfig {
-  children: ChildApp[]
-  [key: string]: any
-}
-
-export interface MicroApp {
-  preload?: boolean
-}
-
-export interface AppProps {
-  activeRule: string
-  [key: string]: any // addition props, specific to each app
-}
-
-export enum SigmaMicroEnum {
-  __PRELOAD__ = '__PRELOAD__',
-  __STATE_CHANGE__ = '__STATE_CHANGE__',
-  __SET_STATE__ = '__SET_STATE__',
-}
-
-let microApps: MicroApp[] = []
-
-function addMicroApp(appWindow: Window) {
-  const id = appWindow.__WUJIE.id
-  if (!appWindow.parent.$microWindows)
-    appWindow.parent.$microWindows = {}
-
-  appWindow.parent.$microWindows[id] = appWindow
-}
-
-const defaultLifecycles: Lifecycles = {
-  beforeLoad: (appWindow) => {
-    console.log(`${appWindow.__WUJIE.id} beforeLoad`)
-    console.log('[LOG] ~ file: micro.ts:76 ~ appWindow:', appWindow)
-    addMicroApp(appWindow)
-  },
-  beforeMount: appWindow => console.log(`${appWindow.__WUJIE.id} beforeMount`),
-  afterMount: appWindow => console.log(`${appWindow.__WUJIE.id} afterMount`),
-  beforeUnmount: appWindow => console.log(`${appWindow.__WUJIE.id} beforeUnmount `),
-  afterUnmount: appWindow => console.log(`${appWindow.__WUJIE.id} afterUnmount`),
-  activated: appWindow => console.log(`${appWindow.__WUJIE.id} activated`),
-  deactivated: appWindow => console.log(`${appWindow.__WUJIE.id} deactivated`),
-  loadError: (url, e) => console.log(`${url}`, e),
-
-}
-
-const plugins: Array<plugin> = [
-  {
-  },
-]
-
-// function credentialsFetch(url: string, options: any) {
-//   return window.fetch(url, { ...options, credentials: 'omit' })
-// }
-
-window.__SIGMA_STATE__ = {
-  token: '',
-  tokenProp: 'x-backdoor',
-  appId: 'default-app',
-  children: [],
-  meta: {
-    layoutMode: 'horizontal',
-    lang: 'vi',
-  },
-  isProduction: true,
-}
-
-export function registerSigmaApps(
-  registrableApps: MicroApp[],
-  appConfig: AppConfig,
-  lifecycles: Partial<Lifecycles> = defaultLifecycles,
-) {
-  if (!appConfig.token)
-    throw new Error('appConfig.token is required')
-
-  window.__SIGMA_STATE__ = defu(appConfig, window.__SIGMA_STATE__) as any
-  window.localStorage.setItem('__SS_LAYOUT_MODE__', window.__SIGMA_STATE__.meta?.layoutMode || 'horizontal')
-
-  // bus.$on(SigmaMicroEnum.__STATE_CHANGE__, (newState: GlobalState) => {
-  //   window.__SIGMA_STATE__ = deepMerge(window.__SIGMA_STATE__, newState) as any
-  // })
-
-  // bus.$on(SigmaMicroEnum.__SET_STATE__, (newState: Partial<GlobalState>) => {
-  //   window.__SIGMA_STATE__ = deepMerge(window.__SIGMA_STATE__, newState) as any
-  //   bus.$emit(SigmaMicroEnum.__STATE_CHANGE__, window.__SIGMA_STATE__)
-  // })
-
-  microApps = registrableApps
-
-  const degrade = window.localStorage.getItem('degrade') === 'true' || !window.Proxy || !window.CustomElementRegistry
-  const isProduction = appConfig.isProduction
-
-  async function getRoutes(url: string) {
-    try {
-      const res = await fetch(url)
-      const json = await res.json()
-      return json
-    }
-    catch (error) {
-      console.log('[LOG] ~ file: index.ts ~ line 165 ~ error', error)
-    }
-  }
-
-  async function getMenu() {
-    const menus = await p(registrableApps)
-      .map(async ({ name, url, preload, ...rest }) => {
-        const routes: any[] = []
-        try {
-          // setupApp({
-          //   name,
-          //   url,
-          //   attrs: isProduction ? { src: url } : {},
-          //   exec: true,
-          //   alive: true,
-          //   // fetch: credentialsFetch,
-          //   plugins,
-          //   // prefix: { "prefix-dialog": "/dialog", "prefix-location": "/location" },
-          //   // degrade,
-          //   ...rest,
-          //   ...lifecycles,
-          // })
-
-          // if (preload || window.localStorage.getItem('preload') !== 'false') {
-          //   preloadApp({
-          //     name,
-          //     beforeLoad: (appWindow) => {
-          //       addMicroApp(appWindow)
-          //     },
-          //   })
-          // }
-
-          // if (url)
-          // routes = await getRoutes(`${ensureSuffix('/', url)}routes.json`)
-        }
-        catch (e) {
-          console.error(e)
-        }
-        return { name, url, routes }
-      })
-
-    // bus.$emit(SigmaMicroEnum.__SET_STATE__, { children: menus })
-  }
-
-  // getMenu()
-
-  return {
-    // bus,
-    // setState: (newState: Partial<GlobalState>) => {
-    //   bus.$emit(SigmaMicroEnum.__SET_STATE__, newState)
-    // },
-    // onStateChange: (callback: (newState: GlobalState) => void) => {
-    //   bus.$on(SigmaMicroEnum.__STATE_CHANGE__, callback)
-    //   return () =>
-    //     bus.$off(SigmaMicroEnum.__STATE_CHANGE__, () => { })
-    // },
-    // destroy() {
-    //   registrableApps.forEach(({ name }) => {
-    //     destroyApp(name)
-    //   })
-    // },
-  }
-}
-
-export function getMicroApp(name: string) {
-  return microApps.find(item => item.name === name)
-}
+import { deepMerge, p } from '@antfu/utils'
+// import type { cacheOptions, loadErrorHandler, plugin } from 'wujie'
+// import type { lifecycle } from 'wujie/esm/sandbox'
+import { defu } from 'defu'
+// import { bus, destroyApp, setupApp } from 'wujie'
+export const isSubApp = window.__MICRO_APP_ENVIRONMENT__ ?? window.__POWERED_BY_WUJIE__ ?? false
+
+interface Lifecycles {
+  beforeLoad: any
+  beforeMount: any
+  afterMount: any
+  beforeUnmount: any
+  afterUnmount: any
+  activated: any
+  deactivated: any
+  loadError: any
+}
+
+export interface MenuItem {
+  name: string
+  meta: Record<string, any>
+  path: string
+  children: MenuItem[] | undefined
+}
+
+export interface ChildApp {
+  name: string
+  routes: MenuItem[]
+}
+
+export interface AppConfig {
+  tokenProp?: 'x-backdoor' | 'Authorization' | 'local'
+  token: string
+  appId?: string
+  // meta
+  meta?: {
+    layoutMode?: 'horizontal' | 'vertical'
+    lang?: 'vi' | 'en'
+  }
+  isProduction?: boolean
+}
+
+export interface GlobalState extends AppConfig {
+  children: ChildApp[]
+  [key: string]: any
+}
+
+export interface MicroApp {
+  preload?: boolean
+}
+
+export interface AppProps {
+  activeRule: string
+  [key: string]: any // addition props, specific to each app
+}
+
+export enum SigmaMicroEnum {
+  __PRELOAD__ = '__PRELOAD__',
+  __STATE_CHANGE__ = '__STATE_CHANGE__',
+  __SET_STATE__ = '__SET_STATE__',
+}
+
+let microApps: MicroApp[] = []
+
+function addMicroApp(appWindow: Window) {
+  const id = appWindow.__WUJIE.id
+  if (!appWindow.parent.$microWindows)
+    appWindow.parent.$microWindows = {}
+
+  appWindow.parent.$microWindows[id] = appWindow
+}
+
+const defaultLifecycles: Lifecycles = {
+  beforeLoad: (appWindow) => {
+    console.log(`${appWindow.__WUJIE.id} beforeLoad`)
+    console.log('[LOG] ~ file: micro.ts:76 ~ appWindow:', appWindow)
+    addMicroApp(appWindow)
+  },
+  beforeMount: appWindow => console.log(`${appWindow.__WUJIE.id} beforeMount`),
+  afterMount: appWindow => console.log(`${appWindow.__WUJIE.id} afterMount`),
+  beforeUnmount: appWindow => console.log(`${appWindow.__WUJIE.id} beforeUnmount `),
+  afterUnmount: appWindow => console.log(`${appWindow.__WUJIE.id} afterUnmount`),
+  activated: appWindow => console.log(`${appWindow.__WUJIE.id} activated`),
+  deactivated: appWindow => console.log(`${appWindow.__WUJIE.id} deactivated`),
+  loadError: (url, e) => console.log(`${url}`, e),
+
+}
+
+const plugins: Array<plugin> = [
+  {
+  },
+]
+
+// function credentialsFetch(url: string, options: any) {
+//   return window.fetch(url, { ...options, credentials: 'omit' })
+// }
+
+window.__SIGMA_STATE__ = {
+  token: '',
+  tokenProp: 'x-backdoor',
+  appId: 'default-app',
+  children: [],
+  meta: {
+    layoutMode: 'horizontal',
+    lang: 'vi',
+  },
+  isProduction: true,
+}
+
+export function registerSigmaApps(
+  registrableApps: MicroApp[],
+  appConfig: AppConfig,
+  lifecycles: Partial<Lifecycles> = defaultLifecycles,
+) {
+  if (!appConfig.token)
+    throw new Error('appConfig.token is required')
+
+  window.__SIGMA_STATE__ = defu(appConfig, window.__SIGMA_STATE__) as any
+  window.localStorage.setItem('__SS_LAYOUT_MODE__', window.__SIGMA_STATE__.meta?.layoutMode || 'horizontal')
+
+  // bus.$on(SigmaMicroEnum.__STATE_CHANGE__, (newState: GlobalState) => {
+  //   window.__SIGMA_STATE__ = deepMerge(window.__SIGMA_STATE__, newState) as any
+  // })
+
+  // bus.$on(SigmaMicroEnum.__SET_STATE__, (newState: Partial<GlobalState>) => {
+  //   window.__SIGMA_STATE__ = deepMerge(window.__SIGMA_STATE__, newState) as any
+  //   bus.$emit(SigmaMicroEnum.__STATE_CHANGE__, window.__SIGMA_STATE__)
+  // })
+
+  microApps = registrableApps
+
+  const degrade = window.localStorage.getItem('degrade') === 'true' || !window.Proxy || !window.CustomElementRegistry
+  const isProduction = appConfig.isProduction
+
+  async function getRoutes(url: string) {
+    try {
+      const res = await fetch(url)
+      const json = await res.json()
+      return json
+    }
+    catch (error) {
+      console.log('[LOG] ~ file: index.ts ~ line 165 ~ error', error)
+    }
+  }
+
+  async function getMenu() {
+    const menus = await p(registrableApps)
+      .map(async ({ name, url, preload, ...rest }) => {
+        const routes: any[] = []
+        try {
+          // setupApp({
+          //   name,
+          //   url,
+          //   attrs: isProduction ? { src: url } : {},
+          //   exec: true,
+          //   alive: true,
+          //   // fetch: credentialsFetch,
+          //   plugins,
+          //   // prefix: { "prefix-dialog": "/dialog", "prefix-location": "/location" },
+          //   // degrade,
+          //   ...rest,
+          //   ...lifecycles,
+          // })
+
+          // if (preload || window.localStorage.getItem('preload') !== 'false') {
+          //   preloadApp({
+          //     name,
+          //     beforeLoad: (appWindow) => {
+          //       addMicroApp(appWindow)
+          //     },
+          //   })
+          // }
+
+          // if (url)
+          // routes = await getRoutes(`${ensureSuffix('/', url)}routes.json`)
+        }
+        catch (e) {
+          console.error(e)
+        }
+        return { name, url, routes }
+      })
+
+    // bus.$emit(SigmaMicroEnum.__SET_STATE__, { children: menus })
+  }
+
+  // getMenu()
+
+  return {
+    // bus,
+    // setState: (newState: Partial<GlobalState>) => {
+    //   bus.$emit(SigmaMicroEnum.__SET_STATE__, newState)
+    // },
+    // onStateChange: (callback: (newState: GlobalState) => void) => {
+    //   bus.$on(SigmaMicroEnum.__STATE_CHANGE__, callback)
+    //   return () =>
+    //     bus.$off(SigmaMicroEnum.__STATE_CHANGE__, () => { })
+    // },
+    // destroy() {
+    //   registrableApps.forEach(({ name }) => {
+    //     destroyApp(name)
+    //   })
+    // },
+  }
+}
+
+export function getMicroApp(name: string) {
+  return microApps.find(item => item.name === name)
+}

package/src/utils/popoverSelectAttrs.ts

@@ -1,24 +1,24 @@
-export const popperOptions = {
-  modifiers: [
-    {
-      name: 'offset',
-      options: {
-        offset: [0, 2],
-      },
-    },
-    {
-      name: 'preventOverflow',
-      options: {
-        boundary: 'viewport',
-      },
-    },
-  ],
-  strategy: 'fixed',
-}
-
-export const popperClass = '!z-[9999]'
-
-export const popoverSelectAttrs = {
-  popperOptions,
-  popperClass,
-}
+export const popperOptions = {
+  modifiers: [
+    {
+      name: 'offset',
+      options: {
+        offset: [0, 2],
+      },
+    },
+    {
+      name: 'preventOverflow',
+      options: {
+        boundary: 'viewport',
+      },
+    },
+  ],
+  strategy: 'fixed',
+}
+
+export const popperClass = '!z-[9999]'
+
+export const popoverSelectAttrs = {
+  popperOptions,
+  popperClass,
+}

package/src/utils/popup.ts

@@ -1,96 +1,96 @@
-function getFullUrlPath(location: Location | HTMLAnchorElement): string {
-  const isHttps = location.protocol === 'https:'
-  return (
-    `${location.protocol
-    }//${location.hostname
-    }:${location.port || (isHttps ? '443' : '80')
-    }${/^\//.test(location.pathname)
-      ? location.pathname
-      : `/${location.pathname}`}`
-  )
-}
-
-export function parseQueryString(str: string) {
-  const obj: any = {}
-  let key
-  let value;
-  (str || '').split('&').forEach((keyValue: string) => {
-    if (keyValue) {
-      value = keyValue.split('=')
-      key = decodeURIComponent(value[0])
-      obj[key] = value[1] ? decodeURIComponent(value[1]) : true
-    }
-  })
-  return obj
-}
-
-export function openAsyncPopup({ url, name, redirectUri, options }: { url: string; name: string; redirectUri: string; options?: string }) {
-  let popup: any
-
-  try {
-    popup = window.open(url, name, options || `width=${1440},height=${900}`)
-    if (popup && popup.focus)
-      popup.focus()
-
-    const pool = pooling(redirectUri)
-    return pool
-  }
-  catch (e) {
-    return Promise.reject(new Error('Popup error occurred'))
-  }
-
-  async function pooling(redirectUri: string) {
-    return new Promise((resolve: (value: unknown) => void, reject) => {
-      const redirectUriParser = document.createElement('a')
-      redirectUriParser.href = redirectUri
-      const redirectUriPath = getFullUrlPath(redirectUriParser)
-
-      let poolingInterval: any = setInterval(() => {
-        if (
-          !popup
-          || popup.closed
-          || popup.closed === undefined
-        ) {
-          clearInterval(poolingInterval)
-          poolingInterval = 0
-          reject(new Error('Popup window closed'))
-        }
-
-        try {
-          const location = popup
-
-          const popupWindowPath = getFullUrlPath(location.location)
-          if (popupWindowPath === redirectUriPath) {
-            if (location.location.search || location.location.hash) {
-              const query = parseQueryString(
-                location.location.search.substring(1).replace(/\/$/, ''),
-              )
-              const hash = parseQueryString(
-                location.location.hash.substring(1).replace(/[/$]/, ''),
-              )
-              const params = {
-                ...query,
-                ...hash,
-              }
-              if (params.error)
-                reject(params.error)
-
-              else
-                resolve(params)
-            }
-            else {
-              reject(new Error('Redirect has occurred but no query or hash parameters were found.'))
-            }
-
-            clearInterval(poolingInterval)
-            poolingInterval = 0
-            location.close()
-          }
-        }
-        catch (e) {
-          // Ignore DOMException: Blocked a frame with origin from accessing a cross-origin frame.
-        }
-      }, 250)
-    })
-  }
-}
+function getFullUrlPath(location: Location | HTMLAnchorElement): string {
+  const isHttps = location.protocol === 'https:'
+  return (
+    `${location.protocol
+    }//${location.hostname
+    }:${location.port || (isHttps ? '443' : '80')
+    }${/^\//.test(location.pathname)
+      ? location.pathname
+      : `/${location.pathname}`}`
+  )
+}
+
+export function parseQueryString(str: string) {
+  const obj: any = {}
+  let key
+  let value;
+  (str || '').split('&').forEach((keyValue: string) => {
+    if (keyValue) {
+      value = keyValue.split('=')
+      key = decodeURIComponent(value[0])
+      obj[key] = value[1] ? decodeURIComponent(value[1]) : true
+    }
+  })
+  return obj
+}
+
+export function openAsyncPopup({ url, name, redirectUri, options }: { url: string; name: string; redirectUri: string; options?: string }) {
+  let popup: any
+
+  try {
+    popup = window.open(url, name, options || `width=${1440},height=${900}`)
+    if (popup && popup.focus)
+      popup.focus()
+
+    const pool = pooling(redirectUri)
+    return pool
+  }
+  catch (e) {
+    return Promise.reject(new Error('Popup error occurred'))
+  }
+
+  async function pooling(redirectUri: string) {
+    return new Promise((resolve: (value: unknown) => void, reject) => {
+      const redirectUriParser = document.createElement('a')
+      redirectUriParser.href = redirectUri
+      const redirectUriPath = getFullUrlPath(redirectUriParser)
+
+      let poolingInterval: any = setInterval(() => {
+        if (
+          !popup
+          || popup.closed
+          || popup.closed === undefined
+        ) {
+          clearInterval(poolingInterval)
+          poolingInterval = 0
+          reject(new Error('Popup window closed'))
+        }
+
+        try {
+          const location = popup
+
+          const popupWindowPath = getFullUrlPath(location.location)
+          if (popupWindowPath === redirectUriPath) {
+            if (location.location.search || location.location.hash) {
+              const query = parseQueryString(
+                location.location.search.substring(1).replace(/\/$/, ''),
+              )
+              const hash = parseQueryString(
+                location.location.hash.substring(1).replace(/[/$]/, ''),
+              )
+              const params = {
+                ...query,
+                ...hash,
+              }
+              if (params.error)
+                reject(params.error)
+
+              else
+                resolve(params)
+            }
+            else {
+              reject(new Error('Redirect has occurred but no query or hash parameters were found.'))
+            }
+
+            clearInterval(poolingInterval)
+            poolingInterval = 0
+            location.close()
+          }
+        }
+        catch (e) {
+          // Ignore DOMException: Blocked a frame with origin from accessing a cross-origin frame.
+        }
+      }, 250)
+    })
+  }
+}