@hostlink/nuxt-light 1.70.2 → 1.71.0

package/dist/module.json

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

package/dist/module.mjs

@@ -189,6 +189,17 @@ const module$1 = defineNuxtModule({
         });
       }
     });
+    extendPages((pages) => {
+      const markIndex = (route) => {
+        if (route.file && /(?:\/|\\)index\.vue$/.test(route.file)) {
+          route.meta = { ...route.meta ?? {}, isIndex: true };
+        }
+        if (route.children) {
+          for (const child of route.children) markIndex(child);
+        }
+      };
+      for (const p of pages) markIndex(p);
+    });
     nuxt.options.imports = nuxt.options.imports || {};
     nuxt.options.imports.presets = nuxt.options.imports.presets || [];
     nuxt.options.imports.presets.push({ from: "quasar", imports: ["useQuasar"] });
@@ -239,11 +250,35 @@ export default defineNuxtPlugin(() => {
     const normalize = (p) => (p || "").replace(/[/]+$/, "");
     const publicPaths = ["/", "/page_not_found", "/login"].map(normalize);
     if (publicPaths.includes(normalize(to.path))) return;
+
+    // Allow the page to override the required permission via definePageMeta({ permission: '...' })
+    let right = to.meta.permission;
+    if (!right) {
+      const segments = to.path
+        .replace(/\\/+$/, "")
+        .split("/")
+        .filter(Boolean)
+        .filter((segment) => !segment.startsWith(":") && !/^\\d+$/.test(segment))
+        .map((segment) => segment.toLowerCase());
+      right = segments.join(".");
+      // If the matched route (or any nested match) is an index.vue
+      // leaf, treat the URL as a folder-index page and append .index.
+      // Vue Router 4 merges meta with the leaf winning on primitives, so
+      // nested cases like /User/setting (parent: setting.vue, child:
+      // setting/index.vue) still resolve to user.setting.index.
+      if (right && to.meta.isIndex) {
+        right = right + ".index";
+      }
+    }
+    right = right || "";
+
+    if (!right) return;
+
     const { my } = await q({
-      my: { allowedPath: { __args: { path: to.path } } }
+      my: { granted: { __args: { right } } }
     });
     if (!my) return;
-    if (!my.allowedPath) {
+    if (!my.granted) {
       return "/page_not_found?path=" + encodeURIComponent(to.fullPath);
     }
   }, { global: true });

package/dist/runtime/pages/User/[user_id]/edit.vue

@@ -1,5 +1,8 @@
 <script setup>
-import { q, useObject } from "#imports";
+import { q, useObject, definePageMeta } from "#imports";
+definePageMeta({
+  permission: "user.update"
+});
 const { data: obj } = await useObject({
   username: true,
   first_name: true,

package/dist/runtime/pages/User/[user_id]/view.vue

@@ -35,7 +35,7 @@ const reset2fa = async () => {
 <template>
     <l-page :edit-btn="obj.canUpdate" v-if="obj">
         <template #header>
-            <l-btn to="change-password" icon="sym_o_key" permission="user.changePassword"
+            <l-btn to="change-password" icon="sym_o_key" permission="user.change-password"
                 label="Change password"></l-btn>
             <l-btn to="update-role" icon="sym_o_people" permission="user.role.add" label="Update role"></l-btn>
             <l-btn label="Reset 2FA" icon="sym_o_key" permission="user.reset2fa" @click="reset2fa"></l-btn>

package/dist/runtime/pages/page_not_found.vue

@@ -2,6 +2,9 @@
 import { useRoute, navigateTo } from "#imports";
 const route = useRoute();
 const attemptedPath = route.query.path || route.fullPath;
+const retry = async () => {
+  await navigateTo(attemptedPath, { replace: true });
+};
 </script>
 
 <template>
@@ -19,8 +22,9 @@ const attemptedPath = route.query.path || route.fullPath;
         The requested page was not found or you do not have permission to access it.
       </div>
     </q-banner>
-    <div class="q-mt-md">
+    <div class="q-mt-md q-gutter-sm">
       <q-btn color="primary" icon="sym_o_home" label="Home" to="/" />
+      <q-btn v-if="attemptedPath && attemptedPath !== '/'" color="secondary" icon="sym_o_refresh" label="Retry" @click="retry" />
     </div>
   </l-page>
 </template>

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@hostlink/nuxt-light",
-  "version": "1.70.2",
+  "version": "1.71.0",
   "description": "HostLink Nuxt Light Framework",
   "repository": {
     "type": "git",