@fde-desktop/fde-core 0.4.7 → 0.4.9

package/dist/FilePickerApp-DaMgEqKh.js

@@ -0,0 +1,409 @@
+import { t as e } from "./TextInput-C-JtGWn1.js";
+import { t } from "./UnstyledButton-DGaG-e_G.js";
+import { t as n } from "./Group-CtBJSfCo.js";
+import { o as r } from "./getRuntime-DAPqFH2W.js";
+import { i, r as a, t as o } from "./FileIcon-7JaSR3Gn.js";
+import { t as s } from "./Button-wTOTQKxF.js";
+import { F as c, o as l } from "./desktopStore-F8bgLqFl.js";
+import { memo as u, useCallback as d, useState as f } from "react";
+import { Fragment as p, jsx as m, jsxs as h } from "react/jsx-runtime";
+import { useTranslation as g } from "react-i18next";
+//#region src/utils/buildBreadcrumbs.ts
+var _ = (e, t) => {
+	let n = [{
+		id: null,
+		name: "Home"
+	}], r = e, i = [];
+	for (; r !== null;) {
+		let e = t.find((e) => e.id === r);
+		if (!e) break;
+		i.unshift({
+			id: e.id,
+			name: e.name
+		}), r = e.parentId;
+	}
+	return [...n, ...i];
+}, v = {
+	root: "_root_b2ks8_1",
+	breadcrumbBar: "_breadcrumbBar_b2ks8_8",
+	breadcrumbSep: "_breadcrumbSep_b2ks8_15",
+	body: "_body_b2ks8_20",
+	sidebar: "_sidebar_b2ks8_27",
+	folderTree: "_folderTree_b2ks8_34",
+	treeItem: "_treeItem_b2ks8_41",
+	content: "_content_b2ks8_61",
+	grid: "_grid_b2ks8_67",
+	item: "_item_b2ks8_75",
+	icon: "_icon_b2ks8_97",
+	name: "_name_b2ks8_105",
+	empty: "_empty_b2ks8_117",
+	actionBar: "_actionBar_b2ks8_125",
+	selectedLabel: "_selectedLabel_b2ks8_136",
+	saveActionBar: "_saveActionBar_b2ks8_142",
+	fileNameInput: "_fileNameInput_b2ks8_152",
+	overlay: "_overlay_b2ks8_158",
+	panel: "_panel_b2ks8_168"
+}, y = u(({ currentFolderId: e, fsNodes: t, onNavigate: n }) => {
+	let o = _(e, t);
+	return /* @__PURE__ */ m("div", {
+		className: v.breadcrumbBar,
+		children: /* @__PURE__ */ m(a, {
+			separator: "›",
+			classNames: { separator: v.breadcrumbSep },
+			children: o.map((e, t) => t === o.length - 1 ? /* @__PURE__ */ m(r, {
+				size: "xs",
+				fw: 500,
+				children: e.name
+			}, e.id ?? "root") : /* @__PURE__ */ m(i, {
+				size: "xs",
+				onClick: () => n(e.id),
+				children: e.name
+			}, e.id ?? "root"))
+		})
+	});
+}), b = u(({ node: e, allNodes: n, currentFolderId: i, depth: a, onNavigate: s }) => {
+	let c = n.filter((t) => t.parentId === e.id && t.type === "folder");
+	return /* @__PURE__ */ h(p, { children: [/* @__PURE__ */ h(t, {
+		className: v.treeItem,
+		"data-active": i === e.id || void 0,
+		style: { paddingLeft: 8 + a * 14 },
+		onClick: () => s(e.id),
+		"aria-label": e.name,
+		"aria-current": i === e.id ? "page" : void 0,
+		children: [/* @__PURE__ */ m(o, {
+			type: "folder",
+			folderNode: e,
+			size: 14
+		}), /* @__PURE__ */ m(r, {
+			size: "xs",
+			ml: 6,
+			truncate: !0,
+			children: e.name
+		})]
+	}), c.map((e) => /* @__PURE__ */ m(b, {
+		node: e,
+		allNodes: n,
+		currentFolderId: i,
+		depth: a + 1,
+		onNavigate: s
+	}, e.id))] });
+}), x = u(({ currentFolderId: e, fsNodes: n, onNavigate: i }) => {
+	let { t: a } = g("window"), s = n.filter((e) => e.parentId === null && e.type === "folder");
+	return /* @__PURE__ */ m("aside", {
+		className: v.sidebar,
+		children: /* @__PURE__ */ h("nav", {
+			className: v.folderTree,
+			"aria-label": a("fileDialog.folderTreeAria", { ns: "common" }),
+			children: [/* @__PURE__ */ h(t, {
+				className: v.treeItem,
+				"data-active": e === null || void 0,
+				style: { paddingLeft: 8 },
+				onClick: () => i(null),
+				"aria-label": a("common:labels.home"),
+				"aria-current": e === null ? "page" : void 0,
+				children: [/* @__PURE__ */ m(o, {
+					type: "folder",
+					size: 14
+				}), /* @__PURE__ */ m(r, {
+					size: "xs",
+					ml: 6,
+					fw: 500,
+					children: a("common:labels.home")
+				})]
+			}), s.map((t) => /* @__PURE__ */ m(b, {
+				node: t,
+				allNodes: n,
+				currentFolderId: e,
+				depth: 1,
+				onNavigate: i
+			}, t.id))]
+		})
+	});
+}), S = u(({ currentFolderId: e, fsNodes: n, onNavigate: i, onItemDoubleClick: a }) => {
+	let { t: s } = g("window"), l = n.filter((t) => t.parentId === e && t.type === "folder");
+	if (l.length === 0) return /* @__PURE__ */ m("div", {
+		className: v.empty,
+		children: /* @__PURE__ */ m(r, {
+			size: "sm",
+			c: "dimmed",
+			children: s("common:messages.noSubfolders")
+		})
+	});
+	let u = c(l);
+	return /* @__PURE__ */ m("div", {
+		className: v.grid,
+		role: "listbox",
+		"aria-label": s("fileDialog.foldersAria", { ns: "common" }),
+		children: u.map((e) => /* @__PURE__ */ h(t, {
+			className: v.item,
+			onDoubleClick: () => {
+				i(e.id), a?.(e);
+			},
+			"aria-label": s("fileDialog.openFolder", { name: e.name }),
+			role: "option",
+			children: [/* @__PURE__ */ m("div", {
+				className: v.icon,
+				children: /* @__PURE__ */ m(o, {
+					type: "folder",
+					name: e.name,
+					folderNode: e,
+					size: 32
+				})
+			}), /* @__PURE__ */ m(r, {
+				size: "xs",
+				className: v.name,
+				truncate: !0,
+				children: e.name
+			})]
+		}, e.id))
+	});
+}), C = u(({ opened: e, children: t, ariaLabelKey: n, ariaLabelNs: r = "window" }) => {
+	let { t: i } = g(r);
+	return e ? /* @__PURE__ */ m("div", {
+		className: v.overlay,
+		role: "dialog",
+		"aria-label": i(n),
+		children: /* @__PURE__ */ m("div", {
+			className: v.panel,
+			children: t
+		})
+	}) : null;
+}), w = ({ acceptedMimeTypes: e, onConfirm: i, onCancel: a }) => {
+	let { t: u } = g("window"), p = l((e) => e.fsNodes), [_, b] = f(null), [S, C] = f(null), w = _ === null ? p.filter((e) => e.parentId === null) : p.filter((e) => e.parentId === _), T = w.filter((t) => {
+		if (t.type === "folder") return !0;
+		let n = t;
+		return !e || e.length === 0 ? !0 : e.some((e) => n.mimeType === e || e.endsWith("/*") && n.mimeType?.startsWith(e.slice(0, -1)));
+	}), E = d((e) => {
+		b(e), C(null);
+	}, []), D = d((e) => {
+		e.type === "file" && C(e);
+	}, []), O = d((e) => {
+		e.type === "folder" ? E(e.id) : i(e);
+	}, [E, i]);
+	return /* @__PURE__ */ h("div", {
+		className: v.root,
+		children: [
+			/* @__PURE__ */ m(y, {
+				currentFolderId: _,
+				fsNodes: p,
+				onNavigate: E
+			}),
+			/* @__PURE__ */ h("div", {
+				className: v.body,
+				children: [/* @__PURE__ */ m(x, {
+					currentFolderId: _,
+					fsNodes: p,
+					onNavigate: E
+				}), /* @__PURE__ */ m("main", {
+					className: v.content,
+					children: T.length === 0 ? /* @__PURE__ */ m("div", {
+						className: v.empty,
+						children: /* @__PURE__ */ m(r, {
+							size: "sm",
+							c: "dimmed",
+							children: w.length === 0 ? u("common:messages.folderEmpty") : u("common:messages.noMatchingFiles")
+						})
+					}) : /* @__PURE__ */ m("div", {
+						className: v.grid,
+						role: "listbox",
+						"aria-label": u("fileDialog.filesAria", { ns: "common" }),
+						children: c(T).map((e) => {
+							let n = S?.id === e.id;
+							return /* @__PURE__ */ h(t, {
+								className: v.item,
+								"data-selected": n || void 0,
+								"data-type": e.type,
+								onClick: () => D(e),
+								onDoubleClick: () => O(e),
+								"aria-label": e.type === "folder" ? u("fileDialog.openFolder", {
+									name: e.name,
+									ns: "window"
+								}) : u("fileDialog.selectFile", {
+									name: e.name,
+									ns: "window"
+								}),
+								"aria-selected": e.type === "file" ? n : void 0,
+								role: "option",
+								children: [/* @__PURE__ */ m("div", {
+									className: v.icon,
+									children: /* @__PURE__ */ m(o, {
+										type: e.type,
+										name: e.name,
+										folderNode: e.type === "folder" ? e : void 0,
+										size: 32
+									})
+								}), /* @__PURE__ */ m(r, {
+									size: "xs",
+									className: v.name,
+									truncate: !0,
+									children: e.name
+								})]
+							}, e.id);
+						})
+					})
+				})]
+			}),
+			/* @__PURE__ */ h("div", {
+				className: v.actionBar,
+				children: [/* @__PURE__ */ m(r, {
+					size: "xs",
+					c: "dimmed",
+					truncate: !0,
+					className: v.selectedLabel,
+					children: S ? S.name : u("common:messages.noFileSelected")
+				}), /* @__PURE__ */ h(n, {
+					gap: "xs",
+					children: [/* @__PURE__ */ m(s, {
+						variant: "default",
+						size: "xs",
+						onClick: a,
+						"aria-label": u("filePicker.cancelAria", { ns: "common" }),
+						children: u("common:actions.cancel")
+					}), /* @__PURE__ */ m(s, {
+						size: "xs",
+						disabled: !S,
+						onClick: () => S && i(S),
+						"aria-label": u("filePicker.openSelectedAria", { ns: "common" }),
+						children: u("common:actions.open")
+					})]
+				})]
+			})
+		]
+	});
+}, T = ({ opened: e, ...t }) => e ? /* @__PURE__ */ m(C, {
+	opened: e,
+	ariaLabelKey: "fileDialog.openFile",
+	children: /* @__PURE__ */ m(w, { ...t })
+}) : null, E = ({ initialName: t = "untitled.md", onConfirm: r, onCancel: i }) => {
+	let { t: a } = g("window"), o = l((e) => e.fsNodes), [c, u] = f(null), [p, _] = f(t), b = d((e) => {
+		u(e);
+	}, []), C = d(() => {
+		let e = p.trim();
+		e && r({
+			parentId: c,
+			name: e.endsWith(".md") ? e : `${e}.md`
+		});
+	}, [
+		p,
+		c,
+		r
+	]);
+	return /* @__PURE__ */ h("div", {
+		className: v.root,
+		children: [
+			/* @__PURE__ */ m(y, {
+				currentFolderId: c,
+				fsNodes: o,
+				onNavigate: b
+			}),
+			/* @__PURE__ */ h("div", {
+				className: v.body,
+				children: [/* @__PURE__ */ m(x, {
+					currentFolderId: c,
+					fsNodes: o,
+					onNavigate: b
+				}), /* @__PURE__ */ m("main", {
+					className: v.content,
+					children: /* @__PURE__ */ m(S, {
+						currentFolderId: c,
+						fsNodes: o,
+						onNavigate: b
+					})
+				})]
+			}),
+			/* @__PURE__ */ h("div", {
+				className: v.saveActionBar,
+				children: [/* @__PURE__ */ m(e, {
+					size: "xs",
+					placeholder: a("fileDialog.filename"),
+					value: p,
+					onChange: (e) => _(e.currentTarget.value),
+					onKeyDown: (e) => e.key === "Enter" && C(),
+					"aria-label": a("filePicker.fileNameAria", { ns: "common" }),
+					className: v.fileNameInput
+				}), /* @__PURE__ */ h(n, {
+					gap: "xs",
+					style: { flexShrink: 0 },
+					children: [/* @__PURE__ */ m(s, {
+						variant: "default",
+						size: "xs",
+						onClick: i,
+						"aria-label": a("filePicker.cancelAria", { ns: "common" }),
+						children: a("common:actions.cancel")
+					}), /* @__PURE__ */ m(s, {
+						size: "xs",
+						disabled: !p.trim(),
+						onClick: C,
+						"aria-label": a("fileDialog.saveFile"),
+						children: a("common:actions.save")
+					})]
+				})]
+			})
+		]
+	});
+}, D = ({ opened: e, ...t }) => e ? /* @__PURE__ */ m(C, {
+	opened: e,
+	ariaLabelKey: "fileDialog.saveFile",
+	children: /* @__PURE__ */ m(E, { ...t })
+}) : null, O = ({ onConfirm: e, onCancel: t }) => {
+	let { t: i } = g("window"), a = l((e) => e.fsNodes), [o, c] = f(null), u = d((e) => {
+		c(e);
+	}, []), p = d(() => {
+		e(o);
+	}, [o, e]);
+	return /* @__PURE__ */ h("div", {
+		className: v.root,
+		children: [
+			/* @__PURE__ */ m(y, {
+				currentFolderId: o,
+				fsNodes: a,
+				onNavigate: u
+			}),
+			/* @__PURE__ */ h("div", {
+				className: v.body,
+				children: [/* @__PURE__ */ m(x, {
+					currentFolderId: o,
+					fsNodes: a,
+					onNavigate: u
+				}), /* @__PURE__ */ m("main", {
+					className: v.content,
+					children: /* @__PURE__ */ m(S, {
+						currentFolderId: o,
+						fsNodes: a,
+						onNavigate: u
+					})
+				})]
+			}),
+			/* @__PURE__ */ h("div", {
+				className: v.actionBar,
+				children: [/* @__PURE__ */ m(r, {
+					size: "xs",
+					c: "dimmed",
+					truncate: !0,
+					className: v.selectedLabel,
+					children: o === null ? i("common:labels.home") : a.find((e) => e.id === o)?.name ?? ""
+				}), /* @__PURE__ */ h(n, {
+					gap: "xs",
+					children: [/* @__PURE__ */ m(s, {
+						variant: "default",
+						size: "xs",
+						onClick: t,
+						"aria-label": i("filePicker.cancelAria", { ns: "common" }),
+						children: i("common:actions.cancel")
+					}), /* @__PURE__ */ m(s, {
+						size: "xs",
+						onClick: p,
+						"aria-label": i("fileDialog.selectFolder"),
+						children: i("common:actions.select")
+					})]
+				})]
+			})
+		]
+	});
+}, k = ({ opened: e, ...t }) => e ? /* @__PURE__ */ m(C, {
+	opened: e,
+	ariaLabelKey: "fileDialog.selectFolder",
+	children: /* @__PURE__ */ m(O, { ...t })
+}) : null;
+//#endregion
+export { C as a, k as i, T as n, _ as o, D as r, w as t };

package/dist/FilePickerApp-DjmuSFqa.cjs

@@ -0,0 +1 @@
+require(`./Box-zW6Twge8.cjs`);const e=require(`./TextInput-CrsmcOip.cjs`),t=require(`./UnstyledButton-DX2pTahr.cjs`),n=require(`./Group-Dsrf6lEK.cjs`),r=require(`./getRuntime-BFK0-8R1.cjs`),i=require(`./FileIcon-CIXopWLv.cjs`),a=require(`./Button-DMlnrqyx.cjs`),o=require(`./desktopStore-CZoA9VHO.cjs`);let s=require(`react`),c=require(`react/jsx-runtime`),l=require(`react-i18next`);var u=(e,t)=>{let n=[{id:null,name:`Home`}],r=e,i=[];for(;r!==null;){let e=t.find(e=>e.id===r);if(!e)break;i.unshift({id:e.id,name:e.name}),r=e.parentId}return[...n,...i]},d={root:`_root_b2ks8_1`,breadcrumbBar:`_breadcrumbBar_b2ks8_8`,breadcrumbSep:`_breadcrumbSep_b2ks8_15`,body:`_body_b2ks8_20`,sidebar:`_sidebar_b2ks8_27`,folderTree:`_folderTree_b2ks8_34`,treeItem:`_treeItem_b2ks8_41`,content:`_content_b2ks8_61`,grid:`_grid_b2ks8_67`,item:`_item_b2ks8_75`,icon:`_icon_b2ks8_97`,name:`_name_b2ks8_105`,empty:`_empty_b2ks8_117`,actionBar:`_actionBar_b2ks8_125`,selectedLabel:`_selectedLabel_b2ks8_136`,saveActionBar:`_saveActionBar_b2ks8_142`,fileNameInput:`_fileNameInput_b2ks8_152`,overlay:`_overlay_b2ks8_158`,panel:`_panel_b2ks8_168`},f=(0,s.memo)(({currentFolderId:e,fsNodes:t,onNavigate:n})=>{let a=u(e,t);return(0,c.jsx)(`div`,{className:d.breadcrumbBar,children:(0,c.jsx)(i.r,{separator:`›`,classNames:{separator:d.breadcrumbSep},children:a.map((e,t)=>t===a.length-1?(0,c.jsx)(r.o,{size:`xs`,fw:500,children:e.name},e.id??`root`):(0,c.jsx)(i.i,{size:`xs`,onClick:()=>n(e.id),children:e.name},e.id??`root`))})})}),p=(0,s.memo)(({node:e,allNodes:n,currentFolderId:a,depth:o,onNavigate:s})=>{let l=n.filter(t=>t.parentId===e.id&&t.type===`folder`);return(0,c.jsxs)(c.Fragment,{children:[(0,c.jsxs)(t.t,{className:d.treeItem,"data-active":a===e.id||void 0,style:{paddingLeft:8+o*14},onClick:()=>s(e.id),"aria-label":e.name,"aria-current":a===e.id?`page`:void 0,children:[(0,c.jsx)(i.t,{type:`folder`,folderNode:e,size:14}),(0,c.jsx)(r.o,{size:`xs`,ml:6,truncate:!0,children:e.name})]}),l.map(e=>(0,c.jsx)(p,{node:e,allNodes:n,currentFolderId:a,depth:o+1,onNavigate:s},e.id))]})}),m=(0,s.memo)(({currentFolderId:e,fsNodes:n,onNavigate:a})=>{let{t:o}=(0,l.useTranslation)(`window`),s=n.filter(e=>e.parentId===null&&e.type===`folder`);return(0,c.jsx)(`aside`,{className:d.sidebar,children:(0,c.jsxs)(`nav`,{className:d.folderTree,"aria-label":o(`fileDialog.folderTreeAria`,{ns:`common`}),children:[(0,c.jsxs)(t.t,{className:d.treeItem,"data-active":e===null||void 0,style:{paddingLeft:8},onClick:()=>a(null),"aria-label":o(`common:labels.home`),"aria-current":e===null?`page`:void 0,children:[(0,c.jsx)(i.t,{type:`folder`,size:14}),(0,c.jsx)(r.o,{size:`xs`,ml:6,fw:500,children:o(`common:labels.home`)})]}),s.map(t=>(0,c.jsx)(p,{node:t,allNodes:n,currentFolderId:e,depth:1,onNavigate:a},t.id))]})})}),h=(0,s.memo)(({currentFolderId:e,fsNodes:n,onNavigate:a,onItemDoubleClick:s})=>{let{t:u}=(0,l.useTranslation)(`window`),f=n.filter(t=>t.parentId===e&&t.type===`folder`);if(f.length===0)return(0,c.jsx)(`div`,{className:d.empty,children:(0,c.jsx)(r.o,{size:`sm`,c:`dimmed`,children:u(`common:messages.noSubfolders`)})});let p=o.F(f);return(0,c.jsx)(`div`,{className:d.grid,role:`listbox`,"aria-label":u(`fileDialog.foldersAria`,{ns:`common`}),children:p.map(e=>(0,c.jsxs)(t.t,{className:d.item,onDoubleClick:()=>{a(e.id),s?.(e)},"aria-label":u(`fileDialog.openFolder`,{name:e.name}),role:`option`,children:[(0,c.jsx)(`div`,{className:d.icon,children:(0,c.jsx)(i.t,{type:`folder`,name:e.name,folderNode:e,size:32})}),(0,c.jsx)(r.o,{size:`xs`,className:d.name,truncate:!0,children:e.name})]},e.id))})}),g=(0,s.memo)(({opened:e,children:t,ariaLabelKey:n,ariaLabelNs:r=`window`})=>{let{t:i}=(0,l.useTranslation)(r);return e?(0,c.jsx)(`div`,{className:d.overlay,role:`dialog`,"aria-label":i(n),children:(0,c.jsx)(`div`,{className:d.panel,children:t})}):null}),_=({acceptedMimeTypes:e,onConfirm:u,onCancel:p})=>{let{t:h}=(0,l.useTranslation)(`window`),g=o.o(e=>e.fsNodes),[_,v]=(0,s.useState)(null),[y,b]=(0,s.useState)(null),x=_===null?g.filter(e=>e.parentId===null):g.filter(e=>e.parentId===_),S=x.filter(t=>{if(t.type===`folder`)return!0;let n=t;return!e||e.length===0?!0:e.some(e=>n.mimeType===e||e.endsWith(`/*`)&&n.mimeType?.startsWith(e.slice(0,-1)))}),C=(0,s.useCallback)(e=>{v(e),b(null)},[]),w=(0,s.useCallback)(e=>{e.type===`file`&&b(e)},[]),T=(0,s.useCallback)(e=>{e.type===`folder`?C(e.id):u(e)},[C,u]);return(0,c.jsxs)(`div`,{className:d.root,children:[(0,c.jsx)(f,{currentFolderId:_,fsNodes:g,onNavigate:C}),(0,c.jsxs)(`div`,{className:d.body,children:[(0,c.jsx)(m,{currentFolderId:_,fsNodes:g,onNavigate:C}),(0,c.jsx)(`main`,{className:d.content,children:S.length===0?(0,c.jsx)(`div`,{className:d.empty,children:(0,c.jsx)(r.o,{size:`sm`,c:`dimmed`,children:x.length===0?h(`common:messages.folderEmpty`):h(`common:messages.noMatchingFiles`)})}):(0,c.jsx)(`div`,{className:d.grid,role:`listbox`,"aria-label":h(`fileDialog.filesAria`,{ns:`common`}),children:o.F(S).map(e=>{let n=y?.id===e.id;return(0,c.jsxs)(t.t,{className:d.item,"data-selected":n||void 0,"data-type":e.type,onClick:()=>w(e),onDoubleClick:()=>T(e),"aria-label":e.type===`folder`?h(`fileDialog.openFolder`,{name:e.name,ns:`window`}):h(`fileDialog.selectFile`,{name:e.name,ns:`window`}),"aria-selected":e.type===`file`?n:void 0,role:`option`,children:[(0,c.jsx)(`div`,{className:d.icon,children:(0,c.jsx)(i.t,{type:e.type,name:e.name,folderNode:e.type===`folder`?e:void 0,size:32})}),(0,c.jsx)(r.o,{size:`xs`,className:d.name,truncate:!0,children:e.name})]},e.id)})})})]}),(0,c.jsxs)(`div`,{className:d.actionBar,children:[(0,c.jsx)(r.o,{size:`xs`,c:`dimmed`,truncate:!0,className:d.selectedLabel,children:y?y.name:h(`common:messages.noFileSelected`)}),(0,c.jsxs)(n.t,{gap:`xs`,children:[(0,c.jsx)(a.t,{variant:`default`,size:`xs`,onClick:p,"aria-label":h(`filePicker.cancelAria`,{ns:`common`}),children:h(`common:actions.cancel`)}),(0,c.jsx)(a.t,{size:`xs`,disabled:!y,onClick:()=>y&&u(y),"aria-label":h(`filePicker.openSelectedAria`,{ns:`common`}),children:h(`common:actions.open`)})]})]})]})},v=({opened:e,...t})=>e?(0,c.jsx)(g,{opened:e,ariaLabelKey:`fileDialog.openFile`,children:(0,c.jsx)(_,{...t})}):null,y=({initialName:t=`untitled.md`,onConfirm:r,onCancel:i})=>{let{t:u}=(0,l.useTranslation)(`window`),p=o.o(e=>e.fsNodes),[g,_]=(0,s.useState)(null),[v,y]=(0,s.useState)(t),b=(0,s.useCallback)(e=>{_(e)},[]),x=(0,s.useCallback)(()=>{let e=v.trim();e&&r({parentId:g,name:e.endsWith(`.md`)?e:`${e}.md`})},[v,g,r]);return(0,c.jsxs)(`div`,{className:d.root,children:[(0,c.jsx)(f,{currentFolderId:g,fsNodes:p,onNavigate:b}),(0,c.jsxs)(`div`,{className:d.body,children:[(0,c.jsx)(m,{currentFolderId:g,fsNodes:p,onNavigate:b}),(0,c.jsx)(`main`,{className:d.content,children:(0,c.jsx)(h,{currentFolderId:g,fsNodes:p,onNavigate:b})})]}),(0,c.jsxs)(`div`,{className:d.saveActionBar,children:[(0,c.jsx)(e.t,{size:`xs`,placeholder:u(`fileDialog.filename`),value:v,onChange:e=>y(e.currentTarget.value),onKeyDown:e=>e.key===`Enter`&&x(),"aria-label":u(`filePicker.fileNameAria`,{ns:`common`}),className:d.fileNameInput}),(0,c.jsxs)(n.t,{gap:`xs`,style:{flexShrink:0},children:[(0,c.jsx)(a.t,{variant:`default`,size:`xs`,onClick:i,"aria-label":u(`filePicker.cancelAria`,{ns:`common`}),children:u(`common:actions.cancel`)}),(0,c.jsx)(a.t,{size:`xs`,disabled:!v.trim(),onClick:x,"aria-label":u(`fileDialog.saveFile`),children:u(`common:actions.save`)})]})]})]})},b=({opened:e,...t})=>e?(0,c.jsx)(g,{opened:e,ariaLabelKey:`fileDialog.saveFile`,children:(0,c.jsx)(y,{...t})}):null,x=({onConfirm:e,onCancel:t})=>{let{t:i}=(0,l.useTranslation)(`window`),u=o.o(e=>e.fsNodes),[p,g]=(0,s.useState)(null),_=(0,s.useCallback)(e=>{g(e)},[]),v=(0,s.useCallback)(()=>{e(p)},[p,e]);return(0,c.jsxs)(`div`,{className:d.root,children:[(0,c.jsx)(f,{currentFolderId:p,fsNodes:u,onNavigate:_}),(0,c.jsxs)(`div`,{className:d.body,children:[(0,c.jsx)(m,{currentFolderId:p,fsNodes:u,onNavigate:_}),(0,c.jsx)(`main`,{className:d.content,children:(0,c.jsx)(h,{currentFolderId:p,fsNodes:u,onNavigate:_})})]}),(0,c.jsxs)(`div`,{className:d.actionBar,children:[(0,c.jsx)(r.o,{size:`xs`,c:`dimmed`,truncate:!0,className:d.selectedLabel,children:p===null?i(`common:labels.home`):u.find(e=>e.id===p)?.name??``}),(0,c.jsxs)(n.t,{gap:`xs`,children:[(0,c.jsx)(a.t,{variant:`default`,size:`xs`,onClick:t,"aria-label":i(`filePicker.cancelAria`,{ns:`common`}),children:i(`common:actions.cancel`)}),(0,c.jsx)(a.t,{size:`xs`,onClick:v,"aria-label":i(`fileDialog.selectFolder`),children:i(`common:actions.select`)})]})]})]})},S=({opened:e,...t})=>e?(0,c.jsx)(g,{opened:e,ariaLabelKey:`fileDialog.selectFolder`,children:(0,c.jsx)(x,{...t})}):null;Object.defineProperty(exports,`a`,{enumerable:!0,get:function(){return g}}),Object.defineProperty(exports,`i`,{enumerable:!0,get:function(){return S}}),Object.defineProperty(exports,`n`,{enumerable:!0,get:function(){return v}}),Object.defineProperty(exports,`o`,{enumerable:!0,get:function(){return u}}),Object.defineProperty(exports,`r`,{enumerable:!0,get:function(){return b}}),Object.defineProperty(exports,`t`,{enumerable:!0,get:function(){return _}});

package/dist/FilesApp-Bp7wfrBZ.cjs

@@ -0,0 +1 @@
+const e=require(`./FilesApp-BpJJRKhi.cjs`);exports.default=e.t;

package/dist/FilesApp-BpJJRKhi.cjs

@@ -0,0 +1 @@
+require(`./Box-zW6Twge8.cjs`);const e=require(`./UnstyledButton-DX2pTahr.cjs`),t=require(`./getRuntime-BFK0-8R1.cjs`),n=require(`./FileIcon-CIXopWLv.cjs`),r=require(`./useOpenApp-DW4x79Zg.cjs`),i=require(`./desktopStore-CZoA9VHO.cjs`);let a=require(`react`),o=require(`react/jsx-runtime`);var s=()=>{let e=i.o(e=>e.notifications),t=i.o(e=>e.addNotification),n=i.o(e=>e.removeNotification);return{notifications:e,notify:(0,a.useCallback)((e,n,r)=>{let a={id:i.ut(),title:e,message:n,fcIcon:r?.fcIcon,onClose:r?.onClose};return t(a),a.id},[t]),dismiss:(0,a.useCallback)(e=>{n(e)},[n]),addNotification:t,removeNotification:n}},c={root:`_root_113j7_1`,item:`_item_113j7_9`},l=({node:r,allNodes:i,currentFolderId:a,depth:s,onNavigate:u})=>{let d=i.filter(e=>e.parentId===r.id&&e.type===`folder`);return(0,o.jsxs)(o.Fragment,{children:[(0,o.jsxs)(e.t,{className:c.item,"data-active":a===r.id||void 0,style:{paddingLeft:8+s*14},onClick:()=>u(r.id),"aria-label":r.name,"aria-current":a===r.id?`page`:void 0,children:[(0,o.jsx)(n.t,{type:`folder`,folderNode:r,size:14}),(0,o.jsx)(t.o,{size:`xs`,ml:6,truncate:!0,children:r.name})]}),d.map(e=>(0,o.jsx)(l,{node:e,allNodes:i,currentFolderId:a,depth:s+1,onNavigate:u},e.id))]})},u=({allNodes:r,currentFolderId:i,onNavigate:a})=>{let s=r.filter(e=>e.parentId===null&&e.type===`folder`);return(0,o.jsxs)(`nav`,{className:c.root,"aria-label":`Folder tree`,children:[(0,o.jsxs)(e.t,{className:c.item,"data-active":i===null||void 0,style:{paddingLeft:8},onClick:()=>a(null),"aria-label":`Home`,"aria-current":i===null?`page`:void 0,children:[(0,o.jsx)(n.t,{type:`folder`,size:14}),(0,o.jsx)(t.o,{size:`xs`,ml:6,fw:500,children:`Home`})]}),s.map(e=>(0,o.jsx)(l,{node:e,allNodes:r,currentFolderId:i,depth:1,onNavigate:a},e.id))]})},d={grid:`_grid_1cag6_1`,item:`_item_1cag6_9`,icon:`_icon_1cag6_26`,name:`_name_1cag6_34`,empty:`_empty_1cag6_46`},f=({node:r,onNavigate:i,onOpenFile:a,onContextMenu:s})=>{let c=()=>{r.type===`folder`?i(r.id):a(r)},l=r.type===`folder`?`Open folder ${r.name}`:`Open file ${r.name}`;return(0,o.jsxs)(e.t,{className:d.item,onDoubleClick:c,onContextMenu:e=>s(e,r.id),"aria-label":l,role:`option`,children:[(0,o.jsx)(`div`,{className:d.icon,children:(0,o.jsx)(n.t,{type:r.type,name:r.name,folderNode:r.type===`folder`?r:void 0,size:32})}),(0,o.jsx)(t.o,{size:`xs`,className:d.name,truncate:!0,children:r.name})]})},p=({nodes:e,onNavigate:n,onOpenFile:r,onNodeContextMenu:a})=>{let s=i.o(e=>e.filesSortMode);if(e.length===0)return(0,o.jsx)(`div`,{className:d.empty,children:(0,o.jsx)(t.o,{size:`sm`,c:`dimmed`,children:`This folder is empty`})});let c=i.I(e,s);return(0,o.jsx)(`div`,{className:d.grid,role:`listbox`,"aria-label":`Files`,children:c.map(e=>(0,o.jsx)(f,{node:e,onNavigate:n,onOpenFile:r,onContextMenu:a},e.id))})},m={root:`_root_13mxj_1`,breadcrumbBar:`_breadcrumbBar_13mxj_9`,breadcrumbSep:`_breadcrumbSep_13mxj_16`,body:`_body_13mxj_21`,sidebar:`_sidebar_13mxj_28`,content:`_content_13mxj_35`},h=({window:e})=>{let c=e?.contentData?.initialFolderId,l=i.o(e=>e.fsNodes),d=i.o(e=>e.openContextMenu),f=i.o(e=>e.setFilesCurrentFolderId),h=r.t(),{notify:g}=s(),[_,v]=(0,a.useState)(c??null),y=(0,a.useCallback)(e=>{v(e),f(e)},[f]);(0,a.useEffect)(()=>{f(c??null)},[c,f]);let b=_===null?l.filter(e=>e.parentId===null):l.filter(e=>e.parentId===_),x=()=>{let e=[{id:null,name:`Home`}],t=_,n=[];for(;t!==null;){let e=l.find(e=>e.id===t);if(!e)break;n.unshift({id:e.id,name:e.name}),t=e.parentId}return[...e,...n]},S=(0,a.useCallback)(e=>{e.preventDefault(),e.stopPropagation(),d(e.clientX,e.clientY,`files`)},[d]),C=(0,a.useCallback)((e,t)=>{e.preventDefault(),e.stopPropagation(),d(e.clientX,e.clientY,`files`,t)},[d]),w=(0,a.useCallback)(e=>{try{let t=i.x(e);if(t)h(t.appId,{contentData:t.contentData});else{let t=e.mimeType||`unknown`;console.warn(`[FilesApp] Unsupported file type: ${e.name} (${t})`),g(`Unsupported file type`,`Cannot open "${e.name}". File type "${t}" is not supported.`,{fcIcon:`FcDeleteRow`})}}catch(t){console.error(`[FilesApp] Error opening file:`,t),g(`Error opening file`,`An unexpected error occurred while opening "${e.name}".`,{fcIcon:`FcHighPriority`})}},[h,g]),T=x();return(0,o.jsxs)(`div`,{className:m.root,onContextMenu:S,children:[(0,o.jsx)(`div`,{className:m.breadcrumbBar,children:(0,o.jsx)(n.r,{separator:`›`,classNames:{separator:m.breadcrumbSep},children:T.map((e,r)=>r===T.length-1?(0,o.jsx)(t.o,{size:`xs`,fw:500,children:e.name},e.id??`root`):(0,o.jsx)(n.i,{size:`xs`,onClick:()=>y(e.id),children:e.name},e.id??`root`))})}),(0,o.jsxs)(`div`,{className:m.body,children:[(0,o.jsx)(`aside`,{className:m.sidebar,children:(0,o.jsx)(u,{allNodes:l,currentFolderId:_,onNavigate:y})}),(0,o.jsx)(`main`,{className:m.content,children:(0,o.jsx)(p,{nodes:b,onNavigate:y,onOpenFile:w,onNodeContextMenu:C})})]})]})};Object.defineProperty(exports,`n`,{enumerable:!0,get:function(){return s}}),Object.defineProperty(exports,`t`,{enumerable:!0,get:function(){return h}});

package/dist/FilesApp-Cj94QG5o.js

@@ -0,0 +1,225 @@
+import { t as e } from "./rolldown-runtime-CAFD8bLK.js";
+import { t } from "./UnstyledButton-DGaG-e_G.js";
+import { o as n } from "./getRuntime-DAPqFH2W.js";
+import { i as r, r as i, t as a } from "./FileIcon-7JaSR3Gn.js";
+import { t as o } from "./useOpenApp-CBIm7Gzl.js";
+import { I as s, o as c, ut as l, x as u } from "./desktopStore-F8bgLqFl.js";
+import { useCallback as d, useEffect as f, useState as p } from "react";
+import { Fragment as m, jsx as h, jsxs as g } from "react/jsx-runtime";
+//#region src/hooks/useNotifications.ts
+var _ = () => {
+	let e = c((e) => e.notifications), t = c((e) => e.addNotification), n = c((e) => e.removeNotification);
+	return {
+		notifications: e,
+		notify: d((e, n, r) => {
+			let i = {
+				id: l(),
+				title: e,
+				message: n,
+				fcIcon: r?.fcIcon,
+				onClose: r?.onClose
+			};
+			return t(i), i.id;
+		}, [t]),
+		dismiss: d((e) => {
+			n(e);
+		}, [n]),
+		addNotification: t,
+		removeNotification: n
+	};
+}, v = {
+	root: "_root_113j7_1",
+	item: "_item_113j7_9"
+}, y = ({ node: e, allNodes: r, currentFolderId: i, depth: o, onNavigate: s }) => {
+	let c = r.filter((t) => t.parentId === e.id && t.type === "folder");
+	return /* @__PURE__ */ g(m, { children: [/* @__PURE__ */ g(t, {
+		className: v.item,
+		"data-active": i === e.id || void 0,
+		style: { paddingLeft: 8 + o * 14 },
+		onClick: () => s(e.id),
+		"aria-label": e.name,
+		"aria-current": i === e.id ? "page" : void 0,
+		children: [/* @__PURE__ */ h(a, {
+			type: "folder",
+			folderNode: e,
+			size: 14
+		}), /* @__PURE__ */ h(n, {
+			size: "xs",
+			ml: 6,
+			truncate: !0,
+			children: e.name
+		})]
+	}), c.map((e) => /* @__PURE__ */ h(y, {
+		node: e,
+		allNodes: r,
+		currentFolderId: i,
+		depth: o + 1,
+		onNavigate: s
+	}, e.id))] });
+}, b = ({ allNodes: e, currentFolderId: r, onNavigate: i }) => {
+	let o = e.filter((e) => e.parentId === null && e.type === "folder");
+	return /* @__PURE__ */ g("nav", {
+		className: v.root,
+		"aria-label": "Folder tree",
+		children: [/* @__PURE__ */ g(t, {
+			className: v.item,
+			"data-active": r === null || void 0,
+			style: { paddingLeft: 8 },
+			onClick: () => i(null),
+			"aria-label": "Home",
+			"aria-current": r === null ? "page" : void 0,
+			children: [/* @__PURE__ */ h(a, {
+				type: "folder",
+				size: 14
+			}), /* @__PURE__ */ h(n, {
+				size: "xs",
+				ml: 6,
+				fw: 500,
+				children: "Home"
+			})]
+		}), o.map((t) => /* @__PURE__ */ h(y, {
+			node: t,
+			allNodes: e,
+			currentFolderId: r,
+			depth: 1,
+			onNavigate: i
+		}, t.id))]
+	});
+}, x = {
+	grid: "_grid_1cag6_1",
+	item: "_item_1cag6_9",
+	icon: "_icon_1cag6_26",
+	name: "_name_1cag6_34",
+	empty: "_empty_1cag6_46"
+}, S = ({ node: e, onNavigate: r, onOpenFile: i, onContextMenu: o }) => {
+	let s = () => {
+		e.type === "folder" ? r(e.id) : i(e);
+	}, c = e.type === "folder" ? `Open folder ${e.name}` : `Open file ${e.name}`;
+	return /* @__PURE__ */ g(t, {
+		className: x.item,
+		onDoubleClick: s,
+		onContextMenu: (t) => o(t, e.id),
+		"aria-label": c,
+		role: "option",
+		children: [/* @__PURE__ */ h("div", {
+			className: x.icon,
+			children: /* @__PURE__ */ h(a, {
+				type: e.type,
+				name: e.name,
+				folderNode: e.type === "folder" ? e : void 0,
+				size: 32
+			})
+		}), /* @__PURE__ */ h(n, {
+			size: "xs",
+			className: x.name,
+			truncate: !0,
+			children: e.name
+		})]
+	});
+}, C = ({ nodes: e, onNavigate: t, onOpenFile: r, onNodeContextMenu: i }) => {
+	let a = c((e) => e.filesSortMode);
+	if (e.length === 0) return /* @__PURE__ */ h("div", {
+		className: x.empty,
+		children: /* @__PURE__ */ h(n, {
+			size: "sm",
+			c: "dimmed",
+			children: "This folder is empty"
+		})
+	});
+	let o = s(e, a);
+	return /* @__PURE__ */ h("div", {
+		className: x.grid,
+		role: "listbox",
+		"aria-label": "Files",
+		children: o.map((e) => /* @__PURE__ */ h(S, {
+			node: e,
+			onNavigate: t,
+			onOpenFile: r,
+			onContextMenu: i
+		}, e.id))
+	});
+}, w = {
+	root: "_root_13mxj_1",
+	breadcrumbBar: "_breadcrumbBar_13mxj_9",
+	breadcrumbSep: "_breadcrumbSep_13mxj_16",
+	body: "_body_13mxj_21",
+	sidebar: "_sidebar_13mxj_28",
+	content: "_content_13mxj_35"
+}, T = /* @__PURE__ */ e({ default: () => E }), E = ({ window: e }) => {
+	let t = e?.contentData?.initialFolderId, a = c((e) => e.fsNodes), s = c((e) => e.openContextMenu), l = c((e) => e.setFilesCurrentFolderId), m = o(), { notify: v } = _(), [y, x] = p(t ?? null), S = d((e) => {
+		x(e), l(e);
+	}, [l]);
+	f(() => {
+		l(t ?? null);
+	}, [t, l]);
+	let T = y === null ? a.filter((e) => e.parentId === null) : a.filter((e) => e.parentId === y), E = () => {
+		let e = [{
+			id: null,
+			name: "Home"
+		}], t = y, n = [];
+		for (; t !== null;) {
+			let e = a.find((e) => e.id === t);
+			if (!e) break;
+			n.unshift({
+				id: e.id,
+				name: e.name
+			}), t = e.parentId;
+		}
+		return [...e, ...n];
+	}, D = d((e) => {
+		e.preventDefault(), e.stopPropagation(), s(e.clientX, e.clientY, "files");
+	}, [s]), O = d((e, t) => {
+		e.preventDefault(), e.stopPropagation(), s(e.clientX, e.clientY, "files", t);
+	}, [s]), k = d((e) => {
+		try {
+			let t = u(e);
+			if (t) m(t.appId, { contentData: t.contentData });
+			else {
+				let t = e.mimeType || "unknown";
+				console.warn(`[FilesApp] Unsupported file type: ${e.name} (${t})`), v("Unsupported file type", `Cannot open "${e.name}". File type "${t}" is not supported.`, { fcIcon: "FcDeleteRow" });
+			}
+		} catch (t) {
+			console.error("[FilesApp] Error opening file:", t), v("Error opening file", `An unexpected error occurred while opening "${e.name}".`, { fcIcon: "FcHighPriority" });
+		}
+	}, [m, v]), A = E();
+	return /* @__PURE__ */ g("div", {
+		className: w.root,
+		onContextMenu: D,
+		children: [/* @__PURE__ */ h("div", {
+			className: w.breadcrumbBar,
+			children: /* @__PURE__ */ h(i, {
+				separator: "›",
+				classNames: { separator: w.breadcrumbSep },
+				children: A.map((e, t) => t === A.length - 1 ? /* @__PURE__ */ h(n, {
+					size: "xs",
+					fw: 500,
+					children: e.name
+				}, e.id ?? "root") : /* @__PURE__ */ h(r, {
+					size: "xs",
+					onClick: () => S(e.id),
+					children: e.name
+				}, e.id ?? "root"))
+			})
+		}), /* @__PURE__ */ g("div", {
+			className: w.body,
+			children: [/* @__PURE__ */ h("aside", {
+				className: w.sidebar,
+				children: /* @__PURE__ */ h(b, {
+					allNodes: a,
+					currentFolderId: y,
+					onNavigate: S
+				})
+			}), /* @__PURE__ */ h("main", {
+				className: w.content,
+				children: /* @__PURE__ */ h(C, {
+					nodes: T,
+					onNavigate: S,
+					onOpenFile: k,
+					onNodeContextMenu: O
+				})
+			})]
+		})]
+	});
+};
+//#endregion
+export { T as n, _ as r, E as t };