@hostlink/nuxt-light 1.68.0 → 1.69.0

package/dist/module.json

@@ -1,7 +1,7 @@
 {
   "name": "light",
   "configKey": "light",
-  "version": "1.68.0",
+  "version": "1.69.0",
   "builder": {
     "@nuxt/module-builder": "1.0.2",
     "unbuild": "3.6.1"

package/dist/module.mjs

@@ -236,7 +236,9 @@ export default defineNuxtPlugin(() => {})`;
 import { query as q } from '@hostlink/light'
 export default defineNuxtPlugin(() => {
   addRouteMiddleware("auth", async (to) => {
-    if (to.path === "/") return;
+    const normalize = (p) => (p || "").replace(/[/]+$/, "");
+    const publicPaths = ["/", "/page_not_found", "/login"].map(normalize);
+    if (publicPaths.includes(normalize(to.path))) return;
     const { my } = await q({
       my: { allowedPath: { __args: { path: to.path } } }
     });

package/dist/runtime/components/L/AppMain.vue

@@ -28,6 +28,7 @@ const tt = await q({
     copyrightName: true,
     copyrightYear: true,
     hasFavorite: true,
+    notificationBellEnabled: true,
     i18nMessages: {
       name: true,
       value: true
@@ -288,7 +289,7 @@ const onLogout = async () => {
                     </q-menu>
                 </q-btn>
 
-                <l-notification-bell class="q-mr-xs" />
+                <l-notification-bell class="q-mr-xs" v-if="app.notificationBellEnabled !== false" />
 
                 <div class="q-mx-sm" v-if="$q.screen.gt.xs">
                     <div class="text-bold text-right">

package/dist/runtime/components/L/System/Setting/mail.vue

@@ -1,4 +1,5 @@
 <script setup>
+import { q } from "#imports";
 const emits = defineEmits(["submit"]);
 defineProps({
   mail_driver: { type: String, required: true, default: "mail" },
@@ -12,12 +13,6 @@ defineProps({
   mail_reply_to: { type: String, required: true },
   mail_reply_to_name: { type: String, required: true }
 });
-const onLoginGmail = () => {
-  let state = encodeURIComponent(window.self.location.origin + window.self.location.pathname + "?mail_driver=gmail");
-  let scope = encodeURIComponent("https://mail.google.com/");
-  let url = "https://accounts.google.com/o/oauth2/v2/auth?scope=" + scope + "&access_type=offline&state=" + state + "&response_type=code&redirect_uri=https%3A%2F%2Fraymond4.hostlink.com.hk%2Flight%2Fgmail_notification%2Fredirect.php&client_id=790028313082-8qqnoqvkqtqssufto11k6qe6pnievcpv.apps.googleusercontent.com&prompt=consent";
-  window.open(url, "_blank");
-};
 </script>
 
 <template>
@@ -35,7 +30,19 @@ const onLoginGmail = () => {
 ]" validation="required"></FormKit>
 
         <template v-if="value.mail_driver === 'gmail'">
-            <l-btn label="Login" @click="onLoginGmail" icon="sym_o_login" />
+            <div class="col-12">
+                <q-banner class="bg-info text-white" rounded>
+                    <div class="text-weight-bold q-mb-xs">How to create an App Password</div>
+                    <ol class="q-pl-md q-my-none">
+                        <li>Enable 2-Step Verification in your Google Account Security settings.</li>
+                        <li>Go to the <a href="https://myaccount.google.com/apppasswords" target="_blank" class="text-white" style="text-decoration: underline;">Google App Passwords page</a>.</li>
+                        <li>Select app and device, or choose Other (Custom name), then click Generate.</li>
+                        <li>Copy the 16-character password and paste it below.</li>
+                    </ol>
+                </q-banner>
+            </div>
+            <FormKit type="l-input" label="Gmail Address" name="mail_username" validation="required|email"></FormKit>
+            <FormKit type="l-input" label="App Password" name="mail_password" validation="required" :attrs="{ type: 'password' }"></FormKit>
         </template>
 
         <template v-else>
@@ -50,7 +57,7 @@ const onLoginGmail = () => {
                 <FormKit type="l-input" label="SMTP Host" name="mail_host"></FormKit>
                 <FormKit type="l-input" label="SMTP Port" name="mail_port"></FormKit>
                 <FormKit type="l-input" label="SMTP Username" name="mail_username"></FormKit>
-                <FormKit type="l-input" label="SMTP Password" name="mail_password"></FormKit>
+                <FormKit type="l-input" label="SMTP Password" name="mail_password" :attrs="{ type: 'password' }"></FormKit>
 
                 <FormKit type="l-select" label="SMTP Encryption" name="mail_encryption" :options="[
   { label: 'None', value: '' },

package/dist/runtime/components/L/System/Setting/modules.d.vue.ts

@@ -1,5 +1,6 @@
 type __VLS_Props = {
     file_manager: string;
+    notification_bell_enabled: string;
 };
 declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     submit: (...args: any[]) => void;

package/dist/runtime/components/L/System/Setting/modules.vue

@@ -1,7 +1,8 @@
 <script setup>
 const emits = defineEmits(["submit"]);
 defineProps({
-  file_manager: { type: String, required: true }
+  file_manager: { type: String, required: true },
+  notification_bell_enabled: { type: String, required: true }
 });
 </script>
 
@@ -10,6 +11,9 @@ defineProps({
         <l-field :label="$t('File Manager')" stack-label hide-bottom-space class="col-6">
             <form-kit type="l-checkbox" label="Show" name="file_manager" true-value="1" false-value="0" />
         </l-field>
-        
+
+        <l-field :label="$t('Notification Bell')" stack-label hide-bottom-space class="col-6">
+            <form-kit type="l-checkbox" label="Show" name="notification_bell_enabled" true-value="1" false-value="0" />
+        </l-field>
     </form-kit>
 </template>

package/dist/runtime/components/L/System/Setting/modules.vue.d.ts

@@ -1,5 +1,6 @@
 type __VLS_Props = {
     file_manager: string;
+    notification_bell_enabled: string;
 };
 declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     submit: (...args: any[]) => void;

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

@@ -49,7 +49,7 @@ let columns = [
 const onCickView = async (id) => {
   try {
     if (await m("viewAs", { user_id: id })) {
-      window.location.reload();
+      window.location.href = "/";
     }
   } catch (e) {
     light.dialog({

package/dist/runtime/pages/page_not_found.d.vue.ts

@@ -0,0 +1,3 @@
+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/page_not_found.vue

@@ -0,0 +1,26 @@
+<script setup>
+import { useRoute, navigateTo } from "#imports";
+const route = useRoute();
+const attemptedPath = route.query.path || route.fullPath;
+</script>
+
+<template>
+  <l-page class="q-pa-md">
+    <q-banner class="bg-negative text-white">
+      <template v-slot:avatar>
+        <q-icon name="sym_o_error" />
+      </template>
+      <div class="text-h6">Page not found</div>
+      <div v-if="attemptedPath && attemptedPath !== '/'">
+        The requested page was not found or you do not have permission to access it:
+        <code>{{ attemptedPath }}</code>
+      </div>
+      <div v-else>
+        The requested page was not found or you do not have permission to access it.
+      </div>
+    </q-banner>
+    <div class="q-mt-md">
+      <q-btn color="primary" icon="sym_o_home" label="Home" to="/" />
+    </div>
+  </l-page>
+</template>

package/dist/runtime/pages/page_not_found.vue.d.ts

@@ -0,0 +1,3 @@
+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/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@hostlink/nuxt-light",
-  "version": "1.68.0",
+  "version": "1.69.0",
   "description": "HostLink Nuxt Light Framework",
   "repository": {
     "type": "git",
@@ -41,7 +41,7 @@
     "@hostlink/light": "^3.2.7",
     "@nuxt/module-builder": "^1.0.1",
     "@quasar/extras": "^1.17.0",
-    "@quasar/quasar-ui-qmarkdown": "^2.0.5",
+    "@quasar/quasar-ui-qmarkdown": "^3.0.0-rc.1",
     "@vueuse/core": "^14.0.0",
     "axios": "^1.12.2",
     "defu": "^6.1.4",
@@ -65,6 +65,7 @@
     "eslint": "^9.39.1",
     "nuxt": "^4.3.0",
     "typescript": "^5.9.2",
+    "vitest": "^3.2.6",
     "vue-tsc": "^3.1.5"
   }
 }