@rebasepro/client-firebase 0.1.0 → 0.2.1

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@rebasepro/client-firebase",
   "type": "module",
-  "version": "0.1.0",
+  "version": "0.2.1",
   "publishConfig": {
     "access": "public"
   },
@@ -10,14 +10,16 @@
   "types": "./dist/index.d.ts",
   "source": "src/index.ts",
   "dependencies": {
-    "@firebase/auth": "*",
-    "react-router-dom": "^7.13.1",
-    "@rebasepro/common": "0.1.0",
-    "@rebasepro/types": "0.1.0",
-    "@rebasepro/core": "0.1.0",
-    "@rebasepro/admin": "0.1.0",
-    "@rebasepro/utils": "0.1.0",
-    "@rebasepro/ui": "0.1.0"
+    "@firebase/auth": "^1.13.1",
+    "fast-equals": "6.0.0",
+    "fuse.js": "^7.3.0",
+    "react-router-dom": "^7.15.1",
+    "@rebasepro/admin": "0.2.1",
+    "@rebasepro/core": "0.2.1",
+    "@rebasepro/common": "0.2.1",
+    "@rebasepro/types": "0.2.1",
+    "@rebasepro/ui": "0.2.1",
+    "@rebasepro/utils": "0.2.1"
   },
   "peerDependencies": {
     "firebase": "^10.12.2 || ^11.0.0 || ^12.0.0",
@@ -33,21 +35,29 @@
   "exports": {
     ".": {
       "types": "./dist/index.d.ts",
-      "development": "./src/index.ts",
+      "development": "./dist/index.es.js",
       "import": "./dist/index.es.js",
       "require": "./dist/index.umd.js"
     },
     "./package.json": "./package.json"
   },
   "devDependencies": {
-    "@types/node": "^20.19.17",
-    "@types/react": "^19.0.8",
-    "@types/react-dom": "^19.0.3",
-    "babel-plugin-react-compiler": "^19.0.0-beta-af1b7da-20250417",
-    "eslint-plugin-react-compiler": "^19.1.0-rc.2",
-    "typescript": "^5.9.3",
+    "@firebase/app": "^0.14.12",
+    "@firebase/app-check": "^0.11.3",
+    "@firebase/database": "^1.1.3",
+    "@firebase/firestore": "^4.14.1",
+    "@firebase/functions": "^0.13.4",
+    "@firebase/storage": "^0.14.3",
+    "@types/jest": "^29.5.14",
+    "@types/node": "^20.19.41",
+    "@types/react": "^19.2.15",
+    "@types/react-dom": "^19.2.3",
+    "@vitejs/plugin-react": "^4.7.0",
+    "babel-plugin-react-compiler": "19.0.0-beta-ebf51a3-20250411",
+    "firebase": "^12.13.0",
     "typesense": "^2.1.0",
-    "vite": "^7.2.4"
+    "typescript": "^5.9.3",
+    "vite": "^7.3.3"
   },
   "files": [
     "dist",

package/src/components/FirebaseLoginView.tsx

@@ -3,8 +3,20 @@ import React, { ReactNode, useCallback, useEffect, useRef, useState } from "reac
 
 import { FirebaseApp, FirebaseError } from "@firebase/app";
 import { ErrorView, RebaseLogo, useModeController, useSnackbarController } from "@rebasepro/core";
-import { Button, CircularProgress, cls, IconButton, LoadingButton, TextField, Typography , iconSize } from "@rebasepro/ui";
-import { ArrowLeftIcon, MailIcon, PhoneIcon, UserIcon } from "lucide-react";
+import {
+    ArrowLeftIcon,
+    Button,
+    CircularProgress,
+    cls,
+    IconButton,
+    iconSize,
+    LoadingButton,
+    MailIcon,
+    PhoneIcon,
+    TextField,
+    Typography,
+    UserIcon
+} from "@rebasepro/ui";
 import { appleIcon, facebookIcon, githubIcon, googleIcon, microsoftIcon, twitterIcon } from "./social_icons";
 import {
     getAuth,
@@ -87,7 +99,7 @@ export interface FirebaseLoginViewProps {
      */
     additionalComponent?: ReactNode;
 
-    notAllowedError?: any;
+    notAllowedError?: string | Error;
 
     className?: string;
 
@@ -172,7 +184,7 @@ export function FirebaseLoginView({
     }, [authController.authProviderError]);
 
     function buildErrorView() {
-        let errorView: any;
+        let errorView: React.ReactNode;
         if (authController.user != null) return errorView; // if the user is logged in via MFA
         const ignoredCodes = ["auth/popup-closed-by-user", "auth/cancelled-popup-request"];
         if (authController.authProviderError) {
@@ -388,7 +400,7 @@ function PhoneLoginForm({
     const [code, setCode] = useState<string>();
     const [isInvalidCode, setIsInvalidCode] = useState(false);
 
-    const handleSubmit = async (event: any) => {
+    const handleSubmit = async (event: React.FormEvent) => {
         event.preventDefault();
 
         if (code && authController.confirmationResult) {
@@ -428,7 +440,7 @@ function PhoneLoginForm({
                     value={phone ?? ""}
                     disabled={Boolean(phone && (authController.authLoading || authController.confirmationResult))}
                     type="phone"
-                    onChange={(event: any) => setPhone(event.target.value)}/>
+                    onChange={(event) => setPhone(event.target.value)}/>
                 {Boolean(phone && authController.confirmationResult) &&
                     <>
                         <div className="mt-2 p-1 flex">
@@ -438,7 +450,7 @@ function PhoneLoginForm({
                         <TextField placeholder=""
                             value={code ?? ""}
                             type="text"
-                            onChange={(event: any) => setCode(event.target.value)}/>
+                            onChange={(event) => setCode(event.target.value)}/>
                     </>
                 }
 
@@ -494,8 +506,8 @@ function LoginForm({
 
     useEffect(() => {
         if (!document) return;
-        const escFunction = (event: any) => {
-            if (event.keyCode === 27) {
+        const escFunction = (event: KeyboardEvent) => {
+            if (event.key === "Escape") {
                 onClose();
             }
         };
@@ -536,7 +548,7 @@ function LoginForm({
         }
     }
 
-    const handleSubmit = (event: any) => {
+    const handleSubmit = (event: React.FormEvent) => {
         event.preventDefault();
         if (loginState === "email") {
             handleEnterEmail();
@@ -574,7 +586,7 @@ function LoginForm({
                     value={email ?? ""}
                     disabled={authController.authLoading}
                     type="email"
-                    onChange={(event: any) => setEmail(event.target.value)}/>}
+                    onChange={(event) => setEmail(event.target.value)}/>}
 
                 <div
                     className={`${loginState === "password" || (loginState === "registration" && !disableSignupScreen) ? "block" : "hidden"}`}>
@@ -583,7 +595,7 @@ function LoginForm({
                         disabled={authController.authLoading}
                         inputRef={passwordRef}
                         type="password"
-                        onChange={(event: any) => setPassword(event.target.value)}/>
+                        onChange={(event) => setPassword(event.target.value)}/>
                 </div>
 
                 <div
@@ -605,9 +617,9 @@ function LoginForm({
                                             message: "Password reset email sent",
                                             type: "success"
                                         });
-                                    } catch (e: any) {
+                                    } catch (e: unknown) {
                                         snackbarController.open({
-                                            message: e.message,
+                                            message: e instanceof Error ? e.message : String(e),
                                             type: "error"
                                         });
                                     }

package/src/components/RebaseFirebaseApp.tsx

@@ -27,7 +27,7 @@ import {
     SideEntityProvider,
     RebaseRoute
 } from "@rebasepro/admin";
-import { Entity, PropertyConfig } from "@rebasepro/types";
+import { Entity, PropertyConfig, UserManagementDelegate } from "@rebasepro/types";
 import { CenteredView, CircularProgressCenter } from "@rebasepro/ui";
 import { buildRebaseData } from "@rebasepro/common";
 import { Route, Outlet, Navigate } from "react-router-dom";
@@ -198,7 +198,7 @@ export function RebaseFirebaseApp({
         collectionRegistryController,
         urlController,
         adminMode: adminModeController.mode,
-        userManagement: activeUserManagement as any
+        userManagement: activeUserManagement as unknown as UserManagementDelegate
     });
 
     if (firebaseConfigLoading || !firebaseApp || loading) {

package/src/hooks/useBuildUserManagement.tsx

@@ -91,7 +91,7 @@ export function useBuildUserManagement<CONTROLLER extends AuthController<any> =
 
     const users = usersWithRoleIds.map(u => ({
         ...u,
-    }) as unknown as USER);
+    }) as USER);
 
     const [rolesError, setRolesError] = React.useState<Error | undefined>();
     const [usersError, setUsersError] = React.useState<Error | undefined>();
@@ -355,14 +355,15 @@ export function useBuildUserManagement<CONTROLLER extends AuthController<any> =
 
 const entitiesToUsers = (docs: Entity<Omit<UserWithRoleIds, "id">>[]): (UserWithRoleIds)[] => {
     return docs.map((doc) => {
-        const data = doc.values as any;
+        const data = doc.values;
+        const record = data as Record<string, unknown>;
         const newVar = {
             uid: doc.id,
             ...data,
-            created_on: data?.created_on,
-            updated_on: data?.updated_on
+            created_on: record.created_on as Date | undefined,
+            updated_on: record.updated_on as Date | undefined
         };
-        return newVar as (UserWithRoleIds);
+        return newVar as unknown as UserWithRoleIds;
     });
 }
 

package/src/utils/local_text_search_controller.ts

@@ -42,7 +42,7 @@ export const localSearchControllerBuilder: FirestoreTextSearchControllerBuilder
 
         currentPath = path;
 
-        return new Promise(async (resolve, reject) => {
+        return new Promise((resolve, reject) => {
             if (collectionProp) {
                 console.debug("Init local search controller", path);
                 const firestore = databaseId ? getFirestore(firebaseApp, databaseId) : getFirestore(firebaseApp);