fullstrapp/template/src/firebase/firestore.ts

Bootstrap a scalable full stack application with pre-configured: hosting, database, authentication, analytics, CI, CD, code templates, and issue templates.

import firebase from './firebase'
import FirestoreCollectionPath from '../models/FirestoreCollectionPath'

// use typed collection paths
interface CustomFirestore extends firebase.firestore.Firestore {
  collection(
    collectionPath: FirestoreCollectionPath
  ): firebase.firestore.CollectionReference
}

const firestore: CustomFirestore = firebase.firestore()

// support offline mode
firestore.enablePersistence()
window.addEventListener('offline', () => firestore.disableNetwork())
window.addEventListener('online', () => firestore.enableNetwork())

export default firestore