@hostlink/nuxt-light 1.12.7 → 1.13.2

package/dist/module.d.mts

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

package/dist/module.d.ts

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

package/dist/module.json

@@ -1,5 +1,9 @@
 {
   "name": "light",
   "configKey": "light",
-  "version": "1.12.7"
+  "version": "1.13.2",
+  "builder": {
+    "@nuxt/module-builder": "0.8.3",
+    "unbuild": "2.0.0"
+  }
 }

package/dist/module.mjs

@@ -248,7 +248,6 @@ const module = defineNuxtModule({
   async setup(options, nuxt) {
     const resolver = createResolver(import.meta.url);
     const { resolve: resolveQuasar } = createResolver(dirname(await resolvePath("quasar/package.json")));
-    JSON.parse(await readFile(resolveQuasar("package.json"), "utf-8"));
     const importMap = JSON.parse(await await readFile(resolveQuasar("dist/transforms/import-map.json"), "utf-8"));
     nuxt.options.css.push("quasar/dist/quasar.prod.css");
     nuxt.options.css.push("@quasar/extras/material-icons/material-icons.css");
@@ -269,6 +268,7 @@ const module = defineNuxtModule({
     const index = resolver.resolve("./runtime/index");
     const SystemValue = resolver.resolve("./runtime/lib/SystemValue");
     addImports([
+      { name: "api", from },
       { name: "id", from },
       { name: "getID", from },
       { name: "addObject", from },

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

@@ -1,14 +1,13 @@
 <script setup>
 import { provide, ref } from 'vue'
 import { useLight, watch } from "#imports";
-import { useRuntimeConfig } from 'nuxt/app'
-import { setApiUrl } from '@hostlink/light'
+//import { useRuntimeConfig } from 'nuxt/app'
 import { useQuasar } from 'quasar'
 import { q } from '#imports'
 import { useRoute } from "vue-router";
-const config = useRuntimeConfig();
+/* const config = useRuntimeConfig();
 setApiUrl(config?.public?.apiBase ?? '/api/');
-
+ */
 const route = useRoute();
 const light = useLight()
 const quasar = useQuasar()

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

@@ -2,7 +2,7 @@
 import { type QBannerProps } from 'quasar'
 import { computed, useSlots } from 'vue'
 
-export interface LBannerProps extends QBannerProps {
+export interface LBannerProps extends /* @vue-ignore */ QBannerProps {
     icon?: string
     type?: 'primary' | 'secondary' | 'accent' | 'dark' | 'positive' | 'negative' | 'info' | 'warning'
 }

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

@@ -4,7 +4,7 @@ import { computed, inject, unref, toRaw } from "vue";
 import { useLight } from '#imports';
 import { useI18n } from "vue-i18n";
 
-export interface LBtnProps extends QBtnProps {
+export interface LBtnProps extends /* @vue-ignore */ QBtnProps {
     permission?: string;
 }
 

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

@@ -8,7 +8,7 @@ const emit = defineEmits(["close"]);
 const minimized = defineModel<boolean>("minimized", { default: false })
 const maximized = defineModel<boolean>("maximized", { default: false })
 
-export interface LCardProps extends QCardProps {
+export interface LCardProps extends /* @vue-ignore */ QCardProps {
     loading?: boolean;
     title?: string;
     /**

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

@@ -2,7 +2,7 @@
 import { computed } from "vue"
 import { type QCheckboxProps } from "quasar"
 
-export interface LCheckboxProps extends QCheckboxProps {
+export interface LCheckboxProps extends /* @vue-ignore */ QCheckboxProps {
 }
 
 const emit = defineEmits(["update:modelValue"]);

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

@@ -27,7 +27,7 @@ const TextHightlightCMD = ((cmd, name) => {
     edit.focus()
 })
 
-export interface LEditorProps extends QEditorProps {
+export interface LEditorProps extends /* @vue-ignore */ QEditorProps {
 }
 
 const emit = defineEmits(["update:modelValue"]);

package/dist/runtime/components/l-file-manager.vue

@@ -3,11 +3,7 @@ import { useI18n } from "vue-i18n";
 import { ref, watch, computed } from 'vue';
 import { useQuasar, format } from 'quasar';
 import { q, m, useLight } from '#imports';
-import {
-  fsListFolders, fsCreateFolder, fsDeleteFolder, fsDeleteFile, fsRenameFile, fsRenameFolder, fsReadFile,
-  granted
-
-} from "@hostlink/light";
+import { api } from "../lib";
 const { humanStorageSize } = format
 
 const light = useLight();
@@ -107,7 +103,7 @@ function toggleLeftDrawer() {
 const path = ref(props.base);
 
 const onLazyLoad = async ({ node, key, done, fail }) => {
-  const data = await fsListFolders(node.path);
+  const data = await api.fs.folders.list(node.path);
   data.map((item) => {
     item.lazy = true;
     return item;
@@ -139,7 +135,7 @@ const loadItems = async () => {
 
   let folders = [];
   if (!label.value && !localSearch.value) {
-    folders = await fsListFolders(path.value);
+    folders = await api.fs.folders.list(path.value);
     folders = folders.map((item) => {
       item.type = "folder";
       item.lazy = true;
@@ -279,7 +275,7 @@ const onNewFolder = () => {
     },
     cancel: true,
   }).onOk(async (name) => {
-    await fsCreateFolder(path.value + "/" + name)
+    await api.fs.folders.create(path.value + "/" + name)
     const items = await loadItems();
     reloadTreeFolder(path.value, items.folders);
   });
@@ -424,7 +420,7 @@ const onDownloadRow = async (row) => {
 const search = ref(null);
 
 const reloadStorage = async () => {
-  path.value = props.base;
+  ath.value = props.base;
 
   search.value = "";
   localSearch.value = "";
@@ -433,7 +429,7 @@ const reloadStorage = async () => {
   reloadTreeFolder(path.value, items.folders);
 }
 
-const permission = await granted([
+const permission = await api.auth.granted([
   'fs.folder.create', 'fs.folder.delete', 'fs.folder.rename',
   'fs.file.delete', 'fs.file.rename', 'fs.file.upload'
 ]);
@@ -489,8 +485,8 @@ const onPreviewPDF = async (row) => {
 }
 
 const onClickInfo = async (row) => {
- rightDrawerOpen.value = true;
-  
+  rightDrawerOpen.value = true;
+
 }
 
 </script>

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

@@ -2,7 +2,7 @@
 import { ref } from "vue";
 import { useRouter, useRoute } from "vue-router";
 import { useQuasar } from "quasar";
-import { model } from "@hostlink/light"
+import { model } from "#imports";
 
 const route = useRoute();
 const router = useRouter();

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

@@ -5,7 +5,7 @@ import tc2sc from "../lib/tc2sc";
 import { useLight } from '#imports';
 
 import type { QInputProps } from "quasar";
-export interface LInputProps extends QInputProps {
+export interface LInputProps extends /* @vue-ignore */ QInputProps {
     showPassword?: boolean;
     translate?: boolean;
     required?: boolean;

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

@@ -1,7 +1,7 @@
 <script setup lang="ts">
 import type { QItemProps } from 'quasar';
 
-export interface LItemProps extends QItemProps {
+export interface LItemProps extends /* @vue-ignore */ QItemProps {
     label?: string;
     type?: 'text' | 'caption';
     name?: string;

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

@@ -2,7 +2,7 @@
 
 import type { QListProps } from 'quasar';
 
-export interface LListProps extends QListProps {
+export interface LListProps extends /* @vue-ignore */ QListProps {
     fields?: any[];
     modelValue?: any;
 }

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

@@ -1,12 +1,8 @@
 <script setup>
-import { useLight } from "#imports";
 import { ref, reactive, onMounted } from 'vue'
-import { useQuasar, Dialog } from 'quasar';
+import { useQuasar } from 'quasar';
 import { useI18n } from 'vue-i18n';
-import { m, notify } from '#imports';
-
-
-import { login, webauthnLogin } from '@hostlink/light';
+import { useLight, m, notify, api } from '#imports';
 
 const light = useLight();
 
@@ -21,13 +17,14 @@ const data = reactive({
   username: "", password: "", code: ""
 });
 
-const qua = useQuasar()
+const quasar = useQuasar()
 
 const submit = async () => {
   if (await form1.value.validate()) {
 
     try {
-      await login(data.username, data.password, data.code)
+
+      await api.auth.login(data.username, data.password, data.code)
       window.self.location.reload();
     } catch (e) {
       notify(e.message, "negative");
@@ -37,9 +34,9 @@ const submit = async () => {
 }
 
 const forgetPassword = async () => {
-  Dialog.create({
+  quasar.dialog({
     title: i18n.t("Forget password"),
-    message: "Please enter your email address, we will send you a code to reset your password",
+    message: i18n.t("Please enter your email address, we will send you a code to reset your password"),
     prompt: {
       model: "",
       type: "email",
@@ -50,11 +47,12 @@ const forgetPassword = async () => {
       return;
     }
 
+
     try {
-      await m("forgetPassword", { email: email });
-      qua.dialog({
-        title: "Enter your code",
-        message: "Please enter the code sent to your email, your code will expire in 10 minutes",
+      await api.auth.forgetPassword(email);
+      quasar.dialog({
+        title: i18n.t("Enter your code"),
+        message: i18n.t("Please enter the code sent to your email, your code will expire in 10 minutes"),
         prompt: {
           model: "",
           type: "text"
@@ -67,9 +65,9 @@ const forgetPassword = async () => {
         }
 
         if (await m("verifyCode", { code: code, email: email })) {
-          qua.dialog({
-            title: "Reset password",
-            message: "Please enter your new password",
+          quasar.dialog({
+            title: i18n.t("Reset password"),
+            message: i18n.t("Please enter your new password"),
             prompt: {
               model: "",
               type: "password"
@@ -79,9 +77,9 @@ const forgetPassword = async () => {
               return;
             }
 
-            if (await m("resetPassword", { password: password, email: email, code: code })) {
-              qua.notify({
-                message: "Your password has been reset successfully",
+            if (api.auth.resetPassword(email, password, code)) {
+              quasar.notify({
+                message: i18n.t("Your password has been reset successfully"),
                 color: "positive",
                 icon: "sym_o_check",
                 position: "top",
@@ -90,8 +88,8 @@ const forgetPassword = async () => {
             }
           });
         } else {
-          qua.notify({
-            message: "Your code is invalid",
+          quasar.notify({
+            message: i18n.t("Your code is invalid"),
             color: "negative",
             icon: "sym_o_error",
             position: "top",
@@ -103,7 +101,7 @@ const forgetPassword = async () => {
 
       });
     } catch (e) {
-      qua.notify({
+      quasar.notify({
         message: e.message,
         color: "negative",
         icon: "sym_o_error",
@@ -144,7 +142,7 @@ onMounted(() => {
 
 
     if (!window.google) {
-      qua.notify({
+      quasar.notify({
         message: "Google login is not available", //set script https://accounts.google.com/gsi/client in nuuxt.config.js
         color: "negative",
         icon: "sym_o_error",

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

@@ -9,7 +9,7 @@ const router = useRouter();
 const route = useRoute();
 const light = useLight();
 
-export interface LPageProps extends QPageProps {
+export interface LPageProps extends /* @vue-ignore */ QPageProps {
     title?: string;
     backBtn?: boolean;
     editBtn?: boolean;

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

@@ -8,7 +8,7 @@ const emits = defineEmits(["update:modelValue"]);
 
 const { t } = useI18n();
 const light = useLight();
-interface LSelectProps extends QSelectProps {
+interface LSelectProps extends /* @vue-ignore */ QSelectProps {
     required?: boolean,
 }
 

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

@@ -11,7 +11,7 @@ const maximized = defineModel<boolean>("maximized", { default: false })
 
 
 // extends QTableColumn
-export interface LTableColumn extends QTableColumn {
+export interface LTableColumn extends /* @vue-ignore */ QTableColumn {
     searchable?: boolean,
     searchType?: string,
     searchOptions?: Array<any> | Function,
@@ -23,7 +23,7 @@ export interface LTableColumn extends QTableColumn {
 const errors = ref<InstanceType<any>>([
 ]);
 
-export interface LTableProps extends QTableProps {
+export interface LTableProps extends /* @vue-ignore */ QTableProps {
     columns?: Array<LTableColumn>,
     actions?: Array<string>,
     sortBy?: string | null | undefined,

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

@@ -2,7 +2,7 @@
 import type { QTabsProps } from 'quasar';
 import { onMounted, useSlots } from '#imports';
 const model = defineModel<string | number | null | undefined>()
-export interface LTabsProps extends QTabsProps {
+export interface LTabsProps extends /* @vue-ignore */ QTabsProps {
 }
 defineProps<LTabsProps>();
 const slots = useSlots()

package/dist/runtime/formkit/Form.vue

@@ -2,7 +2,7 @@
 import { ref } from 'vue'
 import { useRouter, useRoute } from "vue-router";
 import { useQuasar } from "quasar";
-import { model } from "@hostlink/light"
+import { model } from "#imports";
 
 const route = useRoute();
 const router = useRouter();

package/dist/runtime/index.d.ts

@@ -33,7 +33,7 @@ declare const app: {
     getCompany: () => string;
     setCompanyLogo: (logo: string) => void;
     getCompanyLogo: () => string;
-    getVersion: () => any;
+    getVersion: () => string;
     addError: (error: String) => void;
     getErrors: () => String[];
     removeError: (error: String) => void;
@@ -82,7 +82,7 @@ export declare const useLight: (options?: {
     getCompany: () => string;
     setCompanyLogo: (logo: string) => void;
     getCompanyLogo: () => string;
-    getVersion: () => any;
+    getVersion: () => string;
     addError: (error: String) => void;
     getErrors: () => String[];
     removeError: (error: String) => void;
@@ -98,4 +98,4 @@ export declare const useLight: (options?: {
     isGranted: (right?: string) => boolean;
     setPermissions: (permissions: Array<string>) => void;
 };
-export * from "./lib";
+export * from "./lib.js";

package/dist/runtime/{index.mjs → index.js}

@@ -1,6 +1,6 @@
 import packageJson from "../../package.json";
 import { watch, reactive, toRaw } from "vue";
-import { m, q } from "./lib/index.mjs";
+import { m, q } from "./lib/index.js";
 const errors = [];
 let styles = {};
 const COLOR_CODE = {
@@ -207,4 +207,4 @@ export const useLight = (options = {}) => {
   }
   return app;
 };
-export * from "./lib/index.mjs";
+export * from "./lib/index.js";

package/dist/runtime/lib/{SystemValue.mjs → SystemValue.js}

@@ -1,5 +1,5 @@
-import sv from "./sv.mjs";
-import { cache } from "./sv.mjs";
+import sv from "./sv.js";
+import { cache } from "./sv.js";
 export const loadSV = (name) => {
   return () => sv(name);
 };

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

@@ -19,5 +19,5 @@ export interface LightModel {
     name: string;
     fields: LightModelFields;
 }
-declare const _default: (model: LightModel) => any;
+declare const _default: (model: LightModel) => import("#app").Plugin<Record<string, unknown>> & import("#app").ObjectPlugin<Record<string, unknown>>;
 export default _default;

package/dist/runtime/lib/{defineLightModel.mjs → defineLightModel.js}

@@ -1,7 +1,7 @@
 import { defineNuxtPlugin } from "#app";
-import { defineModel } from "@hostlink/light";
+import { api } from "./index.js";
 export default (model) => {
   return defineNuxtPlugin(() => {
-    defineModel(model.name, model.fields);
+    api.models.create(model.name, model.fields);
   });
 };

package/dist/runtime/lib/{f.mjs → f.js}

@@ -1,5 +1,5 @@
 import { jsonToGraphQLQuery } from "json-to-graphql-query";
-import toJson from "./toJson.mjs";
+import toJson from "./toJson.js";
 export default function(operation, args, fields = []) {
   if (arguments.length === 2) {
     fields = args;

package/dist/runtime/lib/{getApiUrl.mjs → getApiUrl.js}

@@ -1,4 +1,4 @@
-import { getApiBase } from "./index.mjs";
+import { getApiBase } from "./index.js";
 export default function getApiUrl(url, params) {
   const urlParams = new URLSearchParams(params).toString();
   return getApiBase() + `${url}?${urlParams}`;

package/dist/runtime/lib/{getCurrentUser.mjs → getCurrentUser.js}

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

package/dist/runtime/lib/{getGQLFields.mjs → getGQLFields.js}

@@ -1,9 +1,9 @@
-import GQLFieldBuilder from "./GQLFieldBuilder.mjs";
-import { getModelField } from "@hostlink/light";
+import GQLFieldBuilder from "./GQLFieldBuilder.js";
+import { api } from "./index.js";
 export default (name, fields) => {
   const builder = GQLFieldBuilder();
   fields.forEach((field) => {
-    const modelField = getModelField(name, field);
+    const modelField = api.model(name).field(field);
     if (modelField) {
       builder.add(modelField.getGQLField());
     }

package/dist/runtime/lib/{getID.mjs → getID.js}

@@ -1,4 +1,4 @@
-import { useLight } from "../index.mjs";
+import { useLight } from "../index.js";
 export default () => {
   return useLight().getID();
 };

package/dist/runtime/lib/{getModelColumns.mjs → getModelColumns.js}

@@ -1,4 +1,4 @@
-import { getModelField } from "@hostlink/light";
+import { getModelField } from "./index.js";
 export default (model, names) => {
   let columns = [];
   for (let name of names) {

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

@@ -1,2 +1,2 @@
-import { getModelField } from "@hostlink/light";
-export default getModelField;
+declare const _default: (name: string, field: string) => import("@hostlink/light").ModelField | null;
+export default _default;

package/dist/runtime/lib/getModelField.js

@@ -0,0 +1,4 @@
+import { api } from "./index.js";
+export default (name, field) => {
+  return api.model(name).field(field);
+};

package/dist/runtime/lib/{getModelFields.mjs → getModelFields.js}

@@ -1,4 +1,4 @@
-import { getModelField } from "@hostlink/light";
+import { getModelField } from "./index.js";
 export default (model, names) => {
   let fields = [];
   for (let name of names) {

package/dist/runtime/lib/{getObject.mjs → getObject.js}

@@ -1,6 +1,6 @@
 import { useRoute } from "vue-router";
-import loadObject from "./loadObject.mjs";
-import { getModelField } from "@hostlink/light";
+import loadObject from "./loadObject.js";
+import { getModelField } from "./index.js";
 export default async function(fields = []) {
   let route = useRoute();
   if (!route.name) {

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

@@ -1,25 +1,27 @@
-export { default as f } from "./f";
-export { default as getApiUrl } from "./getApiUrl";
-export { default as getCurrentUser } from "./getCurrentUser";
-export { default as getObject } from "./getObject";
-export { default as list } from "./list";
-export { default as m } from "./m";
-export { default as q } from "./q";
-export { default as t } from "./t";
-export { default as updateObject } from "./updateObject";
-export { default as listObject } from "./listObject";
-export { default as loadObject } from "./loadObject";
-export { default as isGranted } from "./isGranted";
-export { default as GQLFieldBuilder } from "./GQLFieldBuilder";
-export { default as getModelField } from "./getModelField";
-export { default as getModelFields } from "./getModelFields";
-export { default as getModelColumns } from "./getModelColumns";
-export { default as sv } from "./sv";
-export { default as model } from "./model";
-export { default as defineLightModel } from "./defineLightModel";
-export { type LightModelField, type LightModel } from "./defineLightModel";
+import type { LightClient } from '@hostlink/light';
+export { default as f } from "./f.js";
+export { default as getApiUrl } from "./getApiUrl.js";
+export { default as getCurrentUser } from "./getCurrentUser.js";
+export { default as getObject } from "./getObject.js";
+export { default as list } from "./list.js";
+export { default as m } from "./m.js";
+export { default as q } from "./q.js";
+export { default as t } from "./t.js";
+export { default as updateObject } from "./updateObject.js";
+export { default as listObject } from "./listObject.js";
+export { default as loadObject } from "./loadObject.js";
+export { default as isGranted } from "./isGranted.js";
+export { default as GQLFieldBuilder } from "./GQLFieldBuilder.js";
+export { default as getModelField } from "./getModelField.js";
+export { default as getModelFields } from "./getModelFields.js";
+export { default as getModelColumns } from "./getModelColumns.js";
+export { default as sv } from "./sv.js";
+export { default as model } from "./model.js";
+export { default as defineLightModel } from "./defineLightModel.js";
+export { type LightModelField, type LightModel } from "./defineLightModel.js";
 export declare const notify: (message: string, color?: string) => void;
-export { default as getID } from "./getID";
-export { default as id } from "./getID";
+export { default as getID } from "./getID.js";
+export { default as id } from "./getID.js";
 export declare const getApiBase: () => {};
-export { getGQLFields } from '@hostlink/light';
+export declare const api: LightClient;
+export declare const getGQLFields: (name: string, fields: string[]) => any[];

package/dist/runtime/lib/index.js

@@ -0,0 +1,39 @@
+import { useRuntimeConfig } from "nuxt/app";
+import { Notify } from "quasar";
+import { createClient } from "@hostlink/light";
+export { default as f } from "./f.js";
+export { default as getApiUrl } from "./getApiUrl.js";
+export { default as getCurrentUser } from "./getCurrentUser.js";
+export { default as getObject } from "./getObject.js";
+export { default as list } from "./list.js";
+export { default as m } from "./m.js";
+export { default as q } from "./q.js";
+export { default as t } from "./t.js";
+export { default as updateObject } from "./updateObject.js";
+export { default as listObject } from "./listObject.js";
+export { default as loadObject } from "./loadObject.js";
+export { default as isGranted } from "./isGranted.js";
+export { default as GQLFieldBuilder } from "./GQLFieldBuilder.js";
+export { default as getModelField } from "./getModelField.js";
+export { default as getModelFields } from "./getModelFields.js";
+export { default as getModelColumns } from "./getModelColumns.js";
+export { default as sv } from "./sv.js";
+export { default as model } from "./model.js";
+export { default as defineLightModel } from "./defineLightModel.js";
+export const notify = function(message, color = "positive") {
+  Notify.create({
+    message,
+    color,
+    position: "top"
+  });
+};
+export { default as getID } from "./getID.js";
+export { default as id } from "./getID.js";
+export const getApiBase = () => {
+  const config = useRuntimeConfig();
+  return config?.public?.apiBase ?? "/api/";
+};
+export const api = createClient("");
+export const getGQLFields = (name, fields) => {
+  return api.model(name).gqlFields(fields);
+};

package/dist/runtime/lib/{list.mjs → list.js}

@@ -1,4 +1,5 @@
-import { query, toQuery } from "@hostlink/light";
+import { toQuery } from "@hostlink/light";
+import { api } from "./index.js";
 export default async function list(name, props = null, fields = []) {
   let q = {};
   if (props) {
@@ -31,7 +32,7 @@ export default async function list(name, props = null, fields = []) {
     key: true,
     name: true
   };
-  const resp = await query({
+  const resp = await api.query({
     [`list${name}`]: q
   });
   return resp[`list${name}`];

package/dist/runtime/lib/{listObject.mjs → listObject.js}

@@ -1,4 +1,4 @@
-import list from "./list.mjs";
+import list from "./list.js";
 export default async function listObject(name, filters = {}, sort, offset, limit, fields = []) {
   const resp = await list(name, {
     filters,

package/dist/runtime/lib/{loadObject.mjs → loadObject.js}

@@ -1,4 +1,4 @@
-import list from "./list.mjs";
+import list from "./list.js";
 export default async function(module, filters, fields = []) {
   let { data } = await list(module, {
     filters

package/dist/runtime/lib/m.js

@@ -0,0 +1,4 @@
+import { api } from "./index.js";
+export default function(operation, args, fields = []) {
+  return api.mutation(operation, args, fields);
+}

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

@@ -1,6 +1,6 @@
-import { model } from "@hostlink/light";
-import type { LTableColumn } from "../components/l-table.vue";
-interface LModel extends ReturnType<typeof model> {
+import { api } from ".";
+import type { LTableColumn } from "../components/l-table.vue.js";
+interface LModel extends ReturnType<typeof api.model> {
     columns(fields: string[]): Array<LTableColumn>;
 }
 declare const _default: (name: string) => LModel;

package/dist/runtime/lib/{model.mjs → model.js}

@@ -1,12 +1,12 @@
-import { model, getModelField } from "@hostlink/light";
+import { api } from "./index.js";
 export default (name) => {
-  const m = model(name);
+  const m = api.model(name);
   return Object.assign(m, {
     columns(fields) {
       let columns = [];
       if (Array.isArray(fields)) {
         for (let f of fields) {
-          const field = getModelField(name, f);
+          const field = m.field(f);
           if (!field) continue;
           const option = field.getRaw();
           option.name = field.getName();
@@ -15,7 +15,7 @@ export default (name) => {
       } else {
         for (let f in fields) {
           if (!fields[f]) continue;
-          const field = getModelField(name, f);
+          const field = m.field(f);
           if (!field) continue;
           const option = field.getRaw();
           option.name = field.getName();

package/dist/runtime/lib/{q.mjs → q.js}

@@ -1,12 +1,8 @@
-import axios from "axios";
-import f from "./f.mjs";
+import f from "./f.js";
 import { jsonToGraphQLQuery } from "json-to-graphql-query";
-import { getApiBase } from "./index.mjs";
 import { toQuery } from "@hostlink/light";
+import { api } from "./index.js";
 export default async function(operation, args = null, fields = []) {
-  const service = axios.create({
-    withCredentials: true
-  });
   let query;
   if (operation instanceof Object) {
     query = jsonToGraphQLQuery(toQuery(operation));
@@ -17,7 +13,7 @@ export default async function(operation, args = null, fields = []) {
     }
     query = f(operation, args, fields);
   }
-  const resp = (await service.post(getApiBase(), {
+  const resp = (await api.axios.post("", {
     query: `{ ${query} }`
   })).data;
   if (resp.errors) {

package/dist/runtime/lib/{sv.mjs → sv.js}

@@ -1,11 +1,11 @@
-import { query } from "@hostlink/light";
+import { q } from "#imports";
 export const cache = {};
 export default (name) => {
   if (cache[name]) {
     return cache[name];
   }
   const p = new Promise(async (resolve, reject) => {
-    const resp = await query({
+    const resp = await q({
       systemValue: {
         __args: {
           name

package/dist/runtime/lib/{updateObject.mjs → updateObject.js}

@@ -1,4 +1,4 @@
-import m from "./m.mjs";
+import m from "./m.js";
 import { Dialog } from "quasar";
 export default async (name, id, data) => {
   try {

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

@@ -1,11 +1,10 @@
 <script setup>
 import { reactive } from 'vue'
-import { m } from '#imports'
+import { m, q } from '#imports'
 import { useI18n } from 'vue-i18n';
-import { query } from '@hostlink/light';
 const { t } = useI18n();
 
-const { app, listRole: roles } = await query({
+const { app, listRole: roles } = await q({
     app: {
         permissions: true
     },
@@ -78,7 +77,8 @@ const onUpdate = (value, role, permission) => {
                     </q-td>
                     <q-td v-for="role in roles">
                         <q-checkbox v-model="props.row[role.name]"
-                            @update:model-value="onUpdate($event, role.name, props.row.permission)" :color="$light.color" />
+                            @update:model-value="onUpdate($event, role.name, props.row.permission)"
+                            :color="$light.color" />
                     </q-td>
                 </q-tr>
             </template>

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

@@ -1,12 +1,12 @@
 <script setup>
 import { reactive } from 'vue'
 import { utils, writeFileXLSX } from 'xlsx';
-import { query } from '@hostlink/light';
+import { q } from '#imports';
 const obj = reactive({
     roles: []
 });
 
-const { app, listRole } = await query({
+const { app, listRole } = await q({
     app: {
         permissions: true
     },

package/dist/runtime/pages/System/database/table.vue

@@ -1,7 +1,7 @@
 <script setup>
-import { query } from '@hostlink/light';
+import { q } from '#imports';
 
-const { system: { database } } = await query({
+const { system: { database } } = await q({
     system: {
         database: {
             table: true

package/dist/runtime/pages/User/index.vue

@@ -16,6 +16,8 @@ const columns = model("User").columns({
     has2FA: true,
 })
 
+console.log(columns);
+
 const status = ref("0");
 
 </script>

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

@@ -4,13 +4,13 @@ import { ref } from "vue"
 import { q, m, getCurrentUser } from '#imports'
 const app = await q("app", ["hasBioAuth"]);
 
-import { webauthnRegister } from "@hostlink/light"
+import { api } from "#imports"
 
 const data = ref(await q("listWebAuthn", ["uuid", "ip", "user_agent", "createdTime"]));
 
 const register = async () => {
     try {
-        await webauthnRegister();
+        await api.auth.WebAuthn.register();
         data.value = await q("listWebAuthn", ["uuid", "ip", "user_agent", "createdTime"]);
         const user = await getCurrentUser();
         localStorage.setItem("username", user.username);

package/dist/runtime/pages/User/setting/password.vue

@@ -2,14 +2,14 @@
 import { useI18n } from 'vue-i18n'
 import { Dialog } from 'quasar'
 import { reset } from "@formkit/core"
-import { updatePassword } from "@hostlink/light"
+
 import { computed } from 'vue'
-import { q } from "#imports"
+import { q, api } from "#imports"
 
 const { t } = useI18n()
 
 const onSubmit = async (data, form) => {
-    if (await updatePassword(data.old_password, data.new_password)) {
+    if (await api.auth.updatePassword(data.old_password, data.new_password)) {
         reset(form);
         await Dialog.create({
             title: "Password updated",
@@ -35,7 +35,7 @@ const policies = computed(() => {
         if (name == "length") {
             return t('Must contain at least {0} characters', [policy.split(":")[1]]);
         }
-        
+
         return t(name);
     })
 })

package/dist/runtime/pages/logout.vue

@@ -1,8 +1,8 @@
 <script setup>
 
-import { logout } from '@hostlink/light';
+import { api } from '#imports';
 
-await logout();
+await api.auth.logout();
 const href = window.self.location.href;
 
 const url = new URL(href);

package/dist/runtime/plugin.d.ts

@@ -1,3 +1,3 @@
-import "./assets/main.css";
-declare const _default: any;
+import "./assets/main.css.js";
+declare const _default: import("#app").Plugin<Record<string, unknown>> & import("#app").ObjectPlugin<Record<string, unknown>>;
 export default _default;

package/dist/runtime/{plugin.mjs → plugin.js}

@@ -4,24 +4,25 @@ import { defineNuxtPlugin } from "#app";
 import "./assets/main.css";
 import message_en from "./locales/en.json";
 import message_zh from "./locales/zh-hk.json";
-import { defineModel } from "@hostlink/light";
+import { api } from "./lib/index.js";
 localStorage.getItem("locale") || localStorage.setItem("locale", "en");
 import { createQuasarPlugin } from "formkit-quasar";
-import { createLightPlugin } from "./formkit/index.mjs";
+import { createLightPlugin } from "./formkit/index.js";
 import { plugin, defaultConfig } from "@formkit/vue";
-import { useLight } from "./index.mjs";
-import TypeUser from "./types/User.mjs";
-import TypeUserLog from "./types/UserLog.mjs";
-import TypeSystemValue from "./types/SystemValue.mjs";
-import TypeMailLog from "./types/MailLog.mjs";
-import TypeEventLog from "./types/EventLog.mjs";
+import { getApiBase, useLight } from "./index.js";
+import TypeUser from "./types/User.js";
+import TypeUserLog from "./types/UserLog.js";
+import TypeSystemValue from "./types/SystemValue.js";
+import TypeMailLog from "./types/MailLog.js";
+import TypeEventLog from "./types/EventLog.js";
 import { zhTW } from "@formkit/i18n";
 export default defineNuxtPlugin((nuxtApp) => {
-  defineModel("User", TypeUser);
-  defineModel("UserLog", TypeUserLog);
-  defineModel("SystemValue", TypeSystemValue);
-  defineModel("MailLog", TypeMailLog);
-  defineModel("EventLog", TypeEventLog);
+  api.axios.defaults.baseURL = getApiBase();
+  api.models.create("User", TypeUser);
+  api.models.create("UserLog", TypeUserLog);
+  api.models.create("SystemValue", TypeSystemValue);
+  api.models.create("MailLog", TypeMailLog);
+  api.models.create("EventLog", TypeEventLog);
   nuxtApp.vueApp.config.globalProperties.$light = useLight();
   nuxtApp.vueApp.config.errorHandler = (error) => {
     console.log(error);

package/dist/types.d.mts

@@ -1,16 +1 @@
-
-import type { ModuleOptions } from './module.js'
-
-
-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 type { ModuleOptions, default } from './module.js'
+export { type ModuleOptions, default } from './module.js'

package/dist/types.d.ts

@@ -1,16 +1 @@
-
-import type { 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 type { ModuleOptions, default } from './module'
+export { type ModuleOptions, default } from './module'

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@hostlink/nuxt-light",
-  "version": "1.12.7",
+  "version": "1.13.2",
   "description": "HostLink Nuxt Light Framework",
   "repository": "@hostlink/nuxt-light",
   "license": "MIT",
@@ -10,10 +10,6 @@
       "types": "./dist/types.d.ts",
       "import": "./dist/module.mjs",
       "require": "./dist/module.cjs"
-    },
-    "./dist": {
-      "types": "./dist/runtime/index.d.ts",
-      "import": "./dist/runtime/index.mjs"
     }
   },
   "main": "./dist/module.cjs",
@@ -25,7 +21,7 @@
     "prepack": "nuxt-module-build build",
     "dev": "nuxi dev playground --host",
     "dev:build": "nuxi build playground",
-    "dev:prepare": "nuxt-module-build build --stub && nuxi prepare playground",
+    "dev:prepare": "nuxt-module-build build --stub && nuxt-module-build prepare && 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 .",
@@ -33,26 +29,26 @@
     "test:watch": "vitest watch"
   },
   "dependencies": {
-    "@formkit/drag-and-drop": "^0.0.36",
-    "@hostlink/light": "^1.2.1",
-    "@nuxt/kit": "^3.7.4",
-    "@nuxt/module-builder": "^0.5.2",
+    "@formkit/drag-and-drop": "^0.1.6",
+    "@hostlink/light": "^2.0.1",
+    "@nuxt/kit": "^3.13.0",
     "@quasar/extras": "^1.16.11",
     "@quasar/vite-plugin": "^1.7.0",
-    "axios": "^1.5.0",
+    "axios": "^1.7.7",
     "diff2html": "^3.4.47",
     "formkit-quasar": "^0.0.15",
     "json-to-graphql-query": "^2.2.5",
-    "quasar": "^2.15.4",
+    "quasar": "^2.16.9",
     "vue-i18n": "^9.2.2",
     "xlsx": "https://cdn.sheetjs.com/xlsx-0.20.2/xlsx-0.20.2.tgz"
   },
   "devDependencies": {
     "@nuxt/devtools": "latest",
     "@nuxt/eslint-config": "^0.2.0",
+    "@nuxt/module-builder": "^0.8.3",
     "@nuxt/schema": "^3.7.4",
     "@nuxt/test-utils": "^3.7.0",
-    "@types/node": "^18.17.3",
+    "@types/node": "^22.5.0",
     "changelogen": "^0.5.4",
     "eslint": "^8.46.0",
     "nuxt": "^3.7.0"

package/dist/runtime/lib/getModelField.mjs

@@ -1,2 +0,0 @@
-import { getModelField } from "@hostlink/light";
-export default getModelField;

package/dist/runtime/lib/index.mjs

@@ -1,35 +0,0 @@
-import { useRuntimeConfig } from "nuxt/app";
-import { Notify } from "quasar";
-export { default as f } from "./f.mjs";
-export { default as getApiUrl } from "./getApiUrl.mjs";
-export { default as getCurrentUser } from "./getCurrentUser.mjs";
-export { default as getObject } from "./getObject.mjs";
-export { default as list } from "./list.mjs";
-export { default as m } from "./m.mjs";
-export { default as q } from "./q.mjs";
-export { default as t } from "./t.mjs";
-export { default as updateObject } from "./updateObject.mjs";
-export { default as listObject } from "./listObject.mjs";
-export { default as loadObject } from "./loadObject.mjs";
-export { default as isGranted } from "./isGranted.mjs";
-export { default as GQLFieldBuilder } from "./GQLFieldBuilder.mjs";
-export { default as getModelField } from "./getModelField.mjs";
-export { default as getModelFields } from "./getModelFields.mjs";
-export { default as getModelColumns } from "./getModelColumns.mjs";
-export { default as sv } from "./sv.mjs";
-export { default as model } from "./model.mjs";
-export { default as defineLightModel } from "./defineLightModel.mjs";
-export const notify = function(message, color = "positive") {
-  Notify.create({
-    message,
-    color,
-    position: "top"
-  });
-};
-export { default as getID } from "./getID.mjs";
-export { default as id } from "./getID.mjs";
-export const getApiBase = () => {
-  const config = useRuntimeConfig();
-  return config?.public?.apiBase ?? "/api/";
-};
-export { getGQLFields } from "@hostlink/light";

package/dist/runtime/lib/m.mjs

@@ -1,4 +0,0 @@
-import { mutation } from "@hostlink/light";
-export default function(operation, args, fields = []) {
-  return mutation(operation, args, fields);
-}