react-auth-gate 0.0.1 → 0.0.3

package/dist/devtools/PermissionsRoot.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"PermissionsRoot.d.ts","sourceRoot":"","sources":["../../src/devtools/PermissionsRoot.tsx"],"names":[],"mappings":"AAAA;;;;;GAKG;AAEH,OAAO,KAAK,EAAE,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAIzC,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,eAAe,CAAC;AAEvD,UAAU,oBAAoB,CAAC,KAAK,GAAG,GAAG,CAAE,SAAQ,iBAAiB,CAAC,KAAK,CAAC;IAC1E,QAAQ,EAAE,SAAS,CAAC;CACrB;AAED;;;;;;;;;;;;;;;;;;GAkBG;AACH,wBAAgB,eAAe,CAAC,KAAK,GAAG,GAAG,EAAE,KAAK,EAAE,oBAAoB,CAAC,KAAK,CAAC,qBA6B9E"}
+{"version":3,"file":"PermissionsRoot.d.ts","sourceRoot":"","sources":["../../src/devtools/PermissionsRoot.tsx"],"names":[],"mappings":"AAAA;;;;;GAKG;AAEH,OAAO,KAAK,EAAE,EAAE,SAAS,EAAW,MAAM,OAAO,CAAC;AAIlD,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,eAAe,CAAC;AAEvD,UAAU,oBAAoB,CAAC,KAAK,GAAG,GAAG,CAAE,SAAQ,iBAAiB,CAAC,KAAK,CAAC;IAC1E,QAAQ,EAAE,SAAS,CAAC;CACrB;AAED;;;;;;;;;;;;;;;;;;GAkBG;AACH,wBAAgB,eAAe,CAAC,KAAK,GAAG,GAAG,EAAE,KAAK,EAAE,oBAAoB,CAAC,KAAK,CAAC,qBAkC9E"}

package/dist/devtools/PermissionsRoot.js

@@ -4,7 +4,7 @@
  * Enhanced wrapper around PermissionsProvider that automatically
  * integrates the Dev Panel in development mode.
  */
-import React from 'react';
+import React, { useMemo } from 'react';
 import { PermissionsProvider } from '../react/PermissionsProvider';
 import { DevPanel } from './DevPanel';
 import { useDevRegister, useDevToolsState } from './useDevRegister';
@@ -30,10 +30,14 @@ import { useDevRegister, useDevToolsState } from './useDevRegister';
 export function PermissionsRoot(props) {
     const registerEvaluation = useDevRegister();
     const devState = useDevToolsState();
+    // Memoize empty defaults to prevent new references on every render
+    const emptyRoles = useMemo(() => [], []);
+    const emptyPermissions = useMemo(() => [], []);
+    const emptyFlags = useMemo(() => ({}), []);
     // Apply dev tools overrides if they exist
-    const effectiveRoles = devState.overrideRoles ?? props.roles ?? [];
-    const effectivePermissions = devState.overridePermissions ?? props.permissions ?? [];
-    const effectiveFlags = devState.overrideFlags ?? props.flags ?? {};
+    const effectiveRoles = devState.overrideRoles ?? props.roles ?? emptyRoles;
+    const effectivePermissions = devState.overridePermissions ?? props.permissions ?? emptyPermissions;
+    const effectiveFlags = devState.overrideFlags ?? props.flags ?? emptyFlags;
     // Create a key to force remount when overrides change
     const overrideKey = JSON.stringify({
         roles: devState.overrideRoles,

package/dist/react/usePermission.js

@@ -48,7 +48,7 @@ export function usePermission(check, resource, mode = 'any') {
         return () => {
             cancelled = true;
         };
-    }, [context.evaluatePermission, context.roles, context.permissions, context.flags, check, resource, mode]);
+    }, [context.evaluatePermission, check, resource, mode]);
     return state;
 }
 /**

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "react-auth-gate",
-  "version": "0.0.1",
+  "version": "0.0.3",
   "description": "A production-grade React authorization framework for RBAC, PBAC, ABAC, feature flags, and async permission checks",
   "main": "dist/index.js",
   "module": "dist/index.js",