@loopstack/loopstack-studio 0.25.0 → 0.25.1

package/dist/features/workspaces/components/CreateWorkspace.js

@@ -1,79 +1,60 @@
-import { useAvailableEnvironments } from "../../../hooks/useConfig.js";
-import { useCreateWorkspace, useUpdateWorkspace } from "../../../hooks/useWorkspaces.js";
-import { Button } from "../../../components/ui/button.js";
-import { DialogHeader } from "../../../components/ui/dialog.js";
-import { Input } from "../../../components/ui/input.js";
-import { Label } from "../../../components/ui/label.js";
-import { Select, SelectContent, SelectItem, SelectTrigger, SelectValue } from "../../../components/ui/select.js";
-import ErrorSnackbar_default from "../../../components/feedback/ErrorSnackbar.js";
-import { EnvironmentSlotSelector } from "./EnvironmentSlotSelector.js";
-import { c } from "react/compiler-runtime";
-import { useCallback, useEffect, useMemo, useState } from "react";
-import { jsx, jsxs } from "react/jsx-runtime";
-import { Loader2, Star } from "lucide-react";
-import { DialogTitle } from "@radix-ui/react-dialog";
-var CreateWorkspace_default = (ye) => {
-	let a = c(87), { types: o, workspace: s, onSuccess: l } = ye, u = useCreateWorkspace(), d = useUpdateWorkspace(), [f, be] = useState(o[0]?.className ?? ""), [p, xe] = useState(s?.isFavourite ?? !1), m;
-	a[0] === Symbol.for("react.memo_cache_sentinel") ? (m = {}, a[0] = m) : m = a[0];
-	let [h, g] = useState(m), _;
-	a[1] === o[0]?.className ? _ = a[2] : (_ = () => {
-		be(o[0]?.className ?? "");
-	}, a[1] = o[0]?.className, a[2] = _);
-	let v;
-	a[3] === o ? v = a[4] : (v = [o], a[3] = o, a[4] = v), useEffect(_, v);
-	let y;
-	if (a[5] !== o || a[6] !== f) {
-		let e;
-		a[8] === f ? e = a[9] : (e = (e) => e.className === f, a[8] = f, a[9] = e), y = o.find(e), a[5] = o, a[6] = f, a[7] = y;
-	} else y = a[7];
-	let Se = y, b;
-	a[10] === Se?.environments ? b = a[11] : (b = Se?.environments ?? [], a[10] = Se?.environments, a[11] = b);
-	let x = b, S = x.length > 0, C;
-	a[12] === S ? C = a[13] : (C = { enabled: S }, a[12] = S, a[13] = C);
-	let { data: w } = useAvailableEnvironments(C), T;
-	a[14] === w ? T = a[15] : (T = w?.map(_temp) ?? [], a[14] = w, a[15] = T);
-	let E = T, D = E.length > 0 && x.length > 0, O;
-	a[16] !== E || a[17] !== x || a[18] !== s ? (O = () => {
-		if (E.length === 0 || x.length === 0) return;
+import { useAvailableEnvironments as e } from "../../../hooks/useConfig.js";
+import { useCreateWorkspace as t, useUpdateWorkspace as n } from "../../../hooks/useWorkspaces.js";
+import { Button as r } from "../../../components/ui/button.js";
+import { DialogHeader as i } from "../../../components/ui/dialog.js";
+import { Input as a } from "../../../components/ui/input.js";
+import { Label as o } from "../../../components/ui/label.js";
+import { Select as s, SelectContent as c, SelectItem as l, SelectTrigger as u, SelectValue as d } from "../../../components/ui/select.js";
+import f from "../../../components/feedback/ErrorSnackbar.js";
+import { EnvironmentSlotSelector as p } from "./EnvironmentSlotSelector.js";
+import { useCallback as m, useEffect as h, useMemo as g, useState as _ } from "react";
+import { jsx as v, jsxs as y } from "react/jsx-runtime";
+import { Loader2 as b, Star as x } from "lucide-react";
+import { DialogTitle as S } from "@radix-ui/react-dialog";
+//#region src/features/workspaces/components/CreateWorkspace.tsx
+var C = ({ types: C, workspace: w, onSuccess: T }) => {
+	let E = t(), D = n(), [O, k] = _(C[0]?.className ?? ""), [A, j] = _(w?.isFavourite ?? !1), [M, N] = _({});
+	h(() => {
+		k(C[0]?.className ?? "");
+	}, [C]);
+	let P = g(() => C.find((e) => e.className === O), [C, O])?.environments ?? [], { data: F } = e({ enabled: P.length > 0 }), I = g(() => F?.map((e) => ({
+		...e,
+		id: e.type
+	})) ?? [], [F]), L = I.length > 0 && P.length > 0;
+	h(() => {
+		if (I.length === 0 || P.length === 0) return;
 		let e = {};
-		for (let t of x) {
-			if (s?.environments) {
-				let n = s.environments.find((e) => e.slotId === t.id);
+		for (let t of P) {
+			if (w?.environments) {
+				let n = w.environments.find((e) => e.slotId === t.id);
 				if (n) {
 					e[t.id] = n.remoteEnvironmentId;
 					continue;
 				}
 			}
-			let n = E.find((e) => !t.type || e.type === t.type);
+			let n = I.find((e) => !t.type || e.type === t.type);
 			n && (e[t.id] = n.id);
 		}
-		g(e);
-	}, a[16] = E, a[17] = x, a[18] = s, a[19] = O) : O = a[19];
-	let k = s?.environments, A;
-	a[20] !== E || a[21] !== x || a[22] !== k ? (A = [
-		E,
-		x,
-		k
-	], a[20] = E, a[21] = x, a[22] = k, a[23] = A) : A = a[23], useEffect(O, A);
-	let j;
-	a[24] === Symbol.for("react.memo_cache_sentinel") ? (j = (e) => {
-		be(e), g({});
-	}, a[24] = j) : j = a[24];
-	let Ce = j, M;
-	a[25] === Symbol.for("react.memo_cache_sentinel") ? (M = (e, t) => {
-		g((n) => ({
+		N(e);
+	}, [
+		I,
+		P,
+		w?.environments
+	]);
+	let R = (e) => {
+		k(e), N({});
+	}, z = m((e, t) => {
+		N((n) => ({
 			...n,
 			[e]: t
 		}));
-	}, a[25] = M) : M = a[25];
-	let we = M, N;
-	a[26] !== w || a[27] !== h || a[28] !== E || a[29] !== D || a[30] !== x ? (N = () => {
-		if (!D) return;
+	}, []), B = m(() => {
+		if (!L) return;
 		let e = [];
-		for (let t of x) {
-			let n = h[t.id];
+		for (let t of P) {
+			let n = M[t.id];
 			if (n && n !== "__none__") {
-				let r = E.find((e) => e.id === n), i = w?.find((e) => e.type === n);
+				let r = I.find((e) => e.id === n), i = F?.find((e) => e.type === n);
 				r && i && e.push({
 					slotId: t.id,
 					type: r.type,
@@ -87,148 +68,110 @@ var CreateWorkspace_default = (ye) => {
 			}
 		}
 		return e.length > 0 ? e : void 0;
-	}, a[26] = w, a[27] = h, a[28] = E, a[29] = D, a[30] = x, a[31] = N) : N = a[31];
-	let P = N, F;
-	a[32] !== P || a[33] !== p || a[34] !== l || a[35] !== d || a[36] !== s ? (F = (e) => {
+	}, [
+		L,
+		F,
+		I,
+		P,
+		M
+	]), V = (e) => {
 		e.preventDefault();
 		let t = new FormData(e.currentTarget).get("name");
-		!t || !s || d.mutate({
-			id: s.id,
+		!t || !w || D.mutate({
+			id: w.id,
 			workspaceUpdateDto: {
 				title: t,
-				isFavourite: p,
-				environments: P()
+				isFavourite: A,
+				environments: B()
 			}
 		}, { onSuccess: () => {
-			l();
+			T();
 		} });
-	}, a[32] = P, a[33] = p, a[34] = l, a[35] = d, a[36] = s, a[37] = F) : F = a[37];
-	let Te = F, I;
-	a[38] !== P || a[39] !== u || a[40] !== p || a[41] !== l || a[42] !== f ? (I = (e) => {
+	}, H = (e) => {
 		e.preventDefault();
 		let t = new FormData(e.currentTarget).get("name");
-		f && u.mutate({ workspaceCreateDto: {
+		O && E.mutate({ workspaceCreateDto: {
 			title: t || void 0,
-			className: f,
-			isFavourite: p || void 0,
-			environments: P()
+			className: O,
+			isFavourite: A || void 0,
+			environments: B()
 		} }, { onSuccess: () => {
-			console.log("closing"), l();
+			console.log("closing"), T();
 		} });
-	}, a[38] = P, a[39] = u, a[40] = p, a[41] = l, a[42] = f, a[43] = I) : I = a[43];
-	let Ee = I, L = u.isPending || d.isPending, R;
-	a[44] === u.error ? R = a[45] : (R = /* @__PURE__ */ jsx(ErrorSnackbar_default, { error: u.error }), a[44] = u.error, a[45] = R);
-	let z;
-	a[46] === d.error ? z = a[47] : (z = /* @__PURE__ */ jsx(ErrorSnackbar_default, { error: d.error }), a[46] = d.error, a[47] = z);
-	let De = s ? "Edit" : "Add", B;
-	a[48] === De ? B = a[49] : (B = /* @__PURE__ */ jsx(DialogHeader, {
-		className: "space-y-1",
-		children: /* @__PURE__ */ jsxs(DialogTitle, {
-			className: "mb-4 text-lg leading-none font-semibold",
-			children: [De, " Workspace"]
+	}, U = E.isPending || D.isPending;
+	return /* @__PURE__ */ y("div", { children: [
+		/* @__PURE__ */ v(f, { error: E.error }),
+		/* @__PURE__ */ v(f, { error: D.error }),
+		/* @__PURE__ */ y("div", {
+			className: "mb-4",
+			children: [/* @__PURE__ */ v(i, {
+				className: "space-y-1",
+				children: /* @__PURE__ */ y(S, {
+					className: "mb-4 text-lg leading-none font-semibold",
+					children: [w ? "Edit" : "Add", " Workspace"]
+				})
+			}), /* @__PURE__ */ y("form", {
+				onSubmit: w ? V : H,
+				className: "space-y-4",
+				children: [
+					/* @__PURE__ */ y("div", {
+						className: "space-y-2",
+						children: [/* @__PURE__ */ v(o, {
+							htmlFor: "name",
+							children: "Workspace Name"
+						}), /* @__PURE__ */ y("div", {
+							className: "flex items-center gap-2",
+							children: [/* @__PURE__ */ v(a, {
+								id: "name",
+								name: "name",
+								defaultValue: w?.title ?? "",
+								placeholder: "Enter workspace name (optional)",
+								autoFocus: !0
+							}), /* @__PURE__ */ v(r, {
+								type: "button",
+								variant: "ghost",
+								size: "icon",
+								className: "shrink-0",
+								onClick: () => j((e) => !e),
+								children: /* @__PURE__ */ v(x, { className: `h-4 w-4 ${A ? "fill-yellow-400 text-yellow-400" : "text-muted-foreground"}` })
+							})]
+						})]
+					}),
+					!w && C.length > 1 && /* @__PURE__ */ y("div", {
+						className: "space-y-2",
+						children: [/* @__PURE__ */ v(o, {
+							htmlFor: "className",
+							children: "Type"
+						}), /* @__PURE__ */ y(s, {
+							name: "className",
+							value: O,
+							onValueChange: R,
+							children: [/* @__PURE__ */ v(u, {
+								id: "className",
+								className: "w-full",
+								children: /* @__PURE__ */ v(d, { placeholder: "Select a type" })
+							}), /* @__PURE__ */ v(c, { children: C.map((e) => /* @__PURE__ */ v(l, {
+								value: e.className,
+								children: e.title ?? e.className
+							}, e.className)) })]
+						})]
+					}),
+					L && P.map((e) => /* @__PURE__ */ v(p, {
+						slot: e,
+						environments: I,
+						selectedEnvironmentId: M[e.id],
+						onSelect: (t) => z(e.id, t)
+					}, e.id)),
+					/* @__PURE__ */ y(r, {
+						type: "submit",
+						className: "w-full",
+						disabled: U,
+						children: [U && /* @__PURE__ */ v(b, { className: "mr-2 h-4 w-4 animate-spin" }), w ? "Save" : "Create"]
+					})
+				]
+			})]
 		})
-	}), a[48] = De, a[49] = B);
-	let Oe = s ? Te : Ee, V;
-	a[50] === Symbol.for("react.memo_cache_sentinel") ? (V = /* @__PURE__ */ jsx(Label, {
-		htmlFor: "name",
-		children: "Workspace Name"
-	}), a[50] = V) : V = a[50];
-	let ke = s?.title ?? "", H;
-	a[51] === ke ? H = a[52] : (H = /* @__PURE__ */ jsx(Input, {
-		id: "name",
-		name: "name",
-		defaultValue: ke,
-		placeholder: "Enter workspace name (optional)",
-		autoFocus: !0
-	}), a[51] = ke, a[52] = H);
-	let U;
-	a[53] === Symbol.for("react.memo_cache_sentinel") ? (U = () => xe(_temp2), a[53] = U) : U = a[53];
-	let W = `h-4 w-4 ${p ? "fill-yellow-400 text-yellow-400" : "text-muted-foreground"}`, G;
-	a[54] === W ? G = a[55] : (G = /* @__PURE__ */ jsx(Button, {
-		type: "button",
-		variant: "ghost",
-		size: "icon",
-		className: "shrink-0",
-		onClick: U,
-		children: /* @__PURE__ */ jsx(Star, { className: W })
-	}), a[54] = W, a[55] = G);
-	let K;
-	a[56] !== H || a[57] !== G ? (K = /* @__PURE__ */ jsxs("div", {
-		className: "space-y-2",
-		children: [V, /* @__PURE__ */ jsxs("div", {
-			className: "flex items-center gap-2",
-			children: [H, G]
-		})]
-	}), a[56] = H, a[57] = G, a[58] = K) : K = a[58];
-	let q;
-	a[59] !== o || a[60] !== s || a[61] !== f ? (q = !s && o.length > 1 && /* @__PURE__ */ jsxs("div", {
-		className: "space-y-2",
-		children: [/* @__PURE__ */ jsx(Label, {
-			htmlFor: "className",
-			children: "Type"
-		}), /* @__PURE__ */ jsxs(Select, {
-			name: "className",
-			value: f,
-			onValueChange: Ce,
-			children: [/* @__PURE__ */ jsx(SelectTrigger, {
-				id: "className",
-				className: "w-full",
-				children: /* @__PURE__ */ jsx(SelectValue, { placeholder: "Select a type" })
-			}), /* @__PURE__ */ jsx(SelectContent, { children: o.map(_temp3) })]
-		})]
-	}), a[59] = o, a[60] = s, a[61] = f, a[62] = q) : q = a[62];
-	let J;
-	a[63] !== h || a[64] !== E || a[65] !== D || a[66] !== x ? (J = D && x.map((e) => /* @__PURE__ */ jsx(EnvironmentSlotSelector, {
-		slot: e,
-		environments: E,
-		selectedEnvironmentId: h[e.id],
-		onSelect: (t) => we(e.id, t)
-	}, e.id)), a[63] = h, a[64] = E, a[65] = D, a[66] = x, a[67] = J) : J = a[67];
-	let Y;
-	a[68] === L ? Y = a[69] : (Y = L && /* @__PURE__ */ jsx(Loader2, { className: "mr-2 h-4 w-4 animate-spin" }), a[68] = L, a[69] = Y);
-	let Ae = s ? "Save" : "Create", X;
-	a[70] !== L || a[71] !== Y || a[72] !== Ae ? (X = /* @__PURE__ */ jsxs(Button, {
-		type: "submit",
-		className: "w-full",
-		disabled: L,
-		children: [Y, Ae]
-	}), a[70] = L, a[71] = Y, a[72] = Ae, a[73] = X) : X = a[73];
-	let Z;
-	a[74] !== Oe || a[75] !== K || a[76] !== q || a[77] !== J || a[78] !== X ? (Z = /* @__PURE__ */ jsxs("form", {
-		onSubmit: Oe,
-		className: "space-y-4",
-		children: [
-			K,
-			q,
-			J,
-			X
-		]
-	}), a[74] = Oe, a[75] = K, a[76] = q, a[77] = J, a[78] = X, a[79] = Z) : Z = a[79];
-	let Q;
-	a[80] !== B || a[81] !== Z ? (Q = /* @__PURE__ */ jsxs("div", {
-		className: "mb-4",
-		children: [B, Z]
-	}), a[80] = B, a[81] = Z, a[82] = Q) : Q = a[82];
-	let $;
-	return a[83] !== R || a[84] !== z || a[85] !== Q ? ($ = /* @__PURE__ */ jsxs("div", { children: [
-		R,
-		z,
-		Q
-	] }), a[83] = R, a[84] = z, a[85] = Q, a[86] = $) : $ = a[86], $;
+	] });
 };
-function _temp(e) {
-	return {
-		...e,
-		id: e.type
-	};
-}
-function _temp2(e) {
-	return !e;
-}
-function _temp3(e) {
-	return /* @__PURE__ */ jsx(SelectItem, {
-		value: e.className,
-		children: e.title ?? e.className
-	}, e.className);
-}
-export { CreateWorkspace_default as default };
+//#endregion
+export { C as default };

package/dist/features/workspaces/components/EnvironmentSlotSelector.js

@@ -1,63 +1,65 @@
-import { Button } from "../../../components/ui/button.js";
-import { Label } from "../../../components/ui/label.js";
-import { Select, SelectContent, SelectItem, SelectTrigger, SelectValue } from "../../../components/ui/select.js";
-import { useMemo } from "react";
-import { jsx, jsxs } from "react/jsx-runtime";
-import { Info, Loader2, Plus } from "lucide-react";
-function EnvironmentSlotSelector({ slot: p, environments: m, selectedEnvironmentId: h, onSelect: g, onCreateEnvironment: _, isCreating: v, error: y }) {
-	let b = useMemo(() => m.filter((e) => p.type ? e.type === p.type : !0), [m, p.type]), x = b.length > 0;
-	return /* @__PURE__ */ jsxs("div", {
+import { Button as e } from "../../../components/ui/button.js";
+import { Label as t } from "../../../components/ui/label.js";
+import { Select as n, SelectContent as r, SelectItem as i, SelectTrigger as a, SelectValue as o } from "../../../components/ui/select.js";
+import { useMemo as s } from "react";
+import { jsx as c, jsxs as l } from "react/jsx-runtime";
+import { Info as u, Loader2 as d, Plus as f } from "lucide-react";
+//#region src/features/workspaces/components/EnvironmentSlotSelector.tsx
+function p({ slot: p, environments: m, selectedEnvironmentId: h, onSelect: g, onCreateEnvironment: _, isCreating: v, error: y }) {
+	let b = s(() => m.filter((e) => p.type ? e.type === p.type : !0), [m, p.type]), x = b.length > 0;
+	return /* @__PURE__ */ l("div", {
 		className: "space-y-2",
 		children: [
-			/* @__PURE__ */ jsxs(Label, { children: [p.title ?? p.id, p.optional && /* @__PURE__ */ jsx("span", {
+			/* @__PURE__ */ l(t, { children: [p.title ?? p.id, p.optional && /* @__PURE__ */ c("span", {
 				className: "text-muted-foreground ml-1 font-normal",
 				children: "(optional)"
 			})] }),
-			x ? /* @__PURE__ */ jsxs(Select, {
+			x ? /* @__PURE__ */ l(n, {
 				value: h,
 				onValueChange: g,
-				children: [/* @__PURE__ */ jsx(SelectTrigger, {
+				children: [/* @__PURE__ */ c(a, {
 					className: "w-full",
-					children: /* @__PURE__ */ jsx(SelectValue, { placeholder: "Select an environment" })
-				}), /* @__PURE__ */ jsxs(SelectContent, { children: [p.optional && /* @__PURE__ */ jsx(SelectItem, {
+					children: /* @__PURE__ */ c(o, { placeholder: "Select an environment" })
+				}), /* @__PURE__ */ l(r, { children: [p.optional && /* @__PURE__ */ c(i, {
 					value: "__none__",
-					children: /* @__PURE__ */ jsx("span", {
+					children: /* @__PURE__ */ c("span", {
 						className: "text-muted-foreground",
 						children: "None"
 					})
-				}), b.map((e) => /* @__PURE__ */ jsx(SelectItem, {
+				}), b.map((e) => /* @__PURE__ */ c(i, {
 					value: e.id,
-					children: /* @__PURE__ */ jsxs("span", {
+					children: /* @__PURE__ */ l("span", {
 						className: "flex items-center gap-2",
-						children: [e.name, e.local && /* @__PURE__ */ jsx("span", {
+						children: [e.name, e.local && /* @__PURE__ */ c("span", {
 							className: "bg-muted text-muted-foreground rounded px-1.5 py-0.5 text-[10px] font-medium",
 							children: "Local"
 						})]
 					})
 				}, e.id))] })]
-			}) : /* @__PURE__ */ jsxs("div", {
+			}) : /* @__PURE__ */ l("div", {
 				className: `flex items-center gap-3 rounded-md border border-dashed bg-background p-3 ${y ? "border-destructive" : ""}`,
 				children: [
-					/* @__PURE__ */ jsx(Info, { className: `h-4 w-4 shrink-0 ${y ? "text-destructive" : "text-muted-foreground"}` }),
-					/* @__PURE__ */ jsx("p", {
+					/* @__PURE__ */ c(u, { className: `h-4 w-4 shrink-0 ${y ? "text-destructive" : "text-muted-foreground"}` }),
+					/* @__PURE__ */ c("p", {
 						className: `text-sm flex-1 ${y ? "text-destructive" : "text-muted-foreground"}`,
 						children: "No matching environment available."
 					}),
-					_ && /* @__PURE__ */ jsxs(Button, {
+					_ && /* @__PURE__ */ l(e, {
 						type: "button",
 						size: "sm",
 						variant: "outline",
 						disabled: v,
 						onClick: () => _(),
-						children: [v ? /* @__PURE__ */ jsx(Loader2, { className: "mr-1.5 h-3.5 w-3.5 animate-spin" }) : /* @__PURE__ */ jsx(Plus, { className: "mr-1.5 h-3.5 w-3.5" }), "Create"]
+						children: [v ? /* @__PURE__ */ c(d, { className: "mr-1.5 h-3.5 w-3.5 animate-spin" }) : /* @__PURE__ */ c(f, { className: "mr-1.5 h-3.5 w-3.5" }), "Create"]
 					})
 				]
 			}),
-			y && /* @__PURE__ */ jsx("p", {
+			y && /* @__PURE__ */ c("p", {
 				className: "text-sm text-destructive",
 				children: y
 			})
 		]
 	});
 }
-export { EnvironmentSlotSelector };
+//#endregion
+export { p as EnvironmentSlotSelector };