@parallelworks/tandem-web 0.139.2 → 0.140.0

package/components/SettingsNav.js

@@ -1,13 +1,13 @@
 import { Link as e } from "../lib/router.js";
 import { githubAccountQuery as t, meQuery as n } from "../api/queries.js";
-import { ChevronDownIcon as r, FolderIcon as i, HistoryIcon as a, KeyIcon as o, LinkIcon as s, NotificationIcon as c, RepositoryIcon as l, SettingsIcon as u, ShieldIcon as d, TagIcon as f, UserIcon as p, UsersIcon as m, WebhookIcon as h, WorkerIcon as g } from "./icons.js";
-import { useTranslations as _ } from "use-intl";
-import { Fragment as v, jsx as y, jsxs as b } from "react/jsx-runtime";
-import { useQuery as x, useSuspenseQuery as S } from "@tanstack/react-query";
+import { ChevronDownIcon as r, CommentIcon as i, FolderIcon as a, HistoryIcon as o, KeyIcon as s, LinkIcon as c, NotificationIcon as l, RepositoryIcon as u, SettingsIcon as d, ShieldIcon as f, TagIcon as p, UserIcon as m, UsersIcon as h, WebhookIcon as g, WorkerIcon as _ } from "./icons.js";
+import { useTranslations as v } from "use-intl";
+import { Fragment as y, jsx as b, jsxs as x } from "react/jsx-runtime";
+import { useQuery as S, useSuspenseQuery as C } from "@tanstack/react-query";
 // src/components/SettingsNav.tsx
-var C = "flex h-8 items-center gap-2.5 rounded-md px-2 text-sm text-muted-foreground hover:bg-muted hover:text-foreground", w = "bg-[var(--theme-sidebar-active-bg,var(--theme-hover))] hover:bg-[var(--theme-sidebar-active-bg,var(--theme-hover))] !text-[var(--theme-sidebar-active-text,var(--theme-app))] font-medium", T = { className: w };
-function E() {
-	let { data: e } = S(n), r = _("settingsNav"), v = e?.mode === "platform", { data: y } = x(t);
+var w = "flex h-8 items-center gap-2.5 rounded-md px-2 text-sm text-muted-foreground hover:bg-muted hover:text-foreground", T = "bg-[var(--theme-sidebar-active-bg,var(--theme-hover))] hover:bg-[var(--theme-sidebar-active-bg,var(--theme-hover))] !text-[var(--theme-sidebar-active-text,var(--theme-app))] font-medium", E = { className: T };
+function D() {
+	let { data: e } = C(n), r = v("settingsNav"), y = e?.mode === "platform", { data: b } = S(t);
 	return [
 		{
 			label: r("account"),
@@ -15,31 +15,31 @@ function E() {
 				{
 					to: "/$workspace/settings/account",
 					label: r("profile"),
-					Icon: p
+					Icon: m
 				},
 				{
 					to: "/$workspace/settings/notifications",
 					label: r("notifications"),
-					Icon: c
+					Icon: l
 				},
 				{
 					to: "/$workspace/settings/runners",
 					label: r("runners"),
-					Icon: g
+					Icon: _
 				},
-				...y?.enabled ? [{
+				...b?.enabled ? [{
 					to: "/$workspace/settings/connections",
 					label: r("connections"),
-					Icon: s
+					Icon: c
 				}] : [],
-				...v ? [] : [{
+				...y ? [] : [{
 					to: "/$workspace/settings/tokens",
 					label: r("tokens"),
-					Icon: o
+					Icon: s
 				}, {
 					to: "/$workspace/settings/sessions",
 					label: r("sessions"),
-					Icon: d
+					Icon: f
 				}]
 			]
 		},
@@ -49,84 +49,92 @@ function E() {
 				{
 					to: "/$workspace/settings",
 					label: r("general"),
-					Icon: u
+					Icon: d
 				},
 				{
 					to: "/$workspace/settings/members",
-					label: r(v ? "access" : "members"),
-					Icon: m
+					label: r(y ? "access" : "members"),
+					Icon: h
 				},
 				{
 					to: "/$workspace/settings/roles",
 					label: r("roles"),
-					Icon: d
+					Icon: f
 				},
 				{
 					to: "/$workspace/settings/groups",
 					label: r("groups"),
-					Icon: d
+					Icon: f
 				},
 				{
 					to: "/$workspace/settings/teams",
 					label: r("teams"),
-					Icon: i
+					Icon: a
 				},
 				{
 					to: "/$workspace/settings/labels",
 					label: r("labels"),
-					Icon: f
+					Icon: p
 				},
 				{
 					to: "/$workspace/settings/audit-log",
 					label: r("auditLog"),
-					Icon: a
+					Icon: o
 				},
-				...v ? [] : [{
+				...y ? [] : [{
 					to: "/$workspace/settings/sso",
 					label: r("sso"),
-					Icon: o
+					Icon: s
 				}]
 			]
 		},
 		{
 			label: r("integrations"),
-			items: [{
-				to: "/$workspace/settings/github",
-				label: r("github"),
-				Icon: l
-			}, {
-				to: "/$workspace/settings/webhooks",
-				label: r("webhooks"),
-				Icon: h
-			}]
+			items: [
+				{
+					to: "/$workspace/settings/github",
+					label: r("github"),
+					Icon: u
+				},
+				{
+					to: "/$workspace/settings/slack",
+					label: r("slack"),
+					Icon: i
+				},
+				{
+					to: "/$workspace/settings/webhooks",
+					label: r("webhooks"),
+					Icon: g
+				}
+			]
 		}
 	];
 }
-function D({ workspace: t }) {
-	let n = _("settingsNav"), i = E();
-	return /* @__PURE__ */ b(v, { children: [/* @__PURE__ */ b(e, {
+function O({ workspace: t }) {
+	let n = v("settingsNav"), i = D();
+	return /* @__PURE__ */ x(y, { children: [/* @__PURE__ */ x(e, {
 		to: "/$workspace/issues",
 		params: { workspace: t },
 		className: "flex h-9 items-center gap-2 rounded-md px-2 text-sm font-semibold hover:bg-muted",
-		children: [/* @__PURE__ */ y(r, { className: "size-4 rotate-90 text-muted-foreground" }), n("label")]
-	}), /* @__PURE__ */ y("nav", {
+		children: [/* @__PURE__ */ b(r, { className: "size-4 rotate-90 text-muted-foreground" }), n("label")]
+	}), /* @__PURE__ */ b("nav", {
 		"aria-label": n("label"),
 		className: "-mx-3 mt-2 min-h-0 flex-1 overflow-y-auto px-3",
-		children: i.map((n) => /* @__PURE__ */ b("div", {
+		children: i.map((n) => /* @__PURE__ */ x("div", {
 			className: "mt-4 first:mt-0",
-			children: [/* @__PURE__ */ y("p", {
+			children: [/* @__PURE__ */ b("p", {
 				className: "flex h-6 items-center px-2 text-xs font-medium text-muted-foreground",
 				children: n.label
-			}), /* @__PURE__ */ y("div", {
+			}), /* @__PURE__ */ b("div", {
 				className: "mt-1 space-y-0.5",
-				children: n.items.map(({ to: n, label: r, Icon: i }) => /* @__PURE__ */ b(e, {
+				children: n.items.map(({ to: n, label: r, Icon: i }) => /* @__PURE__ */ x(e, {
 					to: n,
 					params: { workspace: t },
-					className: C,
-					activeProps: T,
+					className: w,
+					activeProps: E,
 					activeOptions: { exact: !0 },
 					children: [
-						/* @__PURE__ */ y(i, { className: "size-4" }),
+						/* @__PURE__ */ b(i, { className: "size-4" }),
 						" ",
 						r
 					]
@@ -135,4 +143,4 @@ function D({ workspace: t }) {
 		}, n.label))
 	})] });
 }
-export { D as SettingsNav, C as navItem, w as navOn, E as useSettingsPages };
+export { O as SettingsNav, w as navItem, T as navOn, D as useSettingsPages };

package/index.js

@@ -3,10 +3,10 @@ import { ErrorMessage as r, Pending as i } from "./components/status.js";
 import { issueAddresses as a } from "./lib/branch.js";
 import { ErrorPage as o } from "@parallelworks/ui";
 import { notFound as s, redirect as c } from "@tanstack/react-router";
-import { lazy as l, use as u } from "react";
-import { jsx as d } from "react/jsx-runtime";
+import { use as l } from "react";
+import { jsx as u } from "react/jsx-runtime";
 // src/integration.tsx
-var f = l(() => import("./hostedApp.js")), p = /* @__PURE__ */ new Set([
+var d = /* @__PURE__ */ new Set([
 	"api",
 	"auth",
 	".well-known",
@@ -17,14 +17,17 @@ var f = l(() => import("./hostedApp.js")), p = /* @__PURE__ */ new Set([
 	"readyz",
 	"problems"
 ]);
-function m({ mountPath: l }) {
-	t(l);
-	let m, g = () => (m ||= import("./lib/queryClient.js").then((e) => e.createQueryClient()), m), v, y, b, x = !1, S = async (e) => {
+function f({ mountPath: f }) {
+	t(f);
+	let m, g, _ = () => (g ??= Promise.all([import("./hostedApp.js"), import("./lib/queryClient.js").then((e) => e.createQueryClient())]).then(([e, t]) => (m = {
+		HostedApp: e.default,
+		client: t
+	}, m)), g), v, y, b, x = !1, S = async (e) => {
 		let t = v, r = y;
 		throw !t || !r ? Error("Tandem: call mount and connect before opening a page") : (b ??= import("./pages.js").then(({ splitPages: e }) => {
 			let i = e();
 			for (let e of i.frameless) Object.assign(e.options, { path: n + e.options.path });
-			h(r.framed, i.framed), h(r.frameless, i.frameless), t.setRoutes(t.buildRouteTree()), x = !0;
+			p(r.framed, i.framed), p(r.frameless, i.frameless), t.setRoutes(t.buildRouteTree()), x = !0;
 		}), await b, c({
 			href: e,
 			replace: !0
@@ -32,21 +35,24 @@ function m({ mountPath: l }) {
 	};
 	return {
 		mountPath: n,
-		contains: _,
-		hosts: (t) => _(t) && !p.has(e(t).split("/")[1] ?? ""),
+		contains: h,
+		hosts: (t) => h(t) && !d.has(e(t).split("/")[1] ?? ""),
 		route: {
-			beforeLoad: async ({ location: e }) => (x || await S(e.href), { queryClient: await g() }),
+			beforeLoad: async ({ location: e }) => {
+				let t = _();
+				return x || await S(e.href), { queryClient: (await t).client };
+			},
 			pendingComponent: i,
-			errorComponent: ({ error: e }) => /* @__PURE__ */ d(r, { error: e }),
-			notFoundComponent: (e) => /* @__PURE__ */ d("div", {
+			errorComponent: ({ error: e }) => /* @__PURE__ */ u(r, { error: e }),
+			notFoundComponent: (e) => /* @__PURE__ */ u("div", {
 				className: "flex h-full",
-				children: /* @__PURE__ */ d(o, { status: 404 })
+				children: /* @__PURE__ */ u(o, { status: 404 })
 			})
 		},
 		placeholder: {
 			beforeLoad: async ({ location: e }) => {
 				if (x) throw s();
-				await S(e.href);
+				_(), await S(e.href);
 			},
 			pendingComponent: i
 		},
@@ -60,27 +66,27 @@ function m({ mountPath: l }) {
 			v = e;
 		},
 		rewrite: {
-			input: (e) => _(e.url.pathname) ? a.input?.(e) : void 0,
-			output: (e) => _(e.url.pathname) ? a.output?.(e) : void 0
+			input: (e) => h(e.url.pathname) ? a.input?.(e) : void 0,
+			output: (e) => h(e.url.pathname) ? a.output?.(e) : void 0
 		},
 		Provider({ host: e, children: t }) {
-			let n = u(g());
-			return /* @__PURE__ */ d(f, {
+			let { HostedApp: n, client: r } = m ?? l(_());
+			return /* @__PURE__ */ u(n, {
 				host: e,
-				queryClient: n,
+				queryClient: r,
 				children: t
 			});
 		}
 	};
 }
-function h(e, t) {
+function p(e, t) {
 	for (let n of t) Object.assign(n.options, { getParentRoute: () => e });
-	e.addChildren([...g(e), ...t]), v(t, (e) => {
-		e.options.preloadStaleTime ??= 0, e.options.pendingComponent ??= i, e.options.errorComponent ??= ({ error: e }) => /* @__PURE__ */ d(r, { error: e });
+	e.addChildren([...m(e), ...t]), g(t, (e) => {
+		e.options.preloadStaleTime ??= 0, e.options.pendingComponent ??= i, e.options.errorComponent ??= ({ error: e }) => /* @__PURE__ */ u(r, { error: e });
 	});
 }
-var g = (e) => Array.isArray(e.children) ? e.children : Object.values(e.children ?? {}), _ = (e) => e === n || e.startsWith(`${n}/`);
-function v(e, t) {
-	for (let n of e) t(n), n.children && v(g(n), t);
+var m = (e) => Array.isArray(e.children) ? e.children : Object.values(e.children ?? {}), h = (e) => e === n || e.startsWith(`${n}/`);
+function g(e, t) {
+	for (let n of e) t(n), n.children && g(m(n), t);
 }
-export { m as createTandem };
+export { f as createTandem };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@parallelworks/tandem-web",
-  "version": "0.139.2",
+  "version": "0.140.0",
   "description": "Tandem's pages, for a host app to render in its own",
   "license": "UNLICENSED",
   "type": "module",