@sierra-95/svelte-scaffold 1.0.72 → 1.0.73

package/dist/Hooks/layout_menu.d.ts

@@ -1 +1,8 @@
+import type { Section } from '../index.js';
 export declare function validateLayoutMenuSections(sections: Array<any>): void;
+export declare function filterSectionsByRole(sections: Section[], userRole: string): {
+    items: import("../index.js").SectionItem[];
+    label: string;
+    hidden?: boolean;
+    role?: string;
+}[];

package/dist/Hooks/layout_menu.js

@@ -1,4 +1,5 @@
-import { setToastMessage } from '../index.js';
+import { get } from 'svelte/store';
+import { setToastMessage, layoutStore } from '../index.js';
 export function validateLayoutMenuSections(sections) {
     const seenPaths = new Set();
     for (const section of sections) {
@@ -22,3 +23,50 @@ export function validateLayoutMenuSections(sections) {
         }
     }
 }
+function getRoleLevel(role) {
+    if (!role)
+        return 0;
+    const state = get(layoutStore);
+    return role in state.ROLE_LEVELS ? state.ROLE_LEVELS[role] : 0;
+}
+function hasAccess(userRole, requiredRole) {
+    if (!requiredRole)
+        return true;
+    return getRoleLevel(userRole) >= getRoleLevel(requiredRole);
+}
+function isDefined(value) {
+    return value != null;
+}
+export function filterSectionsByRole(sections, userRole) {
+    return sections
+        .map(section => {
+        // No access to section → remove entirely
+        if (!hasAccess(userRole, section.role))
+            return null;
+        const items = section.items
+            .map(item => {
+            const itemRole = item.role ?? section.role;
+            // No access to item → remove
+            if (!hasAccess(userRole, itemRole))
+                return null;
+            // Handle children
+            if (item.children) {
+                const children = item.children.filter((child) => {
+                    const childRole = child.role ?? itemRole;
+                    return hasAccess(userRole, childRole);
+                });
+                // No visible children → remove parent
+                if (children.length === 0)
+                    return null;
+                return { ...item, children };
+            }
+            return item;
+        })
+            .filter(isDefined);
+        // No visible items → remove section
+        if (items.length === 0)
+            return null;
+        return { ...section, items };
+    })
+        .filter(isDefined);
+}

package/dist/Modules/Layout/Menu/menu.svelte

@@ -3,13 +3,16 @@
 	import { onMount } from 'svelte';
     import { page } from '$app/state';
     import { afterNavigate, beforeNavigate } from '$app/navigation';
-    import { isLoading, validateLayoutMenuSections, GlobalSearch, layoutStore } from '../../../index.js';
+    import { isLoading, validateLayoutMenuSections, GlobalSearch, layoutStore, filterSectionsByRole } from '../../../index.js';
 
 	export let toggleMenu: () => void;
 	export let closeMobileMenu: () => void;
 	export let isMenuOpen: boolean;
 
-	$: sections = $layoutStore.sections;
+	$: sections = filterSectionsByRole(
+		$layoutStore.sections,
+		$layoutStore.userRole ?? 'user'
+	);
 
 	function isParentActive(item: any, pathname: string) {
 		if (item.path === '/') {

package/dist/index.d.ts

@@ -50,7 +50,7 @@ export type { FileInputStoreMediaItem } from './stores/modules/fileInput.js';
 export { toastCarrier, setToastMessage, clearToastMessage } from './stores/modules/toast.js';
 export { layoutStore, resetLayoutStore } from './stores/modules/layout.js';
 export { getPreviewUrlForMedia, toggleSelectForMedia, removeFileForMedia, DOCUMENT_MIME_TYPES, IMAGE_MIME_TYPES_PREVIEW } from './Hooks/preview.js';
-export { validateLayoutMenuSections } from './Hooks/layout_menu.js';
+export { validateLayoutMenuSections, filterSectionsByRole } from './Hooks/layout_menu.js';
 export { buttonRipple } from './Hooks/button.js';
 export { buildSearchIndex } from './Hooks/buildSearch.js';
 export { isValidEmail } from './Hooks/validateForms.js';

package/dist/index.js

@@ -63,7 +63,7 @@ export { toastCarrier, setToastMessage, clearToastMessage } from './stores/modul
 export { layoutStore, resetLayoutStore } from './stores/modules/layout.js';
 //#######################HOOKS/UTILS########################
 export { getPreviewUrlForMedia, toggleSelectForMedia, removeFileForMedia, DOCUMENT_MIME_TYPES, IMAGE_MIME_TYPES_PREVIEW } from './Hooks/preview.js';
-export { validateLayoutMenuSections } from './Hooks/layout_menu.js';
+export { validateLayoutMenuSections, filterSectionsByRole } from './Hooks/layout_menu.js';
 export { buttonRipple } from './Hooks/button.js';
 export { buildSearchIndex } from './Hooks/buildSearch.js';
 export { isValidEmail } from './Hooks/validateForms.js';

package/dist/stores/modules/layout.d.ts

@@ -4,12 +4,14 @@ export type SectionItem = {
     label: string;
     icon?: string;
     hidden?: boolean;
+    role?: string;
     children?: SectionItem[];
     TOC?: Partial<Record<string, string>>;
 };
 export type Section = {
     label: string;
     hidden?: boolean;
+    role?: string;
     items: SectionItem[];
 };
 export type LayoutState = {
@@ -26,6 +28,8 @@ export type LayoutState = {
     toggleMenuSize: string;
     menuActiveIconColor: string;
     backgroundColor: string;
+    userRole?: string;
+    ROLE_LEVELS: Record<any, number>;
 };
 export declare const layoutStore: import("svelte/store").Writable<LayoutState>;
 export declare function resetLayoutStore(): void;

package/dist/stores/modules/layout.js

@@ -12,7 +12,9 @@ const defaultLayoutState = {
     toggleMenuColor: 'black',
     toggleMenuSize: "25px",
     menuActiveIconColor: 'var(--primary-bg)',
-    backgroundColor: ''
+    backgroundColor: '',
+    userRole: 'user',
+    ROLE_LEVELS: { user: 1 }
 };
 export const layoutStore = writable({
     ...defaultLayoutState

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@sierra-95/svelte-scaffold",
-	"version": "1.0.72",
+	"version": "1.0.73",
 	"scripts": {
 		"dev": "vite dev",
 		"build": "vite build && npm run prepack",