@hostlink/nuxt-light 0.0.73 → 0.0.75

package/README.md

@@ -104,3 +104,21 @@ npm run release
   </l-app>
 </template>
 ```
+
+
+
+## Google Sigin
+nuxt.config.ts
+```js
+ app: {
+    head: {
+      script: [
+        {
+          src: 'https://accounts.google.com/gsi/client',
+          async: true,
+          defer: true,
+        }
+      ]
+    }
+  }
+```

package/dist/module.d.mts

@@ -0,0 +1,7 @@
+import * as _nuxt_schema from '@nuxt/schema';
+
+interface ModuleOptions {
+}
+declare const _default: _nuxt_schema.NuxtModule<ModuleOptions>;
+
+export { type ModuleOptions, _default as default };

package/dist/module.d.ts

@@ -1,7 +1,7 @@
 import * as _nuxt_schema from '@nuxt/schema';
 
-interface ModuleOptions {
-}
+interface ModuleOptions {
+}
 declare const _default: _nuxt_schema.NuxtModule<ModuleOptions>;
 
-export { ModuleOptions, _default as default };
+export { type ModuleOptions, _default as default };

package/dist/module.json

@@ -1,5 +1,5 @@
 {
   "name": "light",
   "configKey": "light",
-  "version": "0.0.73"
+  "version": "0.0.75"
 }

package/dist/runtime/components/l-app.vue

@@ -1,21 +1,34 @@
 <script setup>
 import { useRuntimeConfig } from 'nuxt/app'
 import { setApiUrl } from '@hostlink/light'
-import { useRoute } from 'vue-router'
+import { Dialog } from 'quasar'
 import { q } from '../'
-const route = useRoute()
 const config = useRuntimeConfig();
 setApiUrl(config?.public?.apiBase ?? '/api/');
 
 
-const { app } = await q({ app: ['company', 'companyLogo', 'logged', 'twoFactorAuthentication'] });
+let app = null
+
+try {
+    app = (await q({ app: ['company', 'companyLogo', 'logged', 'twoFactorAuthentication', 'googleClientId'] })).app;
+} catch (e) {
+    Dialog.create({
+        title: 'Error',
+        message: 'Error loading api data. Please reload the page.',
+        ok: 'Reload',
+    }).onOk(() => {
+        window.location.reload();
+    });
+}
+
+
 </script>
 <template>
     <q-layout v-if="!app.logged">
         <q-page-container class="bg-grey-2" style="color:#1f1f1f">
             <q-page padding>
                 <l-login :company="app.company" :company-logo="app.companyLogo"
-                    :twoFactorAuthentication="app.twoFactorAuthentication"></l-login>
+                    :twoFactorAuthentication="app.twoFactorAuthentication" :google-client-id="app.googleClientId"></l-login>
             </q-page>
         </q-page-container>
     </q-layout>

package/dist/runtime/components/l-login.vue

@@ -1,16 +1,21 @@
 <script setup>
-import { ref, reactive } from 'vue'
-import { useQuasar } from 'quasar';
+import { ref, reactive, onMounted } from 'vue'
+import { useQuasar, Notify } from 'quasar';
 import { useI18n } from 'vue-i18n';
 import { m, notify } from '../';
 
+import { useRuntimeConfig } from 'nuxt/app';
+
 import { login, webauthnLogin } from '@hostlink/light';
 
+const config = useRuntimeConfig();
+
 
-defineProps({
+const props = defineProps({
   company: String,
   companyLogo: String,
-  twoFactorAuthentication: Boolean
+  twoFactorAuthentication: Boolean,
+  googleClientId: String
 })
 
 const i18n = useI18n();
@@ -119,6 +124,54 @@ const bioLogin = async () => {
   }
 
 }
+const handleGoogleCredentialResponse = async (response) => {
+  try {
+    await m("googleLogin", { credential: response.credential });
+    window.self.location.reload();
+  } catch (e) {
+    notify(e.message, "negative");
+  }
+}
+
+onMounted(() => {
+  if (props.googleClientId) {
+
+
+    if (!window.google) {
+      Notify.create({
+        message: "Google login is not available", //set script https://accounts.google.com/gsi/client in nuuxt.config.js
+        color: "negative",
+        icon: "sym_o_error",
+        position: "top",
+        timeout: 2000
+      });
+      return;
+
+    }
+
+    //google 
+    google.accounts.id.initialize({
+      client_id: props.googleClientId,
+      callback: handleGoogleCredentialResponse,
+    });
+
+    google.accounts.id.renderButton(
+      document.getElementById('g_id_signin'),
+      {
+        type: 'profile',
+        shape: 'pill',
+        theme: 'outline',
+        text: 'signin_with',
+        size: 'large',
+        logo_alignment: 'left'
+      }
+    );
+
+  }
+
+})
+
+
 
 </script>
 
@@ -145,5 +198,10 @@ const bioLogin = async () => {
       <l-btn v-if="hasBioLogin" outline rounded color="primary" icon="sym_o_fingerprint" @click="bioLogin" />
       <l-btn label="Forget password" outline rounded color="primary" icon="sym_o_lock_reset" @click="forgetPassword" />
     </q-card-actions>
+    <q-card-actions v-if="props.googleClientId">
+      <div>
+        <div id="g_id_signin"></div>
+      </div>
+    </q-card-actions>
   </q-card>
 </template>

package/dist/types.d.mts

@@ -0,0 +1,15 @@
+
+import { ModuleOptions } from './module'
+
+declare module '@nuxt/schema' {
+  interface NuxtConfig { ['light']?: Partial<ModuleOptions> }
+  interface NuxtOptions { ['light']?: ModuleOptions }
+}
+
+declare module 'nuxt/schema' {
+  interface NuxtConfig { ['light']?: Partial<ModuleOptions> }
+  interface NuxtOptions { ['light']?: ModuleOptions }
+}
+
+
+export { ModuleOptions, default } from './module'

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@hostlink/nuxt-light",
-  "version": "0.0.73",
+  "version": "0.0.75",
   "description": "HostLink Nuxt Light Framework",
   "repository": "@hostlink/nuxt-light",
   "license": "MIT",
@@ -22,10 +22,10 @@
     "dist"
   ],
   "scripts": {
-    "prepack": "nuxt-module-build",
+    "prepack": "nuxt-module-build build",
     "dev": "nuxi dev playground",
     "dev:build": "nuxi build playground",
-    "dev:prepare": "nuxt-module-build --stub && nuxi prepare playground",
+    "dev:prepare": "nuxt-module-build build --stub && nuxi prepare playground",
     "release:org": "npm run lint && npm run test && npm run prepack && changelogen --release && npm publish && git push --follow-tags",
     "release": "npm run prepack && changelogen --release && npm publish --access=public && git push --follow-tags",
     "lint": "eslint .",
@@ -35,10 +35,10 @@
   },
   "dependencies": {
     "@hostlink/light": "^0.0.24",
-    "@nuxt/kit": "^3.7.0",
+    "@nuxt/kit": "^3.7.4",
+    "@nuxt/module-builder": "^0.5.2",
     "@quasar/extras": "^1.16.6",
     "axios": "^1.5.0",
-    "gql-query-builder": "^3.8.0",
     "json-to-graphql-query": "^2.2.5",
     "quasar": "^2.12.5",
     "unplugin-auto-import": "^0.16.6",
@@ -48,9 +48,8 @@
   "devDependencies": {
     "@nuxt/content": "^2.8.2",
     "@nuxt/devtools": "latest",
-    "@nuxt/eslint-config": "^0.1.1",
-    "@nuxt/module-builder": "^0.4.0",
-    "@nuxt/schema": "^3.7.0",
+    "@nuxt/eslint-config": "^0.2.0",
+    "@nuxt/schema": "^3.7.4",
     "@nuxt/test-utils": "^3.7.0",
     "@types/node": "^18.17.3",
     "changelogen": "^0.5.4",