@react-native-firebase/app 20.1.0 → 20.2.1

package/CHANGELOG.md

@@ -3,6 +3,30 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+## [20.2.1](https://github.com/invertase/react-native-firebase/compare/v20.2.0...v20.2.1) (2024-07-17)
+
+**Note:** Version bump only for package @react-native-firebase/app
+
+## [20.2.0](https://github.com/invertase/react-native-firebase/compare/v20.1.0...v20.2.0) (2024-07-15)
+
+### Features
+
+- **other:** Add analytics support ([#7899](https://github.com/invertase/react-native-firebase/issues/7899)) ([cbdf9ec](https://github.com/invertase/react-native-firebase/commit/cbdf9ec78452a73751d1afeca428842898f63134))
+- **Other:** add App Check support ([#7905](https://github.com/invertase/react-native-firebase/issues/7905)) ([753b16e](https://github.com/invertase/react-native-firebase/commit/753b16e1a06f949c679fb75053c319394dd5ecfe))
+- **other:** add App/Core support ([1b2e247](https://github.com/invertase/react-native-firebase/commit/1b2e2473d526c3356ab8619b226943446fd49452))
+- **other:** Add Auth support ([#7878](https://github.com/invertase/react-native-firebase/issues/7878)) ([54befe7](https://github.com/invertase/react-native-firebase/commit/54befe776353f07eeab9b044d6261eeb76f1f238))
+- **other:** Add Database support ([#7887](https://github.com/invertase/react-native-firebase/issues/7887)) ([fbb773a](https://github.com/invertase/react-native-firebase/commit/fbb773a87c167bdc92265fe261aeb777d4660cd7))
+- **other:** Add Firestore support ([#7882](https://github.com/invertase/react-native-firebase/issues/7882)) ([0ebd1dd](https://github.com/invertase/react-native-firebase/commit/0ebd1ddd221c50dde489bce30ad5ed64037d8439))
+- **Other:** Add Remote Config support ([#7895](https://github.com/invertase/react-native-firebase/issues/7895)) ([a41e556](https://github.com/invertase/react-native-firebase/commit/a41e5568869320fb91afc01403ed402e5312e15c))
+- **other:** Add Storage support ([#7888](https://github.com/invertase/react-native-firebase/issues/7888)) ([9b8dda7](https://github.com/invertase/react-native-firebase/commit/9b8dda704a01243039624bfcc7614021e6c3a527))
+
+### Bug Fixes
+
+- **app, android:** adopt firebase-android-sdk 31.1.1 ([dba1beb](https://github.com/invertase/react-native-firebase/commit/dba1beba97d88d1110e0838b6287fd4907cfa8a7))
+- **app, android:** adopt firebase-android-sdk 33.1.2 ([0dfa2af](https://github.com/invertase/react-native-firebase/commit/0dfa2af484cfd12a282490cb82726b29859e30bf))
+- **app, ios:** firebase-ios-sdk 10.28.0 ([91c626d](https://github.com/invertase/react-native-firebase/commit/91c626d0d32435a6305696fb4084553341d99ca9))
+- **ios:** adopt firebase-ios-sdk 10.29.0 ([1b19cc6](https://github.com/invertase/react-native-firebase/commit/1b19cc697f21ac1e21ab3a7a399c1ef90711800b))
+
 ## [20.1.0](https://github.com/invertase/react-native-firebase/compare/v20.0.0...v20.1.0) (2024-06-04)
 
 ### Features

package/android/src/reactnative/java/io/invertase/firebase/app/ReactNativeFirebaseVersion.java

@@ -18,5 +18,5 @@ package io.invertase.firebase.app;
  */
 // generated file - do not modify or commit
 public class ReactNativeFirebaseVersion {
-  public static String VERSION = "20.1.0";
+  public static String VERSION = "20.2.1";
 }

package/ios/RNFBApp/RNFBVersion.m

@@ -18,4 +18,4 @@
 #import <React/RCTVersion.h>
 
 // generated file - do not modify or commit
-NSString* const RNFBVersionString = @"20.1.0";
+NSString* const RNFBVersionString = @"20.2.1";

package/lib/common/index.js

@@ -85,6 +85,8 @@ export const isIOS = Platform.OS === 'ios';
 
 export const isAndroid = Platform.OS === 'android';
 
+export const isOther = Platform.OS !== 'ios' && Platform.OS !== 'android';
+
 export function tryJSONParse(string) {
   try {
     return string && JSON.parse(string);

package/lib/index.d.ts

@@ -85,6 +85,7 @@ export namespace ReactNativeFirebase {
     /**
      * The tracking ID for Google Analytics, e.g. "UA-12345678-1", used to configure Google Analytics.
      */
+    // TODO this should now be measurementId
     gaTrackingId?: string;
 
     /**

package/lib/internal/RNFBNativeEventEmitter.js

@@ -15,24 +15,47 @@
  *
  */
 
-import { NativeEventEmitter, NativeModules } from 'react-native';
-
-const { RNFBAppModule } = NativeModules;
+import { NativeEventEmitter } from 'react-native';
+import { getReactNativeModule } from './nativeModule';
 
 class RNFBNativeEventEmitter extends NativeEventEmitter {
   constructor() {
-    super(RNFBAppModule);
+    super(getReactNativeModule('RNFBAppModule'));
     this.ready = false;
   }
 
   addListener(eventType, listener, context) {
+    const RNFBAppModule = getReactNativeModule('RNFBAppModule');
     if (!this.ready) {
       RNFBAppModule.eventsNotifyReady(true);
       this.ready = true;
     }
     RNFBAppModule.eventsAddListener(eventType);
+    if (global.RNFBDebug) {
+      // eslint-disable-next-line no-console
+      console.debug(`[RNFB-->Event][👂] ${eventType} -> listening`);
+    }
+    const listenerDebugger = (...args) => {
+      if (global.RNFBDebug) {
+        // eslint-disable-next-line no-console
+        console.debug(`[RNFB<--Event][📣] ${eventType} <-`, JSON.stringify(args[0]));
+        // Possible leaking test if events are still being received after the test.
+        // This is not super accurate but it's better than nothing, e.g. if doing setup/teardown
+        // logic outside of a test this may cause false positives.
+        if (global.RNFBTest && !global.RNFBDebugInTestLeakDetection) {
+          // eslint-disable-next-line no-console
+          console.debug(
+            `[TEST--->Leak][💡] Possible leaking test detected! An event (☝️) ` +
+              `was received outside of any running tests which may indicates that some ` +
+              `listeners/event subscriptions that have not been unsubscribed from in your ` +
+              `test code. The last test that ran was: "${global.RNFBDebugLastTest}".`,
+          );
+        }
+      }
+      return listener(...args);
+    };
 
-    let subscription = super.addListener(`rnfb_${eventType}`, listener, context);
+    let subscription = super.addListener(`rnfb_${eventType}`, listenerDebugger, context);
 
     // React Native 0.65+ altered EventEmitter:
     // - removeSubscription is gone
@@ -41,7 +64,7 @@ class RNFBNativeEventEmitter extends NativeEventEmitter {
     // make sure eventType for backwards compatibility just in case
     subscription.eventType = `rnfb_${eventType}`;
 
-    // New style is to return a remove function on the object, just in csae people call that,
+    // New style is to return a remove function on the object, just in case people call that,
     // we will modify it to do our native unsubscription then call the original
     let originalRemove = subscription.remove;
     let newRemove = () => {
@@ -59,12 +82,14 @@ class RNFBNativeEventEmitter extends NativeEventEmitter {
   }
 
   removeAllListeners(eventType) {
+    const RNFBAppModule = getReactNativeModule('RNFBAppModule');
     RNFBAppModule.eventsRemoveListener(eventType, true);
     super.removeAllListeners(`rnfb_${eventType}`);
   }
 
   // This is likely no longer ever called, but it is here for backwards compatibility with RN <= 0.64
   removeSubscription(subscription) {
+    const RNFBAppModule = getReactNativeModule('RNFBAppModule');
     RNFBAppModule.eventsRemoveListener(subscription.eventType.replace('rnfb_'), false);
     if (super.removeSubscription) {
       super.removeSubscription(subscription);

package/lib/internal/nativeModule.android.js

@@ -0,0 +1,2 @@
+export { getReactNativeModule } from './nativeModuleAndroidIos';
+export { setReactNativeModule } from './nativeModuleAndroidIos';

package/lib/internal/nativeModule.ios.js

@@ -0,0 +1,2 @@
+export { getReactNativeModule } from './nativeModuleAndroidIos';
+export { setReactNativeModule } from './nativeModuleAndroidIos';

package/lib/internal/nativeModule.js

@@ -0,0 +1,4 @@
+// This is fallback for when the platform is not with native SDKs.
+// In this case we use the web Firebase JS SDK.
+export { getReactNativeModule } from './nativeModuleWeb';
+export { setReactNativeModule } from './nativeModuleWeb';

package/lib/internal/nativeModuleAndroidIos.js

@@ -0,0 +1,45 @@
+/* eslint-disable no-console */
+import { NativeModules } from 'react-native';
+
+/**
+ * This is used by Android and iOS to get a native module.
+ * We additionally add a Proxy to the module to intercept calls
+ * and log them to the console for debugging purposes, if enabled.
+ * @param moduleName
+ */
+export function getReactNativeModule(moduleName) {
+  const nativeModule = NativeModules[moduleName];
+  if (!global.RNFBDebug) {
+    return nativeModule;
+  }
+  return new Proxy(nativeModule, {
+    ownKeys(target) {
+      return Object.keys(target);
+    },
+    get: (_, name) => {
+      if (typeof nativeModule[name] !== 'function') return nativeModule[name];
+      return (...args) => {
+        console.debug(`[RNFB->Native][🔵] ${moduleName}.${name} -> ${JSON.stringify(args)}`);
+        const result = nativeModule[name](...args);
+        if (result && result.then) {
+          return result.then(
+            res => {
+              console.debug(`[RNFB<-Native][🟢] ${moduleName}.${name} <- ${JSON.stringify(res)}`);
+              return res;
+            },
+            err => {
+              console.debug(`[RNFB<-Native][🔴] ${moduleName}.${name} <- ${JSON.stringify(err)}`);
+              throw err;
+            },
+          );
+        }
+        console.debug(`[RNFB<-Native][🟢] ${moduleName}.${name} <- ${JSON.stringify(result)}`);
+        return result;
+      };
+    },
+  });
+}
+
+export function setReactNativeModule() {
+  // No-op
+}

package/lib/internal/nativeModuleWeb.js

@@ -0,0 +1,48 @@
+/* eslint-disable no-console */
+
+import RNFBAppModule from './web/RNFBAppModule';
+
+const nativeModuleRegistry = {};
+
+export function getReactNativeModule(moduleName) {
+  const nativeModule = nativeModuleRegistry[moduleName];
+  // Throw an error if the module is not registered.
+  if (!nativeModule) {
+    throw new Error(`Native module ${moduleName} is not registered.`);
+  }
+  if (!global.RNFBDebug) {
+    return nativeModule;
+  }
+  return new Proxy(nativeModule, {
+    ownKeys(target) {
+      return Object.keys(target);
+    },
+    get: (_, name) => {
+      if (typeof nativeModule[name] !== 'function') return nativeModule[name];
+      return (...args) => {
+        console.debug(`[RNFB->Native][🔵] ${moduleName}.${name} -> ${JSON.stringify(args)}`);
+        const result = nativeModule[name](...args);
+        if (result && result.then) {
+          return result.then(
+            res => {
+              console.debug(`[RNFB<-Native][🟢] ${moduleName}.${name} <- ${JSON.stringify(res)}`);
+              return res;
+            },
+            err => {
+              console.debug(`[RNFB<-Native][🔴] ${moduleName}.${name} <- ${JSON.stringify(err)}`);
+              throw err;
+            },
+          );
+        }
+        console.debug(`[RNFB<-Native][🟢] ${moduleName}.${name} <- ${JSON.stringify(result)}`);
+        return result;
+      };
+    },
+  });
+}
+
+export function setReactNativeModule(moduleName, nativeModule) {
+  nativeModuleRegistry[moduleName] = nativeModule;
+}
+
+setReactNativeModule('RNFBAppModule', RNFBAppModule);

package/lib/internal/registry/app.js

@@ -17,6 +17,7 @@
 
 import {
   isIOS,
+  isOther,
   isNull,
   isObject,
   isString,
@@ -201,7 +202,7 @@ export function setLogLevel(logLevel) {
     throw new Error('LogLevel must be one of "error", "warn", "info", "debug", "verbose"');
   }
 
-  if (isIOS) {
+  if (isIOS || isOther) {
     getAppModule().setLogLevel(logLevel);
   }
 }

package/lib/internal/registry/nativeModule.js

@@ -15,11 +15,12 @@
  *
  */
 
-import { NativeModules, Platform } from 'react-native';
 import { APP_NATIVE_MODULE } from '../constants';
 import NativeFirebaseError from '../NativeFirebaseError';
 import RNFBNativeEventEmitter from '../RNFBNativeEventEmitter';
 import SharedEventEmitter from '../SharedEventEmitter';
+import { getReactNativeModule } from '../nativeModule';
+import { isAndroid, isIOS } from '../../common';
 
 const NATIVE_MODULE_REGISTRY = {};
 const NATIVE_MODULE_EVENT_SUBSCRIPTIONS = {};
@@ -102,7 +103,7 @@ function initialiseNativeModule(module) {
   const nativeModuleNames = multiModule ? nativeModuleName : [nativeModuleName];
 
   for (let i = 0; i < nativeModuleNames.length; i++) {
-    const nativeModule = NativeModules[nativeModuleNames[i]];
+    const nativeModule = getReactNativeModule(nativeModuleNames[i]);
 
     // only error if there's a single native module
     // as multi modules can mean some are optional
@@ -173,24 +174,19 @@ function subscribeToNativeModuleEvent(eventName) {
  */
 function getMissingModuleHelpText(namespace) {
   const snippet = `firebase.${namespace}()`;
-  const nativeModule = namespace.charAt(0).toUpperCase() + namespace.slice(1);
 
-  if (Platform.OS === 'ios') {
+  if (isIOS || isAndroid) {
     return (
-      `You attempted to use a firebase module that's not installed natively on your iOS project by calling ${snippet}.` +
-      '\r\n\r\nEnsure you have either linked the module or added it to your projects Podfile.' +
-      '\r\n\r\nSee http://invertase.link/ios for full setup instructions.'
+      `You attempted to use a Firebase module that's not installed natively on your project by calling ${snippet}.` +
+      `\r\n\r\nEnsure you have installed the npm package '@react-native-firebase/${namespace}',` +
+      ' have imported it in your project, and have rebuilt your native application.'
     );
   }
 
-  const rnFirebasePackage = `'io.invertase.firebase.${namespace}.ReactNativeFirebase${nativeModule}Package'`;
-  const newInstance = `'new ReactNativeFirebase${nativeModule}Package()'`;
-
   return (
-    `You attempted to use a firebase module that's not installed on your Android project by calling ${snippet}.` +
-    `\r\n\r\nEnsure you have:\r\n\r\n1) imported the ${rnFirebasePackage} module in your 'MainApplication.java' file.\r\n\r\n2) Added the ` +
-    `${newInstance} line inside of the RN 'getPackages()' method list.` +
-    '\r\n\r\nSee http://invertase.link/android for full setup instructions.'
+    `You attempted to use a Firebase module that's not installed on your project by calling ${snippet}.` +
+    `\r\n\r\nEnsure you have installed the npm package '@react-native-firebase/${namespace}' and` +
+    ' have imported it in your project.'
   );
 }
 
@@ -222,7 +218,7 @@ export function getAppModule() {
   }
 
   const namespace = 'app';
-  const nativeModule = NativeModules[APP_NATIVE_MODULE];
+  const nativeModule = getReactNativeModule(APP_NATIVE_MODULE);
 
   if (!nativeModule) {
     throw new Error(getMissingModuleHelpText(namespace));

package/lib/internal/web/RNFBAppModule.js

@@ -0,0 +1,266 @@
+/* eslint-disable no-console */
+import { initializeApp, setLogLevel, getApp, getApps, deleteApp } from './firebaseApp';
+
+import { DeviceEventEmitter } from 'react-native';
+
+// Variables for events tracking.
+let jsReady = false;
+let jsListenerCount = 0;
+let queuedEvents = [];
+let jsListeners = {};
+
+// For compatibility we have a fake preferences storage,
+// it does not persist across app restarts.
+let fakePreferencesStorage = {};
+
+function eventsGetListenersMap() {
+  return {
+    listeners: jsListenerCount,
+    queued: queuedEvents.length,
+    events: jsListeners,
+  };
+}
+
+function eventsSendEvent(eventName, eventBody) {
+  if (!jsReady || !jsListeners.hasOwnProperty(eventName)) {
+    const event = {
+      eventName,
+      eventBody,
+    };
+    queuedEvents.push(event);
+    return;
+  }
+  setImmediate(() => DeviceEventEmitter.emit('rnfb_' + eventName, eventBody));
+}
+
+function eventsSendQueuedEvents() {
+  if (queuedEvents.length === 0) {
+    return;
+  }
+  const events = Array.from(queuedEvents);
+  queuedEvents = [];
+  for (let i = 0; i < events.length; i++) {
+    const event = events[i];
+    eventsSendEvent(event.eventName, event.eventBody);
+  }
+}
+
+export default {
+  // Natively initialized apps, but in the case of web, we don't have any.
+  NATIVE_FIREBASE_APPS: [],
+  // The raw JSON string of the Firebase config, from the users firebase.json file.
+  // In the case of web, we can't support this.
+  FIREBASE_RAW_JSON: '{}',
+
+  /**
+   * Initializes a Firebase app.
+   *
+   * @param {object} options - The Firebase app options.
+   * @param {object} appConfig - The Firebase app config.
+   * @returns {object} - The Firebase app instance.
+   */
+  async initializeApp(options, appConfig) {
+    const name = appConfig.name;
+    const existingApp = getApps().find(app => app.name === name);
+    if (existingApp) {
+      return existingApp;
+    }
+    const newAppConfig = {
+      name,
+    };
+    if (
+      appConfig.automaticDataCollectionEnabled === true ||
+      appConfig.automaticDataCollectionEnabled === false
+    ) {
+      newAppConfig.automaticDataCollectionEnabled = appConfig.automaticDataCollectionEnabled;
+    }
+    const optionsCopy = Object.assign({}, options);
+    // TODO RNFB is using the old gaTrackingId property, we should remove this in the future
+    // in favor of the measurementId property.
+    if (optionsCopy.gaTrackingId) {
+      optionsCopy.measurementId = optionsCopy.gaTrackingId;
+    }
+    delete optionsCopy.clientId;
+    initializeApp(optionsCopy, newAppConfig);
+    return {
+      options,
+      appConfig,
+    };
+  },
+
+  /**
+   * Sets the log level for the Firebase app.
+   *
+   * @param {string} logLevel - The log level to set.
+   */
+  setLogLevel(logLevel) {
+    setLogLevel(logLevel);
+  },
+
+  /**
+   * Sets the automatic data collection for the Firebase app.
+   *
+   * @param {string} appName - The name of the Firebase app.
+   * @param {boolean} enabled - Whether to enable automatic data collection.
+   */
+  setAutomaticDataCollectionEnabled(appName, enabled) {
+    getApp(appName).automaticDataCollectionEnabled = enabled;
+  },
+
+  /**
+   * Deletes a Firebase app.
+   *
+   * @param {string} appName - The name of the Firebase app to delete.
+   */
+  async deleteApp(appName) {
+    if (getApp(appName)) {
+      deleteApp(appName);
+    }
+  },
+
+  /**
+   * Gets the meta data.
+   * Unsupported on web.
+   *
+   * @returns {object} - The meta data
+   */
+  metaGetAll() {
+    return {};
+  },
+
+  /**
+   * Gets the firebase.json data.
+   * Unsupported on web.
+   *
+   * @returns {object} - The JSON data for the firebase.json file.
+   */
+  jsonGetAll() {
+    return {};
+  },
+
+  /**
+   * Sets a boolean value for a preference.
+   * Unsupported on web.
+   *
+   * @param {string} key - The key of the preference.
+   * @param {boolean} value - The value to set.
+   */
+  async preferencesSetBool(key, value) {
+    fakePreferencesStorage[key] = value;
+  },
+
+  /**
+   * Sets a string value for a preference.
+   * Unsupported on web.
+   *
+   * @param {string} key - The key of the preference.
+   * @param {string} value - The value to set.
+   */
+  preferencesSetString(key, value) {
+    fakePreferencesStorage[key] = value;
+  },
+
+  /**
+   * Gets all preferences.
+   * Unsupported on web.
+   *
+   * @returns {object} - The preferences.
+   */
+  preferencesGetAll() {
+    return Object.assign({}, fakePreferencesStorage);
+  },
+
+  /**
+   * Clears all preferences.
+   * Unsupported on web.
+   */
+  preferencesClearAll() {
+    fakePreferencesStorage = {};
+  },
+
+  /**
+   * Adds a listener for an event.
+   * Unsupported on web.
+   *
+   * @param {string} eventName - The name of the event to listen for.
+   */
+  addListener() {
+    // Keep: Required for RN built in Event Emitter Calls.
+  },
+  /**
+   * Removes a listener for an event.
+   * Unsupported on web.
+   *
+   * @param {string} eventName - The name of the event to remove the listener for.
+   */
+  removeListeners() {
+    // Keep: Required for RN built in Event Emitter Calls.
+  },
+
+  /**
+   * Notifies the app that it is ready to receive events.
+   *
+   * @param {boolean} ready - Whether the app is ready to receive events.
+   * @returns {void}
+   */
+  eventsNotifyReady(ready) {
+    jsReady = ready;
+    if (jsReady) {
+      setImmediate(() => eventsSendQueuedEvents());
+    }
+  },
+
+  /**
+   * Gets all the listeners registered.
+   *
+   * @returns {object} - The listeners for the event.
+   */
+  eventsGetListeners() {
+    return eventsGetListenersMap();
+  },
+
+  /**
+   * Sends an event to the app for testing purposes.
+   *
+   * @param {string} eventName - The name of the event to send.
+   * @param {object} eventBody - The body of the event to send.
+   * @returns {void}
+   */
+  eventsPing(eventName, eventBody) {
+    eventsSendEvent(eventName, eventBody);
+  },
+
+  /**
+   * Adds a listener for an event.
+   *
+   * @param {string} eventName - The name of the event to listen for.
+   */
+  eventsAddListener(eventName) {
+    jsListenerCount++;
+    if (!jsListeners.hasOwnProperty(eventName)) {
+      jsListeners[eventName] = 1;
+    } else {
+      jsListeners[eventName]++;
+    }
+    setImmediate(() => eventsSendQueuedEvents());
+  },
+
+  /**
+   * Removes a single listener for an event or all listeners for an event.
+   *
+   * @param {string} eventName - The name of the event to remove the listener for.
+   * @param {boolean} all - Optional. Whether to remove all listeners for the event.
+   */
+  eventsRemoveListener(eventName, all) {
+    if (jsListeners.hasOwnProperty(eventName)) {
+      if (jsListeners[eventName] <= 1 || all) {
+        const count = jsListeners[eventName];
+        jsListenerCount -= count;
+        delete jsListeners[eventName];
+      } else {
+        jsListenerCount--;
+        jsListeners[eventName]--;
+      }
+    }
+  },
+};

package/lib/internal/web/firebaseApp.js

@@ -0,0 +1,3 @@
+// We need to share firebase imports between modules, otherwise
+// apps and instances of the firebase modules are not shared.
+export * from 'firebase/app';

package/lib/internal/web/firebaseAppCheck.js

@@ -0,0 +1,6 @@
+// We need to share firebase imports between modules, otherwise
+// apps and instances of the firebase modules are not shared.
+import 'firebase/app';
+export { getApp } from 'firebase/app';
+export * from 'firebase/app-check';
+export { makeIDBAvailable } from './memidb';

package/lib/internal/web/firebaseAuth.js

@@ -0,0 +1,4 @@
+// We need to share firebase imports between modules, otherwise
+// apps and instances of the firebase modules are not shared.
+export * from 'firebase/app';
+export * from 'firebase/auth';

package/lib/internal/web/firebaseDatabase.js

@@ -0,0 +1,4 @@
+// We need to share firebase imports between modules, otherwise
+// apps and instances of the firebase modules are not shared.
+export * from 'firebase/app';
+export * from 'firebase/database';

package/lib/internal/web/firebaseFirestore.js

@@ -0,0 +1,4 @@
+// We need to share firebase imports between modules, otherwise
+// apps and instances of the firebase modules are not shared.
+export { getApp } from 'firebase/app';
+export * from 'firebase/firestore/lite';

package/lib/internal/web/firebaseFunctions.js

@@ -0,0 +1,4 @@
+// We need to share firebase imports between modules, otherwise
+// apps and instances of the firebase modules are not shared.
+export * from 'firebase/app';
+export * from 'firebase/functions';

package/lib/internal/web/firebaseInstallations.js

@@ -0,0 +1,6 @@
+// We need to share firebase imports between modules, otherwise
+// apps and instances of the firebase modules are not shared.
+import 'firebase/app';
+export { getApp } from 'firebase/app';
+export * from 'firebase/installations';
+export { makeIDBAvailable } from './memidb';

package/lib/internal/web/firebaseRemoteConfig.js

@@ -0,0 +1,6 @@
+// We need to share firebase imports between modules, otherwise
+// apps and instances of the firebase modules are not shared.
+import 'firebase/app';
+export { getApp } from 'firebase/app';
+export * from 'firebase/remote-config';
+export { makeIDBAvailable } from './memidb';

package/lib/internal/web/firebaseStorage.js

@@ -0,0 +1,4 @@
+// We need to share firebase imports between modules, otherwise
+// apps and instances of the firebase modules are not shared.
+export * from 'firebase/app';
+export * from 'firebase/storage';