reactfire 4.0.0-exp.b6c8eeb → 4.0.0-exp.f654109

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 { ensureInitialized, getValue as getValue$1, getString as getString$1, getNumber as getNumber$1, getBoolean as getBoolean$1, getAll as getAll$1 } from 'firebase/remote-config';
-import { getDownloadURL } from 'rxfire/storage';
+import { httpsCallable } from 'rxfire/functions';
+import { getValue, getString, getNumber, getBoolean, getAll } from 'rxfire/remote-config';
+import { fromTask, getDownloadURL } from 'rxfire/storage';
 import { ref } from 'firebase/storage';
 
 function asyncGeneratorStep(gen, resolve, reject, _next, _throw, key, arg) {
@@ -956,9 +957,9 @@ try {
 
 var DEFAULT_APP_NAME = '[DEFAULT]';
 var FirebaseAppContext = /*#__PURE__*/createContext(undefined);
-var SuspenseEnabledContext = /*#__PURE__*/createContext(false); // @ts-ignore: "__REACTFIRE_VERSION__" is replaced with actual ReactFire version (see babel.config.js)
+var SuspenseEnabledContext = /*#__PURE__*/createContext(false); // @ts-expect-error: "__REACTFIRE_VERSION__" is replaced with actual ReactFire version (see babel.config.js)
 
-var version = "4.0.0-exp.b6c8eeb";
+var version = "4.0.0-exp.f654109";
 
 var shallowEq = function shallowEq(a, b) {
   return a === b || [].concat(Object.keys(a), Object.keys(b)).every(function (key) {
@@ -1346,8 +1347,8 @@ function useDatabaseListData(ref, options) {
 var SuspenseSubject = /*#__PURE__*/function (_Subject) {
   _inheritsLoose(SuspenseSubject, _Subject);
 
-  // @ts-ignore: TODO: double check to see if this is an RXJS thing or if we should listen to TS
-  // @ts-ignore: TODO: double check to see if this is an RXJS thing or if we should listen to TS
+  // @ts-expect-error: TODO: double check to see if this is an RXJS thing or if we should listen to TS
+  // @ts-expect-error: TODO: double check to see if this is an RXJS thing or if we should listen to TS
   function SuspenseSubject(innerObservable, _timeoutWindow) {
     var _this;
 
@@ -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;
 
@@ -1704,76 +1736,6 @@ function SuspenseWithPerf(_ref) {
   }, children);
 }
 
-function parameter$(_ref) {
-  var remoteConfig = _ref.remoteConfig,
-      key = _ref.key,
-      getter = _ref.getter;
-  return new Observable(function (subscriber) {
-    ensureInitialized(remoteConfig).then(function () {
-      // 'this' for the getter loses context in the next()
-      // call, so it needs to be bound.
-      subscriber.next(getter.bind(remoteConfig)(key));
-    });
-  });
-}
-
-function getValue(remoteConfig, key) {
-  var getter = function getter() {
-    return getValue$1(remoteConfig, key);
-  };
-
-  return parameter$({
-    remoteConfig: remoteConfig,
-    key: key,
-    getter: getter
-  });
-}
-function getString(remoteConfig, key) {
-  var getter = function getter() {
-    return getString$1(remoteConfig, key);
-  };
-
-  return parameter$({
-    remoteConfig: remoteConfig,
-    key: key,
-    getter: getter
-  });
-}
-function getNumber(remoteConfig, key) {
-  var getter = function getter() {
-    return getNumber$1(remoteConfig, key);
-  };
-
-  return parameter$({
-    remoteConfig: remoteConfig,
-    key: key,
-    getter: getter
-  });
-}
-function getBoolean(remoteConfig, key) {
-  var getter = function getter() {
-    return getBoolean$1(remoteConfig, key);
-  };
-
-  return parameter$({
-    remoteConfig: remoteConfig,
-    key: key,
-    getter: getter
-  });
-}
-function getAll(remoteConfig) {
-  var getter = function getter() {
-    return getAll$1(remoteConfig);
-  }; // No key is needed for getAll()
-
-
-  return parameter$({
-    remoteConfig: remoteConfig,
-    key: '',
-    getter: getter
-  });
-}
-
 /**
  * Helper function to construct type safe functions. Since Remote Config has
  * methods that return different types for values, we need to be extra safe
@@ -1784,12 +1746,8 @@ function getAll(remoteConfig) {
  */
 
 function useRemoteConfigValue_INTERNAL(key, getter) {
-  var _remoteConfig$_storag;
-
-  var remoteConfig = useRemoteConfig(); // INVESTIGATE need to use a public API to get at the app name, one doesn't appear to exist...
-  // we might need to iterate over the Firebase apps and check for remoteConfig equality? this works for now
-
-  var appName = (_remoteConfig$_storag = remoteConfig._storage) == null ? void 0 : _remoteConfig$_storag.appName;
+  var remoteConfig = useRemoteConfig();
+  var appName = remoteConfig.app.name;
   var $value = getter(remoteConfig, key);
   var observableId = "remoteConfig:" + key + ":" + getter.name + ":" + appName;
   return useObservable(observableId, $value);
@@ -1799,7 +1757,6 @@ function useRemoteConfigValue_INTERNAL(key, getter) {
  * Remote Config Value.
  *
  * @param key The parameter key in Remote Config
- * @param remoteConfig Optional instance. If not provided ReactFire will either grab the default instance or lazy load.
  */
 
 
@@ -1809,7 +1766,6 @@ function useRemoteConfigValue(key) {
 /**
  * Convience method similar to useRemoteConfigValue. Returns a `string` from a Remote Config parameter.
  * @param key The parameter key in Remote Config
- * @param remoteConfig Optional instance. If not provided ReactFire will either grab the default instance or lazy load.
  */
 
 function useRemoteConfigString(key) {
@@ -1818,7 +1774,6 @@ function useRemoteConfigString(key) {
 /**
  * Convience method similar to useRemoteConfigValue. Returns a `number` from a Remote Config parameter.
  * @param key The parameter key in Remote Config
- * @param remoteConfig Optional instance. If not provided ReactFire will either grab the default instance or lazy load.
  */
 
 function useRemoteConfigNumber(key) {
@@ -1827,7 +1782,6 @@ function useRemoteConfigNumber(key) {
 /**
  * Convience method similar to useRemoteConfigValue. Returns a `boolean` from a Remote Config parameter.
  * @param key The parameter key in Remote Config
- * @param remoteConfig Optional instance. If not provided ReactFire will either grab the default instance or lazy load.
  */
 
 function useRemoteConfigBoolean(key) {
@@ -1836,7 +1790,6 @@ function useRemoteConfigBoolean(key) {
 /**
  * Convience method similar to useRemoteConfigValue. Returns allRemote Config parameters.
  * @param key The parameter key in Remote Config
- * @param remoteConfig Optional instance. If not provided ReactFire will either grab the default instance or lazy load.
  */
 
 function useRemoteConfigAll(key) {
@@ -1844,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
  *
@@ -1876,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);
 }
 /**
@@ -1948,35 +1874,24 @@ 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);
 
 function getSdkProvider(SdkContext) {
   return function SdkProvider(props) {
-    var contextualAppName = useFirebaseApp().name;
-    var sdkAppName; // @ts-ignore Auth doesn't have field 'app'
-
-    if (props.sdk.app) {
-      // @ts-ignore Auth doesn't have field 'app'
-      sdkAppName = props.sdk.app.name; // @ts-ignore only Auth has field 'name'
-    } else if (props.sdk.name) {
-      // @ts-ignore only Auth has field 'name'
-      sdkAppName = props.sdk.name;
-    }
-
-    if (sdkAppName !== contextualAppName) {
-      throw new Error('sdk was initialized with a different firebase app');
-    }
-
-    if (!props.sdk) {
-      throw new Error('no sdk provided');
-    }
+    var _props$sdk, _props$sdk$app;
 
+    if (!props.sdk) throw new Error('no sdk provided');
+    var contextualAppName = useFirebaseApp().name;
+    var sdkAppName = props == null ? void 0 : (_props$sdk = props.sdk) == null ? void 0 : (_props$sdk$app = _props$sdk.app) == null ? void 0 : _props$sdk$app.name;
+    if (sdkAppName !== contextualAppName) throw new Error('sdk was initialized with a different firebase app');
     return createElement(SdkContext.Provider, _extends({
       value: props.sdk
     }, props));
@@ -2008,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);
 };
@@ -2027,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);
 };
@@ -2036,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);
 };
@@ -2048,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);
 };
@@ -2093,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