@bildvitta/quasar-ui-asteroid 3.13.0-beta.7 → 3.13.0-beta.8

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@bildvitta/quasar-ui-asteroid",
   "description": "Asteroid",
-  "version": "3.13.0-beta.7",
+  "version": "3.13.0-beta.8",
   "author": "Bild & Vitta <systemteam@bild.com.br>",
   "license": "MIT",
   "main": "dist/asteroid.cjs.min.js",
@@ -47,6 +47,7 @@
     "autonumeric": "^4.9.0",
     "axios": "^1.4.0",
     "date-fns": "^2.30.0",
+    "debug": "^4.3.4",
     "fuse.js": "^6.6.2",
     "humps": "^2.0.1",
     "lodash-es": "^4.17.21",

package/src/components/filters/QasFilters.vue

@@ -39,12 +39,15 @@
 
 <script>
 import PvFiltersButton from './private/PvFiltersButton.vue'
+import debug from 'debug'
 
 import { camelize, camelizeKeys, decamelize } from 'humps'
 import { humanize, parseValue } from '../../helpers/filters.js'
 import contextMixin from '../../mixins/context.js'
 import { getState, getAction } from '@bildvitta/store-adapter'
 
+const log = debug('asteroid-ui:qas-filters')
+
 export default {
   name: 'QasFilters',
 
@@ -281,11 +284,6 @@ export default {
       this.isFetching = true
 
       try {
-        this.$qas.logger.group(
-          `QasFilters - fetchFilters -> Payload do parâmetro do ${this.entity}/fetchFilters`,
-          [{ url: this.url }]
-        )
-
         const response = await getAction.call(this, {
           entity: this.entity,
           key: 'fetchFilters',
@@ -294,18 +292,12 @@ export default {
 
         this.$emit('fetch-success', response)
 
-        this.$qas.logger.group(
-          `QasFilters - fetchFilters -> resposta da action ${this.entity}/fetchFilters`, [response]
-        )
+        log(`[${this.entity}]:fetchFilters:success`, response)
       } catch (error) {
         this.hasFetchError = true
         this.$emit('fetch-error', error)
 
-        this.$qas.logger.group(
-          `QasFilters - fetchFilters -> exceção da action ${this.entity}/fetchFilters`,
-          [error],
-          { error: true }
-        )
+        log(`[${this.entity}]:fetchFilters:error`, error)
       } finally {
         this.isFetching = false
       }

package/src/components/form-view/QasFormView.vue

@@ -33,19 +33,21 @@
 </template>
 
 <script>
-import { isEqualWith } from 'lodash-es'
-import { getAction } from '@bildvitta/store-adapter'
-import { extend } from 'quasar'
-import { onBeforeRouteLeave } from 'vue-router'
-
-import { useHistory } from '../../composables'
-import { NotifyError, NotifySuccess } from '../../plugins'
-
 import QasBtn from '../btn/QasBtn.vue'
 import QasDialog from '../dialog/QasDialog.vue'
 
+import { NotifyError, NotifySuccess } from '../../plugins'
+import { useHistory } from '../../composables'
 import { viewMixin } from '../../mixins'
 
+import debug from 'debug'
+import { extend } from 'quasar'
+import { getAction } from '@bildvitta/store-adapter'
+import { isEqualWith } from 'lodash-es'
+import { onBeforeRouteLeave } from 'vue-router'
+
+const log = debug('asteroid-ui:qas-form-view')
+
 export default {
   name: 'QasFormView',
 
@@ -260,11 +262,6 @@ export default {
         return next()
       }
 
-      this.$qas.logger.group(
-        'QasFormView - beforeRouteLeave -> dialog chamado, modelValue diferente do cachedResult',
-        [{ modelValue: clonedModelValue, cachedResult: clonedCachedResult }]
-      )
-
       this.handleDialog(() => {
         this.ignoreRouterGuard = true
         next()
@@ -286,10 +283,6 @@ export default {
           ...externalPayload
         }
 
-        this.$qas.logger.group(
-          `QasFormView - fetchSingle -> payload do parâmetro do ${this.entity}/fetchSingle`, [payload]
-        )
-
         const response = await getAction.call(this, {
           entity: this.entity,
           key: 'fetchSingle',
@@ -312,28 +305,19 @@ export default {
 
         result && Object.assign(modelValue, result)
 
-        this.$qas.logger.group(
-          `QasFormView - fetchSingle -> resposta da action ${this.entity}/fetchSingle`, [response]
-        )
-
         if (this.useDialogOnUnsavedChanges) {
           this.cachedResult = extend(true, {}, result || modelValue)
-          this.$qas.logger.group('QasFormView - fetchSingle -> cachedResult', [this.cachedResult])
         }
 
         this.$emit('update:modelValue', modelValue)
         this.$emit('fetch-success', response, this.modelValue)
 
-        this.$qas.logger.group('QasFormView - fetchSingle -> modelValue', [modelValue])
+        log(`[${this.entity}]:fetchSingle:success`, { response, modelValue })
       } catch (error) {
         this.mx_fetchError(error)
         this.$emit('fetch-error', error)
 
-        this.$qas.logger.group(
-          `QasFormView - fetchSingle -> exceção da action ${this.entity}/fetchSingle`,
-          [error],
-          { error: true }
-        )
+        log(`[${this.entity}]:fetchSingle:error`, error)
       } finally {
         this.mx_isFetching = false
       }
@@ -424,10 +408,6 @@ export default {
           ...externalPayload
         }
 
-        this.$qas.logger.group(
-          `QasFormView - submit -> payload do ${this.entity}/${this.mode}`, [payload]
-        )
-
         const response = await getAction.call(this, {
           entity: this.entity,
           key: this.mode,
@@ -448,13 +428,11 @@ export default {
 
         this.createSubmitSuccessEvent({ ...payload, entity: this.entity })
 
-        this.$qas.logger.group(
-          `QasFormView - submit -> resposta da action ${this.entity}/${this.mode}`, [response]
-        )
-
         if (this.useNotifySuccess) {
           NotifySuccess(response.data.status.text || this.defaultNotifyMessages.success)
         }
+
+        log(`[${this.entity}]:submit:success`, { response, modelValue })
       } catch (error) {
         const errors = error?.response?.data?.errors
         const message = error?.response?.data?.status?.text
@@ -471,11 +449,7 @@ export default {
 
         this.$emit('submit-error', error)
 
-        this.$qas.logger.group(
-          `QasFormView - submit -> exceção da action ${this.entity}/${this.mode}`,
-          [error],
-          { error: true }
-        )
+        log(`[${this.entity}]:submit:error`, error)
       } finally {
         this.isSubmitting = false
       }

package/src/components/list-view/QasListView.vue

@@ -39,11 +39,14 @@
 </template>
 
 <script>
-import { viewMixin, contextMixin } from '../../mixins'
 import QasFilters from '../filters/QasFilters.vue'
 import QasPagination from '../pagination/QasPagination.vue'
+import debug from 'debug'
 import { extend } from 'quasar'
 import { getState, getAction } from '@bildvitta/store-adapter'
+import { viewMixin, contextMixin } from '../../mixins'
+
+const log = debug('asteroid-ui:qas-list-view')
 
 export default {
   components: {
@@ -191,10 +194,6 @@ export default {
           ...externalPayload
         }
 
-        this.$qas.logger.group(
-          `QasListView - fetchList -> Payload do parâmetro do ${this.entity}/fetchList`, [payload]
-        )
-
         const response = await getAction.call(this, {
           entity: this.entity,
           key: 'fetchList',
@@ -216,19 +215,13 @@ export default {
 
         this.$emit('fetch-success', response)
 
-        this.$qas.logger.group(
-          `QasListView - fetchList -> resposta da action ${this.entity}/fetchList`, [response]
-        )
+        log(`[${this.entity}]:fetchList:success`, response)
       } catch (error) {
         this.mx_fetchError(error)
         this.$emit('update:errors', error)
         this.$emit('fetch-error', error)
 
-        this.$qas.logger.group(
-          `QasListView - fetchSingle -> exceção da action ${this.entity}/fetchList`,
-          [error],
-          { error: true }
-        )
+        log(`[${this.entity}]:fetchList:error`, error)
       } finally {
         this.mx_isFetching = false
       }

package/src/components/nested-fields/QasNestedFields.vue

@@ -65,10 +65,14 @@ import QasBtn from '../btn/QasBtn.vue'
 import QasFormGenerator from '../form-generator/QasFormGenerator.vue'
 import QasInput from '../input/QasInput.vue'
 import QasLabel from '../label/QasLabel.vue'
+
+import { constructObject } from '../../helpers'
+
 import { TransitionGroup } from 'vue'
+import debug from 'debug'
 import { extend } from 'quasar'
 
-import { constructObject } from '../../helpers'
+const log = debug('asteroid-ui:qas-nested-fields')
 
 export default {
   name: 'QasNestedFields',
@@ -392,7 +396,7 @@ export default {
         this.setFocus()
       })
 
-      this.$qas.logger.group('QasNestedFields - add', [payload])
+      log('add', payload)
 
       this.updateModelValue()
     },
@@ -410,7 +414,7 @@ export default {
         ? this.nested.splice(index, 1)
         : this.nested.splice(index, 1, { [this.destroyKey]: true, ...row })
 
-      this.$qas.logger.group('QasNestedFields - destroy', [{ index, row }])
+      log('destroy', { index, row })
 
       this.updateModelValue()
     },

package/src/components/single-view/QasSingleView.vue

@@ -22,8 +22,12 @@
 
 <script>
 import viewMixin from '../../mixins/view'
+
 import { markRaw } from 'vue'
 import { getGetter, getAction } from '@bildvitta/store-adapter'
+import debug from 'debug'
+
+const log = debug('asteroid-ui:qas-single-view')
 
 export default {
   name: 'QasSingleView',
@@ -85,11 +89,6 @@ export default {
       try {
         const payload = { id: this.id, url: this.url, ...externalPayload }
 
-        this.$qas.logger.group(
-          `QasSingleView - fetchSingle -> payload do parâmetro do ${this.entity}/fetchSingle`,
-          [payload]
-        )
-
         const response = await getAction.call(this, {
           entity: this.entity,
           key: 'fetchSingle',
@@ -108,20 +107,14 @@ export default {
           metadata: this.mx_metadata
         })
 
-        this.$qas.logger.group(
-          `QasSingleView - fetchSingle -> resposta da action ${this.entity}/fetchSingle`, [response]
-        )
-
         this.$emit('fetch-success', response)
+
+        log(`[${this.entity}]:fetchSingle:success`, response)
       } catch (error) {
         this.mx_fetchError(error)
         this.$emit('fetch-error', error)
 
-        this.$qas.logger.group(
-          `QasSingleView - fetchSingle -> exceção da action ${this.entity}/fetchSingle`,
-          [error],
-          { error: true }
-        )
+        log(`[${this.entity}]:fetchSingle:error`, error)
       } finally {
         this.mx_isFetching = false
       }

package/src/components/table-generator/QasTableGenerator.vue

@@ -159,8 +159,6 @@ export default {
           columnByField(this.fields[index])
         }
 
-        this.$qas.logger.group('QasTableGenerator - Automatic columns', [columns])
-
         return columns
       }
 
@@ -173,8 +171,6 @@ export default {
         }
       })
 
-      this.$qas.logger.group('QasTableGenerator - columns', [columns])
-
       return columns
     },
 
@@ -199,8 +195,6 @@ export default {
         return result
       })
 
-      this.$qas.logger.group('QasTableGenerator - resultsByFields', [mappedResults])
-
       return mappedResults
     },
 

package/src/plugins/index.js

@@ -1,6 +1,5 @@
 import Delete from './delete/Delete.js'
 import Dialog from './dialog/Dialog.js'
-import Logger from './logger/Logger.js'
 import NotifyError from './notify-error/NotifyError.js'
 import NotifySuccess from './notify-success/NotifySuccess.js'
 import Screen from './screen/Screen.js'
@@ -8,7 +7,6 @@ import Screen from './screen/Screen.js'
 export {
   Delete,
   Dialog,
-  Logger,
   NotifyError,
   NotifySuccess,
   Screen

package/src/vue-plugin.js

@@ -70,8 +70,7 @@ import {
   Dialog,
   NotifyError,
   NotifySuccess,
-  Screen,
-  Logger
+  Screen
 } from './plugins'
 
 import packageInfo from '../package.json'
@@ -152,7 +151,6 @@ async function install (app) {
     delete: params => Delete.call(app.config.globalProperties, params),
     dialog: Dialog,
     error: NotifyError,
-    logger: Logger(),
     screen: Screen(),
     success: NotifySuccess
   }
@@ -230,7 +228,6 @@ export {
 
   // plugins
   Dialog,
-  Logger,
   NotifyError,
   NotifySuccess,
   Screen,

package/src/plugins/logger/Logger.js

@@ -1,44 +0,0 @@
-export default () => {
-  const isDebugEnabled = process.env.DEBUGGING
-
-  const normalizeMessage = msg => `%c ${msg}`
-  const getStyle = isError => (
-    `
-      background: ${isError ? '#C10015 ' : '#1976d2'};
-      font-weight: bold;
-      color: white;
-      padding: 6px 20px;
-      border-radius: 4px;
-      display: block;
-      width: 100%;
-      font-size: 12px;
-    `
-  )
-
-  return {
-    group (message, payload = [], { error } = {}) {
-      if (!isDebugEnabled) return
-
-      console.groupCollapsed(normalizeMessage(message), getStyle(error))
-
-      for (const item of payload) {
-        if (typeof item === 'string') {
-          console.info(normalizeMessage(item), getStyle(error))
-          continue
-        }
-
-        console.table(item)
-      }
-
-      console.groupEnd()
-    },
-
-    info (message) {
-      isDebugEnabled && console.info(normalizeMessage(message), getStyle())
-    },
-
-    error (message) {
-      isDebugEnabled && console.info(normalizeMessage(message), getStyle(true))
-    }
-  }
-}

package/src/plugins/logger/Logger.yml

@@ -1,9 +0,0 @@
-type: component
-
-meta:
-  desc: Plugin para adicionar loggers.
-
-inject:
-  'this.$qas.logger':
-    default: {}
-    type: Object