@parallelworks/tandem-web 0.143.0 → 0.145.0

package/routes/_workspace/settings/import2.js

@@ -0,0 +1,330 @@
+import { api as e, unwrap as t } from "../../../api/client.js";
+import { linearImportQuery as n, teamsQuery as r } from "../../../api/queries.js";
+import { useConfirm as i } from "../../../lib/confirm.js";
+import { MigrationIcon as a } from "../../../components/icons.js";
+import { Route as o } from "./import.js";
+import { useCan as s } from "../../../lib/roles.js";
+import { AdminOnly as c, SettingsPage as l, useFormError as u } from "../../../components/settings.js";
+import { Button as d, Checkbox as f, Disclosure as p, ErrorText as m, Field as h, Input as g, ProgressBar as _, Select as v, SettingsCard as y, StatusLabel as b } from "@parallelworks/ui";
+import { useState as x } from "react";
+import { useFormatter as S, useTranslations as C } from "use-intl";
+import { Fragment as w, jsx as T, jsxs as E } from "react/jsx-runtime";
+import { useMutation as D, useQueryClient as O, useSuspenseQuery as k } from "@tanstack/react-query";
+// src/routes/$workspace/settings/import.tsx?tsr-split=component
+function A() {
+	let { workspace: e } = o.useParams(), { data: t } = k(n(e)), r = s(e, "manage_workspace"), i = C("settingsNav"), a = C("linearImport"), u = t.import?.status === "running";
+	return /* @__PURE__ */ E(l, {
+		title: i("import"),
+		description: a("pageDescription"),
+		children: [/* @__PURE__ */ T(c, { workspace: e }), t.enabled ? /* @__PURE__ */ E("div", {
+			className: "space-y-6",
+			children: [
+				t.import && /* @__PURE__ */ T(M, {
+					workspace: e,
+					im: t.import
+				}),
+				r && !u && /* @__PURE__ */ T(P, {
+					workspace: e,
+					again: !!t.import
+				}),
+				/* @__PURE__ */ E("section", {
+					className: "space-y-2 text-sm",
+					children: [/* @__PURE__ */ T("h2", {
+						className: "font-medium",
+						children: a("howTitle")
+					}), /* @__PURE__ */ E("ul", {
+						className: "list-disc space-y-1.5 pl-5 text-muted-foreground",
+						children: [
+							/* @__PURE__ */ T("li", { children: a("howIssues") }),
+							/* @__PURE__ */ T("li", { children: a("howWorkflow") }),
+							/* @__PURE__ */ T("li", { children: a("howProjects") }),
+							/* @__PURE__ */ T("li", { children: a("howPeople") })
+						]
+					})]
+				})
+			]
+		}) : /* @__PURE__ */ T(y, { children: /* @__PURE__ */ T("p", {
+			className: "px-3 py-2 text-sm text-muted-foreground",
+			children: a("notConfigured")
+		}) })]
+	});
+}
+var j = {
+	running: "info",
+	done: "success",
+	failed: "error",
+	canceled: "muted"
+};
+function M({ workspace: r, im: o }) {
+	let c = C("linearImport"), l = S(), f = s(r, "manage_workspace"), h = O(), g = u(), { confirm: v, dialog: x } = i(), w = D({
+		mutationFn: async () => t(await e.POST("/api/v1/workspaces/{workspace}/linear/import/cancel", { params: { path: { workspace: r } } })),
+		onMutate: g.clear,
+		onSuccess: () => h.invalidateQueries({ queryKey: n(r).queryKey }),
+		onError: g.set
+	}), k = o.status === "running";
+	return /* @__PURE__ */ E(y, { children: [x, /* @__PURE__ */ E("div", {
+		className: "space-y-3 px-3 py-3",
+		children: [
+			/* @__PURE__ */ E("div", {
+				className: "flex flex-wrap items-center gap-3",
+				children: [
+					/* @__PURE__ */ T(a, { className: "size-5 text-muted-foreground" }),
+					/* @__PURE__ */ E("div", {
+						className: "min-w-0 flex-1",
+						children: [/* @__PURE__ */ T("p", {
+							className: "text-sm font-medium",
+							children: c("lastImport", { organization: o.organization })
+						}), /* @__PURE__ */ T("p", {
+							className: "text-xs text-muted-foreground",
+							children: c("startedAt", { date: l.dateTime(new Date(o.startedAt), {
+								dateStyle: "medium",
+								timeStyle: "short"
+							}) })
+						})]
+					}),
+					/* @__PURE__ */ T(b, {
+						variant: j[o.status],
+						pulse: k,
+						children: c(`status.${o.status}`)
+					}),
+					f && k && /* @__PURE__ */ T(d, {
+						type: "button",
+						size: "sm",
+						variant: "outline",
+						loading: w.isPending,
+						onClick: () => v({
+							title: c("cancelTitle"),
+							description: c("cancelDescription"),
+							confirmLabel: c("cancel"),
+							onConfirm: () => w.mutateAsync()
+						}),
+						children: c("cancel")
+					})
+				]
+			}),
+			/* @__PURE__ */ T(_, {
+				value: o.total > 0 ? Math.min(o.processed, o.total) : k ? null : 1,
+				max: o.total > 0 ? o.total : 1,
+				label: c("issuesLabel"),
+				valueText: () => c("progress", {
+					processed: o.processed,
+					total: o.total
+				})
+			}),
+			/* @__PURE__ */ T("ul", {
+				className: "space-y-1 text-sm",
+				children: o.teams.map((e) => /* @__PURE__ */ T("li", {
+					className: "text-muted-foreground",
+					children: c("teamRow", {
+						source: `${e.sourceName} (${e.sourceKey})`,
+						team: e.teamKey ?? ""
+					})
+				}, e.sourceKey))
+			}),
+			o.error && /* @__PURE__ */ T("p", {
+				className: `text-sm ${k ? "text-muted-foreground" : "text-danger"}`,
+				children: c(k ? "retrying" : "stopped", { error: o.error })
+			}),
+			o.skipped > 0 && /* @__PURE__ */ T(p, {
+				summary: c("skipped", { count: o.skipped }),
+				children: /* @__PURE__ */ T("ul", {
+					className: "space-y-1 pt-2 text-sm",
+					children: o.skips.map((e, t) => /* @__PURE__ */ E("li", { children: [
+						/* @__PURE__ */ T("span", {
+							className: "font-medium",
+							children: e.item
+						}),
+						" ",
+						/* @__PURE__ */ T("span", {
+							className: "text-muted-foreground",
+							children: c(`skipReason.${e.reason}`, { field: e.field ?? "" })
+						})
+					] }, t))
+				})
+			}),
+			/* @__PURE__ */ T(m, {
+				size: "md",
+				children: g.error
+			})
+		]
+	})] });
+}
+var N = "__new__";
+function P({ workspace: i, again: a }) {
+	let o = C("linearImport"), s = O(), { data: c } = k(r(i)), [l, p] = x(""), [_, b] = x(null), [S, A] = x({}), j = u(), M = c.filter((e) => !e.archivedAt), P = D({
+		mutationFn: async () => t(await e.POST("/api/v1/workspaces/{workspace}/linear/teams", {
+			params: { path: { workspace: i } },
+			body: { apiKey: l }
+		})),
+		onMutate: j.clear,
+		onSuccess: (e) => {
+			b(e), A(Object.fromEntries(e.teams.map((e) => {
+				let t = M.find((t) => t.key === e.key);
+				return [e.id, {
+					on: !0,
+					target: t?.key ?? N,
+					newKey: e.key,
+					newName: e.name
+				}];
+			})));
+		},
+		onError: j.set
+	}), F = D({
+		mutationFn: async () => t(await e.POST("/api/v1/workspaces/{workspace}/linear/import", {
+			params: { path: { workspace: i } },
+			body: {
+				apiKey: l,
+				teams: Object.entries(S).filter(([, e]) => e.on).map(([e, t]) => t.target === N ? {
+					sourceId: e,
+					newKey: t.newKey,
+					newName: t.newName
+				} : {
+					sourceId: e,
+					teamKey: t.target
+				})
+			}
+		})),
+		onMutate: j.clear,
+		onSuccess: () => {
+			p(""), b(null), s.invalidateQueries({ queryKey: n(i).queryKey }), s.invalidateQueries({ queryKey: r(i).queryKey });
+		},
+		onError: j.set
+	}), I = Object.values(S).filter((e) => e.on).length, L = (e, t) => A((n) => ({
+		...n,
+		[e]: {
+			...n[e],
+			...t
+		}
+	}));
+	return /* @__PURE__ */ T(y, { children: /* @__PURE__ */ E("form", {
+		className: "space-y-4 px-3 py-3",
+		onSubmit: (e) => {
+			e.preventDefault(), _ ? F.mutate() : P.mutate();
+		},
+		children: [
+			/* @__PURE__ */ E("div", { children: [/* @__PURE__ */ T("h2", {
+				className: "text-sm font-medium",
+				children: o(a ? "again" : "startTitle")
+			}), a && /* @__PURE__ */ T("p", {
+				className: "text-xs text-muted-foreground",
+				children: o("againHelp")
+			})] }),
+			/* @__PURE__ */ T(h, {
+				label: o("keyLabel"),
+				description: o("keyHelp"),
+				children: /* @__PURE__ */ T(g, {
+					type: "password",
+					autoComplete: "off",
+					required: !0,
+					value: l,
+					onChange: (e) => {
+						p(e.target.value), b(null);
+					},
+					placeholder: "lin_api_…"
+				})
+			}),
+			_ && /* @__PURE__ */ E("fieldset", {
+				className: "space-y-2",
+				children: [
+					/* @__PURE__ */ T("legend", {
+						className: "text-sm font-medium",
+						children: o("teamsFrom", { organization: _.organization })
+					}),
+					_.teams.length === 0 && /* @__PURE__ */ T("p", {
+						className: "text-sm text-muted-foreground",
+						children: o("noTeams")
+					}),
+					/* @__PURE__ */ T("ul", {
+						className: "divide-y divide-border rounded-md border border-border",
+						children: _.teams.map((e) => {
+							let t = S[e.id];
+							return t ? /* @__PURE__ */ E("li", {
+								className: "flex flex-wrap items-center gap-x-3 gap-y-2 px-3 py-2",
+								children: [/* @__PURE__ */ E("label", {
+									className: "flex min-w-0 flex-1 items-center gap-2 text-sm",
+									children: [
+										/* @__PURE__ */ T(f, {
+											checked: t.on,
+											onCheckedChange: (t) => L(e.id, { on: t })
+										}),
+										/* @__PURE__ */ E("span", {
+											className: "truncate",
+											children: [
+												e.name,
+												" ",
+												/* @__PURE__ */ E("span", {
+													className: "text-muted-foreground",
+													children: [
+														"(",
+														e.key,
+														")"
+													]
+												})
+											]
+										}),
+										/* @__PURE__ */ T("span", {
+											className: "text-xs text-muted-foreground",
+											children: o("issues", { count: e.issueCount })
+										})
+									]
+								}), t.on && /* @__PURE__ */ E("div", {
+									className: "flex basis-full flex-wrap items-center gap-2 pl-6 sm:basis-auto sm:pl-0",
+									children: [/* @__PURE__ */ T(v, {
+										"aria-label": o("into", { team: e.name }),
+										value: t.target,
+										onValueChange: (t) => t && L(e.id, { target: t }),
+										items: [{
+											value: N,
+											label: o("newTeam")
+										}, ...M.map((e) => ({
+											value: e.key,
+											label: `${e.name} (${e.key})`
+										}))],
+										size: "sm",
+										width: "content"
+									}), t.target === N && /* @__PURE__ */ E(w, { children: [/* @__PURE__ */ T(g, {
+										"aria-label": o("newKey"),
+										value: t.newKey,
+										onChange: (t) => L(e.id, { newKey: t.target.value.toUpperCase() }),
+										className: "w-24",
+										maxLength: 10,
+										required: !0
+									}), /* @__PURE__ */ T(g, {
+										"aria-label": o("newName"),
+										value: t.newName,
+										onChange: (t) => L(e.id, { newName: t.target.value }),
+										className: "w-44",
+										required: !0
+									})] })]
+								})]
+							}, e.id) : null;
+						})
+					})
+				]
+			}),
+			/* @__PURE__ */ E("div", {
+				className: "flex flex-wrap items-center gap-3",
+				children: [_ ? /* @__PURE__ */ T(d, {
+					type: "submit",
+					variant: "primary",
+					loading: F.isPending,
+					disabled: I === 0,
+					children: o("start", { count: I })
+				}) : /* @__PURE__ */ T(d, {
+					type: "submit",
+					variant: "primary",
+					loading: P.isPending,
+					children: o("findTeams")
+				}), _ && /* @__PURE__ */ T("span", {
+					className: "text-xs text-muted-foreground",
+					children: o("total", { count: _.teams.filter((e) => S[e.id]?.on).reduce((e, t) => e + t.issueCount, 0) })
+				})]
+			}),
+			/* @__PURE__ */ T(m, {
+				size: "md",
+				children: j.error
+			})
+		]
+	}) });
+}
+export { A as component };

package/routes/_workspace/settings/import3.js

@@ -0,0 +1,4 @@
+import { linearImportQuery as e, teamsQuery as t } from "../../../api/queries.js";
+// src/routes/$workspace/settings/import.tsx?tsr-split=loader
+var n = ({ context: { queryClient: n }, params: { workspace: r } }) => Promise.all([n.ensureQueryData(e(r)), n.ensureQueryData(t(r))]);
+export { n as loader };

package/routes/_workspace/settings/parallelworks.js

@@ -0,0 +1,6 @@
+import { createFileRoute as e, lazyFn as t, lazyRouteComponent as n } from "@tanstack/react-router";
+var r = e("/$workspace/settings/parallelworks")({
+	loader: t(() => import("./parallelworks3.js"), "loader"),
+	component: n(() => import("./parallelworks2.js"), "component")
+});
+export { r as Route };

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 };