@parallelworks/tandem-web 0.139.1 → 0.139.3

package/components/SettingsNav.js

@@ -5,8 +5,8 @@ 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";
 // 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 = { className: "bg-muted !text-foreground font-medium" };
-function T() {
+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);
 	return [
 		{
@@ -102,8 +102,8 @@ function T() {
 		}
 	];
 }
-function E({ workspace: t }) {
-	let n = _("settingsNav"), i = T();
+function D({ workspace: t }) {
+	let n = _("settingsNav"), i = E();
 	return /* @__PURE__ */ b(v, { children: [/* @__PURE__ */ b(e, {
 		to: "/$workspace/issues",
 		params: { workspace: t },
@@ -123,7 +123,7 @@ function E({ workspace: t }) {
 					to: n,
 					params: { workspace: t },
 					className: C,
-					activeProps: w,
+					activeProps: T,
 					activeOptions: { exact: !0 },
 					children: [
 						/* @__PURE__ */ y(i, { className: "size-4" }),
@@ -135,4 +135,4 @@ function E({ workspace: t }) {
 		}, n.label))
 	})] });
 }
-export { E as SettingsNav, T as useSettingsPages };
+export { D as SettingsNav, C as navItem, w as navOn, E 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.1",
+  "version": "0.139.3",
   "description": "Tandem's pages, for a host app to render in its own",
   "license": "UNLICENSED",
   "type": "module",