Multiple Firebase Projects

[mrlovelies]

Hello!

I'm working on a utility dashboard to solve some workflow problems with an app I'm working on. I'm currently initializing 2 firebase apps giving them each a unique name. This seems to cause an issue with this library wherein any attempts to use it will result in Error: The default Firebase app does not exist. Make sure you call initializeApp() before using any of the Firebase services. Effectively I wish to make a copy, in whole or partial, from the "staging" environment and deploy that to the "dev" environment. Is it possible to target a specific app using their unique identifiers after initializing multiple apps?

Here is how I'm initializing the two apps

// firebaseInit.ts
import { getAuth } from 'firebase/auth';
import { initializeApp } from 'firebase/app';
import {
  getFirestore,
} from 'firebase/firestore';

const firebaseConfig = await import('./config/firebaseConfig.json');

const firebaseDev = initializeApp(firebaseConfig.dev, 'dev');
const firebaseStaging = initializeApp(firebaseConfig.staging, 'staging');

require('firebase/auth');

export const dbDev = getFirestore(firebaseDev);
export const dbStaging = getFirestore(firebaseStaging);

export const firebaseEnv = {
  'firebase-dev': {
    db: getFirestore(firebaseDev),
    auth: getAuth(firebaseDev),
  },
  'firebase-staging': {
    db: getFirestore(firebaseStaging),
    auth: getAuth(firebaseStaging),
  },
};

export default firebaseDev;

Attempting to use firestore-export-import to get JSON of the collection from the "dev" environment Firestore

<template>
  <div class="deploy-content">
    <button @click="deployStagingTo('firestore-dev')">Deploy Staging to Dev</button>
  </div>
</template>

<script>
import { backup } from 'firestore-export-import';
import { useStore } from '../store';

export default {
  setup() {
    const store = useStore();
    return { store };
  },
  methods: {
    async deployStagingTo(deployTarget) {
      backup('Series').then((data) => {
        console.log(JSON.stringify(data));
      });
    },
  },
};
</script>

[dalenguyen]

Hi @mrlovelies, my package also has a initializeFirebaseApp function. Can you try it instead?