Add Firebase configuration files and settings

.firebaserc

@@ -0,0 +1,5 @@
+{
+  "projects": {
+    "default": "remix-spa-example"
+  }
+}

.github/workflows/firebase-hosting-merge.yml

@@ -0,0 +1,26 @@
+# This file was auto-generated by the Firebase CLI
+# https://github.com/firebase/firebase-tools
+
+name: Deploy to Firebase Hosting on merge
+'on':
+  push:
+    branches:
+      - main
+jobs:
+  build_and_deploy:
+    runs-on: ubuntu-latest
+    steps:
+      - uses: actions/checkout@v4
+      - uses: pnpm/[email protected]
+        name: Install pnpm
+        id: pnpm-install
+        with:
+          version: 8
+          run_install: false
+      - run: pnpm i && pnpm build
+      - uses: FirebaseExtended/action-hosting-deploy@v0
+        with:
+          repoToken: '${{ secrets.GITHUB_TOKEN }}'
+          firebaseServiceAccount: '${{ secrets.FIREBASE_SERVICE_ACCOUNT_REMIX_SPA_EXAMPLE }}'
+          channelId: live
+          projectId: remix-spa-example

.github/workflows/firebase-hosting-pull-request.yml

@@ -0,0 +1,23 @@
+# This file was auto-generated by the Firebase CLI
+# https://github.com/firebase/firebase-tools
+
+name: Deploy to Firebase Hosting on PR
+'on': pull_request
+jobs:
+  build_and_preview:
+    if: '${{ github.event.pull_request.head.repo.full_name == github.repository }}'
+    runs-on: ubuntu-latest
+    steps:
+      - uses: actions/checkout@v4
+      - uses: pnpm/[email protected]
+        name: Install pnpm
+        id: pnpm-install
+        with:
+          version: 8
+          run_install: false
+      - run: pnpm i && pnpm build
+      - uses: FirebaseExtended/action-hosting-deploy@v0
+        with:
+          repoToken: '${{ secrets.GITHUB_TOKEN }}'
+          firebaseServiceAccount: '${{ secrets.FIREBASE_SERVICE_ACCOUNT_REMIX_SPA_EXAMPLE }}'
+          projectId: remix-spa-example

.gitignore

@@ -4,3 +4,4 @@ node_modules
 /build
 /public/build
 .env
+firestore-debug.log

.vscode/settings.json

@@ -11,7 +11,7 @@
 	},
 	"editor.defaultFormatter": "biomejs.biome",
 	"editor.codeActionsOnSave": {
-		"quickfix.biome": true,
-		"source.organizeImports.biome": true
+		"quickfix.biome": "explicit",
+		"source.organizeImports.biome": "explicit"
 	}
 }

app/services/firebase.ts

@@ -0,0 +1,13 @@
+// Import the functions you need from the SDKs you need
+import { initializeApp } from 'firebase/app'
+
+const firebaseConfig = {
+  apiKey: 'AIzaSyCTNcpaBcn8bzjDGhWVpaQ6YOnZzHECwUE',
+  authDomain: 'remix-spa-example.firebaseapp.com',
+  projectId: 'remix-spa-example',
+  storageBucket: 'remix-spa-example.appspot.com',
+  messagingSenderId: '555137498198',
+  appId: '1:555137498198:web:380bd830ee347237890ff7',
+}
+
+export const app = initializeApp(firebaseConfig)

firebase.json

@@ -0,0 +1,20 @@
+{
+  "firestore": {
+    "rules": "firestore.rules",
+    "indexes": "firestore.indexes.json"
+  },
+  "hosting": {
+    "public": "public",
+    "ignore": [
+      "firebase.json",
+      "**/.*",
+      "**/node_modules/**"
+    ],
+    "rewrites": [
+      {
+        "source": "**",
+        "destination": "/index.html"
+      }
+    ]
+  }
+}

firestore.indexes.json

@@ -0,0 +1,4 @@
+{
+  "indexes": [],
+  "fieldOverrides": []
+}

firestore.rules

@@ -0,0 +1,9 @@
+rules_version = '2';
+
+service cloud.firestore {
+  match /databases/{database}/documents {
+    match /{document=**} {
+      allow read, write: if false;
+    }
+  }
+}

package.json

@@ -8,7 +8,8 @@
 		"dev": "remix vite:dev",
 		"lint": "eslint --ignore-path .gitignore --cache --cache-location ./node_modules/.cache/eslint .",
 		"start": "http-server -p 3000 build/client/",
-		"typecheck": "tsc"
+		"typecheck": "tsc",
+		"ci": "pnpm run lint && pnpm run typecheck"
 	},
 	"dependencies": {
 		"@conform-to/react": "^0.9.1",
@@ -19,6 +20,7 @@
 		"@remix-run/react": "^2.5.0",
 		"class-variance-authority": "^0.7.0",
 		"clsx": "^2.1.0",
+		"firebase": "^10.7.1",
 		"http-server": "^14.1.1",
 		"lucide-react": "^0.309.0",
 		"react": "^18.2.0",