@parallelworks/tandem-web 0.139.0 → 0.139.2

package/components/AppRoot.js

@@ -1,11 +1,12 @@
-import { SharedUI as e } from "./SharedUI.js";
-import { Outlet as t } from "@tanstack/react-router";
-import { jsx as n } from "react/jsx-runtime";
+import { PageTitle as e } from "../lib/pageTitle.js";
+import { SharedUI as t } from "./SharedUI.js";
+import { Outlet as n } from "@tanstack/react-router";
+import { jsx as r, jsxs as i } from "react/jsx-runtime";
 // src/components/AppRoot.tsx
-function r() {
-	return /* @__PURE__ */ n(e, { children: /* @__PURE__ */ n("div", {
+function a() {
+	return /* @__PURE__ */ i(t, { children: [/* @__PURE__ */ r(e, {}), /* @__PURE__ */ r("div", {
 		className: "flex min-h-dvh flex-col",
-		children: /* @__PURE__ */ n(t, {})
-	}) });
+		children: /* @__PURE__ */ r(n, {})
+	})] });
 }
-export { r as default };
+export { a as default };

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/components/settings.js

@@ -1,5 +1,5 @@
-import { usePathname as e } from "../lib/router.js";
-import { usePageTitle as t } from "../lib/pageTitle.js";
+import { usePageTitle as e } from "../lib/pageTitle.js";
+import { usePathname as t } from "../lib/router.js";
 import { useCan as n } from "../lib/roles.js";
 import { useSettingsPages as r } from "./SettingsNav.js";
 import { Callout as i, PageHeader as a } from "@parallelworks/ui";
@@ -17,8 +17,8 @@ function f() {
 		set: (t) => n(e(t))
 	};
 }
-function p(t) {
-	let n = l("settingsNav"), { workspace: i = "" } = o({ strict: !1 }), a = e(), s = r(), c = [{
+function p(e) {
+	let n = l("settingsNav"), { workspace: i = "" } = o({ strict: !1 }), a = t(), s = r(), c = [{
 		label: n("label"),
 		href: `/${i}/settings`
 	}], u;
@@ -30,14 +30,14 @@ function p(t) {
 			href: n
 		});
 	}
-	return u && (c.push({ label: u.group }), u.label !== t && c.push({
+	return u && (c.push({ label: u.group }), u.label !== e && c.push({
 		label: u.label,
 		href: u.href
-	})), c.push({ label: t }), c;
+	})), c.push({ label: e }), c;
 }
-function m({ title: e, description: n, wide: r = !1, actions: i, toolbar: o, children: s }) {
-	let c = p(e);
-	return t(e, l("workspace")("settings")), /* @__PURE__ */ d("div", {
+function m({ title: t, description: n, wide: r = !1, actions: i, toolbar: o, children: s }) {
+	let c = p(t);
+	return e(t, l("workspace")("settings")), /* @__PURE__ */ d("div", {
 		className: "flex h-full min-h-0 flex-col",
 		children: [/* @__PURE__ */ u(a, {
 			breadcrumbs: c,
@@ -50,7 +50,7 @@ function m({ title: e, description: n, wide: r = !1, actions: i, toolbar: o, chi
 				children: [
 					/* @__PURE__ */ u("h1", {
 						className: "min-w-0 flex-[1_1_6rem] text-xl font-semibold tracking-tight group-has-[input]/title:basis-auto",
-						children: e
+						children: t
 					}),
 					o && /* @__PURE__ */ u("div", {
 						className: "-my-1.5 ml-auto min-w-0 max-w-full max-sm:group-has-[input]/title:order-last max-sm:group-has-[input]/title:mt-2 max-sm:group-has-[input]/title:mb-0 max-sm:group-has-[input]/title:basis-full",

package/hostedApp.js

@@ -1,73 +1,75 @@
-import { SharedUI as e } from "./components/SharedUI.js";
-import { loadMessages as t, locales as n } from "./_virtual/_virtual_i18n.js";
-import { HostProvider as r } from "./lib/host.js";
-import { setShownPath as i } from "./lib/listSearch.js";
-import { useRouter as a } from "@tanstack/react-router";
-import { use as o, useEffect as s, useRef as c } from "react";
-import { jsx as l, jsxs as u } from "react/jsx-runtime";
-import { LocaleProvider as d, useSetLocale as f } from "@parallelworks/i18n/react";
-import { QueryClientProvider as p } from "@tanstack/react-query";
+import { PageTitle as e } from "./lib/pageTitle.js";
+import { SharedUI as t } from "./components/SharedUI.js";
+import { loadMessages as n, locales as r } from "./_virtual/_virtual_i18n.js";
+import { HostProvider as i } from "./lib/host.js";
+import { setShownPath as a } from "./lib/listSearch.js";
+import { useRouter as o } from "@tanstack/react-router";
+import { use as s, useEffect as c, useRef as l } from "react";
+import { jsx as u, jsxs as d } from "react/jsx-runtime";
+import { LocaleProvider as f, useSetLocale as p } from "@parallelworks/i18n/react";
+import { QueryClientProvider as m } from "@tanstack/react-query";
 // src/hostedApp.tsx
-function m({ host: t, queryClient: n, children: i }) {
-	return /* @__PURE__ */ l(r, {
-		host: t,
-		children: /* @__PURE__ */ l(v, {
-			locale: t.locale,
-			children: /* @__PURE__ */ u(p, {
-				client: n,
+function h({ host: n, queryClient: r, children: a }) {
+	return /* @__PURE__ */ u(i, {
+		host: n,
+		children: /* @__PURE__ */ u(y, {
+			locale: n.locale,
+			children: /* @__PURE__ */ d(m, {
+				client: r,
 				children: [
-					/* @__PURE__ */ l(b, {
-						identity: t.identity,
-						queryClient: n
+					/* @__PURE__ */ u(x, {
+						identity: n.identity,
+						queryClient: r
 					}),
-					/* @__PURE__ */ l(x, {}),
-					/* @__PURE__ */ l(S, {}),
-					/* @__PURE__ */ l(e, { children: /* @__PURE__ */ l("div", {
+					/* @__PURE__ */ u(S, {}),
+					/* @__PURE__ */ u(C, {}),
+					/* @__PURE__ */ u(e, {}),
+					/* @__PURE__ */ u(t, { children: /* @__PURE__ */ u("div", {
 						className: "tandem flex h-full min-h-0 flex-col",
-						children: i
+						children: a
 					}) })
 				]
 			})
 		})
 	});
 }
-var h = /* @__PURE__ */ new Map();
-function g(e) {
-	let n = h.get(e);
-	return n || (n = t(e).catch(() => t("en")), h.set(e, n)), n;
+var g = /* @__PURE__ */ new Map();
+function _(e) {
+	let t = g.get(e);
+	return t || (t = n(e).catch(() => n("en")), g.set(e, t)), t;
 }
-var _ = (e) => n.includes(e) ? e : "en";
-function v({ locale: e, children: n }) {
-	let r = c(_(e)), i = o(g(r.current));
-	return /* @__PURE__ */ u(d, {
+var v = (e) => r.includes(e) ? e : "en";
+function y({ locale: e, children: t }) {
+	let r = l(v(e)), i = s(_(r.current));
+	return /* @__PURE__ */ d(f, {
 		initial: {
 			locale: r.current,
 			messages: i
 		},
-		load: t,
+		load: n,
 		fallbackLocale: "en",
-		children: [/* @__PURE__ */ l(y, { locale: _(e) }), n]
+		children: [/* @__PURE__ */ u(b, { locale: v(e) }), t]
 	});
 }
-function y({ locale: e }) {
-	let t = f();
-	return s(() => {
+function b({ locale: e }) {
+	let t = p();
+	return c(() => {
 		t(e);
 	}, [e, t]), null;
 }
-function b({ identity: e, queryClient: t }) {
-	let n = c(e);
-	return s(() => {
+function x({ identity: e, queryClient: t }) {
+	let n = l(e);
+	return c(() => {
 		n.current !== e && t.clear(), n.current = e;
 	}, [e, t]), null;
 }
-function x() {
-	let e = a();
-	return s(() => (i(e.state.location.pathname), e.subscribe("onResolved", ({ toLocation: e }) => i(e.pathname))), [e]), null;
-}
 function S() {
-	return s(() => (document.body.dataset.tandem = "", () => {
+	let e = o();
+	return c(() => (a(e.state.location.pathname), e.subscribe("onResolved", ({ toLocation: e }) => a(e.pathname))), [e]), null;
+}
+function C() {
+	return c(() => (document.body.dataset.tandem = "", () => {
 		delete document.body.dataset.tandem;
 	}), []), null;
 }
-export { m as default };
+export { h as default };

package/lib/pageTitle.js

@@ -1,10 +1,22 @@
-import { useEffect as e } from "react";
-// src/lib/pageTitle.ts
-var t = typeof document > "u" ? "" : document.title;
-function n(...n) {
-	let r = [...n.filter((e) => !!e), t].join(" · ");
-	e(() => (document.title = r, () => {
-		document.title = t;
-	}), [r]);
-}
-export { n as usePageTitle };
+import { useEffect as e, useSyncExternalStore as t } from "react";
+import { jsx as n } from "react/jsx-runtime";
+// src/lib/pageTitle.tsx
+var r, i = /* @__PURE__ */ new Set();
+function a(e) {
+	r = e;
+	for (let e of i) e();
+}
+function o(e) {
+	return i.add(e), () => {
+		i.delete(e);
+	};
+}
+function s(...t) {
+	let n = [...t.filter((e) => !!e), "Tandem"].join(" · ");
+	e(() => (a(n), () => a(void 0)), [n]);
+}
+function c() {
+	let e = t(o, () => r);
+	return e ? /* @__PURE__ */ n("title", { children: e }) : null;
+}
+export { c as PageTitle, s as usePageTitle };

package/package.json

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