@hostlink/nuxt-light 1.13.2 → 1.13.4

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, ModuleOptions, false>;
+declare const _default: _nuxt_schema.NuxtModule<ModuleOptions>;
 
 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, ModuleOptions, false>;
+declare const _default: _nuxt_schema.NuxtModule<ModuleOptions>;
 
 export { type ModuleOptions, _default as default };

package/dist/module.json

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

package/dist/module.mjs

@@ -248,6 +248,7 @@ 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");
@@ -268,7 +269,6 @@ 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,13 +1,14 @@
 <script setup>
 import { provide, ref } from 'vue'
 import { useLight, watch } from "#imports";
-//import { useRuntimeConfig } from 'nuxt/app'
+import { useRuntimeConfig } from 'nuxt/app'
+import { setApiUrl } from '@hostlink/light'
 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 /* @vue-ignore */ QBannerProps {
+export interface LBannerProps extends 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 /* @vue-ignore */ QBtnProps {
+export interface LBtnProps extends 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 /* @vue-ignore */ QCardProps {
+export interface LCardProps extends 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 /* @vue-ignore */ QCheckboxProps {
+export interface LCheckboxProps extends 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 /* @vue-ignore */ QEditorProps {
+export interface LEditorProps extends QEditorProps {
 }
 
 const emit = defineEmits(["update:modelValue"]);

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

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

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

@@ -1,8 +1,12 @@
 <script setup>
+import { useLight } from "#imports";
 import { ref, reactive, onMounted } from 'vue'
-import { useQuasar } from 'quasar';
+import { useQuasar, Dialog } from 'quasar';
 import { useI18n } from 'vue-i18n';
-import { useLight, m, notify, api } from '#imports';
+import { m, notify } from '#imports';
+
+
+import { login, webauthnLogin } from '@hostlink/light';
 
 const light = useLight();
 
@@ -17,14 +21,13 @@ const data = reactive({
   username: "", password: "", code: ""
 });
 
-const quasar = useQuasar()
+const qua = useQuasar()
 
 const submit = async () => {
   if (await form1.value.validate()) {
 
     try {
-
-      await api.auth.login(data.username, data.password, data.code)
+      await login(data.username, data.password, data.code)
       window.self.location.reload();
     } catch (e) {
       notify(e.message, "negative");
@@ -34,9 +37,9 @@ const submit = async () => {
 }
 
 const forgetPassword = async () => {
-  quasar.dialog({
+  Dialog.create({
     title: i18n.t("Forget password"),
-    message: i18n.t("Please enter your email address, we will send you a code to reset your password"),
+    message: "Please enter your email address, we will send you a code to reset your password",
     prompt: {
       model: "",
       type: "email",
@@ -47,12 +50,11 @@ const forgetPassword = async () => {
       return;
     }
 
-
     try {
-      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"),
+      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",
         prompt: {
           model: "",
           type: "text"
@@ -65,9 +67,9 @@ const forgetPassword = async () => {
         }
 
         if (await m("verifyCode", { code: code, email: email })) {
-          quasar.dialog({
-            title: i18n.t("Reset password"),
-            message: i18n.t("Please enter your new password"),
+          qua.dialog({
+            title: "Reset password",
+            message: "Please enter your new password",
             prompt: {
               model: "",
               type: "password"
@@ -77,9 +79,9 @@ const forgetPassword = async () => {
               return;
             }
 
-            if (api.auth.resetPassword(email, password, code)) {
-              quasar.notify({
-                message: i18n.t("Your password has been reset successfully"),
+            if (await m("resetPassword", { password: password, email: email, code: code })) {
+              qua.notify({
+                message: "Your password has been reset successfully",
                 color: "positive",
                 icon: "sym_o_check",
                 position: "top",
@@ -88,8 +90,8 @@ const forgetPassword = async () => {
             }
           });
         } else {
-          quasar.notify({
-            message: i18n.t("Your code is invalid"),
+          qua.notify({
+            message: "Your code is invalid",
             color: "negative",
             icon: "sym_o_error",
             position: "top",
@@ -101,7 +103,7 @@ const forgetPassword = async () => {
 
       });
     } catch (e) {
-      quasar.notify({
+      qua.notify({
         message: e.message,
         color: "negative",
         icon: "sym_o_error",
@@ -142,7 +144,7 @@ onMounted(() => {
 
 
     if (!window.google) {
-      quasar.notify({
+      qua.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 /* @vue-ignore */ QPageProps {
+export interface LPageProps extends 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 /* @vue-ignore */ QSelectProps {
+interface LSelectProps extends 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 /* @vue-ignore */ QTableColumn {
+export interface LTableColumn extends QTableColumn {
     searchable?: boolean,
     searchType?: string,
     searchOptions?: Array<any> | Function,
@@ -23,7 +23,7 @@ export interface LTableColumn extends /* @vue-ignore */ QTableColumn {
 const errors = ref<InstanceType<any>>([
 ]);
 
-export interface LTableProps extends /* @vue-ignore */ QTableProps {
+export interface LTableProps extends 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 /* @vue-ignore */ QTabsProps {
+export interface LTabsProps extends 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 "#imports";
+import { model } from "@hostlink/light"
 
 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: () => string;
+    getVersion: () => any;
     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: () => string;
+    getVersion: () => any;
     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.js";
+export * from "./lib";

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

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

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

@@ -1,5 +1,5 @@
-import sv from "./sv.js";
-import { cache } from "./sv.js";
+import sv from "./sv.mjs";
+import { cache } from "./sv.mjs";
 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) => import("#app").Plugin<Record<string, unknown>> & import("#app").ObjectPlugin<Record<string, unknown>>;
+declare const _default: (model: LightModel) => any;
 export default _default;

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

package/dist/runtime/lib/getModelField.mjs

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

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

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

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

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

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

@@ -1,27 +1,25 @@
-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 { 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";
 export declare const notify: (message: string, color?: string) => void;
-export { default as getID } from "./getID.js";
-export { default as id } from "./getID.js";
+export { default as getID } from "./getID";
+export { default as id } from "./getID";
 export declare const getApiBase: () => {};
-export declare const api: LightClient;
-export declare const getGQLFields: (name: string, fields: string[]) => any[];
+export { getGQLFields } from '@hostlink/light';

package/dist/runtime/lib/index.mjs

@@ -0,0 +1,35 @@
+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/{list.js → list.mjs}

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

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

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

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

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

package/dist/runtime/lib/m.mjs

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

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

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

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

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

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

@@ -1,8 +1,12 @@
-import f from "./f.js";
+import axios from "axios";
+import f from "./f.mjs";
 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));
@@ -13,7 +17,7 @@ export default async function(operation, args = null, fields = []) {
     }
     query = f(operation, args, fields);
   }
-  const resp = (await api.axios.post("", {
+  const resp = (await service.post(getApiBase(), {
     query: `{ ${query} }`
   })).data;
   if (resp.errors) {

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

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

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

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

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

@@ -1,10 +1,11 @@
 <script setup>
 import { reactive } from 'vue'
-import { m, q } from '#imports'
+import { m } from '#imports'
 import { useI18n } from 'vue-i18n';
+import { query } from '@hostlink/light';
 const { t } = useI18n();
 
-const { app, listRole: roles } = await q({
+const { app, listRole: roles } = await query({
     app: {
         permissions: true
     },
@@ -77,8 +78,7 @@ 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 { q } from '#imports';
+import { query } from '@hostlink/light';
 const obj = reactive({
     roles: []
 });
 
-const { app, listRole } = await q({
+const { app, listRole } = await query({
     app: {
         permissions: true
     },

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

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

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

@@ -16,8 +16,6 @@ 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 { api } from "#imports"
+import { webauthnRegister } from "@hostlink/light"
 
 const data = ref(await q("listWebAuthn", ["uuid", "ip", "user_agent", "createdTime"]));
 
 const register = async () => {
     try {
-        await api.auth.WebAuthn.register();
+        await webauthnRegister();
         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, api } from "#imports"
+import { q } from "#imports"
 
 const { t } = useI18n()
 
 const onSubmit = async (data, form) => {
-    if (await api.auth.updatePassword(data.old_password, data.new_password)) {
+    if (await 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 { api } from '#imports';
+import { logout } from '@hostlink/light';
 
-await api.auth.logout();
+await 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.js";
-declare const _default: import("#app").Plugin<Record<string, unknown>> & import("#app").ObjectPlugin<Record<string, unknown>>;
+import "./assets/main.css";
+declare const _default: any;
 export default _default;

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

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

package/dist/types.d.mts

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

package/dist/types.d.ts

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

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@hostlink/nuxt-light",
-  "version": "1.13.2",
+  "version": "1.13.4",
   "description": "HostLink Nuxt Light Framework",
   "repository": "@hostlink/nuxt-light",
   "license": "MIT",
@@ -10,6 +10,10 @@
       "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",
@@ -21,7 +25,7 @@
     "prepack": "nuxt-module-build build",
     "dev": "nuxi dev playground --host",
     "dev:build": "nuxi build playground",
-    "dev:prepare": "nuxt-module-build build --stub && nuxt-module-build prepare && 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 .",
@@ -29,28 +33,28 @@
     "test:watch": "vitest watch"
   },
   "dependencies": {
-    "@formkit/drag-and-drop": "^0.1.6",
-    "@hostlink/light": "^2.0.1",
-    "@nuxt/kit": "^3.13.0",
+    "@formkit/drag-and-drop": "^0.0.36",
+    "@hostlink/light": "^1.2.1",
+    "@nuxt/kit": "^3.7.4",
+    "@nuxt/module-builder": "^0.5.2",
     "@quasar/extras": "^1.16.11",
     "@quasar/vite-plugin": "^1.7.0",
-    "axios": "^1.7.7",
+    "axios": "^1.5.0",
     "diff2html": "^3.4.47",
     "formkit-quasar": "^0.0.15",
     "json-to-graphql-query": "^2.2.5",
-    "quasar": "^2.16.9",
+    "quasar": "^2.15.4",
     "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": "^22.5.0",
+    "@types/node": "^18.17.3",
     "changelogen": "^0.5.4",
     "eslint": "^8.46.0",
     "nuxt": "^3.7.0"
   }
-}
+}

package/dist/runtime/lib/getModelField.js

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

package/dist/runtime/lib/index.js

@@ -1,39 +0,0 @@
-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/m.js

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