@fde-desktop/fde-core 0.4.7 → 0.4.9

package/dist/Group-CtBJSfCo.js

@@ -0,0 +1,48 @@
+import { D as e, N as t, c as n, l as r, r as i, t as a } from "./Box-DSKR_qaa.js";
+import { Children as o } from "react";
+import { jsx as s } from "react/jsx-runtime";
+//#region ../../node_modules/.bun/@mantine+core@9.0.0+9dd69a0af178a974/node_modules/@mantine/core/esm/components/Group/filter-falsy-children/filter-falsy-children.mjs
+function c(e) {
+	return o.toArray(e).filter(Boolean);
+}
+//#endregion
+//#region ../../node_modules/.bun/@mantine+core@9.0.0+9dd69a0af178a974/node_modules/@mantine/core/esm/components/Group/Group.module.mjs
+var l = { root: "m_4081bf90" }, u = {
+	preventGrowOverflow: !0,
+	gap: "md",
+	align: "center",
+	justify: "flex-start",
+	wrap: "wrap"
+}, d = e((e, { grow: n, preventGrowOverflow: r, gap: i, align: a, justify: o, wrap: s }, { childWidth: c }) => ({ root: {
+	"--group-child-width": n && r ? c : void 0,
+	"--group-gap": t(i),
+	"--group-align": a,
+	"--group-justify": o,
+	"--group-wrap": s
+} })), f = i((e) => {
+	let i = r("Group", u, e), { classNames: o, className: f, style: p, styles: m, unstyled: h, children: g, gap: _, align: v, justify: y, wrap: b, grow: x, preventGrowOverflow: S, vars: C, variant: w, __size: T, mod: E, attributes: D, ...O } = i, k = c(g), A = k.length, j = t(_ ?? "md");
+	return /* @__PURE__ */ s(a, {
+		...n({
+			name: "Group",
+			props: i,
+			stylesCtx: { childWidth: `calc(${100 / A}% - (${j} - ${j} / ${A}))` },
+			className: f,
+			style: p,
+			classes: l,
+			classNames: o,
+			styles: m,
+			unstyled: h,
+			attributes: D,
+			vars: C,
+			varsResolver: d
+		})("root"),
+		variant: w,
+		mod: [{ grow: x }, E],
+		size: T,
+		...O,
+		children: k
+	});
+});
+f.classes = l, f.varsResolver = d, f.displayName = "@mantine/core/Group";
+//#endregion
+export { f as t };

package/dist/Group-Dsrf6lEK.cjs

@@ -0,0 +1 @@
+const e=require(`./Box-zW6Twge8.cjs`);let t=require(`react`),n=require(`react/jsx-runtime`);function r(e){return t.Children.toArray(e).filter(Boolean)}var i={root:`m_4081bf90`},a={preventGrowOverflow:!0,gap:`md`,align:`center`,justify:`flex-start`,wrap:`wrap`},o=e.D((t,{grow:n,preventGrowOverflow:r,gap:i,align:a,justify:o,wrap:s},{childWidth:c})=>({root:{"--group-child-width":n&&r?c:void 0,"--group-gap":e.N(i),"--group-align":a,"--group-justify":o,"--group-wrap":s}})),s=e.r(t=>{let s=e.l(`Group`,a,t),{classNames:c,className:l,style:u,styles:d,unstyled:f,children:p,gap:m,align:h,justify:g,wrap:_,grow:v,preventGrowOverflow:y,vars:b,variant:x,__size:S,mod:C,attributes:w,...T}=s,E=r(p),D=E.length,O=e.N(m??`md`);return(0,n.jsx)(e.t,{...e.c({name:`Group`,props:s,stylesCtx:{childWidth:`calc(${100/D}% - (${O} - ${O} / ${D}))`},className:l,style:u,classes:i,classNames:c,styles:d,unstyled:f,attributes:w,vars:b,varsResolver:o})(`root`),variant:x,mod:[{grow:v},C],size:S,...T,children:E})});s.classes=i,s.varsResolver=o,s.displayName=`@mantine/core/Group`,Object.defineProperty(exports,`t`,{enumerable:!0,get:function(){return s}});

package/dist/ImageViewerApp-BaLP3gkO.js

@@ -0,0 +1,69 @@
+import { t as e } from "./rolldown-runtime-CAFD8bLK.js";
+import { y as t } from "./desktopStore-F8bgLqFl.js";
+import { t as n } from "./useResolvedUrl-DQpLqOoL.js";
+import { n as r } from "./FilePickerApp-DaMgEqKh.js";
+import { t as i } from "./AppEmptyState-Bxpit0JV.js";
+import { r as a } from "./imageViewerStore-C5kWz0o7.js";
+import { useCallback as o, useEffect as s, useRef as c, useState as l } from "react";
+import { jsx as u, jsxs as d } from "react/jsx-runtime";
+import { useTranslation as f } from "react-i18next";
+var p = {
+	container: "_container_1btg4_1",
+	image: "_image_1btg4_12",
+	placeholder: "_placeholder_1btg4_19"
+}, m = /* @__PURE__ */ e({ default: () => g }), h = [...t, "image/*"], g = ({ window: e, notifyReady: t }) => {
+	let { t: m } = f("apps"), g = e, _ = g?.id ?? "", v = g?.contentData?.src, [y, b] = l(v), [x, S] = l(!1), [C, w] = l(null), T = c(null), E = a((e) => e.getDisplayZoom(_)), D = a((e) => e.getFitToWindow(_)), O = a((e) => e.updateCalculatedZoom), k = a((e) => e.reset), A = n(y);
+	s(() => {
+		k(_);
+	}, [_, k]), s(() => {
+		if (!D || !C || !T.current) return;
+		let e = new ResizeObserver((e) => {
+			for (let t of e) {
+				let { width: e, height: n } = t.contentRect;
+				O(_, C, {
+					width: e,
+					height: n
+				});
+			}
+		});
+		return e.observe(T.current), () => e.disconnect();
+	}, [
+		D,
+		C,
+		_,
+		O
+	]), s(() => {
+		t?.({
+			...g?.contentData ?? {},
+			setPickerOpen: () => S(!0)
+		});
+	}, [g, t]);
+	let j = o((e) => {
+		b(e.url ?? e.name), S(!1), k(_), w(null);
+	}, [_, k]), M = o((e) => {
+		let t = e.currentTarget;
+		w({
+			width: t.naturalWidth,
+			height: t.naturalHeight
+		});
+	}, []), N = D ? void 0 : { transform: `scale(${E / 100})` }, P = A ? /* @__PURE__ */ u("img", {
+		src: A,
+		alt: A.split("/").pop() ?? "image",
+		className: p.image,
+		style: N,
+		onLoad: M
+	}) : /* @__PURE__ */ u(i, { label: m("imageViewer.noImage") });
+	return /* @__PURE__ */ d("div", {
+		ref: T,
+		className: p.container,
+		"data-windowid": g?.id,
+		children: [P, /* @__PURE__ */ u(r, {
+			opened: x,
+			acceptedMimeTypes: h,
+			onConfirm: j,
+			onCancel: () => S(!1)
+		})]
+	});
+};
+//#endregion
+export { m as n, g as t };

package/dist/ImageViewerApp-DlHGeB3S.cjs

@@ -0,0 +1 @@
+require(`./Box-zW6Twge8.cjs`);const e=require(`./desktopStore-CZoA9VHO.cjs`),t=require(`./useResolvedUrl-BkMPM1fM.cjs`),n=require(`./FilePickerApp-DjmuSFqa.cjs`),r=require(`./AppEmptyState-BWCUbf-B.cjs`),i=require(`./imageViewerStore-BB_tssZR.cjs`);let a=require(`react`),o=require(`react/jsx-runtime`),s=require(`react-i18next`);var c={container:`_container_1btg4_1`,image:`_image_1btg4_12`,placeholder:`_placeholder_1btg4_19`},l=[...e.y,`image/*`],u=({window:e,notifyReady:u})=>{let{t:d}=(0,s.useTranslation)(`apps`),f=e,p=f?.id??``,m=f?.contentData?.src,[h,g]=(0,a.useState)(m),[_,v]=(0,a.useState)(!1),[y,b]=(0,a.useState)(null),x=(0,a.useRef)(null),S=i.r(e=>e.getDisplayZoom(p)),C=i.r(e=>e.getFitToWindow(p)),w=i.r(e=>e.updateCalculatedZoom),T=i.r(e=>e.reset),E=t.t(h);(0,a.useEffect)(()=>{T(p)},[p,T]),(0,a.useEffect)(()=>{if(!C||!y||!x.current)return;let e=new ResizeObserver(e=>{for(let t of e){let{width:e,height:n}=t.contentRect;w(p,y,{width:e,height:n})}});return e.observe(x.current),()=>e.disconnect()},[C,y,p,w]),(0,a.useEffect)(()=>{u?.({...f?.contentData??{},setPickerOpen:()=>v(!0)})},[f,u]);let D=(0,a.useCallback)(e=>{g(e.url??e.name),v(!1),T(p),b(null)},[p,T]),O=(0,a.useCallback)(e=>{let t=e.currentTarget;b({width:t.naturalWidth,height:t.naturalHeight})},[]),k=C?void 0:{transform:`scale(${S/100})`},A=E?(0,o.jsx)(`img`,{src:E,alt:E.split(`/`).pop()??`image`,className:c.image,style:k,onLoad:O}):(0,o.jsx)(r.t,{label:d(`imageViewer.noImage`)});return(0,o.jsxs)(`div`,{ref:x,className:c.container,"data-windowid":f?.id,children:[A,(0,o.jsx)(n.n,{opened:_,acceptedMimeTypes:l,onConfirm:D,onCancel:()=>v(!1)})]})};Object.defineProperty(exports,`t`,{enumerable:!0,get:function(){return u}});

package/dist/ImageViewerApp-DoXd_Swu.cjs

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

package/dist/ImageViewerMenuBar-CabGSi9r.js

@@ -0,0 +1,87 @@
+import { t as e } from "./rolldown-runtime-CAFD8bLK.js";
+import { t } from "./AppMenuBar-CnIEVjr8.js";
+import { n, r, t as i } from "./imageViewerStore-C5kWz0o7.js";
+import { memo as a, useCallback as o, useMemo as s } from "react";
+import { jsx as c } from "react/jsx-runtime";
+import { useTranslation as l } from "react-i18next";
+//#region src/components/Apps/ImageViewerApp/useImageViewerMenuBar.ts
+var u = [
+	{
+		value: 25,
+		label: "25%"
+	},
+	{
+		value: 50,
+		label: "50%"
+	},
+	{
+		value: 75,
+		label: "75%"
+	},
+	{
+		value: 100,
+		label: "100%"
+	},
+	{
+		value: 200,
+		label: "200%"
+	}
+], d = (e) => {
+	let { windowId: t, onOpenPicker: a, onExit: c } = e, { t: d } = l("common"), { t: f } = l("apps"), p = i(t), m = n(t), h = r((e) => e.setUserZoom), g = r((e) => e.setFitToWindow), _ = o((e) => g(t, e), [t, g]), v = o((e) => h(t, e), [t, h]);
+	return s(() => {
+		let e = `${f("imageViewer.zoom")}: ${p}%`;
+		return [
+			{
+				type: "menu",
+				label: d("menu.file"),
+				items: [
+					{
+						type: "item",
+						label: d("actions.open"),
+						icon: "FcOpenedFolder",
+						onClick: a ?? (() => {})
+					},
+					{ type: "divider" },
+					{
+						type: "item",
+						label: d("actions.exit"),
+						icon: "FcLeft",
+						onClick: c
+					}
+				]
+			},
+			{
+				type: "switch",
+				label: f("imageViewer.fitToWindow"),
+				checked: m,
+				onChange: _
+			},
+			{
+				type: "slider",
+				label: e,
+				min: 10,
+				max: 200,
+				value: p,
+				onChange: v,
+				marks: u,
+				labelFormat: (e) => `${e}%`
+			}
+		];
+	}, [
+		d,
+		f,
+		a,
+		c,
+		p,
+		m,
+		_,
+		v
+	]);
+}, f = /* @__PURE__ */ e({ ImageViewerMenuBar: () => p }), p = a(({ windowId: e, contentData: n, onExit: r }) => /* @__PURE__ */ c(t, { elements: d({
+	windowId: e,
+	onOpenPicker: n?.setPickerOpen,
+	onExit: r
+}) }));
+p.displayName = "ImageViewerMenuBar";
+//#endregion
+export { f as n, p as t };

package/dist/ImageViewerMenuBar-SAI7UNz7.cjs

@@ -0,0 +1 @@
+const e=require(`./ImageViewerMenuBar-_Jr29gii.cjs`);exports.ImageViewerMenuBar=e.t;

package/dist/ImageViewerMenuBar-_Jr29gii.cjs

@@ -0,0 +1 @@
+require(`./Box-zW6Twge8.cjs`);const e=require(`./AppMenuBar-B9U0n1Vv.cjs`),t=require(`./imageViewerStore-BB_tssZR.cjs`);let n=require(`react`),r=require(`react/jsx-runtime`),i=require(`react-i18next`);var a=[{value:25,label:`25%`},{value:50,label:`50%`},{value:75,label:`75%`},{value:100,label:`100%`},{value:200,label:`200%`}],o=e=>{let{windowId:r,onOpenPicker:o,onExit:s}=e,{t:c}=(0,i.useTranslation)(`common`),{t:l}=(0,i.useTranslation)(`apps`),u=t.t(r),d=t.n(r),f=t.r(e=>e.setUserZoom),p=t.r(e=>e.setFitToWindow),m=(0,n.useCallback)(e=>p(r,e),[r,p]),h=(0,n.useCallback)(e=>f(r,e),[r,f]);return(0,n.useMemo)(()=>{let e=`${l(`imageViewer.zoom`)}: ${u}%`;return[{type:`menu`,label:c(`menu.file`),items:[{type:`item`,label:c(`actions.open`),icon:`FcOpenedFolder`,onClick:o??(()=>{})},{type:`divider`},{type:`item`,label:c(`actions.exit`),icon:`FcLeft`,onClick:s}]},{type:`switch`,label:l(`imageViewer.fitToWindow`),checked:d,onChange:m},{type:`slider`,label:e,min:10,max:200,value:u,onChange:h,marks:a,labelFormat:e=>`${e}%`}]},[c,l,o,s,u,d,m,h])},s=(0,n.memo)(({windowId:t,contentData:n,onExit:i})=>(0,r.jsx)(e.t,{elements:o({windowId:t,onOpenPicker:n?.setPickerOpen,onExit:i})}));s.displayName=`ImageViewerMenuBar`,Object.defineProperty(exports,`t`,{enumerable:!0,get:function(){return s}});

package/dist/MenuEditApp-BJjlPTOa.cjs

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