@parallelworks/tandem-web 0.144.0 → 0.145.0

package/routes/_workspace/settings/parallelworks2.js

@@ -0,0 +1,230 @@
+import { api as e, unwrap as t } from "../../../api/client.js";
+import { meQuery as n, parallelWorksBucketsQuery as r, parallelWorksQuery as i } from "../../../api/queries.js";
+import { useConfirm as a } from "../../../lib/confirm.js";
+import { BucketIcon as o } from "../../../components/icons.js";
+import { Route as s } from "./parallelworks.js";
+import { useCan as c } from "../../../lib/roles.js";
+import { AdminOnly as l, SettingsPage as u, useFormError as d } from "../../../components/settings.js";
+import { Button as f, Callout as p, Input as m, Select as h, SettingRow as g, SettingsCard as _ } from "@parallelworks/ui";
+import { useState as v } from "react";
+import { useFormatter as y, useTranslations as b } from "use-intl";
+import { jsx as x, jsxs as S } from "react/jsx-runtime";
+import { useMutation as C, useQuery as w, useQueryClient as T, useSuspenseQuery as E } from "@tanstack/react-query";
+// src/routes/$workspace/settings/parallelworks.tsx?tsr-split=component
+function D() {
+	let { workspace: e } = s.useParams(), t = b("parallelWorks"), n = c(e, "manage_workspace");
+	return /* @__PURE__ */ S(u, {
+		title: t("title"),
+		description: t("description"),
+		children: [/* @__PURE__ */ x(l, { workspace: e }), n && /* @__PURE__ */ x(O, { workspace: e })]
+	});
+}
+function O({ workspace: e }) {
+	let { data: t } = E(i(e));
+	return t.connected ? /* @__PURE__ */ S("div", {
+		className: "space-y-10",
+		children: [/* @__PURE__ */ x(A, {
+			workspace: e,
+			conn: t
+		}), /* @__PURE__ */ x(M, {
+			workspace: e,
+			conn: t
+		})]
+	}) : /* @__PURE__ */ x(k, {
+		workspace: e,
+		conn: t
+	});
+}
+function k({ workspace: r, conn: a }) {
+	let o = b("parallelWorks"), s = T(), c = d(), { data: l } = w(n), [u, h] = v(a.url ?? (l?.mode === "platform" ? window.location.origin : "https://cloud.parallel.works")), [y, E] = v(""), D = C({
+		mutationFn: async () => t(await e.PUT("/api/v1/workspaces/{workspace}/parallelworks", {
+			params: { path: { workspace: r } },
+			body: {
+				url: u.trim(),
+				apiKey: y.trim()
+			}
+		})),
+		onMutate: c.clear,
+		onError: c.set,
+		onSuccess: (e) => s.setQueryData(i(r).queryKey, e)
+	});
+	return /* @__PURE__ */ S("form", {
+		onSubmit: (e) => {
+			e.preventDefault(), D.mutate();
+		},
+		children: [!a.canConnect && /* @__PURE__ */ x(p, {
+			tone: "warning",
+			className: "mb-6",
+			children: o("noKey")
+		}), /* @__PURE__ */ S(_, {
+			title: o("connect"),
+			description: o("connectDescription"),
+			action: /* @__PURE__ */ x(f, {
+				type: "submit",
+				variant: "primary",
+				loading: D.isPending,
+				disabled: !a.canConnect,
+				children: o("connectButton")
+			}),
+			actionAlign: "end",
+			error: c.error,
+			children: [/* @__PURE__ */ x(g, {
+				label: o("url"),
+				htmlFor: "pw-url",
+				helpText: o("urlHelp"),
+				fill: !0,
+				children: /* @__PURE__ */ x(m, {
+					id: "pw-url",
+					type: "url",
+					required: !0,
+					value: u,
+					onChange: (e) => h(e.target.value),
+					mono: !0
+				})
+			}), /* @__PURE__ */ x(g, {
+				label: o("apiKey"),
+				htmlFor: "pw-key",
+				helpText: o("apiKeyHelp"),
+				fill: !0,
+				children: /* @__PURE__ */ x(m, {
+					id: "pw-key",
+					type: "password",
+					autoComplete: "off",
+					required: !0,
+					placeholder: "pwt_…",
+					value: y,
+					onChange: (e) => E(e.target.value),
+					mono: !0
+				})
+			})]
+		})]
+	});
+}
+function A({ workspace: n, conn: r }) {
+	let o = b("parallelWorks"), s = y(), c = T(), { confirm: l, dialog: u } = a(), d = C({
+		mutationFn: async () => t(await e.DELETE("/api/v1/workspaces/{workspace}/parallelworks", { params: { path: { workspace: n } } })),
+		onSettled: () => c.invalidateQueries({ queryKey: i(n).queryKey })
+	});
+	return /* @__PURE__ */ S(_, {
+		title: o("account"),
+		action: /* @__PURE__ */ x(f, {
+			variant: "danger",
+			onClick: () => l({
+				title: o("disconnectTitle"),
+				description: o("disconnectDescription"),
+				confirmLabel: o("disconnect"),
+				onConfirm: () => d.mutateAsync()
+			}),
+			children: o("disconnect")
+		}),
+		actionAlign: "end",
+		children: [
+			/* @__PURE__ */ x(g, {
+				label: o("platform"),
+				children: /* @__PURE__ */ x("a", {
+					href: r.url,
+					className: "font-mono text-sm text-link hover:underline",
+					children: r.url
+				})
+			}),
+			/* @__PURE__ */ x(g, {
+				label: o("signedInAs"),
+				helpText: r.connectedAt && o("connectedBy", { date: s.dateTime(new Date(r.connectedAt), {
+					dateStyle: "medium",
+					timeStyle: "short"
+				}) }),
+				children: /* @__PURE__ */ x("span", {
+					className: "text-sm font-medium",
+					children: o("user", {
+						user: r.username ?? "",
+						organization: r.organization ?? ""
+					})
+				})
+			}),
+			u
+		]
+	});
+}
+var j = (e) => `${e.user}/${e.name}`;
+function M({ workspace: n, conn: a }) {
+	let s = b("parallelWorks"), c = T(), l = d(), u = w(r(n)), [p, m] = v(a.bucket ? j(a.bucket) : null), y = (e) => {
+		e ? c.setQueryData(i(n).queryKey, e) : c.invalidateQueries({ queryKey: i(n).queryKey });
+	}, E = C({
+		mutationFn: async (r) => t(await e.PUT("/api/v1/workspaces/{workspace}/parallelworks/bucket", {
+			params: { path: { workspace: n } },
+			body: {
+				user: r.user,
+				name: r.name
+			}
+		})),
+		onMutate: l.clear,
+		onError: l.set,
+		onSuccess: y
+	}), D = C({
+		mutationFn: async () => t(await e.DELETE("/api/v1/workspaces/{workspace}/parallelworks/bucket", { params: { path: { workspace: n } } })),
+		onMutate: l.clear,
+		onError: l.set,
+		onSuccess: () => {
+			m(null), y();
+		}
+	}), O = u.data?.find((e) => j(e) === p), k = a.bucket ? j(a.bucket) : null;
+	return /* @__PURE__ */ S(_, {
+		title: s("storage"),
+		description: s("storageDescription"),
+		error: l.error ?? (u.error && s("bucketsFailed")),
+		children: [
+			/* @__PURE__ */ x(g, {
+				label: s("filesGoTo"),
+				helpText: a.bucket ? s("filesInBucket") : s("filesOnServer"),
+				children: /* @__PURE__ */ S("span", {
+					className: "flex items-center gap-1.5 text-sm font-medium",
+					children: [a.bucket && /* @__PURE__ */ x(o, { className: "size-4 text-muted-foreground" }), a.bucket ? a.bucket.displayName || a.bucket.name : s("server")]
+				})
+			}),
+			/* @__PURE__ */ x(g, {
+				label: s("bucket"),
+				helpText: s("bucketHelp"),
+				children: /* @__PURE__ */ S("div", {
+					className: "flex items-center gap-2",
+					children: [/* @__PURE__ */ x("div", {
+						className: "w-60",
+						children: /* @__PURE__ */ x(h, {
+							width: "fill",
+							"aria-label": s("bucket"),
+							value: p,
+							placeholder: u.isPending ? s("loading") : s("pickBucket"),
+							disabled: !u.data?.length,
+							onValueChange: m,
+							items: (u.data ?? []).map((e) => ({
+								value: j(e),
+								label: e.displayName || e.name,
+								description: [
+									e.user,
+									e.type,
+									...e.canWrite ? [] : [s("readOnly")]
+								].join(" · "),
+								disabled: !e.canWrite,
+								icon: /* @__PURE__ */ x(o, {})
+							}))
+						})
+					}), /* @__PURE__ */ x(f, {
+						loading: E.isPending,
+						disabled: !O || p === k,
+						onClick: () => O && E.mutate(O),
+						children: s("use")
+					})]
+				})
+			}),
+			a.bucket && /* @__PURE__ */ x(g, {
+				label: s("stop"),
+				helpText: s("stopHelp"),
+				children: /* @__PURE__ */ x(f, {
+					loading: D.isPending,
+					onClick: () => D.mutate(),
+					children: s("stopButton")
+				})
+			})
+		]
+	});
+}
+export { D as component };

package/routes/_workspace/settings/parallelworks3.js

@@ -0,0 +1,8 @@
+import { meQuery as e, parallelWorksQuery as t } from "../../../api/queries.js";
+import { may as n } from "../../../lib/roles.js";
+// src/routes/$workspace/settings/parallelworks.tsx?tsr-split=loader
+var r = async ({ context: { queryClient: r }, params: { workspace: i } }) => {
+	let a = await r.ensureQueryData(e);
+	n(a, i, "manage_workspace") && await r.ensureQueryData(t(i));
+};
+export { r as loader };