@bildvitta/quasar-app-extension-asteroid 2.17.0 → 3.0.0-alpha.3

package/package.json

@@ -1,8 +1,8 @@
 {
   "name": "@bildvitta/quasar-app-extension-asteroid",
-  "version": "2.17.0",
-  "description": "A Quasar App Extension",
-  "author": "Inovação Bild & Vitta <inova@bild.com.br>",
+  "description": "Asteroid",
+  "version": "3.0.0-alpha.3",
+  "author": "Bild & Vitta <systemteam@bild.com.br>",
   "license": "MIT",
   "main": "src/index.js",
   "publishConfig": {
@@ -23,12 +23,13 @@
   },
   "bugs": "https://github.com/bildvitta/asteroid/issues",
   "homepage": "",
-  "dependencies": {
-    "@bildvitta/quasar-ui-asteroid": "latest"
-  },
   "engines": {
     "node": ">= 8.9.0",
     "npm": ">= 5.6.0",
     "yarn": ">= 1.6.0"
+  },
+  "dependencies": {
+    "@bildvitta/quasar-ui-asteroid": "3.0.0-alpha.2",
+    "humps": "^2.0.1"
   }
 }

package/src/boot/api.js

@@ -1,11 +1,10 @@
 import { camelizeKeys, decamelizeKeys } from 'humps'
 
-export default async ({ Vue }) => {
-  const api = Vue.prototype.$axios
-  const environment = Vue.prototype.$environment
+export default async ({ app }) => {
+  const api = app.config.globalProperties.$axios
 
   // Defaults
-  api.defaults.baseURL = process.env.SERVER_BASE_URL || (environment ? environment.serverBaseURL : '/')
+  api.defaults.baseURL = process.env.SERVER_BASE_URL || '/'
   api.defaults.timeout = process.env.SERVER_TIMEOUT || 10000
 
   // Transformers
@@ -22,7 +21,7 @@ export default async ({ Vue }) => {
       if (data instanceof FormData) {
         return data
       }
-  
+
       return decamelizeKeys(data, (key, convert, options) =>
         /^\D+$/.test(key) ? convert(key, options) : key
       )

package/src/boot/history.js

@@ -1,12 +1,8 @@
-import { handleHistory } from '@bildvitta/quasar-ui-asteroid/src/helpers/historyHandler'
+import { addRoute } from '@bildvitta/quasar-ui-asteroid/src/store/history'
 
-export default async ({ Vue, router }) => {
-  Vue.prototype.$history = []
-  const history = handleHistory()
-
-  router.beforeEach(async (to, from, next) => {
-    Vue.prototype.$history.unshift(from)
-    history.push(to)
+export default ({ router }) => {
+  router.beforeEach((to, from, next) => {
+    addRoute(to)
     next()
   })
 }

package/src/boot/register.js

@@ -1,4 +1,8 @@
-import Vue from 'vue'
-import VuePlugin from '@bildvitta/quasar-ui-asteroid'
+// TODO: Rever uso do build
+// import VuePlugin from '@bildvitta/quasar-ui-asteroid/dist/asteroid.esm.js'
 
-Vue.use(VuePlugin)
+import VuePlugin from '@bildvitta/quasar-ui-asteroid/src/index.esm.js'
+
+export default ({ app }) => {
+  app.use(VuePlugin)
+}

package/src/index.js

@@ -1,32 +1,21 @@
-/**
- * Quasar App Extension index/runner script
- * (runs on each dev/build)
- *
- * Docs: https://quasar.dev/app-extensions/development-guide/index-api
- * API: https://github.com/quasarframework/quasar/blob/master/app/lib/app-extension/IndexAPI.js
- */
-
 const sourcePath = '~@bildvitta/quasar-app-extension-asteroid/src/'
 const resolve = (...paths) => paths.map(path => sourcePath + path)
 
 function extendQuasar (quasar) {
   // Boot
-  quasar.boot.push(
-    ...resolve(
-      'boot/register.js',
-      'boot/environment.js',
-      'boot/api.js',
-      'boot/error-pages.js',
-      'boot/force-https.js',
-      'boot/history.js',
-      'boot/router.js',
-      'boot/store.js'
-    )
-  )
+  quasar.boot.push(...resolve(
+    'boot/api.js',
+    'boot/register.js',
+    'boot/history.js'
+  ))
 
   // Transpile!
   quasar.build.transpileDependencies.push(/quasar-app-extension-asteroid[\\/]src/)
 
+  // Preserve whitespaces!
+  // https://github.com/vuejs/core/pull/1600
+  quasar.build.vueLoaderOptions.whitespace = 'preserve'
+
   quasar.css.push(...resolve('index.scss'))
 
   const plugins = [
@@ -35,7 +24,7 @@ function extendQuasar (quasar) {
     'Notify'
   ]
 
-  // Add all required quasar plugins
+  // Add all required Quasar plugins
   plugins.forEach(plugin => quasar.framework.plugins.push(plugin))
 
   // Settings
@@ -44,12 +33,12 @@ function extendQuasar (quasar) {
   )
 
   quasar.framework.iconSet = 'material-icons-outlined'
-  quasar.framework.lang = 'pt-br'
+  quasar.framework.lang = 'pt-BR'
 }
 
 module.exports = function (api) {
-  api.compatibleWith('quasar', '^1.1.1')
-  api.compatibleWith('@quasar/app', '^1.1.0 || ^2.0.0')
+  api.compatibleWith('quasar', '^2.0.0')
+  api.compatibleWith('@quasar/app', '^3.0.0')
 
   api.extendQuasarConf(extendQuasar)
 
@@ -59,8 +48,7 @@ module.exports = function (api) {
     webpack.resolve.alias = {
       ...webpack.resolve.alias,
 
-      asteroid: api.resolve.app(asteroid),
-      extensions: api.resolve.app('quasar.extensions.json')
+      asteroid: api.resolve.app(asteroid)
     }
   })
 }

package/src/index.scss

@@ -1 +1 @@
-@import '~@bildvitta/quasar-ui-asteroid/src/index.scss';
+@import '~@bildvitta/quasar-ui-asteroid/src/index';

package/README.md

@@ -1,117 +0,0 @@
-<img src="https://img.shields.io/npm/v/@bildvitta/quasar-ui-asteroid.svg?label=quasar-ui-asteroid">
-<img src="https://img.shields.io/npm/v/@bildvitta/quasar-app-extension-asteroid.svg?label=quasar-app-extension-asteroid">
-
-# Asteroid
-This `App Extension` contains methods, components and styles that will assist in building a C.R.U.D. using *Vue* and *Quasar*. It was initially designed to be used in accordance with [our API] standards (http://github.com/bildvitta/api), but can be adapted to any _back-end_ as long as it maintains the original standards.
-
-Note: Some Quasar components must be imported manually inside [quasar.config.js](https://quasar.dev/quasar-cli/quasar-conf-js#Property%3A-framework) (e.g., when you are using `QasFormView` you have to import [QPage](https://quasar.dev/layout/page#Introduction)).
-
-
-## Structure
-* [/app-extension](app-extension) - Quasar app extension
-* [/ui](ui) - standalone npm package
-
-## Environment variables
-
-| Variables | Description |
-|:-|:-|
-| `BUCKET_URL` | Hosting address of _assets_. |
-| `SERVER_BASE_URL` | Base server access address. |
-
-## Instalation
-
-```
-$ quasar ext add @bildvitta/asteroid
-```
-
-## Usage
-After the installation the app-extension is ready to be used, check [here](https://asteroid-og52m.ondigitalocean.app) the documentation.
-
-## Develop usage
-```
-$ git clone https://github.com/bildvitta/asteroid
-```
-
-In `root` folder:
-```
-$ npm i
-```
-
-Go to `/app-extension` folder:
-```
-$ npm i
-$ npm link
-```
-
-Now go to `/ui` folder:
-```
-$ npm i
-$ npm link
-```
-
-You have linked your app-extension and ui folder,  go to the project that you are using `asteroid` and link them.
-Inside your project:
-
-```
-$ npm link @bildvitta/quasar-app-extension-asteroid
-$ npm link @bildvitta/quasar-ui-asteroid
-```
-
-Now your project is linked with asteroid directory and not anymore with is installed within node_modules of project.
-For unlink asteroid directory, inside your project:
-
-```
-$ npm i
-```
-
-## Storybook and Jest develop usage
-```
-$ git clone https://github.com/bildvitta/asteroid
-```
-
-Go to `/ui` folder:
-```
-$ npm i
-```
-
-[Storybook](https://storybook.js.org/docs/vue/get-started/introduction) and [Jest](https://vue-test-utils.vuejs.org) needs vue as a dependency, to install it run the code inside `/ui` folder:
-```
-$ npm run install-peer
-```
-
-Run storybook:
-```
-$ npm run storybook
-```
-
-Run all tests:
-```
-$ npm run test
-```
-
-Run tests in watch mode:
-```
-$ npm run test:watch
-```
-
-Note: If asteroid is linked with some project and you run `npm run install-peer` the components will stop working inside the project because of vue dependency, to make they work again, inside the `/ui` folder run:
-```
-$ npm i
-```
-
-But now you have lost the link, run again:
-```
-$ npm link
-```
-
-## Uninstall
-
-```
-$ quasar ext remove @bildvitta/asteroid
-```
-
-# Donate
-If you appreciate the work that went into this project, please consider [donating to Quasar](https://donate.quasar.dev).
-
-# License
-MIT (c) Caio Tarifa <caiotarifa@gmail.com>

package/src/boot/environment.js

@@ -1,4 +0,0 @@
-import Vue from 'vue'
-import environment from 'extensions'
-
-Vue.prototype.$environment = environment['@bildvitta/asteroid'] || {}

package/src/boot/error-pages.js

@@ -1,22 +0,0 @@
-import ForbiddenPage from '@bildvitta/quasar-ui-asteroid/src/pages/Forbidden.vue'
-import NotFound from '@bildvitta/quasar-ui-asteroid/src/pages/NotFound.vue'
-
-export default function ({ router }) {
-  const routes = [
-    {
-      name: 'Forbidden',
-      path: '/',
-      component: ForbiddenPage
-    }
-  ]
-
-  if (process.env.MODE !== 'ssr') {
-    routes.push({
-      name: 'NotFound',
-      path: '*',
-      component: NotFound
-    })
-  }
-
-  router.addRoutes(routes)
-}

package/src/boot/force-https.js

@@ -1,6 +0,0 @@
-const force = process.env.FORCE_HTTPS ?? process.env.PROD
-const protocol = 'https:'
-
-if (location.protocol !== protocol && force) {
-  location.protocol = protocol
-}

package/src/boot/router.js

@@ -1,21 +0,0 @@
-export default function ({ router }) {
-  const push = router.push.bind(router)
-  const replace = router.replace.bind(router)
-  const resolve = router.resolve.bind(router)
-
-  router.push = function (options) {
-    const { route } = resolve(options)
-
-    if (router.history.current.fullPath !== route.fullPath) {
-      return push(options)
-    }
-  }
-
-  router.replace = function (options) {
-    const { route } = resolve(options)
-
-    if (router.history.current.fullPath !== route.fullPath) {
-      return replace(options)
-    }
-  }
-}

package/src/boot/store.js

@@ -1,3 +0,0 @@
-export default async ({ Vue, store }) => {
-  Vue.prototype.$store = store
-}