@parallelworks/tandem-web 0.142.0 → 0.144.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/labels2.js

@@ -1,12 +1,12 @@
 import { api as e, unwrap as t } from "../../../api/client.js";
 import { useNavigate as n } from "../../../lib/router.js";
 import { labelsQuery as r } from "../../../api/queries.js";
-import { TagIcon as i } from "../../../components/icons.js";
-import { Route as a } from "./labels.js";
-import { copyItem as o } from "../../../lib/menus.js";
-import { useCan as s } from "../../../lib/roles.js";
-import { AdminOnly as c, SettingsPage as l, useFormError as u } from "../../../components/settings.js";
-import { useConfirm as d } from "../../../lib/confirm.js";
+import { useConfirm as i } from "../../../lib/confirm.js";
+import { TagIcon as a } from "../../../components/icons.js";
+import { Route as o } from "./labels.js";
+import { copyItem as s } from "../../../lib/menus.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, ColorInput as p, ErrorText as m, Input as h, Modal as g, ModalTitle as _, PageHeaderAddButton as v, Table as y, menuDivider as b, useOpenMenu as x } from "@parallelworks/ui";
 import { useMemo as S, useState as C } from "react";
 import { useTranslations as w } from "use-intl";
@@ -15,22 +15,22 @@ import { useMutation as D, useQueryClient as O, useSuspenseQuery as k } from "@t
 import { ListCellText as A, ListColumns as j, ListPage as M, ListRow as N, ListToolbar as P, NameCell as F, listTableProps as I, useListNavigate as L, useListSearch as R, useListView as z } from "@parallelworks/ui/list";
 // src/routes/$workspace/settings/labels.tsx?tsr-split=component
 function B() {
-	let { workspace: e } = a.useParams();
+	let { workspace: e } = o.useParams();
 	return /* @__PURE__ */ T(V, {
 		workspace: e,
-		isAdmin: s(e, "manage_labels")
+		isAdmin: c(e, "manage_labels")
 	});
 }
-function V({ workspace: a, isAdmin: s }) {
-	let { data: u } = k(r(a)), f = n(), p = w("settings"), m = w("common"), h = R(), g = L(), _ = x(), [B, V] = C(null), U = O(), { confirm: W, dialog: G } = d(), K = D({
+function V({ workspace: o, isAdmin: c }) {
+	let { data: d } = k(r(o)), f = n(), p = w("settings"), m = w("common"), h = R(), g = L(), _ = x(), [B, V] = C(null), U = O(), { confirm: W, dialog: G } = i(), K = D({
 		mutationFn: async (n) => t(await e.DELETE("/api/v1/workspaces/{workspace}/labels/{labelId}", { params: { path: {
-			workspace: a,
+			workspace: o,
 			labelId: n.id
 		} } })),
 		onSettled: () => {
-			U.invalidateQueries({ queryKey: r(a).queryKey }), U.invalidateQueries({ queryKey: [
+			U.invalidateQueries({ queryKey: r(o).queryKey }), U.invalidateQueries({ queryKey: [
 				"workspace",
-				a,
+				o,
 				"issues"
 			] });
 		}
@@ -54,23 +54,23 @@ function V({ workspace: a, isAdmin: s }) {
 		label: m("name"),
 		compare: (e, t) => e.name.localeCompare(t.name)
 	}], [m]), X = z({
-		storageKey: `tandem-labels-${a}`,
+		storageKey: `tandem-labels-${o}`,
 		defaultShowColumnHeaders: !1,
 		columns: J,
 		orderBys: Y,
 		defaultOrderBy: "name",
 		facets: []
-	}), Z = h.filter.trim().toLowerCase(), Q = u.filter((e) => !Z || e.name.toLowerCase().includes(Z)), $ = u.find((e) => e.id === B);
-	return /* @__PURE__ */ E(l, {
+	}), Z = h.filter.trim().toLowerCase(), Q = d.filter((e) => !Z || e.name.toLowerCase().includes(Z)), $ = d.find((e) => e.id === B);
+	return /* @__PURE__ */ E(u, {
 		wide: !0,
 		title: m("labels"),
 		description: p("labelsDescription"),
-		actions: s && /* @__PURE__ */ T(v, {
+		actions: c && /* @__PURE__ */ T(v, {
 			label: p("newLabel"),
 			word: "create",
 			onClick: () => V("new")
 		}),
-		toolbar: u.length > 0 && /* @__PURE__ */ T(P, {
+		toolbar: d.length > 0 && /* @__PURE__ */ T(P, {
 			view: X,
 			search: h,
 			searchLabel: p("labelSearch"),
@@ -79,8 +79,8 @@ function V({ workspace: a, isAdmin: s }) {
 		children: [
 			/* @__PURE__ */ T("div", {
 				className: "px-4",
-				children: /* @__PURE__ */ T(c, {
-					workspace: a,
+				children: /* @__PURE__ */ T(l, {
+					workspace: o,
 					permission: "manage_labels"
 				})
 			}),
@@ -88,7 +88,7 @@ function V({ workspace: a, isAdmin: s }) {
 				className: "border-t border-border",
 				children: /* @__PURE__ */ T(M, {
 					view: X,
-					total: u.length,
+					total: d.length,
 					matches: Q.length,
 					count: {
 						filterActive: h.filter.trim() !== "",
@@ -96,7 +96,7 @@ function V({ workspace: a, isAdmin: s }) {
 						nounPlural: p("labelNounPlural")
 					},
 					empty: {
-						icon: /* @__PURE__ */ T(i, {}),
+						icon: /* @__PURE__ */ T(a, {}),
 						title: p("noLabels")
 					},
 					noMatches: p("labelNoMatches"),
@@ -104,7 +104,7 @@ function V({ workspace: a, isAdmin: s }) {
 						...I,
 						children: [/* @__PURE__ */ T(j, { view: X }), X.applyOrder(Q).map((e) => /* @__PURE__ */ E(N, {
 							href: null,
-							onActivate: s ? () => V(e.id) : void 0,
+							onActivate: c ? () => V(e.id) : void 0,
 							goTo: g,
 							openMenu: _,
 							items: [
@@ -112,13 +112,13 @@ function V({ workspace: a, isAdmin: s }) {
 									label: p("viewIssues"),
 									onClick: () => f({
 										to: "/$workspace/issues",
-										params: { workspace: a },
+										params: { workspace: o },
 										search: { label: e.name }
 									})
 								},
-								o(m("copyName"), e.name),
-								o(p("copyColor"), e.color),
-								...s ? [
+								s(m("copyName"), e.name),
+								s(p("copyColor"), e.color),
+								...c ? [
 									b,
 									{
 										label: p("editLabel"),
@@ -151,7 +151,7 @@ function V({ workspace: a, isAdmin: s }) {
 				})
 			}),
 			(B === "new" || $) && /* @__PURE__ */ T(H, {
-				workspace: a,
+				workspace: o,
 				label: $,
 				onDone: () => V(null)
 			}),
@@ -160,20 +160,20 @@ function V({ workspace: a, isAdmin: s }) {
 	});
 }
 function H({ workspace: n, label: i, onDone: a }) {
-	let o = w("settings"), s = w("common"), c = O(), l = u(), [d, v] = C(i?.name ?? ""), [y, b] = C(i?.color ?? "#d73a4a"), x = D({
+	let o = w("settings"), s = w("common"), c = O(), l = d(), [u, v] = C(i?.name ?? ""), [y, b] = C(i?.color ?? "#d73a4a"), x = D({
 		mutationFn: async () => t(i ? await e.PATCH("/api/v1/workspaces/{workspace}/labels/{labelId}", {
 			params: { path: {
 				workspace: n,
 				labelId: i.id
 			} },
 			body: {
-				...d !== i.name && { name: d },
+				...u !== i.name && { name: u },
 				...y !== i.color && { color: y }
 			}
 		}) : await e.POST("/api/v1/workspaces/{workspace}/labels", {
 			params: { path: { workspace: n } },
 			body: {
-				name: d,
+				name: u,
 				color: y
 			}
 		})),
@@ -211,7 +211,7 @@ function H({ workspace: n, label: i, onDone: a }) {
 						required: !0,
 						autoFocus: !0,
 						placeholder: o("labelName"),
-						value: d,
+						value: u,
 						onChange: (e) => v(e.target.value),
 						"aria-label": o("labelName"),
 						className: "min-w-0 flex-1"
@@ -231,7 +231,7 @@ function H({ workspace: n, label: i, onDone: a }) {
 					}), /* @__PURE__ */ T(f, {
 						type: "submit",
 						variant: "primary",
-						disabled: !d.trim(),
+						disabled: !u.trim(),
 						loading: x.isPending,
 						children: i ? s("save") : o("createLabel")
 					})]