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}
+{#each $items || [] as item}
-  <div>
+  <DbKeysTreeNode {conid} {database} {root} {item} />
-    {key.text}
-  </div>
 {/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}

plugins/dbgate-plugin-redis/src/backend/driver.js

@@ -102,6 +102,7 @@ const driver = {
           res[keySplit[rootSplit.length]] = {
             text: keySplit[rootSplit.length],
             type: 'dir',
+            root: keySplit.slice(0, rootSplit.length + 1).join(':'),
           };
         }
       }