redis key tree

packages/web/src/widgets/DbKeysSubTree.svelte

@@ -1,16 +1,15 @@
 <script lang="ts">
   import { useDatabaseKeys } from '../utility/metadataLoaders';
+  import DbKeysTreeNode from './DbKeysTreeNode.svelte';
 
   export let conid;
   export let database;
 
   export let root;
 
-  $: keys = useDatabaseKeys({ conid, database, root });
+  $: items = useDatabaseKeys({ conid, database, root });
 </script>
 
-{#each $keys || [] as key}
-  <div>
-    {key.text}
-  </div>
+{#each $items || [] as item}
+  <DbKeysTreeNode {conid} {database} {root} {item} />
 {/each}

packages/web/src/widgets/DbKeysTreeNode.svelte

@@ -0,0 +1,20 @@
+<script lang="ts">
+  import DbKeysSubTree from './DbKeysSubTree.svelte';
+
+  export let conid;
+  export let database;
+
+  export let root;
+
+  export let item;
+
+  let isExpanded;
+</script>
+
+<div on:click={() => (isExpanded = !isExpanded)}>
+  {item.text}
+</div>
+
+{#if isExpanded}
+  <DbKeysSubTree {conid} {database} root={item.root} />
+{/if}