feat: firebase emulator

.gitignore

@@ -8,7 +8,4 @@ npm-debug.log*
 build/
 *.sw[pomn]
 # That's /src/lib/aframe-loader-3dtiles-component.min.js
-dist/48406973e3ad4d65cbdd.js*
-dist/aframe-mapbox-component.min.js
-dist/notyf.min.css
-dist/viewer-styles.css
+dist

public/firebase.json

@@ -31,6 +31,12 @@
     "functions": {
       "port": 5001
     },
+    "auth": {
+      "port": 9099
+    },
+    "storage": {
+      "port": 9199
+    },
     "firestore": {
       "port": 8080
     },
@@ -45,5 +51,8 @@
   "firestore": {
     "rules": "firestore.rules",
     "indexes": "firestore.indexes.json"
+  },
+  "storage": {
+    "rules": "storage.rules"
   }
 }

public/firestore.indexes.json

@@ -1,4 +1,19 @@
 {
-  "indexes": [],
+  "indexes": [
+    {
+      "collectionGroup": "scenes",
+      "queryScope": "COLLECTION",
+      "fields": [
+        {
+          "fieldPath": "author",
+          "order": "ASCENDING"
+        },
+        {
+          "fieldPath": "updateTimestamp",
+          "order": "DESCENDING"
+        }
+      ]
+    }
+  ],
   "fieldOverrides": []
 }

src/editor/services/firebase.js

@@ -1,7 +1,11 @@
 import { initializeApp } from 'firebase/app';
 import { getAuth } from 'firebase/auth';
 import { getStorage } from 'firebase/storage';
-import { getFirestore } from 'firebase/firestore';
+import { getFirestore, connectFirestoreEmulator } from 'firebase/firestore';
+
+const isLocalhostAndMissingFirebaseEnv =
+  window.location.hostname === 'localhost' &&
+  (!process.env.FIREBASE_PROJECT_ID || !process.env.FIREBASE_API_KEY);
 
 const firebaseConfig = {
   apiKey: process.env.FIREBASE_API_KEY,
@@ -18,4 +22,9 @@ const auth = getAuth(app);
 const storage = getStorage(app);
 const db = getFirestore(app);
 
+if (isLocalhostAndMissingFirebaseEnv) {
+  console.log('Using Firestore Emulator');
+  connectFirestoreEmulator(db, 'localhost', 8080);
+}
+
 export { auth, storage, db };