add error and with site

Author: codercatdev

Diff for: .firebaserc

@@ -5,8 +5,11 @@
   "targets": {
     "ccd-firebase-app-check": {
       "hosting": {
+        "default": [
+          "ccd-firebase-app-check-not"
+        ],
         "with": [
-          "ccd-firebase-app-check"
+          "ccd-firebase-app-check-with"
         ],
         "without": [
           "ccd-firebase-app-check-without"

Diff for: firebase.json

@@ -4,6 +4,21 @@
     "indexes": "firestore.indexes.json"
   },
   "hosting": [
+    {
+      "target": "default",
+      "public": "dist",
+      "ignore": [
+        "firebase.json",
+        "**/.*",
+        "**/node_modules/**"
+      ],
+      "rewrites": [
+        {
+          "source": "**",
+          "destination": "/index.html"
+        }
+      ]
+    },
     {
       "target": "with",
       "public": "dist",

Diff for: src/lib/CounterReader.svelte

@@ -16,14 +16,18 @@
   const q = query(collection(db, "counts"), orderBy("date", "desc"), limit(5));
 
   $: counts = [];
-
-  const unsubscribe = onSnapshot(q, (querySnapshot) => {
-    const allCounts = [];
-    querySnapshot.forEach((doc) => {
-      allCounts.push({ id: doc.id, ...doc.data() });
-    });
-    counts = allCounts;
-  });
+  $: error = "";
+  const unsubscribe = onSnapshot(
+    q,
+    (querySnapshot) => {
+      const allCounts = [];
+      querySnapshot.forEach((doc) => {
+        allCounts.push({ id: doc.id, ...doc.data() });
+      });
+      counts = allCounts;
+    },
+    (e) => (error = e.message)
+  );
 
   onDestroy(() => {
     unsubscribe();
@@ -44,6 +48,11 @@
       <div><span>Count: </span><span>{count.count}</span></div>
     </div>
   {/each}
+  {#if error}
+    <div class="error">
+      {error}
+    </div>
+  {/if}
 </section>
 
 <style>
@@ -67,4 +76,9 @@
     font-family: inherit;
     background-color: #2f2f2f;
   }
+  .error {
+    background-color: red;
+    font-size: 2rem;
+    padding: 1rem;
+  }
 </style>