@flowerforce/flower-react 4.0.11-beta.1 → 4.0.11-beta.2

package/dist/index.cjs.js

@@ -96,7 +96,7 @@ const useInitNodes = ({ one, nodes, name, startId, persist = false, initialData,
     }, [dispatch, name, nodes, startId, initialData, initialState, persist]);
 };
 
-const useInitDevtools = ({ devtoolState, setWsDevtools, flowName, }) => {
+const useInitDevtools = ({ devtoolState, setWsDevtools, flowName }) => {
     const { dispatch } = flowerReactStore.ReduxFlowerProvider.getReduxHooks();
     React.useEffect(() => {
         /* istanbul ignore next */
@@ -209,7 +209,10 @@ const useFlowerNavigateEvent = ({ current, flowName, isInitialized, wsDevtools,
         if (!isInitialized)
             return;
         if (isDisabled) {
-            dispatch({ type: `${flowerCore.REDUCER_NAME.FLOWER_FLOW}/next`, payload: { flowName, disabled: true } });
+            dispatch({
+                type: `${flowerCore.REDUCER_NAME.FLOWER_FLOW}/next`,
+                payload: { flowName, disabled: true }
+            });
             // eslint-disable-next-line no-underscore-dangle, no-undef
             /* istanbul ignore next */
             if (wsDevtools &&
@@ -761,6 +764,75 @@ const createSliceWithFlower = (createSliceOptions) => {
     return slice;
 };
 
+const AbacContext = React.createContext({
+    can: () => false,
+    allowedActions: () => [],
+    loaded: false,
+    rawRules: null
+});
+const AbacProvider = ({ children, rules, rulesPath, fetchOptions, denyByDefault = true }) => {
+    const [loaded, setLoaded] = React.useState(flowerCore.isAbacInitialized());
+    const [localRawRules, setLocalRawRules] = React.useState(flowerCore.getRawRules());
+    React.useEffect(() => {
+        if (rules) {
+            flowerCore.initAbac(rules);
+            setLocalRawRules(rules);
+            setLoaded(true);
+            return;
+        }
+        if (!rulesPath) {
+            setLoaded(false);
+            setLocalRawRules(null);
+            return;
+        }
+        let mounted = true;
+        const init = async () => {
+            try {
+                const res = await fetch(rulesPath, fetchOptions);
+                if (!res.ok)
+                    throw new Error(`HTTP ${res.status}`);
+                const json = (await res.json());
+                if (!mounted)
+                    return;
+                flowerCore.initAbac(json);
+                setLocalRawRules(json);
+                setLoaded(true);
+            }
+            catch (err) {
+                console.error('ABAC: failed to load rules from', rulesPath, err);
+                setLocalRawRules(null);
+                setLoaded(false);
+            }
+        };
+        init();
+        return () => {
+            mounted = false;
+        };
+    }, [rules, rulesPath, fetchOptions]);
+    const can = React.useCallback((ctx) => {
+        if (!flowerCore.isAbacInitialized())
+            return !denyByDefault;
+        const subject = flowerCore.getSubject();
+        return (flowerCore.getAbacEngine()?.decide({ subject: subject ?? {}, ...ctx }) === 'Permit');
+    }, []);
+    const allowedActions = React.useCallback((resource, actions = ['read', 'create', 'update', 'delete']) => {
+        if (!flowerCore.isAbacInitialized())
+            return denyByDefault ? [] : actions.slice();
+        const subject = flowerCore.getSubject();
+        return flowerCore.getAbacEngine()?.allowedActions({ subject: subject ?? {}, resource, environment: undefined }, actions);
+    }, []);
+    const value = React.useMemo(() => ({
+        can,
+        allowedActions,
+        loaded,
+        rawRules: localRawRules
+    }), [loaded, localRawRules]);
+    return React.createElement(AbacContext.Provider, { value: value }, children);
+};
+function useAbac() {
+    return React.useContext(AbacContext);
+}
+
 Object.defineProperty(exports, "createApi", {
   enumerable: true,
   get: function () { return flowerReactStore.createApi; }
@@ -769,6 +841,7 @@ Object.defineProperty(exports, "HistoryContextProvider", {
   enumerable: true,
   get: function () { return flowerReactHistoryContext.HistoryContextProvider; }
 });
+exports.AbacProvider = AbacProvider;
 exports.Flower = Flower;
 exports.FlowerAction = FlowerAction;
 exports.FlowerFlow = FlowerFlow;
@@ -783,5 +856,6 @@ exports.createStoreWithFlower = createStoreWithFlower;
 exports.flowerReducers = flowerReducers;
 exports.makeSelectData = makeSelectData;
 exports.reducerFlower = reducerFlower;
+exports.useAbac = useAbac;
 exports.useFlower = useFlower;
 exports.useFlowerNavigate = useFlowerNavigate;

package/dist/index.esm.js

@@ -1,6 +1,6 @@
-import React, { useEffect, memo, useRef, useState, useMemo, Children, useContext, useCallback } from 'react';
+import React, { useEffect, memo, useRef, useState, useMemo, Children, useContext, useCallback, createContext } from 'react';
 import _keyBy from 'lodash/keyBy';
-import { FlowUtils, FlowerCoreBaseReducers, REDUCER_NAME, FlowerCoreStateSelectors, FlowerStateUtils, Emitter, devtoolState } from '@flowerforce/flower-core';
+import { FlowUtils, FlowerCoreBaseReducers, REDUCER_NAME, FlowerCoreStateSelectors, FlowerStateUtils, Emitter, devtoolState, isAbacInitialized, getRawRules, initAbac, getSubject, getAbacEngine } from '@flowerforce/flower-core';
 import { FlowerReactProvider, FlowerReactContext } from '@flowerforce/flower-react-context';
 import _get from 'lodash/get';
 import { reducerData, ReduxFlowerProvider, flowerDataActions, middlewares } from '@flowerforce/flower-react-store';
@@ -96,7 +96,7 @@ const useInitNodes = ({ one, nodes, name, startId, persist = false, initialData,
     }, [dispatch, name, nodes, startId, initialData, initialState, persist]);
 };
 
-const useInitDevtools = ({ devtoolState, setWsDevtools, flowName, }) => {
+const useInitDevtools = ({ devtoolState, setWsDevtools, flowName }) => {
     const { dispatch } = ReduxFlowerProvider.getReduxHooks();
     useEffect(() => {
         /* istanbul ignore next */
@@ -209,7 +209,10 @@ const useFlowerNavigateEvent = ({ current, flowName, isInitialized, wsDevtools,
         if (!isInitialized)
             return;
         if (isDisabled) {
-            dispatch({ type: `${REDUCER_NAME.FLOWER_FLOW}/next`, payload: { flowName, disabled: true } });
+            dispatch({
+                type: `${REDUCER_NAME.FLOWER_FLOW}/next`,
+                payload: { flowName, disabled: true }
+            });
             // eslint-disable-next-line no-underscore-dangle, no-undef
             /* istanbul ignore next */
             if (wsDevtools &&
@@ -761,4 +764,73 @@ const createSliceWithFlower = (createSliceOptions) => {
     return slice;
 };
 
-export { Flower, FlowerAction, FlowerFlow, FlowerNavigate, FlowerNode, FlowerProvider, FlowerRoute, FlowerServer, FlowerStart, createSliceWithFlower, createStoreWithFlower, flowerReducers, makeSelectData, reducerFlower, useFlower, useFlowerNavigate };
+const AbacContext = createContext({
+    can: () => false,
+    allowedActions: () => [],
+    loaded: false,
+    rawRules: null
+});
+const AbacProvider = ({ children, rules, rulesPath, fetchOptions, denyByDefault = true }) => {
+    const [loaded, setLoaded] = useState(isAbacInitialized());
+    const [localRawRules, setLocalRawRules] = useState(getRawRules());
+    useEffect(() => {
+        if (rules) {
+            initAbac(rules);
+            setLocalRawRules(rules);
+            setLoaded(true);
+            return;
+        }
+        if (!rulesPath) {
+            setLoaded(false);
+            setLocalRawRules(null);
+            return;
+        }
+        let mounted = true;
+        const init = async () => {
+            try {
+                const res = await fetch(rulesPath, fetchOptions);
+                if (!res.ok)
+                    throw new Error(`HTTP ${res.status}`);
+                const json = (await res.json());
+                if (!mounted)
+                    return;
+                initAbac(json);
+                setLocalRawRules(json);
+                setLoaded(true);
+            }
+            catch (err) {
+                console.error('ABAC: failed to load rules from', rulesPath, err);
+                setLocalRawRules(null);
+                setLoaded(false);
+            }
+        };
+        init();
+        return () => {
+            mounted = false;
+        };
+    }, [rules, rulesPath, fetchOptions]);
+    const can = useCallback((ctx) => {
+        if (!isAbacInitialized())
+            return !denyByDefault;
+        const subject = getSubject();
+        return (getAbacEngine()?.decide({ subject: subject ?? {}, ...ctx }) === 'Permit');
+    }, []);
+    const allowedActions = useCallback((resource, actions = ['read', 'create', 'update', 'delete']) => {
+        if (!isAbacInitialized())
+            return denyByDefault ? [] : actions.slice();
+        const subject = getSubject();
+        return getAbacEngine()?.allowedActions({ subject: subject ?? {}, resource, environment: undefined }, actions);
+    }, []);
+    const value = useMemo(() => ({
+        can,
+        allowedActions,
+        loaded,
+        rawRules: localRawRules
+    }), [loaded, localRawRules]);
+    return React.createElement(AbacContext.Provider, { value: value }, children);
+};
+function useAbac() {
+    return useContext(AbacContext);
+}
+
+export { AbacProvider, Flower, FlowerAction, FlowerFlow, FlowerNavigate, FlowerNode, FlowerProvider, FlowerRoute, FlowerServer, FlowerStart, createSliceWithFlower, createStoreWithFlower, flowerReducers, makeSelectData, reducerFlower, useAbac, useFlower, useFlowerNavigate };

package/dist/src/abacProvider/abacProvider.d.ts

@@ -0,0 +1,18 @@
+import React from 'react';
+import { RuleInput, AbacCtx, Resource, Action } from '@flowerforce/flower-core';
+type AbacProviderProps = {
+    children: React.ReactNode;
+    rules?: RuleInput[];
+    rulesPath?: string;
+    fetchOptions?: RequestInit;
+    denyByDefault?: boolean;
+};
+type AbacContextValue = {
+    can: (args: Omit<AbacCtx, 'subject'>) => boolean;
+    allowedActions: (resource: Resource | undefined, actions?: Action[]) => Action[] | undefined;
+    loaded: boolean;
+    rawRules?: RuleInput[] | null;
+};
+export declare const AbacProvider: React.FC<AbacProviderProps>;
+export declare function useAbac(): AbacContextValue;
+export {};

package/dist/src/abacProvider/index.d.ts

@@ -0,0 +1 @@
+export * from './abacProvider';

package/dist/src/components/hooks/useInitDevtools.d.ts

@@ -1,2 +1,2 @@
 import { UseInitDevtoolsProps } from './types';
-export declare const useInitDevtools: ({ devtoolState, setWsDevtools, flowName, }: UseInitDevtoolsProps) => void;
+export declare const useInitDevtools: ({ devtoolState, setWsDevtools, flowName }: UseInitDevtoolsProps) => void;

package/dist/src/index.d.ts

@@ -2,5 +2,6 @@ export { Flower, FlowerAction, FlowerFlow, FlowerNode, FlowerRoute, FlowerNaviga
 export * from './provider';
 export { makeSelectData, reducerFlower, flowerReducers } from './features';
 export type * from './types';
+export * from './abacProvider';
 export { createApi } from '@flowerforce/flower-react-store';
 export { HistoryContextProvider } from '@flowerforce/flower-react-history-context';

package/dist/src/types/Flower.d.ts

@@ -1,4 +1,4 @@
-import { PropsWithChildren } from "react";
+import { PropsWithChildren } from 'react';
 export type FlowerInitalState = {
     startId?: string;
     current?: string;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@flowerforce/flower-react",
-  "version": "4.0.11-beta.1",
+  "version": "4.0.11-beta.2",
   "description": "FlowerJS components, hooks and utils for React.",
   "repository": {
     "type": "git",
@@ -26,8 +26,8 @@
     "@reduxjs/toolkit": "^2.2.4",
     "reselect": "^5.1.0",
     "@testing-library/react": "15.0.7",
-    "@testing-library/jest-dom": "6.6.3",
-    "@flowerforce/flower-react-form": "4.0.11-beta.0",
+    "@testing-library/jest-dom": "6.8.0",
+    "@flowerforce/flower-react-form": "4.0.11-beta.1",
     "@testing-library/user-event": "14.6.1",
     "redux": "5.0.1"
   },
@@ -41,10 +41,10 @@
     "typescript": "^5.4.5"
   },
   "dependencies": {
-    "@flowerforce/flower-core": "4.0.1-beta.9",
-    "@flowerforce/flower-react-context": "4.0.1-beta.9",
-    "@flowerforce/flower-react-store": "4.0.1-beta.9",
-    "@flowerforce/flower-react-shared": "4.0.6-beta.5",
+    "@flowerforce/flower-core": "4.0.1-beta.10",
+    "@flowerforce/flower-react-context": "4.0.1-beta.10",
+    "@flowerforce/flower-react-store": "4.0.1-beta.10",
+    "@flowerforce/flower-react-shared": "4.0.6-beta.6",
     "@flowerforce/flower-react-history-context": "4.0.0",
     "lodash": "^4.17.21"
   },