Add a dump all stores button to the UI

ssciwr · Jul 22, 2024 · ffb20e0 · ffb20e0
1 parent 6d654e2
commit ffb20e0
Showing 1 changed file with 12 additions and 0 deletions.
diff --git a/src/App.svelte b/src/App.svelte
@@ -1,5 +1,6 @@
 <script>
   import { Button, Heading, Input, Label, MultiSelect, Select } from "flowbite-svelte";
+  import { assetStore, easydbInstanceStore, easydbInstanceDataStore, easydbInstanceDataPromiseStore, uuidStore } from "./lib/stores";
   import EasyDbDetailView from "./components/EasyDBDetailView.svelte";
 
   let uuid = "859e2318-32f6-4013-8468-ef8cec0b581b";
@@ -12,6 +13,14 @@
   ];
   let selected_app_language = 'de-DE';
   let selected_data_languages = ['de-DE', 'en-US'];
+
+  function dumpStores() {
+    console.log("assetStore: ", $assetStore);
+    console.log("easydbInstanceStore: ", $easydbInstanceStore);
+    console.log("easydbInstanceDataStore: ", $easydbInstanceDataStore);
+    console.log("easydbInstanceDataPromiseStore: ", $easydbInstanceDataPromiseStore);
+    console.log("uuidStore: ", $uuidStore);
+  }
 </script>
 
 <main class="container mx-auto">
@@ -71,6 +80,9 @@
         </Label>
         <Input bind:value={mask} />
       </div>
+      <div class="space-y-2 p-4">
+        <Button on:click={dumpStores} class="w-full">Dump all stores to the console (Debugging)</Button>
+      </div>
     </div>
     <div class="w-1/2 p-4 border border-gray-300">
       <EasyDbDetailView uuid={uuid} appLanguage={selected_app_language} dataLanguages={selected_data_languages} easydbInstance={instance} mask={mask}/>