feat(firebase): multiple firebase apps

[rafaelcorreiapoli]

Is it possible to connect with multiple firebase apps?
My current use case is to connect to one central firebase app that has all the keys of other firebase apps. Once the user has logged in to this app, it retrieves the key for the corresponding app and connects to it

[prescottprue]

@rafaelcorreiapoli It isn't currently supported, but I will work on getting included in v1.2.0.

Do you have a preferred API for this?

I was thinking something like:

const apps = {
  app1: {
   apiKey: '<your-api-key>',
   authDomain: '<your-auth-domain>',
   databaseURL: '<your-database-url>',
   storageBucket: '<your-storage-bucket>'
  },
  app2: {
   apiKey: '<your-api-key>',
   authDomain: '<your-auth-domain>',
   databaseURL: '<your-database-url>',
   storageBucket: '<your-storage-bucket>'
  }
}
const 
// React Redux Firebase Config
const config = {
  userProfile: 'users'
}

// Add react-redux-firebase to compose
const createStoreWithFirebase = compose(
 reactReduxFirebase({ apps }, config),
)(createStore)

Maybe it shouldn't be named "apps", but it would be nice to have it be differentiated from the normal object passed for a single app.

[rafaelcorreiapoli]

Hi! Thanks for the answer
It actually would not fix my problem
I need to instantiate my second app based on informations I get after signing in to the first app
The first app holds the information about other apps (apiKey, authDomain, etc...)
I know its not a common use case.. but do you have any ideas on how to solve this ?

The problem is that the config object must be provided before the app is loaded...
Is there any solution to provide this config object at a given point in the future?

[prescottprue]

OH man... Yeah that changes things quite a bit. There is for sure not a way to do that in an easy way currently, especially because all of the data syncing and other methods use the default app.

I will add this to the roadmap so that it is on the menu at least, but it will take quite a bit of research to see how all the methods would need to be modified to allow you to specify which app.

You might want to look into re-base for a more simple integration that easily allows for multiple apps. Even though it only syncs to components (not redux) it should handle your use case.

[rafaelcorreiapoli]

Nice! thanks! Maybe I could render another component tree with a different Provider when I get the data from the first app. This new Provider would use a store created with data from the first app

const createStore = (firebaseConfig) => {
....
  const createStoreWithFirebase = compose(
    reactReduxFirebase(firebaseConfig, { userProfile: 'users' }),
  )(createStore)
....
}

this firebaseConfig could be something passed as a parameter to the store

:)

[prescottprue]

Sounds like a crafty work around, let me know how it goes!

[rafaelcorreiapoli]

Thanks for your help :) I will post my solution soon