Merge branch 'main' into note-import-export

slidr-app · Jul 12, 2023 · e9ac542 · e9ac542
2 parents 823d243 + d6e4338
commit e9ac542
Show file tree

Hide file tree

Showing 26 changed files with 168 additions and 38 deletions.
diff --git a/.env b/.env
diff --git a/.env.emulator b/.env.emulator
@@ -0,0 +1,4 @@
+VITE_FIREBASE_API_KEY=doesnotexist
+VITE_FIREBASE_PROJECT_ID=demo-test
+VITE_FIREBASE_STORAGE_BUCKET=demo-test.appspot.com
+NODE_ENV=development
diff --git a/package.json b/package.json
@@ -4,7 +4,8 @@
   "version": "0.0.0",
   "type": "module",
   "scripts": {
-    "dev": "vite --mode staging",
+    "dev": "firebase emulators:exec --project demo-test --only auth,firestore,storage --import test-data 'vite --mode emulator'",
+    "dev:update": "firebase emulators:exec --project demo-test --only auth,firestore,storage --import test-data 'vite --mode emulator' --export-on-exit",
     "build": "tsc && vite build",
     "lint": "xo",
     "preview": "vite preview",
@@ -14,10 +15,10 @@
     "build:all": "pwa-assets-generator && pnpm run build && pnpm run build:functions",
     "deploy": "firebase deploy --only functions:renderForBot,auth,firestore,storage,hosting",
     "generate-pwa-assets": "pwa-assets-generator",
-    "test": "firebase emulators:exec --project demo-test --only auth,firestore,storage vitest",
-    "test:once": "firebase emulators:exec --project demo-test --only auth,firestore,storage 'vitest --run'",
-    "test:ui": "firebase emulators:exec --project demo-test --only auth,firestore,storage 'vitest --ui'",
-    "coverage": "firebase emulators:exec --project demo-test --only auth,firestore,storage 'vitest run --coverage'",
+    "test": "firebase emulators:exec --project demo-test --only auth,firestore,storage 'vitest --mode emulator'",
+    "test:once": "firebase emulators:exec --project demo-test --only auth,firestore,storage 'vitest --run --mode emulator'",
+    "test:ui": "firebase emulators:exec --project demo-test --only auth,firestore,storage 'vitest --ui --mode emulator'",
+    "coverage": "firebase emulators:exec --project demo-test --only auth,firestore,storage 'vitest run --coverage --mode emulator'",
     "emulators": "firebase emulators:start --project demo-test --only auth,firestore,storage"
   },
   "dependencies": {

diff --git a/src/components/DevSignIn.tsx b/src/components/DevSignIn.tsx
@@ -0,0 +1,25 @@
+import {signInWithEmailAndPassword} from 'firebase/auth';
+import {auth} from '../firebase';
+
+export default function DevSignIn() {
+  return (
+    <div className="flex flex-col items-center">
+      <div className="text-red-600">
+        This button only exists on emulator mode builds.
+      </div>
+      <button
+        type="button"
+        className="btn"
+        onClick={() => {
+          void signInWithEmailAndPassword(
+            auth,
+            'test@doesnotexist.com',
+            '123456',
+          );
+        }}
+      >
+        Sign In with Test Account
+      </button>
+    </div>
+  );
+}
diff --git a/src/firebase.ts b/src/firebase.ts
@@ -1,8 +1,8 @@
 // Import the functions you need from the SDKs you need
 import {initializeApp} from 'firebase/app';
-import {getAuth} from 'firebase/auth';
+import {connectAuthEmulator, getAuth} from 'firebase/auth';
 import {getAnalytics} from 'firebase/analytics';
-import {getFirestore} from 'firebase/firestore';
+import {connectFirestoreEmulator, getFirestore} from 'firebase/firestore';
 
 // TODO: Add SDKs for Firebase products that you want to use
 // https://firebase.google.com/docs/web/setup#available-libraries
@@ -21,10 +21,17 @@ const firebaseConfig = {
 export const app = initializeApp(firebaseConfig);
 
 // Only load analytics in production
-export const analytics = import.meta.env.PROD ? getAnalytics(app) : undefined;
+export const analytics =
+  import.meta.env.MODE === 'production' ? getAnalytics(app) : undefined;
 
 export const auth = getAuth(app);
 export const firestore = getFirestore(app);
 
 // We don't export storage because it is only used in a few pages (upload and editor).
 // That helps reduce the bundle size for the majority of the pages.
+
+if (import.meta.env.MODE === 'emulator') {
+  console.log('setting up emulators');
+  connectAuthEmulator(auth, 'http://127.0.0.1:9099', {disableWarnings: true});
+  connectFirestoreEmulator(firestore, '127.0.0.1', 8080);
+}
diff --git a/src/pages/Audience.Test.tsx b/src/pages/Audience.Test.tsx
@@ -1,17 +1,11 @@
-import {connectStorageEmulator, getStorage} from 'firebase/storage';
-import {connectAuthEmulator, signInAnonymously} from 'firebase/auth';
-import {connectFirestoreEmulator, doc, setDoc} from 'firebase/firestore';
+import {signInAnonymously} from 'firebase/auth';
+import {doc, setDoc} from 'firebase/firestore';
 import {RouterProvider, createMemoryRouter} from 'react-router-dom';
-import {app, auth, firestore} from '../firebase';
+import {auth, firestore} from '../firebase';
 import {screen, userEvent, render, findByRole} from '../test/test-utils';
 import Routes from '../Routes';
 
 beforeAll(async () => {
-  const storage = getStorage(app);
-  connectAuthEmulator(auth, 'http://127.0.0.1:9099');
-  connectFirestoreEmulator(firestore, '127.0.0.1', 8080);
-  connectStorageEmulator(storage, '127.0.0.1', 9199);
-
   // Use anonymous auth because email link is complicated to emulate
   const cred = await signInAnonymously(auth);
 

diff --git a/src/pages/Presentation.Test.tsx b/src/pages/Presentation.Test.tsx
@@ -1,15 +1,9 @@
-import {connectStorageEmulator, getStorage} from 'firebase/storage';
-import {connectAuthEmulator, signInAnonymously} from 'firebase/auth';
-import {connectFirestoreEmulator, doc, setDoc} from 'firebase/firestore';
-import {app, auth, firestore} from '../firebase';
+import {signInAnonymously} from 'firebase/auth';
+import {doc, setDoc} from 'firebase/firestore';
+import {auth, firestore} from '../firebase';
 import {screen, userEvent, renderRoute} from '../test/test-utils';
 
 beforeAll(async () => {
-  const storage = getStorage(app);
-  connectAuthEmulator(auth, 'http://127.0.0.1:9099');
-  connectFirestoreEmulator(firestore, '127.0.0.1', 8080);
-  connectStorageEmulator(storage, '127.0.0.1', 9199);
-
   // Use anonymous auth because email link is complicated to emulate
   const cred = await signInAnonymously(auth);
 

diff --git a/src/pages/SignIn.tsx b/src/pages/SignIn.tsx
@@ -1,4 +1,4 @@
-import {useCallback, useEffect, useState} from 'react';
+import {lazy, useCallback, useEffect, useState} from 'react';
 import {
   type User,
   isSignInWithEmailLink,
@@ -11,6 +11,8 @@ import clsx from 'clsx';
 import {auth} from '../firebase';
 import Loading from '../components/Loading';
 
+const DevSignIn = lazy(async () => import('../components/DevSignIn'));
+
 export default function SignIn() {
   useEffect(() => {
     document.title = `Slidr - Sign In`;
@@ -157,6 +159,7 @@ export default function SignIn() {
           Please click on the link sent in the email. You can close this page.
         </div>
       )}
+      {import.meta.env.MODE === 'emulator' && <DevSignIn />}
     </div>
   );
 }
diff --git a/src/pages/Speaker.Test.tsx b/src/pages/Speaker.Test.tsx
@@ -1,8 +1,7 @@
-import {connectStorageEmulator, getStorage} from 'firebase/storage';
-import {connectAuthEmulator, signInAnonymously} from 'firebase/auth';
-import {connectFirestoreEmulator, doc, setDoc} from 'firebase/firestore';
+import {signInAnonymously} from 'firebase/auth';
+import {doc, setDoc} from 'firebase/firestore';
 import {RouterProvider, createMemoryRouter} from 'react-router-dom';
-import {app, auth, firestore} from '../firebase';
+import {auth, firestore} from '../firebase';
 import {
   screen,
   userEvent,
@@ -13,11 +12,6 @@ import {
 import Routes from '../Routes';
 
 beforeAll(async () => {
-  const storage = getStorage(app);
-  connectAuthEmulator(auth, 'http://127.0.0.1:9099');
-  connectFirestoreEmulator(firestore, '127.0.0.1', 8080);
-  connectStorageEmulator(storage, '127.0.0.1', 9199);
-
   // Use anonymous auth because email link is complicated to emulate
   const cred = await signInAnonymously(auth);
 

diff --git a/src/pages/Upload.tsx b/src/pages/Upload.tsx
@@ -18,6 +18,7 @@ import {
   uploadBytes,
   getDownloadURL,
   getStorage,
+  connectStorageEmulator,
 } from 'firebase/storage';
 import {nanoid} from 'nanoid';
 import {auth, firestore, app} from '../firebase';
@@ -35,6 +36,10 @@ pdfjs.GlobalWorkerOptions.workerSrc = src.toString();
 
 const storage = getStorage(app);
 
+if (import.meta.env.MODE === 'emulator') {
+  connectStorageEmulator(storage, '127.0.0.1', 9199);
+}
+
 export default function Export() {
   useEffect(() => {
     document.title = `Slidr - Upload`;

diff --git a/test-data/auth_export/accounts.json b/test-data/auth_export/accounts.json
@@ -0,0 +1 @@
+{"kind":"identitytoolkit#DownloadAccountResponse","users":[{"localId":"8xv74jU1Ac5srObCVP2QphcQ6emp","createdAt":"1689154854814","lastLoginAt":"1689160869623","displayName":"","photoUrl":"","passwordHash":"fakeHash:salt=fakeSaltQvugFwADIS9rqdVcbniJ:password=123456","salt":"fakeSaltQvugFwADIS9rqdVcbniJ","passwordUpdatedAt":1689160862685,"providerUserInfo":[{"providerId":"password","email":"test@doesnotexist.com","federatedId":"test@doesnotexist.com","rawId":"test@doesnotexist.com","displayName":"","photoUrl":""}],"validSince":"1689160862","email":"test@doesnotexist.com","emailVerified":false,"disabled":false,"lastRefreshAt":"2023-07-12T11:21:09.623Z"}]}
diff --git a/test-data/auth_export/config.json b/test-data/auth_export/config.json
@@ -0,0 +1 @@
+{"signIn":{"allowDuplicateEmails":false}}
diff --git a/test-data/firebase-export-metadata.json b/test-data/firebase-export-metadata.json
@@ -0,0 +1,16 @@
+{
+  "version": "12.4.3",
+  "firestore": {
+    "version": "1.18.1",
+    "path": "firestore_export",
+    "metadata_file": "firestore_export/firestore_export.overall_export_metadata"
+  },
+  "auth": {
+    "version": "12.4.3",
+    "path": "auth_export"
+  },
+  "storage": {
+    "version": "12.4.3",
+    "path": "storage_export"
+  }
+}
diff --git a/test-data/firestore_export/all_namespaces/all_kinds/all_namespaces_all_kinds.export_metadata b/test-data/firestore_export/all_namespaces/all_kinds/all_namespaces_all_kinds.export_metadata
diff --git a/test-data/firestore_export/all_namespaces/all_kinds/output-0 b/test-data/firestore_export/all_namespaces/all_kinds/output-0
diff --git a/test-data/firestore_export/firestore_export.overall_export_metadata b/test-data/firestore_export/firestore_export.overall_export_metadata
diff --git a/test-data/storage_export/blobs/1f9c89da-f5fe-4155-8850-ce0500b40c32 b/test-data/storage_export/blobs/1f9c89da-f5fe-4155-8850-ce0500b40c32
diff --git a/test-data/storage_export/blobs/6eb9c85e-f29c-4160-8191-751658920aee b/test-data/storage_export/blobs/6eb9c85e-f29c-4160-8191-751658920aee
diff --git a/test-data/storage_export/blobs/7175f126-9a39-454f-a81d-f930d6417ebb b/test-data/storage_export/blobs/7175f126-9a39-454f-a81d-f930d6417ebb
diff --git a/test-data/storage_export/blobs/8b2b591a-bebe-42b3-b0a0-3e2752d39f62 b/test-data/storage_export/blobs/8b2b591a-bebe-42b3-b0a0-3e2752d39f62
diff --git a/test-data/storage_export/buckets.json b/test-data/storage_export/buckets.json
@@ -0,0 +1,7 @@
+{
+  "buckets": [
+    {
+      "id": "demo-test.appspot.com"
+    }
+  ]
+}
diff --git a/test-data/storage_export/metadata/1f9c89da-f5fe-4155-8850-ce0500b40c32.json b/test-data/storage_export/metadata/1f9c89da-f5fe-4155-8850-ce0500b40c32.json
@@ -0,0 +1,20 @@
+{
+  "name": "presentations/9jzgjgn3zXnbUY7eJj5h/002_2RqsUw7RZMRZMdFCw2BOi.webp",
+  "bucket": "demo-test.appspot.com",
+  "metageneration": 1,
+  "generation": 1689160590613,
+  "contentType": "image/webp",
+  "storageClass": "STANDARD",
+  "contentDisposition": "inline",
+  "cacheControl": "public, max-age=604800, immutable",
+  "downloadTokens": [
+    "72128112-dcb6-486c-9004-6c578129a247"
+  ],
+  "etag": "Pcmbnb/ia7IVvKByJiFXteq7wNs",
+  "customMetadata": {},
+  "timeCreated": "2023-07-12T11:16:30.613Z",
+  "updated": "2023-07-12T11:16:30.613Z",
+  "size": 7382,
+  "md5Hash": "c74UGqmyp7MgaaRY4uVJuw==",
+  "crc32c": "1162502542"
+}
diff --git a/test-data/storage_export/metadata/6eb9c85e-f29c-4160-8191-751658920aee.json b/test-data/storage_export/metadata/6eb9c85e-f29c-4160-8191-751658920aee.json
@@ -0,0 +1,20 @@
+{
+  "name": "presentations/9jzgjgn3zXnbUY7eJj5h/000_9TK4Ccd6MhAkvKuVI0rYa.webp",
+  "bucket": "demo-test.appspot.com",
+  "metageneration": 1,
+  "generation": 1689160590397,
+  "contentType": "image/webp",
+  "storageClass": "STANDARD",
+  "contentDisposition": "inline",
+  "cacheControl": "public, max-age=604800, immutable",
+  "downloadTokens": [
+    "0c423914-a73f-4c1a-bc96-59532b548d93"
+  ],
+  "etag": "7J1xM1VzsueiIjJCdhD8kuV211Q",
+  "customMetadata": {},
+  "timeCreated": "2023-07-12T11:16:30.397Z",
+  "updated": "2023-07-12T11:16:30.397Z",
+  "size": 12100,
+  "md5Hash": "bxARG6lhZ5e6TLkbPUgsWg==",
+  "crc32c": "1655021759"
+}
diff --git a/test-data/storage_export/metadata/7175f126-9a39-454f-a81d-f930d6417ebb.json b/test-data/storage_export/metadata/7175f126-9a39-454f-a81d-f930d6417ebb.json
@@ -0,0 +1,20 @@
+{
+  "name": "presentations/9jzgjgn3zXnbUY7eJj5h/z_kSDVjTQXem8cwS88jlP.pdf",
+  "bucket": "demo-test.appspot.com",
+  "metageneration": 1,
+  "generation": 1689160589927,
+  "contentType": "application/pdf",
+  "storageClass": "STANDARD",
+  "contentDisposition": "inline",
+  "cacheControl": "public;max-age=604800",
+  "downloadTokens": [
+    "c3344610-9fa3-49d9-acd1-b3538d046234"
+  ],
+  "etag": "kurT2U7ED0PLH2nk6CZ6X4MnlMA",
+  "customMetadata": {},
+  "timeCreated": "2023-07-12T11:16:29.927Z",
+  "updated": "2023-07-12T11:16:29.927Z",
+  "size": 18597,
+  "md5Hash": "aUyWgatDVA4L2ZuFlrvGKw==",
+  "crc32c": "327831818"
+}
diff --git a/test-data/storage_export/metadata/8b2b591a-bebe-42b3-b0a0-3e2752d39f62.json b/test-data/storage_export/metadata/8b2b591a-bebe-42b3-b0a0-3e2752d39f62.json
@@ -0,0 +1,20 @@
+{
+  "name": "presentations/9jzgjgn3zXnbUY7eJj5h/001_DKQpEpn99enBJ8cBYeCui.webp",
+  "bucket": "demo-test.appspot.com",
+  "metageneration": 1,
+  "generation": 1689160590510,
+  "contentType": "image/webp",
+  "storageClass": "STANDARD",
+  "contentDisposition": "inline",
+  "cacheControl": "public, max-age=604800, immutable",
+  "downloadTokens": [
+    "da5ca447-630b-4787-a98e-d2ab4e2ed207"
+  ],
+  "etag": "fTVOvHzTrf0uMtUGw1e3TuXNOAY",
+  "customMetadata": {},
+  "timeCreated": "2023-07-12T11:16:30.510Z",
+  "updated": "2023-07-12T11:16:30.510Z",
+  "size": 7248,
+  "md5Hash": "LuDCdu7PnOLkBgWGEfHToQ==",
+  "crc32c": "1166286266"
+}
diff --git a/test.pdf b/test.pdf
Original file line number	Diff line number	Diff line change
		@@ -0,0 +1 @@
		{"kind":"identitytoolkit#DownloadAccountResponse","users":[{"localId":"8xv74jU1Ac5srObCVP2QphcQ6emp","createdAt":"1689154854814","lastLoginAt":"1689160869623","displayName":"","photoUrl":"","passwordHash":"fakeHash:salt=fakeSaltQvugFwADIS9rqdVcbniJ:password=123456","salt":"fakeSaltQvugFwADIS9rqdVcbniJ","passwordUpdatedAt":1689160862685,"providerUserInfo":[{"providerId":"password","email":"test@doesnotexist.com","federatedId":"test@doesnotexist.com","rawId":"test@doesnotexist.com","displayName":"","photoUrl":""}],"validSince":"1689160862","email":"test@doesnotexist.com","emailVerified":false,"disabled":false,"lastRefreshAt":"2023-07-12T11:21:09.623Z"}]}