@fluxo-dev/shell 0.0.8

package/src/lib/services/app-menu.service.ts

@@ -0,0 +1,35 @@
+import {AppMenuItem} from "@fluxo-dev/api-client-base";
+import {SpotlightActionData, SpotlightActionGroupData} from "@mantine/spotlight";
+
+export class AppMenuService {
+
+  async getSpotlightMenu(menu: AppMenuItem[], parentTitle?: string): Promise<(SpotlightActionGroupData)[]> {
+
+    const result: SpotlightActionGroupData[] = [];
+
+    const currentGroup: SpotlightActionGroupData = {
+      group: parentTitle ?? 'Generale',
+      actions: []
+    };
+
+    menu.forEach((m) => {
+      if(m.hasIndex) {
+        currentGroup.actions.push({
+          label: m.label,
+          description: parentTitle ? `${parentTitle} -> ${m.label}` : m.label,
+          id: '/' + m.routerLink
+        })
+      }
+
+      if(m.children && m.children.length > 0) {
+        this.getSpotlightMenu(m.children, m.label).then((res) => {
+          const aaa = res;
+          result.push(...aaa);
+        })
+      }
+    })
+
+    result.push(currentGroup);
+    return Promise.resolve(result)
+  }
+}

package/src/lib/utils/icon-factory.tsx

@@ -0,0 +1,25 @@
+import {IconDashboard, IconPlus} from '@tabler/icons-react';
+
+export class IconFactory {
+
+  static icons = [
+    {value: 'dashboard', element: <IconDashboard size={18} />},
+    {value: 'plus', element: <IconPlus size={18} />},
+  ]
+
+  static getIconIdentifiers(): string[] {
+    return IconFactory.icons.map((e) => e.value);
+  }
+
+  static getIcon(iconName: string): JSX.Element {
+
+    let iconFound = <IconDashboard size={18} />;
+
+    IconFactory.icons.forEach((icon) => {
+      if(icon.value === iconName)
+        iconFound = icon.element;
+    })
+
+    return iconFound;
+  }
+}

package/src/lib/utils/security/only-not-logged-route.tsx

@@ -0,0 +1,17 @@
+import React from 'react';
+import {Navigate} from "react-router-dom";
+import {useSelector} from "react-redux";
+import {IFluxoRootState} from "@fluxo-dev/state";
+
+function OnlyNotLoggedRoute({children, ...props}: any) {
+
+  const { loggedIn } = useSelector((state: IFluxoRootState) => state.user)
+
+    if (loggedIn) {
+        return <Navigate to="/" replace />;
+    }
+
+    return children;
+}
+
+export default OnlyNotLoggedRoute;

package/src/lib/utils/security/protected-route.tsx

@@ -0,0 +1,47 @@
+import React from 'react';
+import {matchPath, Navigate, useLocation} from "react-router-dom";
+import {useSelector} from "react-redux";
+import {IFluxoRootState} from "@fluxo-dev/state";
+import {FluxoClientSys, RouteRuleWithPermissions} from "@fluxo-dev/api-client-base";
+import {AccessDenied} from "@fluxo-dev/ui-components";
+
+function ProtectedRoute({children, ...props}: any) {
+  const { loggedIn } = useSelector((state: IFluxoRootState) => state.user)
+  const { routeRules } = useSelector((state: IFluxoRootState) => state.routeRules);
+
+  const navigation = useLocation();
+
+  if (!loggedIn) {
+    return <Navigate to="/auth/login" replace />;
+  }
+
+  let accessDenied = false;
+  let requiredPermissions: string[] = [];
+
+  (routeRules as RouteRuleWithPermissions[]).forEach((routeRule) => {
+    const match = matchPath(`${routeRule.route}`, navigation.pathname);
+
+    if (match) {
+      if (routeRule.permissions.length === 0) {
+        return;
+      } else {
+
+        const res = FluxoClientSys.Instance.security.user.currentUserHasPermissions(routeRule.permissions);
+
+        if(!res) {
+          accessDenied = true;
+          requiredPermissions = routeRule.permissions;
+          return;
+        }
+      }
+    }
+
+  });
+
+  if(accessDenied)
+    return <AccessDenied requiredPermissions={requiredPermissions} />;
+
+  return children;
+}
+
+export default ProtectedRoute;

package/tsconfig.json

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

package/tsconfig.lib.json

@@ -0,0 +1,24 @@
+{
+  "extends": "./tsconfig.json",
+  "compilerOptions": {
+    "outDir": "../../../dist/out-tsc",
+    "types": [
+      "node",
+
+      "@nx/react/typings/cssmodule.d.ts",
+      "@nx/react/typings/image.d.ts"
+    ]
+  },
+  "exclude": [
+    "jest.config.ts",
+    "src/**/*.spec.ts",
+    "src/**/*.test.ts",
+    "src/**/*.spec.tsx",
+    "src/**/*.test.tsx",
+    "src/**/*.spec.js",
+    "src/**/*.test.js",
+    "src/**/*.spec.jsx",
+    "src/**/*.test.jsx"
+  ],
+  "include": ["src/**/*.js", "src/**/*.jsx", "src/**/*.ts", "src/**/*.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",
+    "src/**/*.test.ts",
+    "src/**/*.spec.ts",
+    "src/**/*.test.tsx",
+    "src/**/*.spec.tsx",
+    "src/**/*.test.js",
+    "src/**/*.spec.js",
+    "src/**/*.test.jsx",
+    "src/**/*.spec.jsx",
+    "src/**/*.d.ts"
+  ]
+}