@appnave/quasar-app-extension-asteroid 3.20.0-beta.26-alpha.8 → 3.20.0-beta.26

package/README.md

@@ -0,0 +1 @@
+../README.md

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@appnave/quasar-app-extension-asteroid",
   "description": "Asteroid",
-  "version": "3.20.0-beta.26-alpha.8",
+  "version": "3.20.0-beta.26",
   "author": "Bild & Vitta <systemteam@bild.com.br>",
   "license": "MIT",
   "main": "src/index.js",
@@ -35,7 +35,7 @@
   },
   "dependencies": {
     "@appnave/quasar-app-extension-asteroid": "file:",
-    "@appnave/quasar-ui-asteroid": "3.20.0-beta.26-alpha.8",
+    "@appnave/quasar-ui-asteroid": "3.20.0-beta.26",
     "@bildvitta/store-adapter": "^1.0.0",
     "execa": "^7.1.1",
     "fontfaceobserver": "^2.3.0",

package/src/boot/api.js

@@ -1,96 +1,96 @@
-import { camelizeKeys, decamelizeKeys } from 'humps'
-
-import asteroidConfig from 'asteroid-config'
-
-function getBaseURL (isProduction) {
-  // Permite sobrescrever a URL base da API via query string, útil para ambiente de preview.
-  const previewURL = new URLSearchParams(window.location.search).get('$base')
-
-  // TODO: Validar variavel de ambiente se é produção.
-  if (previewURL && !isProduction) {
-    try {
-      const { hostname, protocol } = new URL(previewURL)
-
-      // Somente permite URLs seguras (https) e do domínio nave.dev.br para evitar possíveis ataques de SSRF.
-      if (protocol === 'https:' && hostname.endsWith('.nave.dev.br')) return previewURL
-    } catch {}
-  }
-
-  // Caso não haja uma URL de preview válida, utiliza a URL base definida nas variáveis de ambiente ou locahost.
-  return process.env.SERVER_BASE_URL || '/'
-}
-
-export default async ({ app, router }) => {
-  const api = app.config.globalProperties.$axios
-  const isProduction = process.env.ENVIRONMENT === 'production'
-
-  // Defaults
-  api.defaults.baseURL = getBaseURL(isProduction)
-
-  if (!isProduction) {
-    /**
-     * Permite que parâmetros de query string iniciados com $ sejam propagados para todas as rotas,
-     * útil para ambiente de preview.
-     */
-    router.beforeEach((to, from, next) => {
-      // Extrai os parâmetros de query string iniciados com $ da rota de origem (from).
-      const dollarParams = Object.fromEntries(Object.entries(from.query).filter(([key]) => key.startsWith('$')))
-
-      /**
-       * Valida se há algum parâmetro de query string iniciado com $ que esteja presente
-       * na rota de origem (from) mas ausente na rota de destino (to).
-       */
-      const hasMissingDollarParams = Object.keys(dollarParams).some(key => !(key in to.query))
-
-      if (hasMissingDollarParams) {
-        next({ ...to, query: { ...dollarParams, ...to.query } })
-      } else {
-        next()
-      }
-    })
-
-    api.interceptors.request.use(config => {
-      if (!config.params) return config
-
-      /**
-        * Remove os parâmetros de query string iniciados com $ antes de enviar a requisição para a API, pois eles
-        * são utilizados apenas para controlar a chave do back end por exemplo.
-        */
-      config.params = Object.fromEntries(Object.entries(config.params).filter(([key]) => !key.startsWith('$')))
-
-      return config
-    })
-  }
-
-  api.defaults.timeout = asteroidConfig.api.serverTimeout
-
-  // Transformers
-  api.defaults.transformResponse = [
-    ...api.defaults.transformResponse,
-
-    data => camelizeKeys(data, (key, convert) =>
-      /^\D+$/.test(key) ? convert(key) : key
-    )
-  ]
-
-  api.defaults.transformRequest = [
-    data => {
-      if (data instanceof FormData) {
-        return data
-      }
-
-      return decamelizeKeys(data, (key, convert, options) =>
-        /^\D+$/.test(key) ? convert(key, options) : key
-      )
-    },
-
-    ...api.defaults.transformRequest
-  ]
-
-  /**
-   * Adicionado para que componentes que utilize o Composition API possam ter acesso a instancia do
-   * axios que contém as configurações necessárias da aplicação, uma vez que a utilização de provide
-   * é a forma recomendada para trabalhar com variavéis globais.
-  */
-  app.provide('axios', api)
-}
+import { camelizeKeys, decamelizeKeys } from 'humps'
+
+import asteroidConfig from 'asteroid-config'
+
+function getBaseURL (isProduction) {
+  // Permite sobrescrever a URL base da API via query string, útil para ambiente de preview.
+  const previewURL = new URLSearchParams(window.location.search).get('$base')
+
+  // TODO: Validar variavel de ambiente se é produção.
+  if (previewURL && !isProduction) {
+    try {
+      const { hostname, protocol } = new URL(previewURL)
+
+      // Somente permite URLs seguras (https) e do domínio nave.dev.br para evitar possíveis ataques de SSRF.
+      if (protocol === 'https:' && hostname.endsWith('.nave.dev.br')) return previewURL
+    } catch {}
+  }
+
+  // Caso não haja uma URL de preview válida, utiliza a URL base definida nas variáveis de ambiente ou locahost.
+  return process.env.SERVER_BASE_URL || '/'
+}
+
+export default async ({ app, router }) => {
+  const api = app.config.globalProperties.$axios
+  const isProduction = process.env.ENVIRONMENT === 'production'
+
+  // Defaults
+  api.defaults.baseURL = getBaseURL(isProduction)
+
+  if (!isProduction) {
+    /**
+     * Permite que parâmetros de query string iniciados com $ sejam propagados para todas as rotas,
+     * útil para ambiente de preview.
+     */
+    router.beforeEach((to, from, next) => {
+      // Extrai os parâmetros de query string iniciados com $ da rota de origem (from).
+      const dollarParams = Object.fromEntries(Object.entries(from.query).filter(([key]) => key.startsWith('$')))
+
+      /**
+       * Valida se há algum parâmetro de query string iniciado com $ que esteja presente
+       * na rota de origem (from) mas ausente na rota de destino (to).
+       */
+      const hasMissingDollarParams = Object.keys(dollarParams).some(key => !(key in to.query))
+
+      if (hasMissingDollarParams) {
+        next({ ...to, query: { ...dollarParams, ...to.query } })
+      } else {
+        next()
+      }
+    })
+
+    api.interceptors.request.use(config => {
+      if (!config.params) return config
+
+      /**
+        * Remove os parâmetros de query string iniciados com $ antes de enviar a requisição para a API, pois eles
+        * são utilizados apenas para controlar a chave do back end por exemplo.
+        */
+      config.params = Object.fromEntries(Object.entries(config.params).filter(([key]) => !key.startsWith('$')))
+
+      return config
+    })
+  }
+
+  api.defaults.timeout = asteroidConfig.api.serverTimeout
+
+  // Transformers
+  api.defaults.transformResponse = [
+    ...api.defaults.transformResponse,
+
+    data => camelizeKeys(data, (key, convert) =>
+      /^\D+$/.test(key) ? convert(key) : key
+    )
+  ]
+
+  api.defaults.transformRequest = [
+    data => {
+      if (data instanceof FormData) {
+        return data
+      }
+
+      return decamelizeKeys(data, (key, convert, options) =>
+        /^\D+$/.test(key) ? convert(key, options) : key
+      )
+    },
+
+    ...api.defaults.transformRequest
+  ]
+
+  /**
+   * Adicionado para que componentes que utilize o Composition API possam ter acesso a instancia do
+   * axios que contém as configurações necessárias da aplicação, uma vez que a utilização de provide
+   * é a forma recomendada para trabalhar com variavéis globais.
+  */
+  app.provide('axios', api)
+}

package/src/boot/before-each.js

@@ -1,11 +1,11 @@
-import { useHistory, setDefaultFiltersBeforeEach } from 'asteroid'
-
-export default ({ router }) => {
-  router.beforeEach((to, from, next) => {
-    const { addRoute } = useHistory()
-
-    addRoute(to)
-
-    setDefaultFiltersBeforeEach(to, from, next)
-  })
-}
+import { useHistory, setDefaultFiltersBeforeEach } from 'asteroid'
+
+export default ({ router }) => {
+  router.beforeEach((to, from, next) => {
+    const { addRoute } = useHistory()
+
+    addRoute(to)
+
+    setDefaultFiltersBeforeEach(to, from, next)
+  })
+}

package/src/boot/debug.js

@@ -1,10 +1,10 @@
-import { handleProcess } from 'asteroid'
-
-import debug from 'debug'
-
-export default async () => {
-  const debuggingEnv = handleProcess(() => process.env.DEBUGGING, false)
-  const debugEnv = handleProcess(() => process.env.DEBUG, '')
-
-  debug.enable(debuggingEnv && !debugEnv ? 'asteroid-*:*' : debugEnv)
-}
+import { handleProcess } from 'asteroid'
+
+import debug from 'debug'
+
+export default async () => {
+  const debuggingEnv = handleProcess(() => process.env.DEBUGGING, false)
+  const debugEnv = handleProcess(() => process.env.DEBUG, '')
+
+  debug.enable(debuggingEnv && !debugEnv ? 'asteroid-*:*' : debugEnv)
+}

package/src/boot/error-pages.js

@@ -1,24 +1,24 @@
-export default function ({ router }) {
-  const routes = [
-    {
-      name: 'Forbidden',
-      path: '/',
-      component: () => import('@appnave/quasar-ui-asteroid/src/pages/Forbidden.vue')
-    },
-    {
-      name: 'ServerError',
-      path: '/',
-      component: () => import('@appnave/quasar-ui-asteroid/src/pages/ServerError.vue')
-    }
-  ]
-
-  if (process.env.MODE !== 'ssr') {
-    routes.push({
-      name: 'NotFound',
-      path: '/:catchAll(.*)*',
-      component: () => import('@appnave/quasar-ui-asteroid/src/pages/NotFound.vue')
-    })
-  }
-
-  routes.forEach(route => router.addRoute(route))
-}
+export default function ({ router }) {
+  const routes = [
+    {
+      name: 'Forbidden',
+      path: '/',
+      component: () => import('@appnave/quasar-ui-asteroid/src/pages/Forbidden.vue')
+    },
+    {
+      name: 'ServerError',
+      path: '/',
+      component: () => import('@appnave/quasar-ui-asteroid/src/pages/ServerError.vue')
+    }
+  ]
+
+  if (process.env.MODE !== 'ssr') {
+    routes.push({
+      name: 'NotFound',
+      path: '/:catchAll(.*)*',
+      component: () => import('@appnave/quasar-ui-asteroid/src/pages/NotFound.vue')
+    })
+  }
+
+  routes.forEach(route => router.addRoute(route))
+}

package/src/boot/font-face.js

@@ -1,36 +1,36 @@
-import FontFaceObserver from 'fontfaceobserver'
-import asteroidConfig from 'asteroid-config'
-
-export default async () => {
-  function setFontFaceObserver () {
-    const font = new FontFaceObserver('Material Symbols Rounded')
-
-    const bodyClass = 'icons-is-loading'
-
-    const removeClass = () => document.body.classList.remove(bodyClass)
-
-    document.body.classList.add(bodyClass)
-
-    font.load(null, 60000).then(removeClass, removeClass)
-  }
-
-  function fontFaceEventHandler (event) {
-    if (event.data.type === 'updateUser') {
-      setFontFaceObserver()
-
-      /**
-       * após escutar a primeira vez, já remove o listener para não executar novamente
-       * caso o evento "updateUser" seja executado novamente.
-      */
-      window.removeEventListener('message', fontFaceEventHandler)
-    }
-  }
-
-  if (asteroidConfig.framework?.fonts?.observer?.waitForUserAuthenticate) {
-    window.addEventListener('message', fontFaceEventHandler)
-
-    return
-  }
-
-  setFontFaceObserver()
-}
+import FontFaceObserver from 'fontfaceobserver'
+import asteroidConfig from 'asteroid-config'
+
+export default async () => {
+  function setFontFaceObserver () {
+    const font = new FontFaceObserver('Material Symbols Rounded')
+
+    const bodyClass = 'icons-is-loading'
+
+    const removeClass = () => document.body.classList.remove(bodyClass)
+
+    document.body.classList.add(bodyClass)
+
+    font.load(null, 60000).then(removeClass, removeClass)
+  }
+
+  function fontFaceEventHandler (event) {
+    if (event.data.type === 'updateUser') {
+      setFontFaceObserver()
+
+      /**
+       * após escutar a primeira vez, já remove o listener para não executar novamente
+       * caso o evento "updateUser" seja executado novamente.
+      */
+      window.removeEventListener('message', fontFaceEventHandler)
+    }
+  }
+
+  if (asteroidConfig.framework?.fonts?.observer?.waitForUserAuthenticate) {
+    window.addEventListener('message', fontFaceEventHandler)
+
+    return
+  }
+
+  setFontFaceObserver()
+}

package/src/boot/loading.js

@@ -1,12 +1,12 @@
-import { Loading } from 'quasar'
-
-export default () => {
-  Loading.setDefaults({
-    backgroundColor: 'white',
-    boxClass: 'text-body1',
-    customClass: 'qas-loading',
-    message: 'Carregando...',
-    messageColor: 'primary',
-    spinnerColor: 'primary'
-  })
-}
+import { Loading } from 'quasar'
+
+export default () => {
+  Loading.setDefaults({
+    backgroundColor: 'white',
+    boxClass: 'text-body1',
+    customClass: 'qas-loading',
+    message: 'Carregando...',
+    messageColor: 'primary',
+    spinnerColor: 'primary'
+  })
+}

package/src/boot/notifications.js

@@ -1,45 +1,45 @@
-/**
- * Este boot só é adicionado dinamicamente na aplicação caso a opção
- * "asteroidConfig.framework.featureToggle.useNotifications" esteja ativada.
- */
-
-import { isLocalDevelopment } from 'asteroid'
-
-import onLeaderElectionChannel from '../helpers/on-leader-election-channel.js'
-import { setLaravelEcho, setLaravelEchoListener } from '../helpers/laravel-echo.js'
-import { setNotificationsChannelListener, setNotificationsUtilsChannel } from '../helpers/notifications-channels.js'
-
-import { LocalStorage } from 'quasar'
-
-export default () => {
-  /**
-   * Se estivermos em desenvolvimento local, não vamos estabelecer conexão com o servidor.
-   */
-  if (isLocalDevelopment()) return
-
-  window.addEventListener('message', ({ data }) => {
-    if (data.type !== 'updateUser') return
-
-    const user = data.user
-    const accessToken = LocalStorage.getItem('accessToken')
-
-    const hasBearerPrefix = accessToken.startsWith('Bearer ')
-    const userToken = hasBearerPrefix ? accessToken : `Bearer ${accessToken}`
-
-    /**
-     * Aqui vamos estabelecer a conexão com o servidor apenas na tab (aba) líder.
-     * Vamos escutar por novas notificações, sempre que receber uma notificação,
-     * iremos enviar via BroadcastChannel.postMessage().
-     */
-    onLeaderElectionChannel(channel => {
-      setLaravelEcho(userToken)
-      setLaravelEchoListener({ user, channel })
-    })
-
-    /**
-     * Controle de notificações por comunicação entre abas (BroadcastChannel).
-     */
-    setNotificationsChannelListener()
-    setNotificationsUtilsChannel()
-  })
-}
+/**
+ * Este boot só é adicionado dinamicamente na aplicação caso a opção
+ * "asteroidConfig.framework.featureToggle.useNotifications" esteja ativada.
+ */
+
+import { isLocalDevelopment } from 'asteroid'
+
+import onLeaderElectionChannel from '../helpers/on-leader-election-channel.js'
+import { setLaravelEcho, setLaravelEchoListener } from '../helpers/laravel-echo.js'
+import { setNotificationsChannelListener, setNotificationsUtilsChannel } from '../helpers/notifications-channels.js'
+
+import { LocalStorage } from 'quasar'
+
+export default () => {
+  /**
+   * Se estivermos em desenvolvimento local, não vamos estabelecer conexão com o servidor.
+   */
+  if (isLocalDevelopment()) return
+
+  window.addEventListener('message', ({ data }) => {
+    if (data.type !== 'updateUser') return
+
+    const user = data.user
+    const accessToken = LocalStorage.getItem('accessToken')
+
+    const hasBearerPrefix = accessToken.startsWith('Bearer ')
+    const userToken = hasBearerPrefix ? accessToken : `Bearer ${accessToken}`
+
+    /**
+     * Aqui vamos estabelecer a conexão com o servidor apenas na tab (aba) líder.
+     * Vamos escutar por novas notificações, sempre que receber uma notificação,
+     * iremos enviar via BroadcastChannel.postMessage().
+     */
+    onLeaderElectionChannel(channel => {
+      setLaravelEcho(userToken)
+      setLaravelEchoListener({ user, channel })
+    })
+
+    /**
+     * Controle de notificações por comunicação entre abas (BroadcastChannel).
+     */
+    setNotificationsChannelListener()
+    setNotificationsUtilsChannel()
+  })
+}