@rebasepro/firebase 0.0.1-canary.2 → 0.0.1-canary.eb08332

package/dist/types/auth.d.ts

@@ -1,5 +1,5 @@
 import { ApplicationVerifier, ConfirmationResult, User as FirebaseUser } from "@firebase/auth";
-import { AuthController, Role, User } from "@rebasepro/core";
+import type { AuthController, User } from "@rebasepro/types";
 /**
  * @group Firebase
  */
@@ -37,5 +37,5 @@ export type FirebaseAuthController<USER extends User = FirebaseUserWrapper, Extr
      */
     skipLogin: () => void;
     setUser: (user: USER | null) => void;
-    setUserRoles: (roles: Role[]) => void;
+    setUserRoles: (roles: string[]) => void;
 };

package/dist/types/text_search.d.ts

@@ -1,6 +1,6 @@
 import { User as FirebaseUser } from "@firebase/auth";
 import { FirebaseApp } from "@firebase/app";
-import { EntityCollection } from "@rebasepro/core";
+import { CollectionConfig } from "@rebasepro/types";
 export type FirestoreTextSearchControllerBuilder = (props: {
     firebaseApp: FirebaseApp;
 }) => FirestoreTextSearchController;
@@ -23,7 +23,7 @@ export type FirestoreTextSearchController = {
     init: (props: {
         path: string;
         databaseId?: string;
-        collection?: EntityCollection;
+        collection?: CollectionConfig;
     }) => Promise<boolean>;
     /**
      * Do the search and return a list of ids.
@@ -34,6 +34,6 @@ export type FirestoreTextSearchController = {
         path: string;
         currentUser?: FirebaseUser;
         databaseId?: string;
-        collection?: EntityCollection;
+        collection?: CollectionConfig;
     }) => (Promise<readonly string[] | undefined>);
 };

package/dist/utils/algolia.d.ts

@@ -1,4 +1,3 @@
-import { buildExternalSearchController } from "./text_search_controller";
 /**
  * Utility function to perform a text search in an algolia index,
  * returning the ids of the entities.
@@ -7,8 +6,10 @@ import { buildExternalSearchController } from "./text_search_controller";
  * @param query
  * @group Firebase
  */
-export declare function performAlgoliaTextSearch(client: any, indexName: string, query: string): Promise<readonly string[]>;
-/**
- * @deprecated Use `buildExternalSearchController` instead
- */
-export declare const buildAlgoliaSearchController: typeof buildExternalSearchController;
+export declare function performAlgoliaTextSearch(client: {
+    searchSingleIndex: (params: Record<string, unknown>) => Promise<{
+        hits: Array<{
+            objectID: string;
+        }>;
+    }>;
+}, indexName: string, query: string): Promise<readonly string[]>;

package/dist/utils/collections_firestore.d.ts

@@ -1,5 +1,5 @@
 import { DocumentSnapshot } from "@firebase/firestore";
-import { PersistedCollection } from "@rebasepro/studio";
-export declare function buildCollectionId(idOrPath: string, parentCollectionIds?: string[]): string;
-export declare const docsToCollectionTree: (docs: DocumentSnapshot[]) => PersistedCollection[];
-export declare const docToCollection: (doc: DocumentSnapshot) => PersistedCollection;
+import { CollectionConfig } from "@rebasepro/types";
+export declare function buildCollectionId(idOrPath: string, parentCollectionSlugs?: string[], parentEntityIds?: string[]): string;
+export declare const docsToCollectionTree: (docs: DocumentSnapshot[]) => CollectionConfig[];
+export declare const docToCollection: (doc: DocumentSnapshot) => CollectionConfig;

package/package.json

@@ -1,67 +1,77 @@
 {
-    "name": "@rebasepro/firebase",
-    "type": "module",
-    "version": "0.0.1-canary.2",
-    "publishConfig": {
-        "access": "public"
+  "name": "@rebasepro/firebase",
+  "type": "module",
+  "version": "0.0.1-canary.eb08332",
+  "publishConfig": {
+    "access": "public"
+  },
+  "main": "./dist/index.umd.js",
+  "module": "./dist/index.es.js",
+  "types": "./dist/index.d.ts",
+  "source": "src/index.ts",
+  "dependencies": {
+    "fast-equals": "6.0.0",
+    "fuse.js": "^7.4.2",
+    "react-router-dom": "^7.17.0",
+    "@rebasepro/admin": "0.0.1-canary.eb08332",
+    "@rebasepro/app": "0.0.1-canary.eb08332",
+    "@rebasepro/ui": "0.0.1-canary.eb08332",
+    "@rebasepro/types": "0.0.1-canary.eb08332",
+    "@rebasepro/common": "0.0.1-canary.eb08332",
+    "@rebasepro/utils": "0.0.1-canary.eb08332"
+  },
+  "peerDependencies": {
+    "firebase": "^10.12.2 || ^11.0.0 || ^12.0.0",
+    "react": ">=19.0.0",
+    "react-dom": ">=19.0.0",
+    "typesense": "^1.8.0"
+  },
+  "peerDependenciesMeta": {
+    "typesense": {
+      "optional": true
+    }
+  },
+  "exports": {
+    ".": {
+      "types": "./dist/index.d.ts",
+      "development": "./dist/index.es.js",
+      "import": "./dist/index.es.js",
+      "require": "./dist/index.umd.js"
     },
-    "main": "./dist/index.umd.js",
-    "module": "./dist/index.es.js",
-    "types": "./dist/index.d.ts",
-    "source": "src/index.ts",
-    "dependencies": {
-        "@firebase/auth": "*",
-        "@rebasepro/common": "^0.0.1-canary.2",
-        "@rebasepro/core": "^0.0.1-canary.2",
-        "@rebasepro/data_enhancement": "^0.0.1-canary.2",
-        "@rebasepro/data_export": "^0.0.1-canary.2",
-        "@rebasepro/data_import": "^0.0.1-canary.2",
-        "@rebasepro/data_import_export": "^0.0.1-canary.2",
-        "@rebasepro/schema_inference": "^0.0.1-canary.2",
-        "@rebasepro/studio": "4.0.0",
-        "@rebasepro/types": "^0.0.1-canary.2",
-        "@rebasepro/ui": "^0.0.1-canary.2",
-        "react-router": "^7.13.1",
-        "react-router-dom": "^7.13.1"
-    },
-    "peerDependencies": {
-        "firebase": "^10.12.2 || ^11.0.0 || ^12.0.0",
-        "react": ">=19.0.0",
-        "react-dom": ">=19.0.0",
-        "typesense": "^1.8.0"
-    },
-    "peerDependenciesMeta": {
-        "typesense": {
-            "optional": true
-        }
-    },
-    "exports": {
-        ".": {
-            "development": "./src/index.ts",
-            "import": "./dist/index.es.js",
-            "require": "./dist/index.umd.js",
-            "types": "./dist/index.d.ts"
-        },
-        "./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",
-        "typesense": "^2.1.0",
-        "vite": "^7.2.4"
-    },
-    "scripts": {
-        "dev": "vite",
-        "build": "vite build && tsc --emitDeclarationOnly -p tsconfig.prod.json",
-        "clean": "rm -rf dist && find ./src -name '*.js' -type f | xargs rm -f"
-    },
-    "files": [
-        "dist",
-        "src"
-    ],
-    "gitHead": "d935eefa5aa8d1009a2398cfac2c1e4ee9aeb6b6"
-}
+    "./package.json": "./package.json"
+  },
+  "devDependencies": {
+    "@firebase/app": "^0.15.0",
+    "@firebase/app-check": "^0.12.0",
+    "@firebase/auth": "^1.13.3",
+    "@firebase/database": "^1.1.3",
+    "@firebase/firestore": "^4.16.0",
+    "@firebase/functions": "^0.13.5",
+    "@firebase/storage": "^0.14.3",
+    "@types/jest": "^30.0.0",
+    "@types/node": "^25.9.3",
+    "@types/react": "^19.2.17",
+    "@types/react-dom": "^19.2.3",
+    "@vitejs/plugin-react": "^6.0.2",
+    "babel-plugin-react-compiler": "19.0.0-beta-ebf51a3-20250411",
+    "firebase": "^12.15.0",
+    "typescript": "^6.0.3",
+    "typesense": "^3.0.6",
+    "vite": "^8.0.16"
+  },
+  "files": [
+    "dist",
+    "src"
+  ],
+  "gitHead": "d935eefa5aa8d1009a2398cfac2c1e4ee9aeb6b6",
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/rebasepro/rebase.git",
+    "directory": "packages/firebase"
+  },
+  "scripts": {
+    "dev": "vite",
+    "build": "vite build && tsc --emitDeclarationOnly -p tsconfig.prod.json",
+    "clean": "rm -rf dist && find ./src -name '*.js' -type f | xargs rm -f"
+  }
+}

package/src/components/FirebaseLoginView.tsx

@@ -1,24 +1,27 @@
+
 import React, { ReactNode, useCallback, useEffect, useRef, useState } from "react";
 
 import { FirebaseApp, FirebaseError } from "@firebase/app";
-import { ErrorView, RebaseLogo, useModeController, useSnackbarController, } from "@rebasepro/core";
+import { ErrorView, RebaseLogo, useModeController, useSnackbarController } from "@rebasepro/app";
 import {
-    ArrowBackIcon,
+    ArrowLeftIcon,
     Button,
-    CallIcon,
     CircularProgress,
     cls,
     IconButton,
+    iconSize,
     LoadingButton,
     MailIcon,
-    PersonIcon,
+    PhoneIcon,
     TextField,
     Typography,
+    UserIcon
 } from "@rebasepro/ui";
 import { appleIcon, facebookIcon, githubIcon, googleIcon, microsoftIcon, twitterIcon } from "./social_icons";
 import {
     getAuth,
     getMultiFactorResolver,
+    MultiFactorError,
     PhoneAuthProvider,
     PhoneMultiFactorGenerator,
     RecaptchaVerifier
@@ -96,7 +99,7 @@ export interface FirebaseLoginViewProps {
      */
     additionalComponent?: ReactNode;
 
-    notAllowedError?: any;
+    notAllowedError?: string | Error;
 
     className?: string;
 
@@ -151,7 +154,7 @@ export function FirebaseLoginView({
         const auth = getAuth(firebaseApp);
         const recaptchaVerifier = new RecaptchaVerifier(auth, "recaptcha", { size: "invisible" });
 
-        const resolver = getMultiFactorResolver(auth, authController.authProviderError as any);
+        const resolver = getMultiFactorResolver(auth, authController.authProviderError as MultiFactorError);
 
         if (resolver.hints[0].factorId === PhoneMultiFactorGenerator.FACTOR_ID) {
 
@@ -181,11 +184,11 @@ 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) {
-            const authError = authController.authProviderError as any;
+            const authError = authController.authProviderError as FirebaseError;
             if (authError.code === "auth/operation-not-allowed" ||
                 authError.code === "auth/configuration-not-found") {
                 errorView =
@@ -193,7 +196,7 @@ export function FirebaseLoginView({
                         <div className="p-4">
                             <ErrorView
                                 title={"Firebase Auth not enabled"}
-                                error={"You need to enable Firebase Auth and the corresponding login provider in your Firebase project"} />
+                                error={"You need to enable Firebase Auth and the corresponding login provider in your Firebase project"}/>
                         </div>
                         {firebaseApp &&
                             <div className="p-4">
@@ -211,19 +214,19 @@ export function FirebaseLoginView({
                 errorView = <div className="p-4">
                     <ErrorView
                         title={"Invalid API key"}
-                        error={"auth/invalid-api-key: Check that your Firebase config is set correctly in your `firebase_config.ts` file"} />
+                        error={"auth/invalid-api-key: Check that your Firebase config is set correctly in your `firebase_config.ts` file"}/>
                 </div>;
             } else if (authError.code === "auth/email-already-in-use") {
                 errorView = <div className="p-4">
                     <ErrorView
                         title={"Email already in use"}
-                        error={"The selected email is already in use by another account"} />
+                        error={"The selected email is already in use by another account"}/>
                 </div>;
             } else if (authError.code === "auth/invalid-credential") {
                 errorView = <div className="p-4">
                     <ErrorView
                         title={"Invalid credential"}
-                        error={"The provided credential is not correct"} />
+                        error={"The provided credential is not correct"}/>
                 </div>;
             } else if (!ignoredCodes.includes(authError.code)) {
                 if (authError.code === "auth/multi-factor-auth-required") {
@@ -231,7 +234,7 @@ export function FirebaseLoginView({
                 }
                 errorView =
                     <div className="p-4">
-                        <ErrorView error={authController.authProviderError as Error} />
+                        <ErrorView error={authController.authProviderError as Error}/>
                     </div>;
             }
         }
@@ -246,9 +249,9 @@ export function FirebaseLoginView({
                 width: "100%",
                 objectFit: "contain"
             }}
-            alt={"Logo"} />;
+            alt={"Logo"}/>;
     } else {
-        logoComponent = <RebaseLogo />;
+        logoComponent = <RebaseLogo/>;
     }
 
     let notAllowedMessage: string | undefined;
@@ -258,7 +261,7 @@ export function FirebaseLoginView({
         } else if (notAllowedError instanceof Error) {
             notAllowedMessage = notAllowedError.message;
         } else {
-            notAllowedMessage = "It looks like you don't have access to the CMS, based on the specified Authenticator configuration";
+            notAllowedMessage = "It looks like you don't have access to the CMS, based on the specified access gate configuration";
         }
     }
 
@@ -284,36 +287,36 @@ export function FirebaseLoginView({
 
                 {notAllowedMessage &&
                     <div className="p-8">
-                        <ErrorView error={notAllowedMessage} />
+                        <ErrorView error={notAllowedMessage}/>
                     </div>}
 
                 {buildErrorView()}
 
                 {(!passwordLoginSelected && !phoneLoginSelected) && <div className={"my-4 w-full"}>
 
-                    {buildOauthLoginButtons(authController, resolvedSignInOptions, modeState.mode, disabled)}
+                    {buildOauthLoginButtons(authController, resolvedSignInOptions, modeState.mode as "light" | "dark", disabled)}
 
                     {resolvedSignInOptions.includes("password") &&
                         <LoginButton
                             disabled={disabled}
                             text={"Email/password"}
-                            icon={<MailIcon size={28} />}
-                            onClick={() => setPasswordLoginSelected(true)} />}
+                            icon={<MailIcon size={iconSize.medium}/>}
+                            onClick={() => setPasswordLoginSelected(true)}/>}
 
                     {resolvedSignInOptions.includes("phone") &&
                         <LoginButton
                             disabled={disabled}
-                            text={"Phone number"}
-                            icon={<CallIcon size={28} />}
-                            onClick={() => setPhoneLoginSelected(true)} />}
+                            text={"PhoneIcon number"}
+                            icon={<PhoneIcon size={iconSize.medium}/>}
+                            onClick={() => setPhoneLoginSelected(true)}/>}
 
                     {resolvedSignInOptions.includes("anonymous") &&
                         <LoginButton
                             disabled={disabled}
                             text={"Log in anonymously"}
-                            icon={<PersonIcon
-                                size={28} />}
-                            onClick={authController.anonymousLogin} />}
+                            icon={<UserIcon
+                                size={"medium"}/>}
+                            onClick={authController.anonymousLogin}/>}
 
                     {allowSkipLogin &&
                         <Button
@@ -330,7 +333,7 @@ export function FirebaseLoginView({
                 {passwordLoginSelected && <LoginForm
                     authController={authController}
                     onClose={() => setPasswordLoginSelected(false)}
-                    mode={modeState.mode}
+                    mode={modeState.mode as "light" | "dark"}
                     noUserComponent={noUserComponent}
                     disableSignupScreen={disableSignupScreen}
                     disableResetPassword={disableResetPassword}
@@ -362,7 +365,7 @@ export function LoginButton({
     return (
         <div className="my-1 w-full">
             <Button
-                className={cls("w-full bg-white dark:bg-surface-800 text-surface-900 dark:text-surface-100", disabled ? "" : "hover:text-surface-800 hover:dark:text-white")}
+                className={cls("w-full bg-white dark:bg-surface-950 text-surface-900 dark:text-surface-100", disabled ? "" : "hover:text-surface-950 hover:dark:text-white")}
                 style={{
                     height: "40px",
                     borderRadius: "4px",
@@ -397,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) {
@@ -419,15 +422,15 @@ function PhoneLoginForm({
         <form onSubmit={handleSubmit}>
             {isInvalidCode &&
                 <div className="p-8">
-                    <ErrorView error={"Invalid confirmation code"} />
+                    <ErrorView error={"Invalid confirmation code"}/>
                 </div>}
 
-            <div id={RECAPTCHA_CONTAINER_ID} />
+            <div id={RECAPTCHA_CONTAINER_ID}/>
 
             <div className={"flex flex-col gap-1"}>
                 <IconButton
                     onClick={onClose}>
-                    <ArrowBackIcon className="w-5 h-5" />
+                    <ArrowLeftIcon className="w-5 h-5"/>
                 </IconButton>
                 <div className="p-1 flex">
                     <Typography align={"center"}
@@ -437,7 +440,7 @@ function PhoneLoginForm({
                     value={phone ?? ""}
                     disabled={Boolean(phone && (authController.authLoading || authController.confirmationResult))}
                     type="phone"
-                    onChange={(event) => setPhone(event.target.value)} />
+                    onChange={(event) => setPhone(event.target.value)}/>
                 {Boolean(phone && authController.confirmationResult) &&
                     <>
                         <div className="mt-2 p-1 flex">
@@ -447,14 +450,14 @@ function PhoneLoginForm({
                         <TextField placeholder=""
                             value={code ?? ""}
                             type="text"
-                            onChange={(event) => setCode(event.target.value)} />
+                            onChange={(event) => setCode(event.target.value)}/>
                     </>
                 }
 
                 <div className="flex justify-end items-center w-full">
 
                     {authController.authLoading &&
-                        <CircularProgress className="p-1" size={"small"} />
+                        <CircularProgress className="p-1" size={"small"}/>
                     }
 
                     <Button type="submit">
@@ -503,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();
             }
         };
@@ -545,7 +548,7 @@ function LoginForm({
         }
     }
 
-    const handleSubmit = (event: any) => {
+    const handleSubmit = (event: React.FormEvent) => {
         event.preventDefault();
         if (loginState === "email") {
             handleEnterEmail();
@@ -568,7 +571,7 @@ function LoginForm({
             <div className={"max-w-[480px] w-full flex flex-col gap-4"}>
                 <IconButton
                     onClick={onBackPressed}>
-                    <ArrowBackIcon className="w-5 h-5" />
+                    <ArrowLeftIcon className="w-5 h-5"/>
                 </IconButton>
 
                 <div>
@@ -583,7 +586,7 @@ function LoginForm({
                     value={email ?? ""}
                     disabled={authController.authLoading}
                     type="email"
-                    onChange={(event) => setEmail(event.target.value)} />}
+                    onChange={(event) => setEmail(event.target.value)}/>}
 
                 <div
                     className={`${loginState === "password" || (loginState === "registration" && !disableSignupScreen) ? "block" : "hidden"}`}>
@@ -592,14 +595,14 @@ function LoginForm({
                         disabled={authController.authLoading}
                         inputRef={passwordRef}
                         type="password"
-                        onChange={(event) => setPassword(event.target.value)} />
+                        onChange={(event) => setPassword(event.target.value)}/>
                 </div>
 
                 <div
                     className={`${loginState === "registration" && disableSignupScreen ? "hidden" : "flex"} justify-end items-center w-full flex gap-2`}>
 
                     {authController.authLoading &&
-                        <CircularProgress className="p-1" size={"small"} />
+                        <CircularProgress className="p-1" size={"small"}/>
                     }
 
                     {!disableResetPassword && <LoadingButton variant="text"
@@ -614,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"
                                         });
                                     }
@@ -667,36 +670,36 @@ function buildOauthLoginButtons(authController: FirebaseAuthController, provider
             disabled={disabled}
             text={"Sign in with Google"}
             icon={googleIcon(mode)}
-            onClick={authController.googleLogin} />}
+            onClick={authController.googleLogin}/>}
 
         {providers.includes("microsoft.com") && <LoginButton
             disabled={disabled}
             text={"Sign in with Microsoft"}
             icon={microsoftIcon(mode)}
-            onClick={authController.microsoftLogin} />}
+            onClick={authController.microsoftLogin}/>}
 
         {providers.includes("apple.com") && <LoginButton
             disabled={disabled}
             text={"Sign in with Apple"}
             icon={appleIcon(mode)}
-            onClick={authController.appleLogin} />}
+            onClick={authController.appleLogin}/>}
 
         {providers.includes("github.com") && <LoginButton
             disabled={disabled}
             text={"Sign in with Github"}
             icon={githubIcon(mode)}
-            onClick={authController.githubLogin} />}
+            onClick={authController.githubLogin}/>}
 
         {providers.includes("facebook.com") && <LoginButton
             disabled={disabled}
             text={"Sign in with Facebook"}
             icon={facebookIcon(mode)}
-            onClick={authController.facebookLogin} />}
+            onClick={authController.facebookLogin}/>}
 
         {providers.includes("twitter.com") && <LoginButton
             disabled={disabled}
             text={"Sign in with Twitter"}
             icon={twitterIcon(mode)}
-            onClick={authController.twitterLogin} />}
+            onClick={authController.twitterLogin}/>}
     </>
 }