@hostlink/nuxt-light 0.0.58 → 0.0.60

package/dist/module.json

@@ -1,5 +1,5 @@
 {
   "name": "light",
   "configKey": "light",
-  "version": "0.0.58"
+  "version": "0.0.60"
 }

package/dist/module.mjs

@@ -46,7 +46,6 @@ const module = defineNuxtModule({
       { name: "list", from },
       { name: "listData", from },
       { name: "m", from },
-      { name: "mutation", from },
       { name: "q", from },
       { name: "removeObject", from },
       { name: "t", from },

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

@@ -1,14 +1,15 @@
 <script setup>
 import { ref, useAttrs } from "vue";
 import { q, f, useLight } from '../';
-import { useI18n } from "vue-i18n"
-const i18n = useI18n()
 
-const props = defineProps(["permission", "label"]);
+const props = defineProps(["label", "permission"]);
 
-const light = useLight();
+const label = ref(props.label);
+if (!label.value) {
+    label.value = "";
+}
 
-const label = i18n.t(props.label);
+const light = useLight();
 
 const granted = ref(false);
 if (props.permission) {

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

@@ -4,7 +4,7 @@ import { useQuasar } from 'quasar';
 import { useI18n } from 'vue-i18n';
 import { m, notify } from '../';
 
-import { login } from '@hostlink/light';
+import { login, webauthnLogin } from '@hostlink/light';
 
 
 defineProps({
@@ -105,7 +105,20 @@ const forgetPassword = async () => {
   });
 };
 
+const hasBioLogin = ref(false);
 
+if (localStorage.getItem("username")) {
+  hasBioLogin.value = true;
+}
+const bioLogin = async () => {
+  try {
+    await webauthnLogin(localStorage.getItem("username"));
+    window.self.location.reload();
+  } catch (e) {
+    notify(e.message, "negative");
+  }
+
+}
 
 </script>
 
@@ -129,6 +142,7 @@ const forgetPassword = async () => {
     </q-card-section>
     <q-card-actions>
       <l-btn label="Login" outline rounded color="primary" icon="sym_o_login" @click="submit" />
+      <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>

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

@@ -1,6 +1,5 @@
 <script setup lang="ts">
 import { useQuasar, QTable } from 'quasar';
-//import { useI18n } from 'vue-i18n';
 import { useRoute } from 'vue-router';
 import { ref, computed, onMounted, useSlots, reactive, useAttrs } from "vue";
 import { t, deleteObject, q, f, useLight } from '../';
@@ -369,6 +368,7 @@ const attrs = {
     ...useAttrs()
 }
 
+
 </script>
 <template>
     <template v-if="errors.length > 0">
@@ -381,7 +381,7 @@ const attrs = {
 
     <q-table v-bind="$attrs" :flat="attrs.flat" :dense="attrs.dense" :bordered="attrs.bordered" :row-key="rowKey"
         :loading="loading" :hide-bottom="hideBottom" v-model:pagination="pagination" ref="table" @request="onRequest"
-        :rows="rows" :rows-per-page-label="t(props.rowsPerPageLabel)" :columns="renderColumns"
+        :rows="rows" :rows-per-page-label="$t(props.rowsPerPageLabel)" :columns="renderColumns"
         :rows-per-page-options="rowsPerPageOptions"
         :selection="selection"
         

package/dist/runtime/index.d.ts

@@ -7,4 +7,4 @@ interface Light {
     getVersion(): string;
 }
 export declare function useLight(): Light;
-export { notify, addObject, f, getApiUrl, getCurrentUser, getObject, id, list, listData, m, mutation, q, removeObject, t, updateObject, getID, deleteObject, listObject, getApiBase } from "./lib";
+export { notify, addObject, f, getApiUrl, getCurrentUser, getObject, id, list, listData, m, q, removeObject, t, updateObject, getID, deleteObject, listObject, getApiBase } from "./lib";

package/dist/runtime/index.mjs

@@ -40,7 +40,6 @@ export {
   list,
   listData,
   m,
-  mutation,
   q,
   removeObject,
   t,

package/dist/runtime/lib/getCurrentUser.mjs

@@ -1,7 +1,7 @@
 import q from "./q.mjs";
 export default async () => {
   try {
-    return await q("my", ["first_name", "last_name", "roles"]);
+    return await q("my", ["username", "first_name", "last_name", "roles"]);
   } catch (e) {
     return null;
   }

package/dist/runtime/lib/index.d.ts

@@ -7,7 +7,6 @@ import id from "./id";
 import list from "./list";
 import listData from "./listData";
 import m from "./m";
-import mutation from "./mutation";
 import q from "./q";
 import removeObject from "./removeObject";
 import deleteObject from "./deleteObject";
@@ -18,4 +17,4 @@ import isGranted from "./isGranted";
 declare const notify: (message: string, color?: string) => void;
 import getID from "./getID";
 declare const getApiBase: () => {};
-export { addObject, f, getApiUrl, getCurrentUser, getObject, id, list, listData, m, mutation, q, removeObject, t, updateObject, notify, getID, deleteObject, listObject, isGranted, getApiBase };
+export { addObject, f, getApiUrl, getCurrentUser, getObject, id, list, listData, m, q, removeObject, t, updateObject, notify, getID, deleteObject, listObject, isGranted, getApiBase };

package/dist/runtime/lib/index.mjs

@@ -9,7 +9,6 @@ import id from "./id.mjs";
 import list from "./list.mjs";
 import listData from "./listData.mjs";
 import m from "./m.mjs";
-import mutation from "./mutation.mjs";
 import q from "./q.mjs";
 import removeObject from "./removeObject.mjs";
 import deleteObject from "./deleteObject.mjs";
@@ -39,7 +38,6 @@ export {
   list,
   listData,
   m,
-  mutation,
   q,
   removeObject,
   t,

package/dist/runtime/pages/EventLog/_eventlog_id/view.vue

@@ -1,6 +1,6 @@
 <script setup>
 import { getObject } from "../../../"
-const obj = await getObject(["eventlog_id", "class", "id", "action", "created_time", "username"]);
+const obj = await getObject(["eventlog_id", "class", "id", "action", "created_time", "username", "source", "target"]);
 </script>
 <template>
     <l-page>
@@ -12,7 +12,28 @@ const obj = await getObject(["eventlog_id", "class", "id", "action", "created_ti
                 <l-item label="Action">{{ obj.action }}</l-item>
                 <l-item label="Created time">{{ obj.created_time }}</l-item>
                 <l-item label="Username">{{ obj.username }}</l-item>
+
+                <q-item>
+                    <q-item-section>
+                        <q-item-label>{{ $t('Source') }}</q-item-label>
+                        <q-item-label caption>
+                            <pre>{{ obj.source }}</pre>
+                        </q-item-label>
+                    </q-item-section>
+                </q-item>
+
+
+                <q-item>
+                    <q-item-section>
+                        <q-item-label>{{ $t('Target') }}</q-item-label>
+                        <q-item-label caption style="white-space: pre-wrap;">
+                            {{ obj.target }}
+                        </q-item-label>
+                    </q-item-section>
+                </q-item>
             </l-list>
         </l-card>
+
+
     </l-page>
 </template>

package/dist/runtime/pages/Permission/add.vue

@@ -15,21 +15,12 @@ roles = roles.map((role) => {
 
 const router = useRouter();
 const onSave = async () => {
-    await mutation({
-        operation: "addPermissionRoles",
-        variables: {
-            value: {
-                value: obj.value,
-                required: true
-            },
-            roles: {
-                value: obj.roles,
-                type: "[String!]!"
-            }
-        },
-
 
+    await m("addPermissionRoles", {
+        value: obj.value,
+        roles: obj.roles
     });
+
     router.push(`/Permission`);
 }
 

package/dist/runtime/pages/User/setting/bio-auth.vue

@@ -1,13 +1,90 @@
 <script setup>
-import { q } from '../../../'
-const app = q("app"["hasBioAuth"]);
+import { Dialog } from "quasar";
+import { ref } from "vue"
+import { q, m, getCurrentUser } from '../../../'
+const app = await q("app", ["hasBioAuth"]);
+
+import { webauthnRegister } from "@hostlink/light"
+
+
+const data = ref(await q("listWebAuthn", ["uuid", "ip", "user_agent", "createdTime"]));
+
+const register = async () => {
+    try {
+        await webauthnRegister();
+        data.value = await q("listWebAuthn", ["uuid", "ip", "user_agent", "createdTime"]);
+        const user = await getCurrentUser();
+        localStorage.setItem("username", user.username);
+    } catch (e) {
+
+    }
+}
+
+const columns = [
+    {
+        name: "action",
+    },
+    {
+        label: "Created time",
+        name: "createdTime",
+        field: "createdTime",
+        align: "left",
+        sortable: true
+
+    }, {
+        label: "IP",
+        name: "ip",
+        field: "ip", align: "left",
+        sortable: true
+    }, {
+        label: "User agent",
+        name: "user_agent",
+        field: "user_agent", align: "left",
+        sortable: true
+    }
+]
+
+const deleteItem = async (uuid) => {
+    //confirm
+    Dialog.create({
+        title: "Delete",
+        message: "Are you sure you want to delete this item?",
+        ok: "Yes",
+        cancel: "No",
+    }).onOk(async () => {
+        await m("deleteWebAuthn", { uuid });
+        data.value = await q("listWebAuthn", ["uuid", "ip", "user_agent", "createdTime"]);
+    })
+
+
+}
+
 </script>
 <template>
     <l-card :bordered="false">
-
-
         <q-card-section v-if="!app.hasBioAuth">
             Biometric authentication is not installed, please install web-auth/webauthn-lib on the server.
         </q-card-section>
+
+        <template v-else>
+            <q-card-section>
+                <l-btn label="Register" @click="register" icon="sym_o_add"></l-btn>
+            </q-card-section>
+
+            <q-table :rows="data" :columns="columns">
+                <template #body-cell-action="props">
+                    <q-td :props="props" auto-width>
+                        <q-btn @click="deleteItem(props.row.uuid)" icon="sym_o_delete" round flat dense></q-btn>
+                    </q-td>
+                </template>
+
+
+            </q-table>
+
+        </template>
+
+
+
+
     </l-card>
 </template>

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@hostlink/nuxt-light",
-  "version": "0.0.58",
+  "version": "0.0.60",
   "description": "HostLink Nuxt Light Framework",
   "repository": "@hostlink/nuxt-light",
   "license": "MIT",
@@ -34,8 +34,7 @@
     "route-gen": "node route-generate.mjs"
   },
   "dependencies": {
-    "@formkit/inputs": "^1.1.0",
-    "@hostlink/light": "^0.0.7",
+    "@hostlink/light": "^0.0.12",
     "@nuxt/kit": "^3.7.0",
     "@quasar/extras": "^1.16.6",
     "axios": "^1.5.0",

package/dist/runtime/lib/mutation.d.ts

@@ -1 +0,0 @@
-export default function (options: any): Promise<any>;

package/dist/runtime/lib/mutation.mjs

@@ -1,12 +0,0 @@
-import axios from "axios";
-import { mutation } from "gql-query-builder";
-export default async function(options) {
-  let service = axios.create({
-    withCredentials: true
-  });
-  const data = (await service.post("/api/", mutation(options))).data;
-  if (data.errors) {
-    throw new Error(data.errors[0].message);
-  }
-  return data;
-}