@hostlink/nuxt-light 1.38.0 → 1.39.0

package/dist/module.json

@@ -1,7 +1,7 @@
 {
   "name": "light",
   "configKey": "light",
-  "version": "1.38.0",
+  "version": "1.39.0",
   "builder": {
     "@nuxt/module-builder": "1.0.1",
     "unbuild": "3.5.0"

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

@@ -55,6 +55,7 @@ let my = reactive(tt.my);
 const light = useLight();
 light.devMode = tt.system.devMode;
 light.init(my.styles);
+light.setMyRoles(my.roles);
 light.setPermissions(my.permissions);
 light.setMyFavorites(toRaw(my.myFavorites));
 const myFavorites = computed(() => {

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

@@ -7,20 +7,20 @@ const textColorRef = ref(null);
 const textHightlightRef = ref(null);
 const highlight = ref("#ffff00aa");
 const foreColor = ref("#000000");
-const TextColorCMD = (cmd, name) => {
+const TextColorCMD = ((cmd, name) => {
   const edit = editorRef.value;
   textColorRef.value.hide();
   edit.caret.restore();
   edit.runCmd(cmd, name);
   edit.focus();
-};
-const TextHightlightCMD = (cmd, name) => {
+});
+const TextHightlightCMD = ((cmd, name) => {
   const edit = editorRef.value;
   textHightlightRef.value.hide();
   edit.caret.restore();
   edit.runCmd(cmd, name);
   edit.focus();
-};
+});
 const emit = defineEmits(["update:modelValue"]);
 const props = defineProps({
   fullscreen: { type: Boolean, required: false, skipCheck: true },

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

@@ -12,6 +12,7 @@ const props = defineProps({
   fillMask: { type: [Boolean, String], required: false, skipCheck: true },
   reverseFillMask: { type: Boolean, required: false, skipCheck: true },
   unmaskedValue: { type: Boolean, required: false, skipCheck: true },
+  maskTokens: { type: null, required: false },
   modelValue: { type: null, required: true },
   error: { type: [Boolean, null], required: false, skipCheck: true },
   errorMessage: { type: null, required: false },

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

@@ -1,7 +1,7 @@
 <script setup>
 import { ref, reactive, onMounted, resolveComponent } from "vue";
 import { useQuasar } from "quasar";
-import { api, useHead, m } from "#imports";
+import { api, useHead } from "#imports";
 import { useI18n } from "vue-i18n";
 const { t } = useI18n();
 const emits = defineEmits(["login"]);

package/dist/runtime/composables/useLight.d.ts

@@ -1,4 +1,4 @@
-import type { QDialogOptions, QNotifyCreateOptions, QNotifyUpdateOptions } from 'quasar';
+import type { QDialogOptions, QNotifyCreateOptions } from 'quasar';
 declare module 'vue' {
     interface ComponentCustomProperties {
         $light: typeof light;
@@ -99,7 +99,7 @@ declare const light: {
             increment: (amount?: number) => void;
             setDefaults: (props: import("quasar").QLoadingBarOptions) => void;
         };
-        notify: (opts: QNotifyCreateOptions | string) => (props?: QNotifyUpdateOptions) => void;
+        notify: (opts: QNotifyCreateOptions | string) => (props?: import("quasar").QNotifyUpdateOptions) => void;
         platform: {
             userAgent: string;
             is: {
@@ -589,8 +589,9 @@ declare const light: {
     isAdmin: boolean;
     permissions: string[];
     myFavorites: any[];
+    myRoles: string[];
     $t: any;
-    notify: (opts: QNotifyCreateOptions | string) => (props?: QNotifyUpdateOptions) => void;
+    notify: (opts: QNotifyCreateOptions | string) => (props?: import("quasar").QNotifyUpdateOptions) => void;
     dialog: (opts: QDialogOptions) => import("quasar").DialogChainObject;
     users: {
         create: (user: User) => Promise<User>;
@@ -603,6 +604,7 @@ declare const light: {
     };
     getColorValue: () => string;
     setMyFavorites: (favorites: Array<any>) => void;
+    setMyRoles: (roles: Array<string>) => void;
     reloadMyFavorites: () => Promise<void>;
     getMyFavorites: () => any[];
     isDarkMode: () => boolean;
@@ -703,7 +705,7 @@ declare const _default: () => {
             increment: (amount?: number) => void;
             setDefaults: (props: import("quasar").QLoadingBarOptions) => void;
         };
-        notify: (opts: QNotifyCreateOptions | string) => (props?: QNotifyUpdateOptions) => void;
+        notify: (opts: QNotifyCreateOptions | string) => (props?: import("quasar").QNotifyUpdateOptions) => void;
         platform: {
             userAgent: string;
             is: {
@@ -1193,8 +1195,9 @@ declare const _default: () => {
     isAdmin: boolean;
     permissions: string[];
     myFavorites: any[];
+    myRoles: string[];
     $t: any;
-    notify: (opts: QNotifyCreateOptions | string) => (props?: QNotifyUpdateOptions) => void;
+    notify: (opts: QNotifyCreateOptions | string) => (props?: import("quasar").QNotifyUpdateOptions) => void;
     dialog: (opts: QDialogOptions) => import("quasar").DialogChainObject;
     users: {
         create: (user: User) => Promise<User>;
@@ -1207,6 +1210,7 @@ declare const _default: () => {
     };
     getColorValue: () => string;
     setMyFavorites: (favorites: Array<any>) => void;
+    setMyRoles: (roles: Array<string>) => void;
     reloadMyFavorites: () => Promise<void>;
     getMyFavorites: () => any[];
     isDarkMode: () => boolean;

package/dist/runtime/composables/useLight.js

@@ -74,6 +74,7 @@ const light = reactive({
   isAdmin: false,
   permissions: Array(),
   myFavorites: Array(),
+  myRoles: Array(),
   $t: null,
   notify: (opts) => {
     if (light.$q == null) {
@@ -158,6 +159,9 @@ const light = reactive({
   setMyFavorites: (favorites) => {
     light.myFavorites = favorites;
   },
+  setMyRoles: (roles) => {
+    light.myRoles = roles;
+  },
   reloadMyFavorites: async () => {
     const data = await q({
       my: {

package/dist/runtime/composables/useRoles.d.ts

@@ -0,0 +1,7 @@
+export default function useRoles(): {
+    roles: import("vue").ComputedRef<string[]>;
+    hasRole: (role: string) => boolean;
+    hasAny: (...args: any[]) => boolean;
+    hasAll: (wanted?: string[]) => boolean;
+    reload: () => Promise<string[]>;
+};

package/dist/runtime/composables/useRoles.js

@@ -0,0 +1,39 @@
+import { computed } from "vue";
+import useLight from "./useLight.js";
+import q from "./q.js";
+export default function useRoles() {
+  const light = useLight();
+  const roles = computed(() => light.myRoles || []);
+  function hasRole(role) {
+    if (!role) return false;
+    if (light.isAdmin) return true;
+    return light.myRoles.includes(role);
+  }
+  function hasAny(...args) {
+    const list = Array.isArray(args[0]) ? args[0] : args;
+    if (light.isAdmin) return true;
+    return list.some((r) => light.myRoles.includes(r));
+  }
+  function hasAll(wanted = []) {
+    if (light.isAdmin) return true;
+    return wanted.every((r) => light.myRoles.includes(r));
+  }
+  async function reload() {
+    const data = await q({
+      my: {
+        roles
+      }
+    });
+    const newRoles = (data?.my?.roles || []).map((r) => r.role || r);
+    light.myRoles = newRoles;
+    light.isAdmin = newRoles.includes("Administrators");
+    return newRoles;
+  }
+  return {
+    roles,
+    hasRole,
+    hasAny,
+    hasAll,
+    reload
+  };
+}

package/dist/runtime/composables/useWebAuthn.d.ts

@@ -0,0 +1,5 @@
+declare const _default: () => {
+    assertion: () => Promise<PublicKeyCredential>;
+    attestation: () => Promise<PublicKeyCredential>;
+};
+export default _default;

package/dist/runtime/composables/useWebAuthn.js

@@ -0,0 +1,5 @@
+import { useWebAuthn } from "@hostlink/light";
+import { default as api } from "./api.js";
+export default () => {
+  return useWebAuthn(api.axios);
+};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@hostlink/nuxt-light",
-  "version": "1.38.0",
+  "version": "1.39.0",
   "description": "HostLink Nuxt Light Framework",
   "repository": {
     "type": "git",
@@ -32,31 +32,31 @@
   "dependencies": {
     "@azure/msal-browser": "^3.26.1",
     "@formkit/drag-and-drop": "^0.5.3",
-    "@hostlink/light": "^2.8.0",
+    "@hostlink/light": "^2.9.0",
     "@nuxt/module-builder": "^1.0.1",
-    "@quasar/extras": "^1.16.11",
+    "@quasar/extras": "^1.17.0",
     "@quasar/quasar-ui-qmarkdown": "^2.0.5",
-    "axios": "^1.5.0",
+    "axios": "^1.12.2",
     "defu": "^6.1.4",
     "diff2html": "^3.4.47",
     "formkit-quasar": "^0.0.15",
     "json-to-graphql-query": "^2.2.5",
     "nuxt-quasar-ui": "^2.1.12",
-    "quasar": "^2.17.0",
+    "quasar": "^2.18.5",
     "vue-i18n": "^9.2.2",
     "xlsx": "https://cdn.sheetjs.com/xlsx-0.20.3/xlsx-0.20.3.tgz"
   },
   "devDependencies": {
     "@nuxt/devtools": "latest",
     "@nuxt/eslint-config": "^0.2.0",
-    "@nuxt/kit": "^4.0.3",
-    "@nuxt/schema": "^4.0.3",
+    "@nuxt/kit": "^4.1.2",
+    "@nuxt/schema": "^4.1.2",
     "@nuxt/test-utils": "^3.17.2",
     "@types/node": "^22.5.0",
     "changelogen": "^0.5.4",
     "eslint": "^8.46.0",
-    "nuxt": "^4.0.3",
-    "typescript": "^5.8.3",
+    "nuxt": "^4.1.2",
+    "typescript": "^5.9.2",
     "vue-tsc": "^2.2.8"
   }
 }