@cocoar/vue-file-explorer-core 2.6.0

package/dist/index.js

@@ -0,0 +1,751 @@
+import { computed as e, nextTick as t, onScopeDispose as n, ref as r, shallowRef as i, toValue as a, watch as o } from "vue";
+//#region src/create-asset-store.ts
+function s(e) {
+	let t = {
+		loadTree: e.loadTree,
+		loadContent: e.loadContent,
+		createFolder: e.createFolder,
+		createFile: e.createFile,
+		uploadFile: e.uploadFile,
+		save: e.save,
+		rename: e.rename,
+		delete: e.delete,
+		move: e.move
+	};
+	return e.loadChildren && (t.loadChildren = e.loadChildren), t;
+}
+function c(t = {}) {
+	let { initialTree: n = [], initialContent: i = {}, latencyMs: o = 0, failureRate: s = 0, idFactory: c = () => crypto.randomUUID(), lazy: l = !1, onConflict: u = "rename" } = t, d = r([...n]), f = r(new Set(l ? n.filter((e) => e.parentId === null).map((e) => e.id) : n.map((e) => e.id))), p = e(() => d.value.filter((e) => f.value.has(e.id))), m = new Map(Object.entries(i));
+	async function h(e, t) {
+		let n = a(o);
+		n > 0 && await new Promise((e) => setTimeout(e, n));
+		let r = a(s);
+		if (r > 0 && Math.random() < r) throw Error(`[InMemoryAssetStore] simulated failure in ${e}`);
+		return t();
+	}
+	function g(e) {
+		return d.value.findIndex((t) => t.id === e);
+	}
+	function _(e, t) {
+		let n = g(e);
+		if (n < 0) throw Error(`[InMemoryAssetStore] ${t}: asset ${e} not found`);
+		return d.value[n];
+	}
+	function v(e) {
+		return d.value.filter((t) => t.parentId === e);
+	}
+	function y(e, t) {
+		return new Set(d.value.filter((n) => n.parentId === e && n.id !== t).map((e) => e.name));
+	}
+	function b(e) {
+		let t = new Set([e]), n = !0;
+		for (; n;) {
+			n = !1;
+			for (let e of d.value) e.parentId && t.has(e.parentId) && !t.has(e.id) && (t.add(e.id), n = !0);
+		}
+		return t;
+	}
+	function x(e) {
+		return e.map((e) => e.kind === "folder" ? {
+			...e,
+			hasChildren: d.value.some((t) => t.parentId === e.id)
+		} : e);
+	}
+	function S(e) {
+		let t = new Set(f.value);
+		for (let n of e) t.add(n);
+		f.value = t;
+	}
+	function C(e) {
+		let t = new Set(f.value);
+		for (let n of e) t.delete(n);
+		f.value = t;
+	}
+	function w(e, t) {
+		let n = y(e);
+		if (!n.has(t)) return t;
+		let r = t.lastIndexOf("."), [i, a] = r > 0 ? [t.slice(0, r), t.slice(r)] : [t, ""];
+		for (let e = 2; e < 1e3; e++) {
+			let t = `${i} (${e})${a}`;
+			if (!n.has(t)) return t;
+		}
+		return `${i} (${crypto.randomUUID()})${a}`;
+	}
+	async function T(e, t, n) {
+		if (!y(e).has(t)) return t;
+		let r = a(u), i = d.value.find((n) => n.parentId === e && n.name === t), o = w(e, t), s;
+		if (r === "rename") s = {
+			action: "rename",
+			newName: o
+		};
+		else if (r === "overwrite") s = { action: "overwrite" };
+		else if (r === "prompt") {
+			let e = window.prompt(`"${t}" already exists. Use a different name?`, o);
+			s = e ? {
+				action: "rename",
+				newName: e.trim()
+			} : { action: "cancel" };
+		} else s = r === "error" ? { action: "cancel" } : await r({
+			existing: i,
+			incoming: {
+				name: t,
+				kind: n
+			},
+			parentId: e,
+			suggestedRename: o
+		});
+		if (s.action === "cancel") return null;
+		if (s.action === "overwrite") {
+			let e = b(i.id);
+			d.value = d.value.filter((t) => !e.has(t.id)), C(e);
+			for (let t of e) m.delete(t);
+			return t;
+		}
+		return T(e, s.newName, n);
+	}
+	let E = {
+		_assets: p,
+		_contents: m,
+		async loadTree() {
+			return h("loadTree", () => {
+				if (l) {
+					let e = d.value.filter((e) => e.parentId === null);
+					return S(e.map((e) => e.id)), x(e);
+				}
+				return x(d.value);
+			});
+		},
+		async loadContent(e) {
+			return h("loadContent", () => {
+				_(e, "loadContent");
+				let t = m.get(e);
+				if (t === void 0) throw Error(`[InMemoryAssetStore] loadContent: no content for ${e}`);
+				return t;
+			});
+		},
+		async createFolder(e, t) {
+			let n = await T(e, t, "folder");
+			if (n === null) throw Error(`[InMemoryAssetStore] createFolder: "${t}" already exists in this folder`);
+			return h("createFolder", () => {
+				let t = {
+					id: c(),
+					name: n,
+					kind: "folder",
+					parentId: e
+				};
+				return d.value.push(t), S([t.id]), t;
+			});
+		},
+		async createFile(e, t) {
+			let n = await T(e, t, "file");
+			if (n === null) throw Error(`[InMemoryAssetStore] createFile: "${t}" already exists in this folder`);
+			return h("createFile", () => {
+				let t = {
+					id: c(),
+					name: n,
+					kind: "file",
+					parentId: e
+				};
+				return d.value.push(t), S([t.id]), m.set(t.id, ""), t;
+			});
+		},
+		async uploadFile(e, t) {
+			let n = await T(e, t.name, "file");
+			if (n === null) throw Error(`[InMemoryAssetStore] uploadFile: "${t.name}" already exists in this folder`);
+			return h("uploadFile", () => {
+				let t = {
+					id: c(),
+					name: n,
+					kind: "file",
+					parentId: e
+				};
+				return d.value.push(t), S([t.id]), t;
+			});
+		},
+		async save(e, t) {
+			return h("save", () => {
+				_(e, "save"), m.set(e, t);
+			});
+		},
+		async rename(e, t) {
+			return h("rename", () => {
+				let n = _(e, "rename");
+				if (n.name !== t) {
+					if (y(n.parentId, e).has(t)) throw Error(`[InMemoryAssetStore] rename: "${t}" already exists in this folder`);
+					n.name = t;
+				}
+			});
+		},
+		async delete(e) {
+			return h("delete", () => {
+				_(e, "delete");
+				let t = b(e);
+				d.value = d.value.filter((e) => !t.has(e.id)), C(t);
+				for (let e of t) m.delete(e);
+			});
+		},
+		async move(e, t, n) {
+			return h("move", () => {
+				let r = _(e, "move");
+				if (t !== null && b(e).has(t)) throw Error(`[InMemoryAssetStore] move: cannot move ${e} into its own descendant`);
+				if (r.parentId !== t && y(t).has(r.name)) throw Error(`[InMemoryAssetStore] move: "${r.name}" already exists in destination folder`);
+				r.parentId = t;
+				let i = g(e);
+				d.value.splice(i, 1);
+				let a = v(t), o = n ?? a.length;
+				if (o <= 0) {
+					let e = a.length ? d.value.indexOf(a[0]) : d.value.length;
+					d.value.splice(e, 0, r);
+				} else if (o >= a.length) {
+					let e = a[a.length - 1], t = e ? d.value.indexOf(e) : -1;
+					d.value.splice(t + 1, 0, r);
+				} else {
+					let e = a[o];
+					d.value.splice(d.value.indexOf(e), 0, r);
+				}
+			});
+		}
+	};
+	return l && (E.loadChildren = async (e) => h("loadChildren", () => {
+		let t = d.value.filter((t) => t.parentId === e);
+		return S(t.map((e) => e.id)), x(t);
+	})), E;
+}
+//#endregion
+//#region src/file-meta.ts
+function l(e) {
+	let t = e.toLowerCase(), n = t.split(".").pop() ?? "";
+	if (n === "md" || n === "markdown") return { editor: "markdown" };
+	if (n === "pdf") return { editor: "pdf" };
+	if ([
+		"png",
+		"jpg",
+		"jpeg",
+		"gif",
+		"svg",
+		"webp",
+		"bmp",
+		"avif"
+	].includes(n)) return { editor: "image" };
+	let r = (e) => ({
+		editor: "script",
+		language: e
+	});
+	return n === "ts" || n === "tsx" ? r("typescript") : n === "js" || n === "jsx" || n === "mjs" || n === "cjs" ? r("javascript") : n === "json" || n === "jsonc" ? r("json") : n === "yml" || n === "yaml" ? r("yaml") : n === "css" || n === "scss" || n === "less" ? r("css") : n === "html" || n === "htm" ? r("html") : n === "xml" ? r("xml") : n === "sql" ? r("sql") : n === "sh" || n === "bash" || n === "zsh" || n === "fish" ? r("shell") : n === "ini" || n === "toml" ? r("ini") : t === "dockerfile" || t.endsWith(".dockerfile") ? r("dockerfile") : n === "cs" ? r("csharp") : n === "cpp" || n === "cxx" || n === "cc" || n === "hpp" || n === "hxx" || n === "hh" ? r("cpp") : n === "c" || n === "h" ? r("c") : n === "java" ? r("java") : n === "py" || n === "pyw" ? r("python") : n === "go" ? r("go") : n === "rs" ? r("rust") : n === "rb" ? r("ruby") : n === "php" || n === "phtml" ? r("php") : n === "swift" ? r("swift") : n === "kt" || n === "kts" ? r("kotlin") : n === "scala" || n === "sc" ? r("scala") : n === "lua" ? r("lua") : n === "pl" || n === "pm" ? r("perl") : n === "dart" ? r("dart") : n === "fs" || n === "fsx" || n === "fsi" ? r("fsharp") : n === "vb" ? r("vb") : n === "r" ? r("r") : n === "ps1" || n === "psm1" ? r("powershell") : n === "m" || n === "mm" ? r("objective-c") : n === "sol" ? r("solidity") : n === "proto" ? r("protobuf") : n === "graphql" || n === "gql" ? r("graphql") : n === "cshtml" || n === "razor" ? r("razor") : n === "pug" || n === "jade" ? r("pug") : n === "hbs" || n === "handlebars" ? r("handlebars") : n === "twig" ? r("twig") : [
+		"txt",
+		"log",
+		"env",
+		"conf",
+		"cfg",
+		"gitignore",
+		"editorconfig",
+		"npmrc",
+		"nvmrc",
+		"csv",
+		"tsv"
+	].includes(n) || t.indexOf(".") === -1 ? r("plaintext") : null;
+}
+function u(e, t) {
+	let n = d(e, t);
+	return n ? n.editor === "script" && !n.language ? {
+		...n,
+		language: "plaintext"
+	} : n : null;
+}
+function d(e, t) {
+	return e.editor ? {
+		editor: e.editor,
+		language: e.language
+	} : t?.getFileMeta?.(e) || l(e.name);
+}
+//#endregion
+//#region src/describe-asset.ts
+var f = {
+	script: "Script",
+	markdown: "Markdown",
+	pdf: "PDF",
+	image: "Image"
+}, p = {
+	typescript: "TypeScript",
+	javascript: "JavaScript",
+	json: "JSON",
+	html: "HTML",
+	css: "CSS",
+	scss: "SCSS",
+	less: "Less",
+	yaml: "YAML",
+	xml: "XML",
+	sql: "SQL",
+	shell: "Shell",
+	python: "Python",
+	csharp: "C#",
+	cpp: "C++",
+	c: "C",
+	java: "Java",
+	go: "Go",
+	rust: "Rust",
+	ruby: "Ruby",
+	php: "PHP",
+	ini: "INI",
+	dockerfile: "Dockerfile",
+	plaintext: "Plain text"
+};
+function m(e) {
+	let t = e.lastIndexOf(".");
+	return t > 0 ? e.slice(t) : "";
+}
+function h(e, t) {
+	let n = [{
+		key: "name",
+		label: "Name",
+		value: e.name
+	}];
+	if (e.kind === "folder") n.push({
+		key: "type",
+		label: "Type",
+		value: "Folder"
+	});
+	else {
+		let r = t.meta?.editor;
+		if (n.push({
+			key: "type",
+			label: "Type",
+			value: r ? f[r] : "File"
+		}), r === "script" && t.meta?.language) {
+			let e = t.meta.language;
+			n.push({
+				key: "language",
+				label: "Language",
+				value: p[e] ?? e
+			});
+		}
+		let i = m(e.name);
+		i && n.push({
+			key: "extension",
+			label: "Extension",
+			value: i
+		});
+	}
+	return t.path.length > 1 && n.push({
+		key: "path",
+		label: "Path",
+		value: t.path.join(" / ")
+	}), n;
+}
+//#endregion
+//#region src/use-file-explorer.ts
+function g(s) {
+	let { store: c, onError: l, getFileMeta: d, confirm: f = window.confirm.bind(window) } = s, p = (e, t, n = {}) => {
+		l?.(e, t, n);
+	}, m = r([]), g = c._assets, _ = g !== void 0, v = g ?? m, y = r(!1), b = (e) => {
+		if (_ || e.length === 0) return;
+		let t = /* @__PURE__ */ new Map();
+		for (let e of m.value) t.set(e.id, e);
+		for (let n of e) t.set(n.id, n);
+		m.value = Array.from(t.values());
+	}, x = (e) => {
+		_ || (m.value = [...e]);
+	}, S = (e) => {
+		_ || e.size === 0 || (m.value = m.value.filter((t) => !e.has(t.id)));
+	}, C = (e, t) => {
+		_ || (m.value = m.value.map((n) => n.id === e ? {
+			...n,
+			...t
+		} : n));
+	}, w = e(() => a(s.sortMode) ?? "folders-first"), T = e(() => w.value === "manual"), E = (e) => e === "manual" ? null : typeof e == "function" ? e : e === "alphabetical" ? (e, t) => e.name.localeCompare(t.name) : (e, t) => {
+		let n = Number(t.kind === "folder") - Number(e.kind === "folder");
+		return n === 0 ? e.name.localeCompare(t.name) : n;
+	}, D = (e) => {
+		let t = v.value.filter((t) => t.parentId === e), n = E(w.value);
+		return n ? t.sort(n) : t;
+	}, ee = e(() => D(null)), te = (e) => e.id, ne = (e) => e.kind === "folder" ? D(e.id) : void 0, O = (e) => e.name, re = (e) => e.kind === "folder" && e.hasChildren !== !1, k = "loadChildren" in c && typeof c.loadChildren == "function", ie = s.initialExpandedIds ?? (k ? [] : v.value.filter((e) => e.parentId === null && e.kind === "folder").map((e) => e.id)), A = r(new Set(ie)), j = r(null), M = r(/* @__PURE__ */ new Set()), N = r(/* @__PURE__ */ new Set()), P = (e, t, n) => {
+		let r = new Set(e.value);
+		n ? r.add(t) : r.delete(t), e.value = r;
+	}, F = i([]), I = r(null), ae = e(() => F.value.find((e) => e.id === I.value) ?? null), L = (e) => e.content !== e.savedContent, R = e(() => F.value.some(L)), z = (e) => v.value.find((t) => t.id === e) ?? null, oe = e(() => j.value ? z(j.value) : null), se = (e) => {
+		let t = new Set([e]), n = !0;
+		for (; n;) {
+			n = !1;
+			for (let e of v.value) e.parentId && t.has(e.parentId) && !t.has(e.id) && (t.add(e.id), n = !0);
+		}
+		return t;
+	}, B = (e) => u(e, { getFileMeta: d }), ce = (e) => h(e, {
+		meta: e.kind === "file" ? B(e) : null,
+		path: Y(e.id)
+	}), V = /* @__PURE__ */ new Set(), H = async (e) => {
+		let t = u({
+			id: "",
+			name: e.name,
+			kind: "file",
+			parentId: null
+		}, { getFileMeta: d });
+		if (!t) return console.warn(`[file-explorer] Unsupported file type: ${e.name}`), null;
+		if (t.editor === "pdf" || t.editor === "image") {
+			let n = URL.createObjectURL(e);
+			return V.add(n), {
+				content: n,
+				editor: t.editor
+			};
+		}
+		return {
+			content: await e.text(),
+			editor: t.editor
+		};
+	}, U = async (e, t) => {
+		try {
+			let n = await c.createFolder(e, t);
+			return b([n]), e && (A.value = new Set(A.value).add(e)), n;
+		} catch (n) {
+			return p("createFolder", n, {
+				parentId: e,
+				name: t
+			}), null;
+		}
+	}, W = async (e, t) => {
+		let n = Array.from(t), r = !1;
+		for (let t of n) {
+			let n = await H(t);
+			if (!n) continue;
+			let i;
+			try {
+				i = await c.uploadFile(e, t);
+			} catch (n) {
+				p("uploadFile", n, {
+					parentId: e,
+					file: t
+				});
+				continue;
+			}
+			b([i]), P(N, i.id, !0);
+			try {
+				await c.save(i.id, n.content), r = !0;
+			} catch (e) {
+				p("save", e, {
+					id: i.id,
+					name: i.name
+				});
+			} finally {
+				P(N, i.id, !1);
+			}
+		}
+		r && e && (A.value = new Set(A.value).add(e));
+	}, le = async (e) => {
+		let t = se(e.id);
+		for (let e of t) {
+			let t = c._contents?.get(e);
+			typeof t == "string" && V.has(t) && (URL.revokeObjectURL(t), V.delete(t));
+		}
+		t.size > 0 && (F.value = F.value.filter((e) => !t.has(e.id)), I.value && t.has(I.value) && (I.value = F.value[0]?.id ?? null)), P(N, e.id, !0);
+		try {
+			await c.delete(e.id), S(t);
+		} catch (t) {
+			p("delete", t, {
+				id: e.id,
+				name: e.name
+			});
+		} finally {
+			P(N, e.id, !1);
+		}
+	}, G = async (e) => {
+		let { source: t, target: n, position: r } = e, i = T.value;
+		P(N, t.id, !0);
+		try {
+			if (!n) {
+				await c.move(t.id, null), C(t.id, { parentId: null });
+				return;
+			}
+			if (r === "inside") {
+				if (n.kind !== "folder") return;
+				await c.move(t.id, n.id), C(t.id, { parentId: n.id }), A.value = new Set(A.value).add(n.id);
+				return;
+			}
+			if (!i) {
+				await c.move(t.id, n.parentId), C(t.id, { parentId: n.parentId });
+				return;
+			}
+			let e = v.value.filter((e) => e.parentId === n.parentId && e.id !== t.id).findIndex((e) => e.id === n.id), a = r === "before" ? e : e + 1;
+			await c.move(t.id, n.parentId, a), _ || await Q();
+		} catch (e) {
+			p("move", e, {
+				id: t.id,
+				name: t.name
+			});
+		} finally {
+			P(N, t.id, !1);
+		}
+	}, ue = async (e, t) => {
+		let n = z(e);
+		if (!(!n || n.name === t)) {
+			P(N, e, !0);
+			try {
+				await c.rename(e, t), C(e, { name: t });
+			} catch (n) {
+				p("rename", n, {
+					id: e,
+					name: t
+				});
+				return;
+			} finally {
+				P(N, e, !1);
+			}
+			if (n.kind === "file") {
+				let r = F.value.findIndex((t) => t.id === e);
+				if (r >= 0) {
+					let e = u(n, { getFileMeta: d }), i = F.value.slice();
+					i[r] = {
+						...i[r],
+						name: t,
+						editor: e?.editor ?? i[r].editor,
+						language: e?.language
+					}, F.value = i;
+				}
+			}
+		}
+	}, K = (e) => {
+		let t = F.value.findIndex((t) => t.id === e);
+		if (t < 0 || F.value[t].pinned) return;
+		let n = F.value.slice();
+		n[t] = {
+			...n[t],
+			pinned: !0
+		}, F.value = n;
+	}, de = (e, t, n) => {
+		if (e === t) return;
+		let r = F.value, i = r.findIndex((t) => t.id === e), a = r.findIndex((e) => e.id === t);
+		if (i < 0 || a < 0) return;
+		let o = r.slice(), [s] = o.splice(i, 1), c = i < a ? a - 1 : a, l = n === "before" ? c : c + 1;
+		o.splice(l, 0, s), F.value = o;
+	}, fe = (e) => {
+		let t = F.value.findIndex((t) => t.id === e);
+		if (t < 0 || !F.value[t].pinned) return;
+		let n = F.value.filter((t) => t.pinned || t.id === e), r = n.findIndex((t) => t.id === e);
+		n[r] = {
+			...n[r],
+			pinned: !1
+		}, F.value = n;
+	}, pe = (e, t) => {
+		let n = F.value.findIndex((t) => t.id === e);
+		if (n < 0) return;
+		let r = F.value.slice(), i = !r[n].pinned, a = t !== r[n].savedContent;
+		r[n] = {
+			...r[n],
+			content: t,
+			pinned: i && a ? !0 : r[n].pinned
+		}, F.value = r;
+	}, q = async (e, t = { pinned: !1 }) => {
+		let n = F.value.findIndex((t) => t.id === e.id);
+		if (n >= 0) {
+			t.pinned && !F.value[n].pinned && K(e.id), I.value = e.id;
+			return;
+		}
+		let r = u(e, { getFileMeta: d });
+		if (!r) {
+			console.warn(`[file-explorer] No editor available for ${e.name}`);
+			return;
+		}
+		let i = {
+			id: e.id,
+			name: e.name,
+			editor: r.editor,
+			language: r.language,
+			content: "",
+			savedContent: "",
+			pinned: t.pinned
+		};
+		if (t.pinned) F.value = [...F.value, i];
+		else {
+			let e = F.value.findIndex((e) => !e.pinned), t = F.value.slice();
+			e >= 0 ? t.splice(e, 1, i) : t.push(i), F.value = t;
+		}
+		I.value = e.id;
+		let a;
+		P(M, e.id, !0);
+		try {
+			a = await c.loadContent(e.id);
+		} catch (t) {
+			p("loadContent", t, {
+				id: e.id,
+				name: e.name
+			}), F.value = F.value.filter((t) => t.id !== e.id), I.value === e.id && (I.value = F.value[F.value.length - 1]?.id ?? null);
+			return;
+		} finally {
+			P(M, e.id, !1);
+		}
+		let o = typeof a == "string" ? a : "", s = F.value.findIndex((t) => t.id === e.id);
+		if (s >= 0) {
+			let e = F.value.slice();
+			e[s] = {
+				...e[s],
+				content: o,
+				savedContent: o
+			}, F.value = e;
+		}
+	}, me = (e) => {
+		e.kind === "file" && q(e, { pinned: !0 });
+	}, J = async (e) => {
+		let t = F.value.findIndex((t) => t.id === e);
+		if (t < 0) return !1;
+		let n = F.value[t];
+		if (!L(n)) return !0;
+		P(N, e, !0);
+		try {
+			await c.save(n.id, n.content);
+		} catch (t) {
+			return p("save", t, {
+				id: e,
+				name: n.name
+			}), !1;
+		} finally {
+			P(N, e, !1);
+		}
+		let r = F.value.slice();
+		return r[t] = {
+			...n,
+			savedContent: n.content
+		}, F.value = r, !0;
+	}, he = async () => {
+		I.value && await J(I.value);
+	}, ge = (e) => {
+		let t = F.value.findIndex((t) => t.id === e);
+		if (t < 0 || N.value.has(e)) return;
+		let n = F.value[t];
+		if (L(n) && !f(`Discard unsaved changes to "${n.name}"?`)) return;
+		let r = F.value.filter((t) => t.id !== e);
+		F.value = r, I.value === e && (I.value = r[t]?.id ?? r[t - 1]?.id ?? null);
+	}, _e = (e) => {
+		let t = F.value.filter((t) => t.id !== e && L(t));
+		if (t.length > 0 && !f(`Close ${F.value.length - 1 - t.length} other tabs? ${t.length} unsaved tab(s) will be kept open.`)) return;
+		let n = new Set([e, ...t.map((e) => e.id)]);
+		F.value = F.value.filter((e) => n.has(e.id)), I.value = e;
+	}, ve = (e) => {
+		let t = F.value.findIndex((t) => t.id === e);
+		if (t < 0) return;
+		let n = F.value.slice(t + 1), r = n.filter(L);
+		r.length > 0 && !f(`Close ${n.length} tab(s)? ${r.length} have unsaved changes.`) || (F.value = F.value.slice(0, t + 1), I.value && !F.value.some((e) => e.id === I.value) && (I.value = e));
+	}, ye = () => {
+		let e = F.value.filter(L);
+		e.length > 0 && !f(`Close all ${F.value.length} tabs? ${e.length} have unsaved changes.`) || (F.value = [], I.value = null);
+	}, be = (e, n) => {
+		let r = new Set(A.value), i = z(e)?.parentId ?? null;
+		for (; i;) r.add(i), i = z(i)?.parentId ?? null;
+		A.value = r, t(() => {
+			j.value = e, n?.(e);
+		});
+	};
+	function Y(e) {
+		let t = [], n = z(e);
+		for (; n;) t.unshift(n.name), n = n.parentId ? z(n.parentId) : null;
+		return t;
+	}
+	let xe = e(() => I.value ? Y(I.value) : []);
+	o(j, (e) => {
+		if (!e) return;
+		let t = z(e);
+		t && t.kind === "file" && q(t, { pinned: !1 });
+	});
+	let X = r(/* @__PURE__ */ new Set());
+	k && o(A, async (e, t) => {
+		let n = [];
+		e.forEach((e) => {
+			t?.has(e) || n.push(e);
+		});
+		for (let e of n) if (!X.value.has(e)) {
+			P(M, e, !0);
+			try {
+				b(await c.loadChildren(e)), X.value = new Set(X.value).add(e);
+			} catch (t) {
+				p("loadChildren", t, { id: e });
+			} finally {
+				P(M, e, !1);
+			}
+		}
+	}, {
+		deep: !0,
+		immediate: !0
+	});
+	let Z = !1, Q = async () => {
+		if (!_) {
+			y.value = !Z;
+			try {
+				let e = await c.loadTree();
+				if (x(e), !Z && (Z = !0, s.initialExpandedIds === void 0 && !k)) {
+					let t = e.filter((e) => e.parentId === null && e.kind === "folder").map((e) => e.id);
+					t.length > 0 && (A.value = new Set([...A.value, ...t]));
+				}
+			} catch (e) {
+				p("loadTree", e, {});
+			} finally {
+				y.value = !1;
+			}
+		}
+	}, Se = async (e) => {
+		if (!_) {
+			if (e == null) return Q();
+			if (k) {
+				P(M, e, !0);
+				try {
+					let t = await c.loadChildren(e);
+					m.value = [...m.value.filter((t) => t.parentId !== e), ...t], X.value = new Set(X.value).add(e);
+				} catch (t) {
+					p("loadChildren", t, { id: e });
+				} finally {
+					P(M, e, !1);
+				}
+				return;
+			}
+			return Q();
+		}
+	};
+	Q();
+	let $ = (e) => {
+		R.value && (e.preventDefault(), e.returnValue = "");
+	};
+	return window.addEventListener("beforeunload", $), n(() => {
+		window.removeEventListener("beforeunload", $);
+		for (let e of V) URL.revokeObjectURL(e);
+		V.clear();
+	}), {
+		assets: v,
+		rootNodes: ee,
+		selectedId: j,
+		selectedAsset: oe,
+		expanded: A,
+		getId: te,
+		getChildren: ne,
+		getLabel: O,
+		isExpandable: re,
+		reorderable: T,
+		loading: y,
+		loadingNodes: M,
+		savingNodes: N,
+		openTabs: F,
+		activeId: I,
+		activeTab: ae,
+		anyDirty: R,
+		isDirty: L,
+		setContent: pe,
+		addFolder: U,
+		addFiles: W,
+		deleteNode: le,
+		moveNode: G,
+		rename: ue,
+		refresh: Se,
+		openFile: q,
+		activateNode: me,
+		saveTab: J,
+		saveActive: he,
+		closeTab: ge,
+		closeOthers: _e,
+		closeToRight: ve,
+		closeAll: ye,
+		pinTab: K,
+		unpinTab: fe,
+		reorderTab: de,
+		revealInTree: be,
+		breadcrumbPath: xe,
+		pathOf: Y,
+		fileMeta: B,
+		describeAsset: ce
+	};
+}
+//#endregion
+export { h as buildAssetProperties, s as createAssetStore, c as createInMemoryAssetStore, l as defaultFileMetaFromName, u as resolveFileMeta, g as useFileExplorer };