From 51213faa7ef9f9c785aa31b5666d12ef3a85e052 Mon Sep 17 00:00:00 2001
From: vcoppe <vianney.coppe@gmail.com>
Date: Fri, 17 May 2024 12:20:46 +0200
Subject: [PATCH] file collapsible closed by default

---
 .../src/lib/components/collapsible-tree/CollapsibleTree.svelte | 2 ++
 .../lib/components/collapsible-tree/CollapsibleTreeNode.svelte | 3 ++-
 website/src/lib/components/file-list/FileListItem.svelte       | 2 +-
 3 files changed, 5 insertions(+), 2 deletions(-)

diff --git a/website/src/lib/components/collapsible-tree/CollapsibleTree.svelte b/website/src/lib/components/collapsible-tree/CollapsibleTree.svelte
index 50c506e1..4b2834df 100644
--- a/website/src/lib/components/collapsible-tree/CollapsibleTree.svelte
+++ b/website/src/lib/components/collapsible-tree/CollapsibleTree.svelte
@@ -2,12 +2,14 @@
 	import { setContext } from 'svelte';
 	import { writable } from 'svelte/store';
 
+	export let defaultState: 'open' | 'closed' = 'closed';
 	export let side: 'left' | 'right' = 'right';
 	export let margin: number = 1;
 	export let nohover: boolean = false;
 
 	let open = writable<Record<string, boolean>>({});
 
+	setContext('collapsible-tree-default-state', defaultState);
 	setContext('collapsible-tree-state', open);
 	setContext('collapsible-tree-side', side);
 	setContext('collapsible-tree-margin', margin);
diff --git a/website/src/lib/components/collapsible-tree/CollapsibleTreeNode.svelte b/website/src/lib/components/collapsible-tree/CollapsibleTreeNode.svelte
index 12527bbd..f57d0c89 100644
--- a/website/src/lib/components/collapsible-tree/CollapsibleTreeNode.svelte
+++ b/website/src/lib/components/collapsible-tree/CollapsibleTreeNode.svelte
@@ -7,6 +7,7 @@
 
 	export let id: string;
 
+	let defaultState = getContext<'open' | 'closed'>('collapsible-tree-default-state');
 	let open = getContext<Writable<Record<string, boolean>>>('collapsible-tree-state');
 	let side = getContext<'left' | 'right'>('collapsible-tree-side');
 	let margin = getContext<number>('collapsible-tree-margin');
@@ -14,7 +15,7 @@
 
 	open.update((value) => {
 		if (!value.hasOwnProperty(id)) {
-			value[id] = true;
+			value[id] = defaultState === 'open';
 		}
 		return value;
 	});
diff --git a/website/src/lib/components/file-list/FileListItem.svelte b/website/src/lib/components/file-list/FileListItem.svelte
index 6137fc0f..85da4c18 100644
--- a/website/src/lib/components/file-list/FileListItem.svelte
+++ b/website/src/lib/components/file-list/FileListItem.svelte
@@ -9,7 +9,7 @@
 </script>
 
 {#if $file}
-	<CollapsibleTree side="left" margin={4}>
+	<CollapsibleTree side="left" margin={4} defaultState="closed">
 		<FileListNode node={$file.file} id={$file.file._data.id} />
 	</CollapsibleTree>
 {/if}