debug: show debugging information, more chunks, wait between chunks

WelcometoMyGarden · Mar 13, 2024 · 5c66204 · 5c66204
1 parent 06df037
commit 5c66204
Show file tree

Hide file tree

Showing 2 changed files with 20 additions and 1 deletion.
diff --git a/src/lib/api/garden.ts b/src/lib/api/garden.ts
@@ -42,7 +42,7 @@ export const getGarden = async (id: string) => {
 };
 
 export const getAllListedGardens = async () => {
-  const CHUNK_SIZE = 1000;
+  const CHUNK_SIZE = 500;
   // To prevent endless loops in case of unexpected problems or bugs
   // Note: this leads to the loop breaking once this number of gardens is reached!
   const LOOP_LIMIT_ITEMS = 100000;
@@ -79,6 +79,9 @@ export const getAllListedGardens = async () => {
     allGardens.update((existingGardens) =>
       Object.assign(!existingGardens ? {} : existingGardens, newGardens)
     );
+
+    // Wait 2 seconds before fetching the next chunk
+    await new Promise<void>((resolve) => setTimeout(() => resolve(), 2000));
   } while (startAfterDoc != null && iteration < LOOP_LIMIT_ITEMS / CHUNK_SIZE);
 
   isFetchingGardens.set(false);

diff --git a/src/routes/explore/+layout.svelte b/src/routes/explore/+layout.svelte
@@ -132,6 +132,8 @@
     carNoticeShown = false;
   };
 
+  let fetchError = '';
+
   // LIFECYCLE HOOKS
 
   onMount(async () => {
@@ -151,6 +153,7 @@
         await getAllListedGardens();
       } catch (ex) {
         console.error(ex);
+        fetchError = 'Error' + ex;
         isFetchingGardens.set(false);
       }
     }
@@ -210,6 +213,10 @@
     <FileTrails />
     <TrainconnectionsLayer />
     <ZoomRestrictionNotice />
+    <div class="garden-debug">
+      {Object.keys($allGardens).length} gardens
+      {fetchError}
+    </div>
   </Map>
   <LayersAndTools
     bind:showHiking
@@ -234,6 +241,15 @@
 </div>
 
 <style>
+  .garden-debug {
+    font-size: 2rem;
+    position: absolute;
+    bottom: 50%;
+    right: 0;
+    background: white;
+    padding: 0.5rem;
+  }
+
   .map-section {
     width: 100%;
     height: 100%;