feat: add TreeItemState.path property (#98)

abdel-17 · web-flow · commit ae8ce5bb94ae · 2025-12-03T01:47:34.000+02:00
* feat: add `TreeItemState.path` property

* chore: add changeset
diff --git a/.changeset/icy-llamas-prove.md b/.changeset/icy-llamas-prove.md
@@ -0,0 +1,5 @@
+---
+"svelte-file-tree": minor
+---
+
+feat: add `TreeItemState.path` property
diff --git a/packages/svelte-file-tree/src/lib/tree.svelte.ts b/packages/svelte-file-tree/src/lib/tree.svelte.ts
@@ -97,4 +97,12 @@ export class TreeItemState<
 	}
 
 	readonly type = "item";
+
+	readonly path: string = $derived.by(() => {
+		const parent = this.parent;
+		if (parent === undefined) {
+			return this.node.name;
+		}
+		return `${parent.path}/${this.node.name}`;
+	});
 }

-Original file line number
+Diff line change
@@ @@ -0,0 +1,5 @@ @@
 +---
 +"svelte-file-tree": minor
 +---
++
 +feat: add `TreeItemState.path` property
Original file line number	Diff line number	Diff line change
`@@ -97,4 +97,12 @@ export class TreeItemState<`
`97`	`97`	`}`
`98`	`98`
`99`	`99`	`readonly type = "item";`
	`100`	`+`
	`101`	`+ readonly path: string = $derived.by(() => {`
	`102`	`+ const parent = this.parent;`
	`103`	`+ if (parent === undefined) {`
	`104`	`+ return this.node.name;`
	`105`	`+ }`
	`106`	+ return `${parent.path}/${this.node.name}`;
	`107`	`+ });`
`100`	`108`	`}`