@sowell/quasar-app-extension-auth 0.4.10 → 0.5.1

package/.github/workflows/publish.yml

@@ -15,7 +15,7 @@ jobs:
       - name: Nodejs
         uses: actions/setup-node@v2
         with:
-          node-version: "14"
+          node-version: "16"
           cache: yarn
           registry-url: https://registry.npmjs.org
       - name: publish

package/.github/workflows/remove-stale-branches.yml

@@ -0,0 +1,19 @@
+name: Remove stale branches
+
+on:
+  workflow_dispatch:
+  schedule:
+    - cron: "0 0 * * *" # Everday at midnight
+
+jobs:
+  remove-stale-branches:
+    name: Remove Stale Branches
+    runs-on: ubuntu-latest
+    steps:
+      - uses: fpicalausa/remove-stale-branches@v1.6.0
+        with:
+          dry-run: false # Check out the console output before setting this to false
+          days-before-branch-stale: 180
+          days-before-branch-delete: 0
+          operations-per-run: 50
+          exempt-authors-regex: "^dependabot"

package/README.md

@@ -53,28 +53,6 @@ The default is /users/passwords
 
 The default is Bearer but you can change it according to your needs
 
-10. Vuex mutation to set token
-
-The default is auth/setToken in the auth module.
-It can be changed from the moment it takes the token in parameter
-
-11. Vuex mutation to clear token and all user state
-
-The default is auth/clearToken in the auth module but can be changed
-
-12. Vuex mutation to set user information when resetting password (email or phone number)
-
-The default is auth/setInfosUser in auth module.
-It takes email or phone number, can be changed
-
-13. Vuex getter to return token
-
-The default is auth/getToken and return token, can be changed.
-
-14. Vuex getter to return user information
-
-The default is auth/getInfosUser and return email or phone number
-
 # Uninstall
 
 ```bash
@@ -173,8 +151,11 @@ Launch test E2E with Continuous integration mode and cypress test all file in di
 ```
 
 # netlify-plugin-cypress
+
 [![CircleCI](https://circleci.com/gh/cypress-io/netlify-plugin-cypress/tree/master.svg?style=svg&circle-token=9cbb587a5a0ae4ce28b011dd03d10d66de906708)](https://circleci.com/gh/cypress-io/netlify-plugin-cypress/tree/master) [![renovate-app badge][renovate-badge]][renovate-app] [![netlify-plugin-cypress](https://img.shields.io/endpoint?url=https://dashboard.cypress.io/badge/simple/ixroqc/master&style=flat&logo=cypress)](https://dashboard.cypress.io/projects/ixroqc/runs) [![Netlify Status](https://api.netlify.com/api/v1/badges/76892baf-2ad8-4642-b283-f2135963ff51/deploy-status)](https://app.netlify.com/sites/sad-lumiere-6a00a5/deploys)
+
 > Runs Cypress end-to-end tests on Netlify Build
+
 ## Install and use
 
 You can install this plugin in the Netlify UI from this [direct in-app installation link](https://app.netlify.com/plugins/netlify-plugin-cypress/install) or from the [Plugins directory](https://app.netlify.com/plugins).
@@ -189,8 +170,7 @@ yarn add -D netlify-plugin-cypress
 
 And then add the plugin's name to the list of build plugins in `netlify.toml` file as shown in the examples below.
 
-*note:* this plugin assumes you have already installed Cypress as a dev NPM dependency.
-
+_note:_ this plugin assumes you have already installed Cypress as a dev NPM dependency.
 
 ## How does it work
 
@@ -488,9 +468,10 @@ public/
 The `public` folder is served automatically and the following test successfully visits both the root and the `about.html` pages:
 
 ```js
-cy.visit('/')
-cy.visit('/pages/about') // visits the about.html
+cy.visit("/");
+cy.visit("/pages/about"); // visits the about.html
 ```
+
 **Warning:** be careful with verbose logging, since it can print all environment variables passed to the plugin, including tokens, API keys, and other secrets.
 
 Error: error:0308010C:digital envelope routines::unsupported
@@ -502,4 +483,4 @@ If you appreciate the work that went into this App Extension, make donation to [
 
 # License
 
-MIT (c) Sowell
+MIT (c) Sowell

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@sowell/quasar-app-extension-auth",
-  "version": "0.4.10",
+  "version": "0.5.1",
   "description": "A Quasar app extension to manage Authentication",
   "main": "src/index.js",
   "repository": "https://github.com/sowell-ai/quasar.extension.auth",
@@ -21,7 +21,7 @@
     "yarn": ">= 1.6.0"
   },
   "devDependencies": {
-    "@quasar/cli": "^1.2.2",
+    "@quasar/cli": "^2.2.3",
     "@quasar/quasar-app-extension-testing-e2e-cypress": "^3.1.0",
     "@types/node": "^16.9.1",
     "@types/validator": "^13.6.3",
@@ -32,6 +32,7 @@
     "eslint-plugin-vue": "^7.0.0",
     "jwt-decode": "^3.1.2",
     "quasar": "^2.6.2",
+    "vue": "3.4.21",
     "typescript": "^4.4.2"
   },
   "directories": {
@@ -45,7 +46,6 @@
     "pinia": "^2.0.12",
     "qs": "^6.10.1",
     "validator": "^13.6.0",
-    "vue-router": "^4.0.0",
-    "vuex": "4.0"
+    "vue-router": "^4.0.0"
   }
 }

package/src/boot/store.ts

@@ -1,10 +1,8 @@
 //@ts-ignore
 import { boot } from "quasar/wrappers";
 import { BootInterface } from "../interfaces";
-import tokenModule from "../store";
 
 export default boot(({ app, store }: BootInterface) => {
   // Register store module
-  store.registerModule("token", tokenModule);
   app.provide("$store", store);
 });

package/src/components/pages/Auth.vue

@@ -1,6 +1,6 @@
 <template>
-  <q-layout>
-    <q-page class="column justify-center items-center">
+  <q-layout class="column justify-end items-center q-pb-lg">
+    <div>
       <div class="q-pa-lg">
         <div class="column justify-center items-center">
           <div class="row justify-center">
@@ -157,7 +157,7 @@
           />
         </q-dialog>
       </div>
-    </q-page>
+    </div>
     <q-footer class="footer">
       <q-toolbar>
         <q-toolbar-title>
@@ -264,3 +264,4 @@ export default defineComponent({
   background: transparent;
 }
 </style>
+

package/src/components/pages/AuthReporter.vue

@@ -1,6 +1,6 @@
 <template>
-  <q-layout>
-    <q-page class="column justify-end items-center">
+  <q-layout class="column justify-end items-center q-pb-lg">
+    <div>
       <div class="column">
         <div class="column justify-center" style="height: 35vh">
           <div class="row justify-center">
@@ -129,7 +129,7 @@
             @retypeEmail="retypeEmail"
           >
             <q-btn
-              v-if="(sendEmailSuccess && isOtp)"
+              v-if="sendEmailSuccess && isOtp"
               class="q-mt-md full-width"
               unelevated
               style="background: #fff"
@@ -143,7 +143,7 @@
           </sowell-message>
         </q-dialog>
       </div>
-    </q-page>
+    </div>
     <q-footer class="footer">
       <q-toolbar>
         <q-toolbar-title>
@@ -190,15 +190,15 @@ export default defineComponent({
     } = useAuth();
 
     const handleSubmit = () => {
-      onSubmit()
-    }
+      onSubmit();
+    };
 
     const appVersion = reactive({
       versionNumber: "",
     });
 
-    const isOtp = computed(() => IS_OTP.toLowerCase() === "y")
-    
+    const isOtp = computed(() => IS_OTP.toLowerCase() === "y");
+
     const resetPassword = async (email: string) => {
       const data = {
         auth: {
@@ -262,3 +262,4 @@ div.q-field__messages {
   display: none;
 }
 </style>
+

package/src/components/pages/OtpValidation.vue

@@ -1,18 +1,15 @@
 <template>
-  <q-layout>
-    <q-page class="q-pa-md row justify-center">
+  <q-layout class="q-pa-md row justify-center">
+    <div>
       <div>
         <div class="q-mt-xl">
           <img
             src="../../assets/Sowell-logo.svg"
-            class="q-mb-sm q-mr-md"
+            class="q-mb-sm"
             style="width: 190px"
           />
         </div>
-        <div
-          class="column justify-center full-height"
-          style="max-width: 550px; margin-top: -90px"
-        >
+        <div class="column justify-center full-height" style="max-width: 550px">
           <div></div>
           <div
             class="text-subtitle1 q-mt-lg"
@@ -73,7 +70,7 @@
           </q-form>
         </div>
       </div>
-    </q-page>
+    </div>
   </q-layout>
 </template>
 
@@ -180,3 +177,4 @@ export default defineComponent({
   width: 254px;
 }
 </style>
+

package/src/components/pages/ResetPassword.vue

@@ -1,6 +1,6 @@
 <template>
-  <q-layout>
-    <q-page class="q-pa-md row justify-center full-height">
+  <q-layout class="q-pa-md row justify-center full-height">
+    <div>
       <div style="max-width: 342px">
         <div>
           <q-btn
@@ -71,7 +71,7 @@
           @goToLoginPage="goToLoginPage"
         />
       </q-dialog>
-    </q-page>
+    </div>
   </q-layout>
 </template>
 

package/src/components/pages/WebResetPassword.vue

@@ -1,6 +1,6 @@
 <template>
-  <q-layout>
-    <q-page class="q-pa-md row justify-center">
+  <q-layout class="q-pa-md row justify-center">
+    <div>
       <div>
         <div class="q-mt-xl">
           <img
@@ -86,7 +86,7 @@
           @goToLoginPage="goToLoginPage"
         />
       </q-dialog>
-    </q-page>
+    </div>
   </q-layout>
 </template>
 
@@ -132,3 +132,4 @@ export default defineComponent({
   width: 254px;
 }
 </style>
+

package/src/injects/index.ts

@@ -1,5 +1,4 @@
 export * from "./api";
 export * from "./prompts";
 export * from "./router";
-export * from "./store";
 export * from './states'

package/src/injects/prompts.ts

@@ -10,11 +10,6 @@ export interface PromptsInterface {
   AUTH_SERVER_RESET_PASSWORD_ROUTE: string;
   AUTH_SERVER_UPDATE_PASSWORD_ROUTE: string;
   AUTH_TYPE: string;
-  VUEX_SET_TOKEN_MUTATION: string;
-  VUEX_CLEAR_TOKEN_MUTATION: string;
-  VUEX_SET_INFOS_USER_MUTATION: string;
-  VUEX_GET_TOKEN_GETTER: string;
-  VUEX_GET_INFOS_USER_GETTER: string;
   X_REQUESTED_ROLES: string;
   WELCOME_TITLE: string;
   WELCOME_SUBTITLE: string;
@@ -23,7 +18,7 @@ export interface PromptsInterface {
   AUTH_SERVER_VERIFY_OTP: string;
   UI_PAGE: string;
   APP_VERSION: string;
-  USE_SSO: boolean
+  USE_SSO: boolean;
 }
 export const $prompts = (): PromptsInterface => {
   const $prompts = inject<Record<"@sowell/auth", PromptsInterface>>("$prompts");

package/src/interfaces/Boot.ts

@@ -1,8 +1,6 @@
 import { Router } from "vue-router";
-import { Store } from "vuex";
 import { App } from "vue";
 export interface BootInterface {
   router: Router;
-  store: Store<any>;
   app: App<any>;
 }

package/src/prompts.js

@@ -64,20 +64,6 @@ module.exports = function () {
       message: "Authorization type",
       default: "Bearer",
     },
-    {
-      name: "VUEX_SET_TOKEN_MUTATION",
-      type: "input",
-      required: true,
-      message: "Vuex mutation to set token",
-      default: "auth/set_token",
-    },
-    {
-      name: "VUEX_CLEAR_TOKEN_MUTATION",
-      type: "input",
-      required: true,
-      message: "Vuex mutation to clear token",
-      default: "auth/clear_token",
-    },
     {
       name: "UI_PAGE",
       type: "input",
@@ -85,34 +71,6 @@ module.exports = function () {
       message: "Login page for mobile app",
       default: "",
     },
-    {
-      name: "VUEX_SET_EMAIL_MUTATION",
-      type: "input",
-      required: true,
-      message: "Vuex mutation to store user email when authenticated",
-      default: "auth/set_email_user",
-    },
-    {
-      name: "VUEX_SET_INFOS_USER_MUTATION",
-      type: "input",
-      required: true,
-      message: "Vuex mutation to set user information to reset password",
-      default: "auth/set_infos_user",
-    },
-    {
-      name: "VUEX_GET_TOKEN_GETTER",
-      type: "input",
-      required: true,
-      message: "Vuex getter token",
-      default: "auth/get_token",
-    },
-    {
-      name: "VUEX_GET_INFOS_USER_GETTER",
-      type: "input",
-      required: true,
-      message: "Vuex getter user information",
-      default: "auth/get_infos_user",
-    },
     {
       name: "X_REQUESTED_ROLES",
       type: "input",

package/.github/workflows/main.yml

@@ -1,22 +0,0 @@
-name: Cypress Tests
-
-on: [push]
-
-jobs:
-  cypress-run:
-    runs-on: ubuntu-latest
-    steps:
-      - name: Checkout
-        uses: actions/checkout@v2
-      - name: Nodejs
-        uses: actions/setup-node@v2
-        with:
-          node-version: '14'
-          cache: yarn
-      - run: yarn install
-      - run: yarn dep
-      - name: Cypress run
-        uses: cypress-io/github-action@v2
-        with:
-          working-directory: dev
-          command: yarn test

package/src/injects/store.ts

@@ -1,10 +0,0 @@
-import { inject } from "vue";
-import { Store } from "vuex";
-
-export const $store = (): Store<any> => {
-  const $store = inject<Store<any>>("$store");
-  if ($store == undefined) {
-    throw Error("Could not inject store");
-  }
-  return $store;
-};

package/src/store/index.ts

@@ -1,71 +0,0 @@
-import { Module, GetterTree, MutationTree, ActionTree } from "vuex";
-import { tokenStateInterface, payload } from "../interfaces";
-
-const state: tokenStateInterface = {
-  raw: "",
-  payload: {
-    company_hp: undefined,
-    exp: undefined,
-    gm_key: "",
-    roles: [],
-    sub: null
-  }
-}
-
-const getters: GetterTree<tokenStateInterface, any> = {
-  getRaw(state) {
-    return state.raw
-  },
-  getPayload(state) {
-    return state.payload
-  },
-  getIsValid(state) {
-    if (state.payload.exp) {
-      return new Date(state.payload.exp * 1000) >= new Date() ? true : false;
-    } else {
-      return false
-    }
-  }
-}
-
-const mutations: MutationTree<tokenStateInterface> = {
-  setRaw(state, value: string) {
-    state.raw = value
-  },
-  setPayload(state, value: payload) {
-    state.payload = {...value}
-  },
-  reset(state) {
-    state.raw = ""
-    state.payload = {
-      company_hp: undefined,
-      exp: undefined,
-      gm_key: "",
-      roles: [],
-      sub: null
-    }
-  }
-}
-
-const actions: ActionTree<tokenStateInterface, any> = {
-  updateRaw({ commit }, value: string) {
-    commit("setRaw", value);
-    let parseJwt: string
-    try {
-      parseJwt = JSON.parse(window.atob(value.split(".")[1]));
-    } catch (error) {
-      parseJwt = ""
-    }
-    commit("setPayload", parseJwt)
-  }
-}
-
-const tokenModule: Module<tokenStateInterface, any> = {
-  namespaced: true,
-  getters,
-  mutations,
-  actions,
-  state
-}
-
-export default tokenModule;