reactfire 4.0.1 → 4.2.1

package/dist/reactfire.esm.js

@@ -1,13 +1,14 @@
-import { useMemo, createElement, useContext, createContext, version as version$1, Fragment, useState, useEffect, Suspense, useLayoutEffect } from 'react';
+import { useMemo, createElement, useContext, createContext, version as version$1, Fragment, useReducer, useEffect, Suspense, useLayoutEffect } from 'react';
 import { user } from 'rxfire/auth';
-import { from, of, empty, Subject, Observable } from 'rxjs';
+import { from, of, empty, Subject } from 'rxjs';
 import { switchMap, map, tap, catchError, shareReplay, first } from 'rxjs/operators';
 import { getApps, registerVersion, initializeApp } from 'firebase/app';
 import { object, objectVal, list, listVal } from 'rxfire/database';
 import { doc, docData, fromRef, collectionData } from 'rxfire/firestore';
 import { queryEqual } from 'firebase/firestore';
+import { httpsCallable } from 'rxfire/functions';
 import { getValue, getString, getNumber, getBoolean, getAll } from 'rxfire/remote-config';
-import { getDownloadURL } from 'rxfire/storage';
+import { fromTask, getDownloadURL } from 'rxfire/storage';
 import { ref } from 'firebase/storage';
 
 function asyncGeneratorStep(gen, resolve, reject, _next, _throw, key, arg) {
@@ -958,7 +959,7 @@ var DEFAULT_APP_NAME = '[DEFAULT]';
 var FirebaseAppContext = /*#__PURE__*/createContext(undefined);
 var SuspenseEnabledContext = /*#__PURE__*/createContext(false); // @ts-expect-error: "__REACTFIRE_VERSION__" is replaced with actual ReactFire version (see babel.config.js)
 
-var version = "4.0.1";
+var version = "4.2.1";
 
 var shallowEq = function shallowEq(a, b) {
   return a === b || [].concat(Object.keys(a), Object.keys(b)).every(function (key) {
@@ -1438,6 +1439,8 @@ var SuspenseSubject = /*#__PURE__*/function (_Subject) {
       // As it is now, this will burn the cache entry until the timeout fires.
       if (this._error) {
         throw this._error;
+      } else if (!this.hasValue) {
+        throw Error('Can only get value if SuspenseSubject has a value');
       }
 
       return this._value;
@@ -1477,6 +1480,39 @@ function preloadObservable(source, id) {
     return observable;
   }
 }
+
+function reducerFactory(observable) {
+  return function reducer(state, action) {
+    // always make sure these values are in sync with the observable
+    var newState = _extends({}, state, {
+      hasEmitted: state.hasEmitted || observable.hasValue,
+      error: observable.ourError,
+      firstValuePromise: observable.firstEmission
+    });
+
+    if (observable.hasValue) {
+      newState.data = observable.value;
+    }
+
+    switch (action) {
+      case 'value':
+        newState.status = 'success';
+        return newState;
+
+      case 'error':
+        newState.status = 'error';
+        return newState;
+
+      case 'complete':
+        newState.isComplete = true;
+        return newState;
+
+      default:
+        throw new Error("invalid action \"" + action + "\"");
+    }
+  };
+}
+
 function useObservable(observableId, source, config) {
   var _config$initialData, _config, _config2;
 
@@ -1484,71 +1520,52 @@ function useObservable(observableId, source, config) {
     config = {};
   }
 
+  // Register the observable with the cache
   if (!observableId) {
     throw new Error('cannot call useObservable without an observableId');
   }
 
-  var observable = preloadObservable(source, observableId);
+  var observable = preloadObservable(source, observableId); // Suspend if suspense is enabled and no initial data exists
+
   var hasInitialData = config.hasOwnProperty('initialData') || config.hasOwnProperty('startWithValue');
+  var hasData = observable.hasValue || hasInitialData;
   var suspenseEnabled = useSuspenseEnabledFromConfigAndContext(config.suspense);
 
-  if (suspenseEnabled === true && !observable.hasValue && ((_config$initialData = !((_config = config) != null && _config.initialData)) != null ? _config$initialData : !((_config2 = config) != null && _config2.startWithValue))) {
+  if (suspenseEnabled === true && !hasData) {
     throw observable.firstEmission;
   }
 
-  var _React$useState = useState(function () {
-    var _config$initialData2;
-
-    return observable.hasValue ? observable.value : (_config$initialData2 = config.initialData) != null ? _config$initialData2 : config.startWithValue;
-  }),
-      latest = _React$useState[0],
-      setValue = _React$useState[1];
-
-  var _React$useState2 = useState(false),
-      isComplete = _React$useState2[0],
-      setIsComplete = _React$useState2[1];
+  var initialState = {
+    status: hasData ? 'success' : 'loading',
+    hasEmitted: hasData,
+    isComplete: false,
+    data: observable.hasValue ? observable.value : (_config$initialData = (_config = config) == null ? void 0 : _config.initialData) != null ? _config$initialData : (_config2 = config) == null ? void 0 : _config2.startWithValue,
+    error: observable.ourError,
+    firstValuePromise: observable.firstEmission
+  };
 
-  var _React$useState3 = useState(false),
-      hasError = _React$useState3[0],
-      setHasError = _React$useState3[1];
+  var _React$useReducer = useReducer(reducerFactory(observable), initialState),
+      status = _React$useReducer[0],
+      dispatch = _React$useReducer[1];
 
   useEffect(function () {
     var subscription = observable.subscribe({
-      next: function next(v) {
-        setValue(function () {
-          return v;
-        });
+      next: function next() {
+        dispatch('value');
       },
       error: function error(e) {
-        setHasError(true);
+        dispatch('error');
         throw e;
       },
       complete: function complete() {
-        setIsComplete(true);
+        dispatch('complete');
       }
     });
     return function () {
       return subscription.unsubscribe();
     };
   }, [observable]);
-  var status;
-
-  if (hasError) {
-    status = 'error';
-  } else if (observable.hasValue || hasInitialData) {
-    status = 'success';
-  } else {
-    status = 'loading';
-  }
-
-  return {
-    status: status,
-    hasEmitted: observable.hasValue || hasInitialData,
-    isComplete: isComplete,
-    data: latest,
-    error: observable.ourError,
-    firstValuePromise: observable.firstEmission
-  };
+  return status;
 }
 
 var cachedQueries$1 = globalThis._reactFireFirestoreQueryCache || [];
@@ -1673,6 +1690,21 @@ function useFirestoreCollectionData(query, options) {
   return useObservable(observableId, observable$, options);
 }
 
+/**
+ * Calls a callable function.
+ *
+ * @param functionName - The name of the function to call
+ * @param options
+ */
+
+function useCallableFunctionResponse(functionName, options) {
+  var functions = useFunctions();
+  var observableId = "functions:callableResponse:" + functionName + ":" + JSON.stringify(options == null ? void 0 : options.data) + ":" + JSON.stringify(options == null ? void 0 : options.httpsCallableOptions);
+  var obsFactory = httpsCallable(functions, functionName, options == null ? void 0 : options.httpsCallableOptions);
+  var observable$ = obsFactory(options == null ? void 0 : options.data);
+  return useObservable(observableId, observable$, options);
+}
+
 function SuspenseWithPerf(_ref) {
   var _performance;
 
@@ -1765,30 +1797,6 @@ function useRemoteConfigAll(key) {
 }
 
 var _excluded = ["storage", "storagePath", "suspense", "placeHolder"];
-/**
- * modified version of rxFire's _fromTask
- *
- * @param task
- */
-
-function _fromTask(task) {
-  return new Observable(function (subscriber) {
-    var progress = function progress(snap) {
-      return subscriber.next(snap);
-    };
-
-    var error = function error(e) {
-      return subscriber.error(e);
-    };
-
-    var complete = function complete() {
-      return subscriber.complete();
-    };
-
-    task.on('state_changed', progress, error, complete); // I REMOVED THE UNSUBSCRIBE RETURN BECAUSE IT CANCELS THE UPLOAD
-    // https://github.com/firebase/firebase-js-sdk/issues/1659
-  });
-}
 /**
  * Subscribe to the progress of a storage task
  *
@@ -1797,12 +1805,9 @@ function _fromTask(task) {
  * @param options
  */
 
-
 function useStorageTask(task, ref, options) {
   var observableId = "storage:task:" + ref.toString();
-
-  var observable$ = _fromTask(task);
-
+  var observable$ = fromTask(task);
   return useObservable(observableId, observable$, options);
 }
 /**
@@ -1869,10 +1874,12 @@ function StorageImage(props) {
   }
 }
 
+var AppCheckSdkContext = /*#__PURE__*/createContext(undefined);
 var AuthSdkContext = /*#__PURE__*/createContext(undefined);
 var AnalyticsSdkContext = /*#__PURE__*/createContext(undefined);
 var DatabaseSdkContext = /*#__PURE__*/createContext(undefined);
 var FirestoreSdkContext = /*#__PURE__*/createContext(undefined);
+var FunctionsSdkContext = /*#__PURE__*/createContext(undefined);
 var StorageSdkContext = /*#__PURE__*/createContext(undefined);
 var PerformanceSdkContext = /*#__PURE__*/createContext(undefined);
 var RemoteConfigSdkContext = /*#__PURE__*/createContext(undefined);
@@ -1916,13 +1923,18 @@ function useInitSdk(sdkName, SdkContext, sdkInitializer, options) {
   return useObservable("firebase-sdk:" + sdkName + ":" + firebaseApp.name, from(initializeSdk), options);
 }
 
+var AppCheckProvider = /*#__PURE__*/getSdkProvider(AppCheckSdkContext);
 var AuthProvider = /*#__PURE__*/getSdkProvider(AuthSdkContext);
 var AnalyticsProvider = /*#__PURE__*/getSdkProvider(AnalyticsSdkContext);
 var DatabaseProvider = /*#__PURE__*/getSdkProvider(DatabaseSdkContext);
 var FirestoreProvider = /*#__PURE__*/getSdkProvider(FirestoreSdkContext);
+var FunctionsProvider = /*#__PURE__*/getSdkProvider(FunctionsSdkContext);
 var PerformanceProvider = /*#__PURE__*/getSdkProvider(PerformanceSdkContext);
 var StorageProvider = /*#__PURE__*/getSdkProvider(StorageSdkContext);
 var RemoteConfigProvider = /*#__PURE__*/getSdkProvider(RemoteConfigSdkContext);
+var useAppCheck = function useAppCheck() {
+  return useSdk(AppCheckSdkContext);
+};
 var useAuth = function useAuth() {
   return useSdk(AuthSdkContext);
 };
@@ -1935,6 +1947,9 @@ var useDatabase = function useDatabase() {
 var useFirestore = function useFirestore() {
   return useSdk(FirestoreSdkContext);
 };
+var useFunctions = function useFunctions() {
+  return useSdk(FunctionsSdkContext);
+};
 var usePerformance = function usePerformance() {
   return useSdk(PerformanceSdkContext);
 };
@@ -1944,6 +1959,9 @@ var useStorage = function useStorage() {
 var useRemoteConfig = function useRemoteConfig() {
   return useSdk(RemoteConfigSdkContext);
 };
+var useInitAppCheck = function useInitAppCheck(initializer, options) {
+  return useInitSdk('appcheck', AppCheckSdkContext, initializer, options);
+};
 var useInitAuth = function useInitAuth(initializer, options) {
   return useInitSdk('auth', AuthSdkContext, initializer, options);
 };
@@ -1956,6 +1974,9 @@ var useInitDatabase = function useInitDatabase(initializer, options) {
 var useInitFirestore = function useInitFirestore(initializer, options) {
   return useInitSdk('firestore', FirestoreSdkContext, initializer, options);
 };
+var useInitFunctions = function useInitFunctions(initializer, options) {
+  return useInitSdk('functions', FunctionsSdkContext, initializer, options);
+};
 var useInitPerformance = function useInitPerformance(initializer, options) {
   return useInitSdk('performance', PerformanceSdkContext, initializer, options);
 };
@@ -2001,5 +2022,5 @@ function checkIdField(options) {
   return checkOptions(options, 'idField');
 }
 
-export { AnalyticsProvider, AuthCheck, AuthProvider, ClaimsCheck, DatabaseProvider, FirebaseAppProvider, FirestoreProvider, PerformanceProvider, ReactFireError, RemoteConfigProvider, StorageImage, StorageProvider, SuspenseWithPerf, checkIdField, checkOptions, checkinitialData, preloadFirestoreDoc, preloadObservable, preloadUser, useAnalytics, useAuth, useDatabase, useDatabaseList, useDatabaseListData, useDatabaseObject, useDatabaseObjectData, useFirebaseApp, useFirestore, useFirestoreCollection, useFirestoreCollectionData, useFirestoreDoc, useFirestoreDocData, useFirestoreDocDataOnce, useFirestoreDocOnce, useIdTokenResult, useInitAnalytics, useInitAuth, useInitDatabase, useInitFirestore, useInitPerformance, useInitRemoteConfig, useInitStorage, useIsSuspenseEnabled, useObservable, usePerformance, useRemoteConfig, useRemoteConfigAll, useRemoteConfigBoolean, useRemoteConfigNumber, useRemoteConfigString, useRemoteConfigValue, useSigninCheck, useStorage, useStorageDownloadURL, useStorageTask, useSuspenseEnabledFromConfigAndContext, useUser, version };
+export { AnalyticsProvider, AnalyticsSdkContext, AppCheckProvider, AppCheckSdkContext, AuthCheck, AuthProvider, AuthSdkContext, ClaimsCheck, DatabaseProvider, DatabaseSdkContext, FirebaseAppProvider, FirestoreProvider, FirestoreSdkContext, FunctionsProvider, FunctionsSdkContext, PerformanceProvider, PerformanceSdkContext, ReactFireError, RemoteConfigProvider, RemoteConfigSdkContext, StorageImage, StorageProvider, StorageSdkContext, SuspenseWithPerf, checkIdField, checkOptions, checkinitialData, preloadFirestoreDoc, preloadObservable, preloadUser, useAnalytics, useAppCheck, useAuth, useCallableFunctionResponse, useDatabase, useDatabaseList, useDatabaseListData, useDatabaseObject, useDatabaseObjectData, useFirebaseApp, useFirestore, useFirestoreCollection, useFirestoreCollectionData, useFirestoreDoc, useFirestoreDocData, useFirestoreDocDataOnce, useFirestoreDocOnce, useFunctions, useIdTokenResult, useInitAnalytics, useInitAppCheck, useInitAuth, useInitDatabase, useInitFirestore, useInitFunctions, useInitPerformance, useInitRemoteConfig, useInitStorage, useIsSuspenseEnabled, useObservable, usePerformance, useRemoteConfig, useRemoteConfigAll, useRemoteConfigBoolean, useRemoteConfigNumber, useRemoteConfigString, useRemoteConfigValue, useSigninCheck, useStorage, useStorageDownloadURL, useStorageTask, useSuspenseEnabledFromConfigAndContext, useUser, version };
 //# sourceMappingURL=reactfire.esm.js.map