@flowselections/admin-installatietechniek 1.0.3 → 1.0.5

package/dist-lib/components/ModuleAccessGuard.d.ts

@@ -0,0 +1,15 @@
+interface ModuleAccessGuardProps {
+    children: React.ReactNode;
+    featureId?: string;
+    fallback?: React.ReactNode;
+}
+/**
+ * Rendert alleen kinderen als de ingelogde gebruiker toegang heeft tot de
+ * huidige module. Tijdens laden een skeleton; bij onvoldoende recht een nette
+ * "geen toegang"-kaart. Modules die niet geregistreerd zijn worden altijd
+ * toegestaan (default-allow), zodat bestaande shells zonder aanpassingen
+ * blijven werken.
+ */
+export declare function ModuleAccessGuard({ children, featureId, fallback }: ModuleAccessGuardProps): import("react").JSX.Element;
+export {};
+//# sourceMappingURL=ModuleAccessGuard.d.ts.map

package/dist-lib/components/ModuleAccessGuard.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ModuleAccessGuard.d.ts","sourceRoot":"","sources":["../../src/components/ModuleAccessGuard.tsx"],"names":[],"mappings":"AAKA,UAAU,sBAAsB;IAC9B,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC5B;AAYD;;;;;;GAMG;AACH,wBAAgB,iBAAiB,CAAC,EAAE,QAAQ,EAAE,SAAc,EAAE,QAAQ,EAAE,EAAE,sBAAsB,+BAwC/F"}

package/dist-lib/components/ModuleAccessGuard.js

@@ -0,0 +1,40 @@
+import { Fragment as _Fragment, jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useRouterState } from "@tanstack/react-router";
+import { Card, CardContent, CardHeader, CardTitle } from "@flowselections/core";
+import { ShieldAlert } from "lucide-react";
+import { useModulePermission } from "../hooks/useModulePermission";
+const EXCLUDED_SEGMENTS = new Set(["admin-installatietechniek", "instellingen"]);
+function deriveModuleId(pathname) {
+    const segments = pathname.split("/").filter(Boolean);
+    const first = segments[0];
+    if (!first || first.startsWith("$") || first.startsWith("_"))
+        return null;
+    if (EXCLUDED_SEGMENTS.has(first))
+        return null;
+    return first;
+}
+/**
+ * Rendert alleen kinderen als de ingelogde gebruiker toegang heeft tot de
+ * huidige module. Tijdens laden een skeleton; bij onvoldoende recht een nette
+ * "geen toegang"-kaart. Modules die niet geregistreerd zijn worden altijd
+ * toegestaan (default-allow), zodat bestaande shells zonder aanpassingen
+ * blijven werken.
+ */
+export function ModuleAccessGuard({ children, featureId = "", fallback }) {
+    const pathname = useRouterState({ select: (s) => s.location.pathname });
+    const moduleId = deriveModuleId(pathname);
+    // Als we geen module kunnen afleiden (bijv. admin of instellingen), toon
+    // altijd de inhoud.
+    if (!moduleId)
+        return _jsx(_Fragment, { children: children });
+    const { permission, loading, canView } = useModulePermission(moduleId, featureId);
+    if (loading) {
+        return (_jsxs("div", { className: "flex-1 p-6", children: [_jsx("div", { className: "h-6 w-48 animate-pulse rounded bg-muted mb-4" }), _jsx("div", { className: "h-32 animate-pulse rounded bg-muted" })] }));
+    }
+    if (!canView) {
+        if (fallback)
+            return _jsx(_Fragment, { children: fallback });
+        return (_jsx("div", { className: "flex-1 flex items-center justify-center p-6", children: _jsxs(Card, { className: "max-w-md w-full", children: [_jsxs(CardHeader, { className: "flex flex-row items-center gap-3", children: [_jsx(ShieldAlert, { className: "h-6 w-6 text-destructive" }), _jsx(CardTitle, { children: "Geen toegang" })] }), _jsx(CardContent, { children: _jsx("p", { className: "text-sm text-muted-foreground", children: "Je hebt geen toegang tot deze module. Neem contact op met een beheerder als je denkt dat dit niet klopt." }) })] }) }));
+    }
+    return _jsx(_Fragment, { children: children });
+}

package/dist-lib/hooks/useModulePermission.d.ts

@@ -1,17 +1,24 @@
 export type ModulePermission = "none" | "view" | "edit";
 /**
  * Haalt de effectieve rechten van de ingelogde gebruiker op voor alle
- * geregistreerde modules. Persoonlijke uitzonderingen winnen van rolrechten.
+ * geregistreerde modules en onderdelen. Persoonlijke uitzonderingen winnen
+ * van rolrechten. Gedeelde cache via React Query; één keer per sessie.
  */
 export declare function useMyModulePermissions(): {
-    permissions: Record<string, ModulePermission>;
+    permissions: NoInfer<Record<string, ModulePermission>>;
     loading: boolean;
 };
-/** Effectief recht voor één module: "none" | "view" | "edit". */
-export declare function useModulePermission(moduleId: string): {
+/** Effectief recht voor één module of onderdeel: "none" | "view" | "edit". */
+export declare function useModulePermission(moduleId: string, featureId?: string): {
     permission: ModulePermission;
     canView: boolean;
     canEdit: boolean;
     loading: boolean;
 };
+/** Invalidatie-aanhaker voor auth-wijzigingen. */
+export declare function invalidateModulePermissions(queryClient: {
+    invalidateQueries: (options: {
+        queryKey: string[];
+    }) => Promise<void>;
+}): Promise<void>;
 //# sourceMappingURL=useModulePermission.d.ts.map

package/dist-lib/hooks/useModulePermission.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useModulePermission.d.ts","sourceRoot":"","sources":["../../src/hooks/useModulePermission.ts"],"names":[],"mappings":"AAGA,MAAM,MAAM,gBAAgB,GAAG,MAAM,GAAG,MAAM,GAAG,MAAM,CAAC;AAExD;;;GAGG;AACH,wBAAgB,sBAAsB;;;EAyBrC;AAED,iEAAiE;AACjE,wBAAgB,mBAAmB,CAAC,QAAQ,EAAE,MAAM;;;;;EASnD"}
+{"version":3,"file":"useModulePermission.d.ts","sourceRoot":"","sources":["../../src/hooks/useModulePermission.ts"],"names":[],"mappings":"AAGA,MAAM,MAAM,gBAAgB,GAAG,MAAM,GAAG,MAAM,GAAG,MAAM,CAAC;AAMxD;;;;GAIG;AACH,wBAAgB,sBAAsB;;;EAmBrC;AAED,8EAA8E;AAC9E,wBAAgB,mBAAmB,CAAC,QAAQ,EAAE,MAAM,EAAE,SAAS,SAAK;;;;;EAgBnE;AAED,kDAAkD;AAClD,wBAAgB,2BAA2B,CAAC,WAAW,EAAE;IACvD,iBAAiB,EAAE,CAAC,OAAO,EAAE;QAAE,QAAQ,EAAE,MAAM,EAAE,CAAA;KAAE,KAAK,OAAO,CAAC,IAAI,CAAC,CAAC;CACvE,iBAEA"}

package/dist-lib/hooks/useModulePermission.js

@@ -1,38 +1,41 @@
-import { useEffect, useState } from "react";
+import { useQuery } from "@tanstack/react-query";
 import { supabase } from "../integrations/supabase/client";
+const cellKey = (moduleId, featureId) => `${moduleId}::${featureId}`;
+const permissionQueryKey = ["my-module-permissions"];
 /**
  * Haalt de effectieve rechten van de ingelogde gebruiker op voor alle
- * geregistreerde modules. Persoonlijke uitzonderingen winnen van rolrechten.
+ * geregistreerde modules en onderdelen. Persoonlijke uitzonderingen winnen
+ * van rolrechten. Gedeelde cache via React Query; één keer per sessie.
  */
 export function useMyModulePermissions() {
-    const [permissions, setPermissions] = useState({});
-    const [loading, setLoading] = useState(true);
-    useEffect(() => {
-        let cancelled = false;
-        (async () => {
+    const { data, isLoading } = useQuery({
+        queryKey: permissionQueryKey,
+        queryFn: async () => {
             const { data, error } = await supabase.rpc("my_module_permissions");
-            if (cancelled)
-                return;
-            const rows = Array.isArray(data) ? data : [];
-            if (!error) {
-                const map = {};
-                for (const row of rows) {
-                    map[row.module_id] = row.permission;
-                }
-                setPermissions(map);
+            if (error)
+                throw error;
+            const rows = Array.isArray(data)
+                ? data
+                : [];
+            const map = {};
+            for (const row of rows) {
+                map[cellKey(row.module_id, row.feature_id ?? "")] = row.permission;
             }
-            setLoading(false);
-        })();
-        return () => {
-            cancelled = true;
-        };
-    }, []);
-    return { permissions, loading };
+            return map;
+        },
+        staleTime: 5 * 60 * 1000,
+    });
+    return { permissions: data ?? {}, loading: isLoading };
 }
-/** Effectief recht voor één module: "none" | "view" | "edit". */
-export function useModulePermission(moduleId) {
+/** Effectief recht voor één module of onderdeel: "none" | "view" | "edit". */
+export function useModulePermission(moduleId, featureId = "") {
     const { permissions, loading } = useMyModulePermissions();
-    const permission = permissions[moduleId] ?? "none";
+    const exact = permissions[cellKey(moduleId, featureId)];
+    const moduleFallback = permissions[cellKey(moduleId, "")];
+    // Niet geregistreerde modules zijn default toegestaan (edit) zodat
+    // bestaande shells blijven werken totdat een beheerder expliciet rechten
+    // instelt en enforce aanzet.
+    const permission = exact ?? moduleFallback ?? "edit";
     return {
         permission,
         canView: permission === "view" || permission === "edit",
@@ -40,3 +43,7 @@ export function useModulePermission(moduleId) {
         loading,
     };
 }
+/** Invalidatie-aanhaker voor auth-wijzigingen. */
+export function invalidateModulePermissions(queryClient) {
+    return queryClient.invalidateQueries({ queryKey: permissionQueryKey });
+}

package/dist-lib/index.d.ts

@@ -5,8 +5,8 @@ export type { AdminForInstallatieTechniekProps, AdminModuleInput } from './compo
 export { useModulePermission, useMyModulePermissions } from './hooks/useModulePermission';
 export type { ModulePermission } from './hooks/useModulePermission';
 export { useDiscoveredModules } from './lib/moduleDiscovery';
-export type { DiscoveredModule } from './lib/moduleDiscovery';
-export { useModuleOrder, sortModulesByOrder, notifyModuleOrderChanged } from './hooks/useModuleOrder';
-export type { ModuleOrderEntry } from './hooks/useModuleOrder';
+export type { DiscoveredModule, DiscoveredFeature } from './lib/moduleDiscovery';
+export { ModuleAccessGuard } from './components/ModuleAccessGuard';
+export { requireModulePermission } from './lib/permissions.server';
 export declare const adminInstallatietechniekModule: FlowModule;
 //# sourceMappingURL=index.d.ts.map

package/dist-lib/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,sBAAsB,CAAC;AAEvD,cAAc,kBAAkB,CAAC;AACjC,OAAO,EAAE,2BAA2B,EAAE,MAAM,0CAA0C,CAAC;AACvF,YAAY,EAAE,gCAAgC,EAAE,gBAAgB,EAAE,MAAM,0CAA0C,CAAC;AACnH,OAAO,EAAE,mBAAmB,EAAE,sBAAsB,EAAE,MAAM,6BAA6B,CAAC;AAC1F,YAAY,EAAE,gBAAgB,EAAE,MAAM,6BAA6B,CAAC;AACpE,OAAO,EAAE,oBAAoB,EAAE,MAAM,uBAAuB,CAAC;AAC7D,YAAY,EAAE,gBAAgB,EAAE,MAAM,uBAAuB,CAAC;AAC9D,OAAO,EAAE,cAAc,EAAE,kBAAkB,EAAE,wBAAwB,EAAE,MAAM,wBAAwB,CAAC;AACtG,YAAY,EAAE,gBAAgB,EAAE,MAAM,wBAAwB,CAAC;AAI/D,eAAO,MAAM,8BAA8B,EAAE,UAY5C,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,sBAAsB,CAAC;AAEvD,cAAc,kBAAkB,CAAC;AACjC,OAAO,EAAE,2BAA2B,EAAE,MAAM,0CAA0C,CAAC;AACvF,YAAY,EAAE,gCAAgC,EAAE,gBAAgB,EAAE,MAAM,0CAA0C,CAAC;AACnH,OAAO,EAAE,mBAAmB,EAAE,sBAAsB,EAAE,MAAM,6BAA6B,CAAC;AAC1F,YAAY,EAAE,gBAAgB,EAAE,MAAM,6BAA6B,CAAC;AACpE,OAAO,EAAE,oBAAoB,EAAE,MAAM,uBAAuB,CAAC;AAC7D,YAAY,EAAE,gBAAgB,EAAE,iBAAiB,EAAE,MAAM,uBAAuB,CAAC;AACjF,OAAO,EAAE,iBAAiB,EAAE,MAAM,gCAAgC,CAAC;AACnE,OAAO,EAAE,uBAAuB,EAAE,MAAM,0BAA0B,CAAC;AAInE,eAAO,MAAM,8BAA8B,EAAE,UAY5C,CAAC"}

package/dist-lib/index.js

@@ -6,7 +6,8 @@ export * from './_core-safelist';
 export { AdminForInstallatieTechniek } from './components/AdminForInstallatieTechniek';
 export { useModulePermission, useMyModulePermissions } from './hooks/useModulePermission';
 export { useDiscoveredModules } from './lib/moduleDiscovery';
-export { useModuleOrder, sortModulesByOrder, notifyModuleOrderChanged } from './hooks/useModuleOrder';
+export { ModuleAccessGuard } from './components/ModuleAccessGuard';
+export { requireModulePermission } from './lib/permissions.server';
 export const adminInstallatietechniekModule = {
     id: "admin-installatietechniek",
     name: "Admin Installatietechniek",

package/dist-lib/integrations/supabase/auth-attacher.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"auth-attacher.d.ts","sourceRoot":"","sources":["../../../src/integrations/supabase/auth-attacher.ts"],"names":[],"mappings":"AAMA,eAAO,MAAM,kBAAkB,mHAQ9B,CAAA"}
+{"version":3,"file":"auth-attacher.d.ts","sourceRoot":"","sources":["../../../src/integrations/supabase/auth-attacher.ts"],"names":[],"mappings":"AAMA,eAAO,MAAM,kBAAkB,mHAY9B,CAAA"}

package/dist-lib/integrations/supabase/auth-attacher.js

@@ -7,6 +7,10 @@ export const attachSupabaseAuth = createMiddleware({ type: 'function' }).client(
     const { data } = await supabase.auth.getSession();
     const token = data.session?.access_token;
     return next({
-        headers: token ? { Authorization: `Bearer ${token}` } : {},
+        // `x-sb-auth` is een fallback: sommige preview-proxies overschrijven de
+        // Authorization-header, waardoor de server een ongeldig token zag.
+        headers: token
+            ? { Authorization: `Bearer ${token}`, 'x-sb-auth': token }
+            : {},
     });
 });