@firecms/user_management 3.0.0-canary.8 → 3.0.0-canary.80

package/src/useUserManagementPlugin.tsx

@@ -1,13 +1,28 @@
-import { AuthController, FireCMSPlugin } from "@firecms/core";
+import { FireCMSPlugin, useAuthController, useSnackbarController } from "@firecms/core";
 import { UserManagementProvider } from "./UserManagementProvider";
-import { UserManagement } from "./types";
+import { PersistedUser, UserManagement } from "./types";
+import { AddIcon, Button, Paper, Typography } from "@firecms/ui";
+import { DEFAULT_ROLES } from "./components/roles/default_roles";
 
 export function useUserManagementPlugin({ userManagement }: {
     userManagement: UserManagement,
 }): FireCMSPlugin {
+
+    const noUsers = userManagement.users.length === 0;
+    const noRoles = userManagement.roles.length === 0;
+
     return {
-        name: "User management plugin",
+        key: "user_management",
         loading: userManagement.loading,
+
+        homePage: {
+            additionalChildrenStart: noUsers || noRoles
+                ? <IntroWidget
+                    noUsers={noUsers}
+                    noRoles={noRoles}
+                    userManagement={userManagement}/>
+                : undefined
+        },
         provider: {
             Component: UserManagementProvider,
             props: {
@@ -16,3 +31,74 @@ export function useUserManagementPlugin({ userManagement }: {
         }
     }
 }
+
+export function IntroWidget({
+                                noUsers,
+                                noRoles,
+                                userManagement
+                            }: {
+    noUsers: boolean;
+    noRoles: boolean;
+    userManagement: UserManagement<PersistedUser>;
+}) {
+
+    const authController = useAuthController();
+    const snackbarController = useSnackbarController();
+
+    const buttonLabel = noUsers && noRoles
+        ? "Create default roles and add current user as admin"
+        : noUsers
+            ? "Add current user as admin"
+            : noRoles ? "Create default roles" : undefined;
+
+    return (
+        <Paper
+            className={"my-4 flex flex-col px-4 py-6 bg-white dark:bg-slate-800 gap-2"}>
+            <Typography variant={"subtitle2"} className={"uppercase"}>Create your users and roles</Typography>
+            <Typography>
+                You have no users or roles defined. You can create default roles and add the current user as admin.
+            </Typography>
+            <Button onClick={() => {
+                if (!authController.user?.uid) {
+                    throw Error("UsersTable, authController misconfiguration");
+                }
+                if (noUsers) {
+                    userManagement.saveUser({
+                        uid: authController.user?.uid,
+                        email: authController.user?.email,
+                        displayName: authController.user?.displayName,
+                        photoURL: authController.user?.photoURL,
+                        providerId: authController.user?.providerId,
+                        isAnonymous: authController.user?.isAnonymous,
+                        roles: [{
+                            id: "admin",
+                            name: "Admin"
+                        }],
+                        created_on: new Date()
+                    })
+                        .then(() => {
+                            snackbarController.open({
+                                type: "success",
+                                message: "User added successfully"
+                            })
+                        })
+                        .catch((error) => {
+                            snackbarController.open({
+                                type: "error",
+                                message: "Error adding user: " + error.message
+                            })
+                        });
+                }
+                if (noRoles) {
+                    DEFAULT_ROLES.forEach((role) => {
+                        userManagement.saveRole(role);
+                    });
+                }
+            }}>
+                <AddIcon/>
+                {buttonLabel}
+            </Button>
+        </Paper>
+    );
+
+}

package/src/utils/permissions.ts

@@ -1,5 +1,4 @@
-import { CMSType, EntityCollection, Permissions } from "@firecms/core";
-import { Role, UserWithRoles } from "../types";
+import { EntityCollection, Permissions, Role, User } from "@firecms/core";
 
 export const RESERVED_GROUPS = ["Admin"];
 
@@ -10,8 +9,11 @@ const DEFAULT_PERMISSIONS = {
     delete: false
 };
 
-export function resolveUserRolePermissions<UserType extends UserWithRoles>
-({ collection, user }: {
+export function resolveUserRolePermissions<UserType extends User>
+({
+     collection,
+     user
+ }: {
     collection: EntityCollection<any>,
     user: UserType | null
 }): Permissions {
@@ -66,7 +68,7 @@ const mergePermissions = (permA: Permissions, permB: Permissions) => {
     };
 }
 
-export function getUserRoles(roles: Role[], fireCMSUser: UserWithRoles): Role[] | undefined {
+export function getUserRoles(roles: Role[], fireCMSUser: User): Role[] | undefined {
     return !roles
         ? undefined
         : (fireCMSUser.roles

package/dist/types/firecms_user.d.ts

@@ -1,7 +0,0 @@
-import { User } from "@firecms/core";
-import { Role } from "./roles";
-export type UserWithRoles = User & {
-    updated_on?: Date;
-    created_on?: Date;
-    roles: Role[];
-};

package/dist/types/roles.d.ts

@@ -1,31 +0,0 @@
-import { Permissions } from "@firecms/core";
-export type Role = {
-    /**
-     * ID of the role
-     */
-    id: string;
-    /**
-     * Name of the role
-     */
-    name: string;
-    /**
-     * If this flag is true, the user can perform any action
-     */
-    isAdmin?: boolean;
-    /**
-     * Default permissions for all collections for this role.
-     * You can override this values at the collection level using
-     * {@link collectionPermissions}
-     */
-    defaultPermissions?: Permissions;
-    /**
-     * Record of stripped collection ids to their permissions.
-     * @see stripCollectionPath
-     */
-    collectionPermissions?: Record<string, Permissions>;
-    config?: {
-        createCollections?: boolean;
-        editCollections?: boolean | "own";
-        deleteCollections?: boolean | "own";
-    };
-};

package/src/types/firecms_user.ts

@@ -1,8 +0,0 @@
-import { User } from "@firecms/core";
-import { Role } from "./roles";
-
-export type UserWithRoles = User & {
-    updated_on?: Date;
-    created_on?: Date;
-    roles: Role[];
-}

package/src/types/roles.ts

@@ -1,41 +0,0 @@
-import { Permissions } from "@firecms/core";
-
-export type Role = {
-
-    /**
-     * ID of the role
-     */
-    id: string;
-
-    /**
-     * Name of the role
-     */
-    name: string;
-
-    /**
-     * If this flag is true, the user can perform any action
-     */
-    isAdmin?: boolean;
-
-    /**
-     * Default permissions for all collections for this role.
-     * You can override this values at the collection level using
-     * {@link collectionPermissions}
-     */
-    defaultPermissions?: Permissions;
-
-    /**
-     * Record of stripped collection ids to their permissions.
-     * @see stripCollectionPath
-     */
-    collectionPermissions?: Record<string, Permissions>;
-
-    config?: {
-
-        createCollections?: boolean;
-
-        editCollections?: boolean | "own";
-
-        deleteCollections?: boolean | "own";
-    }
-}

package/tailwind.config.js

@@ -1,68 +0,0 @@
-export default {
-    darkMode: ["selector", "[data-theme=\"dark\"]"],
-    mode: "jit",
-    content: [
-        "./index.html",
-        "./src/**/*.{js,ts,jsx,tsx}",
-        "./node_modules/firecms/src/**/*.{js,ts,jsx,tsx}",
-        "./node_modules/@firecms/**/src/**/*.{js,ts,jsx,tsx}"
-    ],
-    theme: {
-        extend: {
-            fontFamily: {
-                sans: [
-                    "Rubik",
-                    "Roboto",
-                    "Helvetica",
-                    "Arial",
-                    "sans-serif"
-                ],
-                headers: [
-                    "Rubik",
-                    "Roboto",
-                    "Helvetica",
-                    "Arial",
-                    "sans-serif"
-                ],
-                mono: [
-                    "IBM Plex Mono",
-                    "Space Mono",
-                    "Lucida Console",
-                    "monospace"
-                ]
-            },
-            colors: {
-                primary: "var(--fcms-primary)",
-                "primary-dark": "var(--fcms-primary-dark)",
-                "primary-bg": "var(--fcms-primary-bg)",
-                secondary: "var(--fcms-secondary)",
-                field: {
-                    disabled: "rgb(224 224 226)",
-                    "disabled-dark": "rgb(35 35 37)"
-                },
-                text: {
-                    primary: "rgba(0, 0, 0, 0.87)",
-                    "primary-dark": "#ffffff",
-                    secondary: "rgba(0, 0, 0, 0.6)",
-                    "secondary-dark": "rgba(255, 255, 255, 0.7)",
-                    disabled: "rgba(0, 0, 0, 0.38)",
-                    "disabled-dark": "rgba(255, 255, 255, 0.5)",
-                    label: "rgb(131, 131, 131)"
-                },
-                gray: {
-                    50: "#f8f8fc",
-                    100: "#E7E7EB",
-                    200: "#CFCFD6",
-                    300: "#B7B7BF",
-                    400: "#A0A0A9",
-                    500: "#87878F",
-                    600: "#6C6C75",
-                    700: "#505058",
-                    800: "#35353A",
-                    900: "#18181C",
-                    950: "#101013"
-                }
-            }
-        }
-    }
-};