📂 Adds filesystem service

2024-05-02 18:27:21 +02:00
parent 16481b4054
commit a82f7bcb46
9 changed files with 172 additions and 2 deletions
@@ -0,0 +1,36 @@
+<script>
+	import File from './File.svelte';
+    import FolderIcon from '~icons/mdi/folder-outline';
+    import FolderOpenOutline from '~icons/mdi/folder-open-outline';
+
+	export let expanded = false;
+	export let name;
+	export let files;
+
+	function toggle() {
+		expanded = !expanded;
+	}
+</script>
+
+<button class="flex pl-2" on:click={toggle}>
+    {#if expanded}
+        <FolderOpenOutline class="w-6 h-6" />
+    {:else}
+        <FolderIcon class="w-6 h-6" />
+    {/if}
+    {name}
+</button>
+
+{#if expanded}
+    <ul class="ml-5 border-l border-slate-600">
+        {#each Object.entries(files) as [name, content]}
+            <li class="p-1">
+                {#if typeof content == 'object'}
+					<svelte:self {name} files={content} />
+				{:else}
+					<File {name} />
+				{/if}
+			</li>
+		{/each}
+	</ul>
+{/if}