@hostlink/nuxt-light 1.73.1 → 1.74.0

package/dist/runtime/utils/filterMenuItems.js

@@ -0,0 +1,34 @@
+const normalize = (value) => String(value ?? "").trim().toLocaleLowerCase();
+export function filterMenuItems(items, query, translateLabel = (label) => label) {
+  if (!items) {
+    return [];
+  }
+  const normalizedQuery = normalize(query);
+  if (!normalizedQuery) {
+    return [...items];
+  }
+  return items.flatMap((item) => {
+    const label = String(item.label ?? "");
+    const matchesSelf = [
+      label,
+      translateLabel(label),
+      item.to,
+      item.path
+    ].some((value) => normalize(value).includes(normalizedQuery));
+    if (matchesSelf) {
+      return [item];
+    }
+    const filteredChildren = filterMenuItems(
+      item.children,
+      normalizedQuery,
+      translateLabel
+    );
+    if (filteredChildren.length === 0) {
+      return [];
+    }
+    return [{
+      ...item,
+      children: filteredChildren
+    }];
+  });
+}

package/dist/runtime/utils/formLayout.d.ts

@@ -0,0 +1,2 @@
+import type { LFormGutter, LFormLayout } from "../types/form.js";
+export declare const getFormLayoutClasses: (layout: LFormLayout, gutter: LFormGutter) => string[];

package/dist/runtime/utils/formLayout.js

@@ -0,0 +1,7 @@
+export const getFormLayoutClasses = (layout, gutter) => {
+  const classes = [layout === "stack" ? "column" : "row"];
+  if (gutter !== "none") {
+    classes.push(layout === "stack" ? `q-gutter-${gutter}` : `q-col-gutter-${gutter}`);
+  }
+  return classes;
+};

package/dist/runtime/utils/socialSdk.d.ts

@@ -0,0 +1,2 @@
+export function loadGoogleIdentityServices(): Promise<any>;
+export function loadFacebookSdk(appId: any): Promise<any>;

package/dist/runtime/utils/socialSdk.js

@@ -0,0 +1,127 @@
+const GOOGLE_SDK_URL = "https://accounts.google.com/gsi/client"
+const FACEBOOK_SDK_URL = "https://connect.facebook.net/en_US/sdk.js"
+const SDK_TIMEOUT = 15000
+
+let googleSdkPromise
+let facebookSdkPromise
+let initializedFacebookAppId
+
+const ensureBrowser = () => {
+    if (typeof window === "undefined" || typeof document === "undefined") {
+        throw new Error("Social login SDKs are only available in the browser")
+    }
+}
+
+const ensureScript = (id, src) => {
+    const existing = document.getElementById(id)
+        || Array.from(document.scripts).find(script => script.src === src)
+
+    if (existing) {
+        return existing
+    }
+
+    const script = document.createElement("script")
+    script.id = id
+    script.src = src
+    script.async = true
+    script.defer = true
+    document.head.appendChild(script)
+    return script
+}
+
+const waitForSdk = (script, getSdk, name) => new Promise((resolve, reject) => {
+    const sdk = getSdk()
+    if (sdk) {
+        resolve(sdk)
+        return
+    }
+
+    let settled = false
+    const startedAt = Date.now()
+
+    const finish = (callback, value) => {
+        if (settled) {
+            return
+        }
+        settled = true
+        clearInterval(interval)
+        script.removeEventListener("error", onError)
+        callback(value)
+    }
+
+    const onError = () => {
+        finish(reject, new Error(`${name} SDK failed to load`))
+    }
+
+    const interval = window.setInterval(() => {
+        const loadedSdk = getSdk()
+        if (loadedSdk) {
+            finish(resolve, loadedSdk)
+        } else if (Date.now() - startedAt >= SDK_TIMEOUT) {
+            finish(reject, new Error(`${name} SDK timed out while loading`))
+        }
+    }, 50)
+
+    script.addEventListener("error", onError, { once: true })
+})
+
+export const loadGoogleIdentityServices = async () => {
+    ensureBrowser()
+
+    if (window.google?.accounts?.id) {
+        return window.google
+    }
+
+    if (!googleSdkPromise) {
+        const script = ensureScript("google-identity-services", GOOGLE_SDK_URL)
+        googleSdkPromise = waitForSdk(
+            script,
+            () => window.google?.accounts?.id ? window.google : null,
+            "Google"
+        ).catch((error) => {
+            googleSdkPromise = undefined
+            throw error
+        })
+    }
+
+    return googleSdkPromise
+}
+
+export const loadFacebookSdk = async (appId) => {
+    ensureBrowser()
+
+    if (!appId) {
+        throw new Error("Facebook App ID is not configured")
+    }
+
+    if (!document.getElementById("fb-root")) {
+        const root = document.createElement("div")
+        root.id = "fb-root"
+        document.body.prepend(root)
+    }
+
+    if (!facebookSdkPromise) {
+        const script = ensureScript("facebook-jssdk", FACEBOOK_SDK_URL)
+        facebookSdkPromise = waitForSdk(
+            script,
+            () => window.FB || null,
+            "Facebook"
+        ).catch((error) => {
+            facebookSdkPromise = undefined
+            throw error
+        })
+    }
+
+    const facebook = await facebookSdkPromise
+    if (initializedFacebookAppId !== appId) {
+        facebook.init({
+            appId,
+            cookie: true,
+            xfbml: false,
+            version: "v21.0"
+        })
+        initializedFacebookAppId = appId
+    }
+
+    return facebook
+}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@hostlink/nuxt-light",
-  "version": "1.73.1",
+  "version": "1.74.0",
   "description": "HostLink Nuxt Light Framework",
   "repository": {
     "type": "git",
@@ -32,37 +32,37 @@
   },
   "dependencies": {
     "@azure/msal-browser": "^4.26.2",
-    "@formkit/core": "^1.7.2",
-    "@formkit/drag-and-drop": "^0.5.3",
-    "@formkit/i18n": "^1.7.2",
-    "@formkit/inputs": "^1.7.2",
-    "@formkit/validation": "^1.7.2",
-    "@formkit/vue": "^1.7.2",
+    "@formkit/core": "^2.1.2",
+    "@formkit/drag-and-drop": "^0.6.1",
+    "@formkit/i18n": "^2.1.2",
+    "@formkit/inputs": "^2.1.2",
+    "@formkit/validation": "^2.1.2",
+    "@formkit/vue": "^2.1.2",
     "@hostlink/light": "^3.2.7",
     "@nuxt/module-builder": "^1.0.1",
-    "@quasar/extras": "^1.17.0",
-    "@quasar/quasar-ui-qmarkdown": "^3.0.0-rc.1",
+    "@quasar/extras": "^2.0.2",
+    "@quasar/quasar-ui-qmarkdown": "^3.0.1",
     "@vueuse/core": "^14.0.0",
-    "axios": "^1.12.2",
+    "axios": "^1.19.0",
     "defu": "^6.1.4",
     "diff2html": "^3.4.47",
     "dompurify": "^3.3.1",
     "json-to-graphql-query": "^2.3.0",
-    "nuxt-quasar-ui": "^3.0.0",
-    "quasar": "^2.18.5",
+    "nuxt-quasar-ui": "^3.1.0",
+    "quasar": "^2.23.3",
     "vue-i18n": "^11.1.12",
     "xlsx": "https://cdn.sheetjs.com/xlsx-0.20.3/xlsx-0.20.3.tgz"
   },
   "devDependencies": {
     "@nuxt/devtools": "latest",
-    "@nuxt/eslint-config": "^1.10.0",
+    "@nuxt/eslint-config": "^1.16.0",
     "@nuxt/kit": "^4.3.0",
     "@nuxt/schema": "^4.3.0",
     "@nuxt/test-utils": "^3.17.2",
     "@types/google.accounts": "^0.0.18",
     "@types/node": "^24.10.1",
     "changelogen": "^0.6.2",
-    "eslint": "^9.39.1",
+    "eslint": "^10.8.0",
     "nuxt": "^4.3.0",
     "typescript": "^5.9.2",
     "vitest": "^3.2.6",

package/dist/runtime/pages/Role/add2.d.vue.ts

@@ -1,3 +0,0 @@
-declare const _default: typeof __VLS_export;
-export default _default;
-declare const __VLS_export: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;

package/dist/runtime/pages/Role/add2.vue

@@ -1,57 +0,0 @@
-<script setup>
-import { m, q } from "#imports";
-import { collect } from "collect.js";
-const { app } = await q({
-  app: {
-    permissions: true
-  }
-});
-app.permissions = app.permissions.filter((permission) => permission != "*");
-const g = collect(app.permissions).groupBy((permission) => permission.split(".")[0]).all();
-const x = Object.keys(g).map((module) => {
-  return {
-    module,
-    permissions: collect(g[module]).map((permission) => {
-      return {
-        label: permission,
-        value: permission
-      };
-    }).all()
-  };
-});
-const onSubmit = () => {
-};
-</script>
-
-<template>
-    <l-page>
-
-        <form-kit type="l-form" @submit="onSubmit" :value="{
-            permissions: []
-        }" #default="{ value }">
-            <form-kit type="l-input" name="name" label="Name" validation="required" />
-            <q-separator />
-
-            <l-row>
-                <l-col md="3" v-for="module in x" :key="module.module">
-
-                    <q-list>
-                        <q-item dense>
-                            <q-item-section>
-                                <q-item-label>
-                                    {{ module.module }}
-                                </q-item-label>
-                            </q-item-section>
-                        </q-item>
-                        <q-separator />
-                        <q-option-group dense :options="module.permissions" type="checkbox"
-                            v-model="value.permissions" />
-                    </q-list>
-
-                </l-col>
-            </l-row>
-
-        </form-kit>
-
-    </l-page>
-</template>

package/dist/runtime/pages/Role/add2.vue.d.ts

@@ -1,3 +0,0 @@
-declare const _default: typeof __VLS_export;
-export default _default;
-declare const __VLS_export: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;

package/dist/runtime/pages/System/test.d.vue.ts

@@ -1,3 +0,0 @@
-declare const _default: typeof __VLS_export;
-export default _default;
-declare const __VLS_export: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;

package/dist/runtime/pages/System/test.vue

@@ -1,13 +0,0 @@
-<script setup>
-
-</script>
-<template>
-    <l-page>
-
-        <l-card title="Test">
-            <q-card-section>
-            </q-card-section>
-        </l-card>
-        
-    </l-page>
-</template>

package/dist/runtime/pages/System/test.vue.d.ts

@@ -1,3 +0,0 @@
-declare const _default: typeof __VLS_export;
-export default _default;
-declare const __VLS_export: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;