@fluxo-dev/state 0.0.5 → 0.0.8

package/.babelrc

@@ -0,0 +1,12 @@
+{
+  "presets": [
+    [
+      "@nx/react/babel",
+      {
+        "runtime": "automatic",
+        "useBuiltIns": "usage"
+      }
+    ]
+  ],
+  "plugins": []
+}

package/.eslintrc.json

@@ -0,0 +1,18 @@
+{
+  "extends": ["plugin:@nx/react", "../../../.eslintrc.json"],
+  "ignorePatterns": ["!**/*"],
+  "overrides": [
+    {
+      "files": ["*.ts", "*.tsx", "*.js", "*.jsx"],
+      "rules": {}
+    },
+    {
+      "files": ["*.ts", "*.tsx"],
+      "rules": {}
+    },
+    {
+      "files": ["*.js", "*.jsx"],
+      "rules": {}
+    }
+  ]
+}

package/jest.config.ts

@@ -0,0 +1,11 @@
+/* eslint-disable */
+export default {
+  displayName: 'shared-state',
+  preset: '../../../jest.preset.js',
+  transform: {
+    '^(?!.*\\.(js|jsx|ts|tsx|css|json)$)': '@nx/react/plugins/jest',
+    '^.+\\.[tj]sx?$': ['babel-jest', { presets: ['@nx/react/babel'] }],
+  },
+  moduleFileExtensions: ['ts', 'tsx', 'js', 'jsx'],
+  coverageDirectory: '../../../coverage/libs/shared/state',
+};

package/package.json

@@ -1,7 +1,4 @@
 {
   "name": "@fluxo-dev/state",
-  "version": "0.0.5",
-  "module": "./index.esm.js",
-  "type": "module",
-  "main": "./index.esm.js"
+  "version": "0.0.8"
 }

package/project.json

@@ -0,0 +1,43 @@
+{
+  "name": "shared-state",
+  "$schema": "../../../node_modules/nx/schemas/project-schema.json",
+  "sourceRoot": "libs/shared/state/src",
+  "projectType": "library",
+  "tags": ["scope:shared-state"],
+  "targets": {
+    "build": {
+      "executor": "@nx/rollup:rollup",
+      "outputs": ["{options.outputPath}"],
+      "options": {
+        "outputPath": "dist/libs/shared/state",
+        "tsConfig": "libs/shared/state/tsconfig.lib.json",
+        "project": "libs/shared/state/package.json",
+        "entryFile": "libs/shared/state/src/index.ts",
+        "external": ["react/jsx-runtime"],
+        "rollupConfig": "@nx/react/plugins/bundle-rollup",
+        "compiler": "babel",
+        "assets": [
+          {
+            "glob": "libs/shared/state/README.md",
+            "input": ".",
+            "output": "."
+          }
+        ]
+      }
+    },
+    "lint": {
+      "executor": "@nx/eslint:lint",
+      "outputs": ["{options.outputFile}"],
+      "options": {
+        "lintFilePatterns": ["libs/shared/state/**/*.{ts,tsx,js,jsx}"]
+      }
+    },
+    "test": {
+      "executor": "@nx/jest:jest",
+      "outputs": ["{workspaceRoot}/coverage/{projectRoot}"],
+      "options": {
+        "jestConfig": "libs/shared/state/jest.config.ts"
+      }
+    }
+  }
+}

package/src/{index.d.ts → index.ts}

@@ -1,6 +1,7 @@
-export * from './lib/fluxo-client/fluxoClientSlice';
+export * from './lib/fluxo-client/fluxoClientSlice'
 export * from './lib/store';
 export * from './lib/fluxo-client-configuration';
+
 export * from './lib/fluxo-client/fluxoClientSlice';
 export * from './lib/layout/layoutSlice';
 export * from './lib/user/userActions';

package/src/lib/constants/local-storage.ts

@@ -0,0 +1,4 @@
+export const LocalStorageConstants = {
+    accessToken: 'access-token',
+    userData: 'user-data',
+}

package/src/lib/fluxo-client/fluxoClientSlice.ts

@@ -0,0 +1,27 @@
+import { createSlice } from '@reduxjs/toolkit';
+import {FluxoClientConfiguration} from "../fluxo-client-configuration";
+
+
+export interface IFluxoClientSliceState {
+  fluxoClientConfig: FluxoClientConfiguration | null;
+}
+
+const initialState: IFluxoClientSliceState = {
+  fluxoClientConfig: null,
+}
+
+const fluxoClientSlice = createSlice({
+  name: 'fluxoClient',
+  initialState,
+  reducers: {
+    setFluxoClientConfiguration(state, action) {
+      state.fluxoClientConfig = action.payload
+    }
+  },
+})
+
+export const {
+  setFluxoClientConfiguration
+} = fluxoClientSlice.actions;
+
+export default fluxoClientSlice.reducer

package/src/lib/fluxo-client-configuration.ts

@@ -0,0 +1,10 @@
+export interface FluxoClientConfiguration {
+  authenticationType: AuthenticationType;
+  fluxoInstanceUrl: string;
+  apiKey?: string;
+}
+
+export enum AuthenticationType {
+  AccessToken,
+  ApiKey
+}

package/src/lib/layout/layoutSlice.ts

@@ -0,0 +1,67 @@
+import {createSlice, PayloadAction} from '@reduxjs/toolkit'
+
+const initialState: {loading: boolean, searchPanelOpened: boolean, userIdle: boolean, navbarOpened: boolean, configuration: any, appMenu: any[], sysFeatures: any, jitAppFeatures: any} = {
+  loading: false,
+  searchPanelOpened: false,
+  userIdle: false,
+  navbarOpened: false,
+  configuration: {},
+  appMenu: [],
+  sysFeatures: {},
+  jitAppFeatures: {}
+}
+
+const layoutSlice = createSlice({
+  name: 'layout',
+  initialState,
+  reducers: {
+    openSearchPanel(state, action) {
+      state.searchPanelOpened = true
+    },
+    closeSearchPanel(state, action) {
+      state.searchPanelOpened = false
+    },
+    openNavbar(state, action) {
+      state.navbarOpened = true
+    },
+    closeNavbar(state, action) {
+      state.navbarOpened = false
+    },
+    setUserIdle(state, action) {
+      state.userIdle = true
+    },
+    unsetUserIdle(state, action) {
+      state.userIdle = false
+    },
+    setConfiguration(state, action: PayloadAction<any[]>) {
+      state.configuration = action.payload;
+    },
+    setSysFeatures(state, action: PayloadAction<any[]>) {
+      state.sysFeatures = action.payload;
+    },
+    setJitAppsFeatures(state, action: PayloadAction<any[]>) {
+      state.jitAppFeatures = action.payload;
+    },
+    setAppMenu(state, action: PayloadAction<any[]>) {
+      state.appMenu = action.payload;
+    }
+  },
+})
+
+export const {
+  openSearchPanel,
+  closeSearchPanel,
+  setUserIdle,
+  unsetUserIdle,
+  openNavbar,
+  closeNavbar,
+  setConfiguration,
+  setSysFeatures,
+  setJitAppsFeatures,
+  setAppMenu,
+} = layoutSlice.actions;
+
+export default layoutSlice.reducer
+
+export class toggleUserIdle {
+}

package/src/lib/route-rule/route-rule-slice.ts

@@ -0,0 +1,25 @@
+import { createSlice } from '@reduxjs/toolkit';
+
+export interface IFluxoRouteRuleSliceState {
+  routeRules: any[] | null;
+}
+
+const initialState: IFluxoRouteRuleSliceState = {
+  routeRules: null,
+}
+
+const fluxoRouteSlice = createSlice({
+  name: 'fluxoRouteRule',
+  initialState,
+  reducers: {
+    setRouteRules(state, action) {
+      state.routeRules = action.payload
+    }
+  },
+})
+
+export const {
+  setRouteRules
+} = fluxoRouteSlice.actions;
+
+export default fluxoRouteSlice.reducer

package/src/lib/store.ts

@@ -0,0 +1,29 @@
+import { configureStore } from '@reduxjs/toolkit'
+import userReducer from './user/userSlice'
+import layoutReducer from './layout/layoutSlice'
+import fluxoClientReducer from './fluxo-client/fluxoClientSlice'
+import fluxoRouteRuleReducer from './route-rule/route-rule-slice';
+import {TypedUseSelectorHook, useDispatch, useSelector} from "react-redux";
+
+export interface IFluxoRootState {
+  user: ReturnType<typeof userReducer>;
+  layout: ReturnType<typeof layoutReducer>;
+  client: ReturnType<typeof fluxoClientReducer>;
+  routeRules: ReturnType<typeof fluxoRouteRuleReducer>;
+}
+
+export const store = configureStore<IFluxoRootState>({
+    reducer: {
+      user: userReducer,
+      layout: layoutReducer,
+      client: fluxoClientReducer,
+      routeRules: fluxoRouteRuleReducer,
+    },
+})
+
+type AppDispatch = typeof store.dispatch
+type RootState = ReturnType<typeof store.getState>
+
+// Use throughout your app instead of plain `useDispatch` and `useSelector`
+export const useAppDispatch : () => AppDispatch = useDispatch
+export const useAppSelector : TypedUseSelectorHook<RootState> = useSelector

package/src/lib/user/userActions.ts

@@ -0,0 +1,28 @@
+import {createAsyncThunk} from "@reduxjs/toolkit";
+
+export const userLogin = createAsyncThunk<any, { id: string } & Partial<any>, { rejectValue: any}>(
+    'user/login',
+    async ({ data }, { rejectWithValue, getState }) => {
+        try {
+            return data
+        } catch (error: any) {
+            // return custom error message from API if any
+            if (error.response && error.response.data.message) {
+                return rejectWithValue(error.response.data.message)
+            } else {
+                return rejectWithValue(error.message)
+            }
+        }
+    }
+)
+
+export const userLogout = createAsyncThunk(
+    'user/logout',
+    async () => {
+        try {
+            return true;
+        } catch (error: any) {
+            return true;
+        }
+    }
+)

package/src/lib/user/userSlice.ts

@@ -0,0 +1,82 @@
+import {createSlice, PayloadAction} from '@reduxjs/toolkit'
+import {userLogin, userLogout} from "./userActions";
+import {LocalStorageConstants} from "../constants/local-storage";
+
+
+interface UserState {
+  loading: boolean;
+  userInfo: any;
+  accessToken: string | null;
+  error: boolean;
+  success: boolean;
+  loggedIn: boolean;
+  userPermissions: any[];
+  roles: string[];
+}
+
+const initialState: UserState = {
+  loading: false,
+  userInfo: JSON.parse(localStorage.getItem(LocalStorageConstants.userData) ?? '{}'), // for user object
+  accessToken: localStorage.getItem(LocalStorageConstants.accessToken ?? ''), // for storing the JWT
+  error: false,
+  success: false,
+  loggedIn: false,
+  userPermissions: [],
+  roles: []
+}
+
+const userSlice = createSlice({
+  name: 'user',
+  initialState,
+  reducers: {
+    autoLoginSucceded: (state, action) => {
+      state.loading = false;
+      state.userInfo = JSON.parse(action.payload);
+      state.loggedIn = true;
+      state.error = false;
+      state.success = true;
+      state.roles = [JSON.parse(action.payload)["http://schemas.microsoft.com/ws/2008/06/identity/claims/role"]];
+    },
+    setUserPermissions(state, action: PayloadAction<any[]>) {
+      state.userPermissions = action.payload;
+    },
+  },
+  extraReducers: (builder) => {
+    builder.addCase(userLogin.pending, (state, action) => {
+      state.loggedIn = false;
+      state.loading = true
+      state.error = false
+    })
+
+    builder.addCase(userLogin.fulfilled, (state, action) => {
+      state.loading = false
+      state.loggedIn = true;
+      state.userInfo = action.payload.userData
+      state.accessToken = action.payload.token
+      state.roles = action.payload.role
+    })
+
+    builder.addCase(userLogin.rejected, (state, action) => {
+      state.loading = false
+      state.loggedIn = false;
+      state.error = true;//(action.payload as any).error as any
+      state.roles = []
+    })
+
+    builder.addCase(userLogout.fulfilled, (state, action) => {
+      state.loading = false
+      state.loggedIn = false;
+      state.error = false;
+      state.userInfo = JSON.parse('{}');
+      state.accessToken = '';
+      state.roles = []
+    })
+  },
+})
+
+export const {
+  autoLoginSucceded,
+  setUserPermissions
+} = userSlice.actions;
+
+export default userSlice.reducer

package/tsconfig.json

@@ -0,0 +1,25 @@
+{
+  "extends": "../../../tsconfig.base.json",
+  "compilerOptions": {
+    "jsx": "react-jsx",
+    "allowJs": true,
+    "esModuleInterop": true,
+    "allowSyntheticDefaultImports": true,
+    "forceConsistentCasingInFileNames": true,
+    "strict": true,
+    "noImplicitOverride": true,
+    "noPropertyAccessFromIndexSignature": true,
+    "noImplicitReturns": true,
+    "noFallthroughCasesInSwitch": true
+  },
+  "files": [],
+  "include": [],
+  "references": [
+    {
+      "path": "./tsconfig.lib.json"
+    },
+    {
+      "path": "./tsconfig.spec.json"
+    }
+  ]
+}

package/tsconfig.lib.json

@@ -0,0 +1,23 @@
+{
+  "extends": "./tsconfig.json",
+  "compilerOptions": {
+    "outDir": "../../../dist/out-tsc",
+    "types": ["node"]
+  },
+  "files": [
+    "../../../node_modules/@nx/react/typings/cssmodule.d.ts",
+    "../../../node_modules/@nx/react/typings/image.d.ts"
+  ],
+  "exclude": [
+    "jest.config.ts",
+    "**/*.spec.ts",
+    "**/*.test.ts",
+    "**/*.spec.tsx",
+    "**/*.test.tsx",
+    "**/*.spec.js",
+    "**/*.test.js",
+    "**/*.spec.jsx",
+    "**/*.test.jsx"
+  ],
+  "include": ["**/*.js", "**/*.jsx", "**/*.ts", "**/*.tsx"]
+}

package/tsconfig.spec.json

@@ -0,0 +1,20 @@
+{
+  "extends": "./tsconfig.json",
+  "compilerOptions": {
+    "outDir": "../../../dist/out-tsc",
+    "module": "commonjs",
+    "types": ["jest", "node"]
+  },
+  "include": [
+    "jest.config.ts",
+    "**/*.test.ts",
+    "**/*.spec.ts",
+    "**/*.test.tsx",
+    "**/*.spec.tsx",
+    "**/*.test.js",
+    "**/*.spec.js",
+    "**/*.test.jsx",
+    "**/*.spec.jsx",
+    "**/*.d.ts"
+  ]
+}

package/index.esm.d.ts

@@ -1 +0,0 @@
-export * from "./src/index";