From 33062da66dd70a16878f2e20d0980d58d29a9f7f Mon Sep 17 00:00:00 2001
From: Jan Prochazka <jan.prochazka@gmail.com>
Date: Mon, 5 Apr 2021 09:09:08 +0200
Subject: [PATCH] json tree - allow expand root

---
 packages/web/src/json-tree/JSONNode.svelte | 17 +++++++++++++++--
 packages/web/src/json-tree/JSONTree.svelte | 14 +++++++++-----
 2 files changed, 24 insertions(+), 7 deletions(-)

diff --git a/packages/web/src/json-tree/JSONNode.svelte b/packages/web/src/json-tree/JSONNode.svelte
index f42a756d7..828a0306a 100644
--- a/packages/web/src/json-tree/JSONNode.svelte
+++ b/packages/web/src/json-tree/JSONNode.svelte
@@ -8,7 +8,11 @@
   import ErrorNode from './ErrorNode.svelte';
   import objType from './objType';
 
-  export let key, value, isParentExpanded, isParentArray;
+  export let key,
+    value,
+    isParentExpanded,
+    isParentArray,
+    expanded = false;
   $: nodeType = objType(value);
   $: componentType = getComponent(nodeType);
   $: valueGetter = getValueGetter(nodeType);
@@ -62,4 +66,13 @@
   }
 </script>
 
-<svelte:component this={componentType} {key} {value} {isParentExpanded} {isParentArray} {nodeType} {valueGetter} />
\ No newline at end of file
+<svelte:component
+  this={componentType}
+  {key}
+  {value}
+  {isParentExpanded}
+  {isParentArray}
+  {nodeType}
+  {valueGetter}
+  {expanded}
+/>
diff --git a/packages/web/src/json-tree/JSONTree.svelte b/packages/web/src/json-tree/JSONTree.svelte
index 7d3e6cfde..2c56e06cb 100644
--- a/packages/web/src/json-tree/JSONTree.svelte
+++ b/packages/web/src/json-tree/JSONTree.svelte
@@ -5,8 +5,14 @@
 
   setContext(contextKey, {});
 
-  export let key = '', value;
+  export let key = '',
+    value;
 </script>
+
+<ul>
+  <JSONNode {key} {value} isParentExpanded={true} isParentArray={false} expanded={true} />
+</ul>
+
 <style>
   ul {
     --string-color: var(--json-tree-string-color, #cb3f41);
@@ -30,11 +36,9 @@
     display: var(--li-display, list-item);
     list-style: none;
   }
-  ul, ul :global(ul) {
+  ul,
+  ul :global(ul) {
     padding: 0;
     margin: 0;
   }
 </style>
-<ul>
-  <JSONNode {key} {value} isParentExpanded={true} isParentArray={false} />
-</ul>