@panneau/app 5.0.0-alpha.4 → 5.0.0-alpha.6

package/dist/Shell.js

@@ -1,142 +1,300 @@
-import { Link, usePathname } from "./location.js";
+import { DocumentTitle } from "./documentTitle.js";
+import { navigate, setHistoryGuard, usePathname } from "./location.js";
 import { matchRoute, routePath } from "./routes.js";
+import { HomePage } from "./pages/HomePage.js";
+import { NotFoundPage } from "./pages/NotFoundPage.js";
+import { ResourceFormPage } from "./pages/ResourceFormPage.js";
+import { ResourceListPage } from "./pages/ResourceListPage.js";
+import { AppLayout } from "./shell/AppLayout.js";
+import { createElement, useEffect, useState } from "react";
 import { c } from "react/compiler-runtime";
-import { jsx, jsxs } from "react/jsx-runtime";
+import { useQueryClient } from "@tanstack/react-query";
+import { LeaveGuardsProvider, createLeaveGuards, findResource, resolveResource, usePlugins } from "@panneau/core";
+import { invalidateActionResult, useDataAdapter } from "@panneau/data/query";
+import { appMessages } from "@panneau/intl";
+import { Alert, usePanneauIntl } from "@panneau/ui";
+import { RouterProvider } from "react-aria-components";
+import { ActionRunnerProvider, ActionRuns } from "@panneau/actions";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 //#region src/Shell.tsx
-function getTitle(route, definition) {
-	if (route.name === "home") return definition.name;
-	if (route.name === "page") {
-		const page = definition.pages?.[route.page];
-		return page === void 0 ? "Page not found" : page.label ?? route.page;
+/** The path of a named route of the definition (`routes`), with its parameters filled in. */
+function resolveRoute(definition, { route, params = {} }) {
+	const path = definition.routes?.[route];
+	if (path === void 0) {
+		console.warn(`[panneau] The definition has no route "${route}".`);
+		return null;
 	}
-	if (route.name === "not-found") return "Page not found";
-	const resource = definition.resources.find(({ id }) => id === route.resource);
-	if (resource === void 0) return "Page not found";
+	return path.replace(/\{(\w+)\}/g, (match, name) => params[name] !== void 0 ? encodeURIComponent(String(params[name])) : match);
+}
+function Page(t0) {
+	const $ = c(36);
+	const { definition, basePath, route } = t0;
+	const intl = usePanneauIntl();
+	const plugins = usePlugins();
+	let t1;
+	if ($[0] !== basePath) {
+		t1 = routePath({ name: "home" }, basePath);
+		$[0] = basePath;
+		$[1] = t1;
+	} else t1 = $[1];
+	let t2;
+	if ($[2] !== t1) {
+		t2 = /* @__PURE__ */ jsx(NotFoundPage, { homeHref: t1 });
+		$[2] = t1;
+		$[3] = t2;
+	} else t2 = $[3];
+	const notFound = t2;
 	switch (route.name) {
-		case "resource.index": return resource.label.plural;
-		case "resource.create": return `New ${resource.label.singular}`;
-		case "resource.show": return `${resource.label.singular} ${route.id}`;
-		case "resource.edit": return `Edit ${resource.label.singular} ${route.id}`;
+		case "home": {
+			let t3;
+			if ($[4] !== basePath || $[5] !== definition) {
+				t3 = /* @__PURE__ */ jsx(HomePage, {
+					definition,
+					basePath
+				});
+				$[4] = basePath;
+				$[5] = definition;
+				$[6] = t3;
+			} else t3 = $[6];
+			return t3;
+		}
+		case "not-found": return notFound;
+		case "page": {
+			const page = definition.pages?.[route.page];
+			if (page === void 0) return notFound;
+			let t3;
+			if ($[7] !== definition || $[8] !== intl || $[9] !== page.component || $[10] !== page.label || $[11] !== page.props || $[12] !== plugins.pages) {
+				const Component = plugins.pages.get(page.component);
+				let t4;
+				if ($[14] !== page.label) {
+					t4 = /* @__PURE__ */ jsx(DocumentTitle, { parts: [page.label] });
+					$[14] = page.label;
+					$[15] = t4;
+				} else t4 = $[15];
+				t3 = /* @__PURE__ */ jsxs(Fragment, { children: [t4, Component !== void 0 ? createElement(Component, {
+					...page.props,
+					definition
+				}) : /* @__PURE__ */ jsx(Alert, {
+					tone: "warning",
+					children: intl.formatMessage(appMessages.missingPage, { component: page.component })
+				})] });
+				$[7] = definition;
+				$[8] = intl;
+				$[9] = page.component;
+				$[10] = page.label;
+				$[11] = page.props;
+				$[12] = plugins.pages;
+				$[13] = t3;
+			} else t3 = $[13];
+			return t3;
+		}
+		default: {
+			let resource;
+			let t3;
+			let t4;
+			if ($[16] !== definition || $[17] !== notFound || $[18] !== route.resource) {
+				t4 = Symbol.for("react.early_return_sentinel");
+				bb0: {
+					resource = findResource(definition, route.resource);
+					if (resource === void 0) {
+						t4 = notFound;
+						break bb0;
+					}
+					t3 = resolveResource(resource);
+				}
+				$[16] = definition;
+				$[17] = notFound;
+				$[18] = route.resource;
+				$[19] = resource;
+				$[20] = t3;
+				$[21] = t4;
+			} else {
+				resource = $[19];
+				t3 = $[20];
+				t4 = $[21];
+			}
+			if (t4 !== Symbol.for("react.early_return_sentinel")) return t4;
+			const resolved = t3;
+			if (route.name === "resource.index" || route.name === "resource.show") {
+				let t5;
+				if ($[22] !== basePath || $[23] !== definition || $[24] !== notFound || $[25] !== resolved || $[26] !== resource || $[27] !== route.id || $[28] !== route.name) {
+					t5 = resolved.abilities.viewAny ? /* @__PURE__ */ jsx(ResourceListPage, {
+						resolved,
+						basePath,
+						locale: definition.locale,
+						selectedId: route.name === "resource.show" ? route.id : null
+					}, resource.id) : notFound;
+					$[22] = basePath;
+					$[23] = definition;
+					$[24] = notFound;
+					$[25] = resolved;
+					$[26] = resource;
+					$[27] = route.id;
+					$[28] = route.name;
+					$[29] = t5;
+				} else t5 = $[29];
+				return t5;
+			}
+			const t5 = `${resource.id}/${route.name === "resource.create" ? "" : route.id}`;
+			const t6 = route.name === "resource.create" ? null : route.id;
+			let t7;
+			if ($[30] !== basePath || $[31] !== definition || $[32] !== resolved || $[33] !== t5 || $[34] !== t6) {
+				t7 = /* @__PURE__ */ jsx(ResourceFormPage, {
+					definition,
+					resolved,
+					basePath,
+					id: t6
+				}, t5);
+				$[30] = basePath;
+				$[31] = definition;
+				$[32] = resolved;
+				$[33] = t5;
+				$[34] = t6;
+				$[35] = t7;
+			} else t7 = $[35];
+			return t7;
+		}
 	}
 }
 /**
-* Placeholder of the app shell: the site name, the resources, and the title of the current route.
-* The real shell (layout, menus, pages) comes in Phase 2.
+* The app shell: the layout with its sidebar, and the page of the current route. Links go
+* through the history of the browser without reloading the page, and actions run through the
+* adapter, refreshing what their result changed. Leaving a page with unsaved changes, by a link
+* or by going back or forward, asks first.
 */
 function Shell(t0) {
-	const $ = c(34);
-	const { definition, basePath } = t0;
+	const $ = c(38);
+	const { definition, basePath, colorScheme, onColorSchemeChange } = t0;
 	const pathname = usePathname();
+	const queryClient = useQueryClient();
+	const adapter = useDataAdapter();
 	let t1;
+	if ($[0] !== basePath || $[1] !== pathname) {
+		t1 = matchRoute(pathname, basePath) ?? { name: "not-found" };
+		$[0] = basePath;
+		$[1] = pathname;
+		$[2] = t1;
+	} else t1 = $[2];
+	const route = t1;
+	const [guards] = useState(createLeaveGuards);
 	let t2;
 	let t3;
-	let t4;
-	if ($[0] !== basePath || $[1] !== definition || $[2] !== pathname) {
-		const route = matchRoute(pathname, basePath) ?? { name: "not-found" };
-		t2 = "";
-		let t5;
-		if ($[7] !== basePath) {
-			t5 = routePath({ name: "home" }, basePath);
-			$[7] = basePath;
-			$[8] = t5;
-		} else t5 = $[8];
-		let t6;
-		if ($[9] !== definition.name || $[10] !== t5) {
-			t6 = /* @__PURE__ */ jsx(Link, {
-				href: t5,
-				children: definition.name
-			});
-			$[9] = definition.name;
-			$[10] = t5;
-			$[11] = t6;
-		} else t6 = $[11];
-		let t7;
-		if ($[12] !== definition.user) {
-			t7 = definition.user !== void 0 && definition.user !== null ? /* @__PURE__ */ jsx("span", { children: definition.user.name }) : null;
-			$[12] = definition.user;
-			$[13] = t7;
-		} else t7 = $[13];
-		if ($[14] !== t6 || $[15] !== t7) {
-			t3 = /* @__PURE__ */ jsxs("header", { children: [t6, t7] });
-			$[14] = t6;
-			$[15] = t7;
-			$[16] = t3;
-		} else t3 = $[16];
-		let t8;
-		if ($[17] !== basePath || $[18] !== definition.resources) {
-			let t9;
-			if ($[20] !== basePath) {
-				t9 = (resource) => /* @__PURE__ */ jsx("li", { children: /* @__PURE__ */ jsx(Link, {
-					href: routePath({
-						name: "resource.index",
-						resource: resource.id
-					}, basePath),
-					children: resource.label.plural
-				}) }, resource.id);
-				$[20] = basePath;
-				$[21] = t9;
-			} else t9 = $[21];
-			t8 = definition.resources.map(t9);
-			$[17] = basePath;
-			$[18] = definition.resources;
-			$[19] = t8;
-		} else t8 = $[19];
-		if ($[22] !== t8) {
-			t4 = /* @__PURE__ */ jsx("nav", {
-				"aria-label": "Resources",
-				children: /* @__PURE__ */ jsx("ul", { children: t8 })
-			});
-			$[22] = t8;
-			$[23] = t4;
-		} else t4 = $[23];
-		t1 = getTitle(route, definition);
-		$[0] = basePath;
-		$[1] = definition;
-		$[2] = pathname;
-		$[3] = t1;
+	if ($[3] !== guards) {
+		t2 = () => setHistoryGuard(guards);
+		t3 = [guards];
+		$[3] = guards;
 		$[4] = t2;
 		$[5] = t3;
-		$[6] = t4;
 	} else {
-		t1 = $[3];
 		t2 = $[4];
 		t3 = $[5];
-		t4 = $[6];
 	}
+	useEffect(t2, t3);
+	let t4;
+	if ($[6] !== basePath || $[7] !== guards) {
+		t4 = (href) => {
+			const url = new URL(href, window.location.href);
+			if (url.origin === window.location.origin && matchRoute(url.pathname, basePath) !== null) guards.confirmLeave().then((leave) => {
+				if (leave) navigate(`${url.pathname}${url.search}${url.hash}`);
+			});
+			else window.location.assign(url);
+		};
+		$[6] = basePath;
+		$[7] = guards;
+		$[8] = t4;
+	} else t4 = $[8];
+	const go = t4;
 	let t5;
-	if ($[24] !== t1) {
-		t5 = /* @__PURE__ */ jsx("h1", { children: t1 });
-		$[24] = t1;
-		$[25] = t5;
-	} else t5 = $[25];
+	if ($[9] !== queryClient) {
+		t5 = (result, t6) => {
+			const { resource, target } = t6;
+			return invalidateActionResult(queryClient, resource, result, target.selection);
+		};
+		$[9] = queryClient;
+		$[10] = t5;
+	} else t5 = $[10];
 	let t6;
-	if ($[26] === Symbol.for("react.memo_cache_sentinel")) {
-		t6 = /* @__PURE__ */ jsx("p", { children: "The Panneau 5 app shell is not built yet." });
-		$[26] = t6;
-	} else t6 = $[26];
+	if ($[11] !== definition || $[12] !== go) {
+		t6 = (to) => {
+			const path = typeof to === "string" ? to : resolveRoute(definition, to);
+			if (path !== null) go(path);
+		};
+		$[11] = definition;
+		$[12] = go;
+		$[13] = t6;
+	} else t6 = $[13];
 	let t7;
-	if ($[27] !== t5) {
-		t7 = /* @__PURE__ */ jsxs("main", { children: [t5, t6] });
-		$[27] = t5;
-		$[28] = t7;
-	} else t7 = $[28];
+	if ($[14] === Symbol.for("react.memo_cache_sentinel")) {
+		t7 = /* @__PURE__ */ jsx(ActionRuns, {});
+		$[14] = t7;
+	} else t7 = $[14];
 	let t8;
-	if ($[29] !== t2 || $[30] !== t3 || $[31] !== t4 || $[32] !== t7) {
-		t8 = /* @__PURE__ */ jsxs("div", {
-			"data-panneau-shell": t2,
-			children: [
-				t3,
-				t4,
-				t7
-			]
+	if ($[15] !== basePath || $[16] !== definition || $[17] !== route) {
+		t8 = /* @__PURE__ */ jsx(Page, {
+			definition,
+			basePath,
+			route
+		});
+		$[15] = basePath;
+		$[16] = definition;
+		$[17] = route;
+		$[18] = t8;
+	} else t8 = $[18];
+	let t9;
+	if ($[19] !== basePath || $[20] !== colorScheme || $[21] !== definition || $[22] !== onColorSchemeChange || $[23] !== route || $[24] !== t8) {
+		t9 = /* @__PURE__ */ jsxs(AppLayout, {
+			definition,
+			basePath,
+			route,
+			colorScheme,
+			onColorSchemeChange,
+			children: [t7, t8]
+		});
+		$[19] = basePath;
+		$[20] = colorScheme;
+		$[21] = definition;
+		$[22] = onColorSchemeChange;
+		$[23] = route;
+		$[24] = t8;
+		$[25] = t9;
+	} else t9 = $[25];
+	let t10;
+	if ($[26] !== adapter || $[27] !== definition.locales || $[28] !== t5 || $[29] !== t6 || $[30] !== t9) {
+		t10 = /* @__PURE__ */ jsx(ActionRunnerProvider, {
+			adapter,
+			locales: definition.locales,
+			onResult: t5,
+			onNavigate: t6,
+			children: t9
+		});
+		$[26] = adapter;
+		$[27] = definition.locales;
+		$[28] = t5;
+		$[29] = t6;
+		$[30] = t9;
+		$[31] = t10;
+	} else t10 = $[31];
+	let t11;
+	if ($[32] !== go || $[33] !== t10) {
+		t11 = /* @__PURE__ */ jsx(RouterProvider, {
+			navigate: go,
+			children: t10
+		});
+		$[32] = go;
+		$[33] = t10;
+		$[34] = t11;
+	} else t11 = $[34];
+	let t12;
+	if ($[35] !== guards || $[36] !== t11) {
+		t12 = /* @__PURE__ */ jsx(LeaveGuardsProvider, {
+			guards,
+			children: t11
 		});
-		$[29] = t2;
-		$[30] = t3;
-		$[31] = t4;
-		$[32] = t7;
-		$[33] = t8;
-	} else t8 = $[33];
-	return t8;
+		$[35] = guards;
+		$[36] = t11;
+		$[37] = t12;
+	} else t12 = $[37];
+	return t12;
 }
 //#endregion
 export { Shell };

package/dist/Shell.js.map

@@ -1 +1 @@
-{"version":3,"file":"Shell.js","names":["_c"],"sources":["../src/Shell.tsx"],"sourcesContent":["import type { Definition } from '@panneau/protocol';\n\nimport { Link, usePathname } from './location';\nimport { type AppRoute, matchRoute, routePath } from './routes';\n\nexport interface ShellProps {\n    definition: Definition;\n    basePath: string;\n}\n\nfunction getTitle(route: AppRoute, definition: Definition): string {\n    if (route.name === 'home') {\n        return definition.name;\n    }\n    if (route.name === 'page') {\n        const page = definition.pages?.[route.page];\n        return page === undefined ? 'Page not found' : (page.label ?? route.page);\n    }\n    if (route.name === 'not-found') {\n        return 'Page not found';\n    }\n    const resource = definition.resources.find(({ id }) => id === route.resource);\n    if (resource === undefined) {\n        return 'Page not found';\n    }\n    switch (route.name) {\n        case 'resource.index':\n            return resource.label.plural;\n        case 'resource.create':\n            return `New ${resource.label.singular}`;\n        case 'resource.show':\n            return `${resource.label.singular} ${route.id}`;\n        case 'resource.edit':\n            return `Edit ${resource.label.singular} ${route.id}`;\n    }\n}\n\n/**\n * Placeholder of the app shell: the site name, the resources, and the title of the current route.\n * The real shell (layout, menus, pages) comes in Phase 2.\n */\nexport function Shell({ definition, basePath }: ShellProps) {\n    const pathname = usePathname();\n    const route = matchRoute(pathname, basePath) ?? { name: 'not-found' };\n    return (\n        <div data-panneau-shell=\"\">\n            <header>\n                <Link href={routePath({ name: 'home' }, basePath)}>{definition.name}</Link>\n                {definition.user !== undefined && definition.user !== null ? (\n                    <span>{definition.user.name}</span>\n                ) : null}\n            </header>\n            <nav aria-label=\"Resources\">\n                <ul>\n                    {definition.resources.map((resource) => (\n                        <li key={resource.id}>\n                            <Link\n                                href={routePath(\n                                    { name: 'resource.index', resource: resource.id },\n                                    basePath,\n                                )}\n                            >\n                                {resource.label.plural}\n                            </Link>\n                        </li>\n                    ))}\n                </ul>\n            </nav>\n            <main>\n                <h1>{getTitle(route, definition)}</h1>\n                <p>The Panneau 5 app shell is not built yet.</p>\n            </main>\n        </div>\n    );\n}\n"],"mappings":";;;;;AAUA,SAAS,SAAS,OAAiB,YAAgC;CAC/D,IAAI,MAAM,SAAS,QACf,OAAO,WAAW;CAEtB,IAAI,MAAM,SAAS,QAAQ;EACvB,MAAM,OAAO,WAAW,QAAQ,MAAM;EACtC,OAAO,SAAS,KAAA,IAAY,mBAAoB,KAAK,SAAS,MAAM;CACxE;CACA,IAAI,MAAM,SAAS,aACf,OAAO;CAEX,MAAM,WAAW,WAAW,UAAU,MAAM,EAAE,SAAS,OAAO,MAAM,QAAQ;CAC5E,IAAI,aAAa,KAAA,GACb,OAAO;CAEX,QAAQ,MAAM,MAAd;EACI,KAAK,kBACD,OAAO,SAAS,MAAM;EAC1B,KAAK,mBACD,OAAO,OAAO,SAAS,MAAM;EACjC,KAAK,iBACD,OAAO,GAAG,SAAS,MAAM,SAAQ,GAAI,MAAM;EAC/C,KAAK,iBACD,OAAO,QAAQ,SAAS,MAAM,SAAQ,GAAI,MAAM;CACxD;AACJ;;;;;AAMA,SAAO,MAAA,IAAA;CAAA,MAAA,IAAAA,EAAA,EAAA;CAAe,MAAA,EAAA,YAAA,aAAA;CAClB,MAAA,WAAiB,YAAY;CAAE,IAAA;CAAA,IAAA;CAAA,IAAA;CAAA,IAAA;CAAA,IAAA,EAAA,OAAA,YAAA,EAAA,OAAA,cAAA,EAAA,OAAA,UAAA;EAC/B,MAAA,QAAc,WAAW,UAAU,QAAiC,KAAtD,EAAA,MAA0C,YAAY;EAExC,KAAA;EAAE,IAAA;EAAA,IAAA,EAAA,OAAA,UAAA;GAEN,KAAA,UAAU,EAAA,MAAQ,OAAO,GAAG,QAAQ;GAAC,EAAA,KAAA;GAAA,EAAA,KAAA;EAAA,OAAA,KAAA,EAAA;EAAA,IAAA;EAAA,IAAA,EAAA,OAAA,WAAA,QAAA,EAAA,QAAA,IAAA;GAAjD,KAAA,oBAAC,MAAD;IAAY,MAAA;IAAwC,UAAA,WAAU;GAAzD,CAAA;GAAsE,EAAA,KAAA,WAAA;GAAA,EAAA,MAAA;GAAA,EAAA,MAAA;EAAA,OAAA,KAAA,EAAA;EAAA,IAAA;EAAA,IAAA,EAAA,QAAA,WAAA,MAAA;GAC1E,KAAA,WAAU,SAAU,KAAA,KAAa,WAAU,SAAU,OAClD,oBAAA,QAAA,EAAA,UAAO,WAAU,KAAK,KAAa,CAAA,IADtC;GAEO,EAAA,MAAA,WAAA;GAAA,EAAA,MAAA;EAAA,OAAA,KAAA,EAAA;EAAA,IAAA,EAAA,QAAA,MAAA,EAAA,QAAA,IAAA;GAJZ,KAAA,qBAAA,UAAA,EAAA,UAAA,CACI,IACC,EAGI,EAAA,CAAA;GAAA,EAAA,MAAA;GAAA,EAAA,MAAA;GAAA,EAAA,MAAA;EAAA,OAAA,KAAA,EAAA;EAAA,IAAA;EAAA,IAAA,EAAA,QAAA,YAAA,EAAA,QAAA,WAAA,WAAA;GAAA,IAAA;GAAA,IAAA,EAAA,QAAA,UAAA;IAGyB,MAAA,aACtB,oBAAA,MAAA,EAAA,UACI,oBAAC,MAAD;KACU,MAAA,UACF;MAAA,MAAQ;MAAgB,UAAY,SAAQ;KAAI,GAChD,QACJ;KAEC,UAAA,SAAQ,MAAM;IANd,CAAA,EAQJ,GATI,SAAQ,EASZ;IACR,EAAA,MAAA;IAAA,EAAA,MAAA;GAAA,OAAA,KAAA,EAAA;GAXA,KAAA,WAAU,UAAU,IAAK,EAWzB;GAAC,EAAA,MAAA;GAAA,EAAA,MAAA,WAAA;GAAA,EAAA,MAAA;EAAA,OAAA,KAAA,EAAA;EAAA,IAAA,EAAA,QAAA,IAAA;GAbV,KAAA,oBAAA,OAAA;IAAgB,cAAA;IACZ,UAAA,oBAAA,MAAA,EAAA,UACK,GAYA,CAAA;GACH,CAAA;GAAA,EAAA,MAAA;GAAA,EAAA,MAAA;EAAA,OAAA,KAAA,EAAA;EAEG,KAAA,SAAS,OAAO,UAAU;EAAC,EAAA,KAAA;EAAA,EAAA,KAAA;EAAA,EAAA,KAAA;EAAA,EAAA,KAAA;EAAA,EAAA,KAAA;EAAA,EAAA,KAAA;EAAA,EAAA,KAAA;CAAA,OAAA;EAAA,KAAA,EAAA;EAAA,KAAA,EAAA;EAAA,KAAA,EAAA;EAAA,KAAA,EAAA;CAAA;CAAA,IAAA;CAAA,IAAA,EAAA,QAAA,IAAA;EAAhC,KAAA,oBAAA,MAAA,EAAA,UAAK,GAAiC,CAAA;EAAA,EAAA,MAAA;EAAA,EAAA,MAAA;CAAA,OAAA,KAAA,EAAA;CAAA,IAAA;CAAA,IAAA,EAAA,QAAA,OAAA,IAAA,2BAAA,GAAA;EACtC,KAAA,oBAAA,KAAA,EAAA,UAAG,4CAA6C,CAAA;EAAA,EAAA,MAAA;CAAA,OAAA,KAAA,EAAA;CAAA,IAAA;CAAA,IAAA,EAAA,QAAA,IAAA;EAFpD,KAAA,qBAAA,QAAA,EAAA,UAAA,CACI,IACA,EACG,EAAA,CAAA;EAAA,EAAA,MAAA;EAAA,EAAA,MAAA;CAAA,OAAA,KAAA,EAAA;CAAA,IAAA;CAAA,IAAA,EAAA,QAAA,MAAA,EAAA,QAAA,MAAA,EAAA,QAAA,MAAA,EAAA,QAAA,IAAA;EA1BX,KAAA,qBAAA,OAAA;GAAwB,sBAAA;GAAxB,UAAA;IACI;IAMA;IAgBA;GAIE;;EAAA,EAAA,MAAA;EAAA,EAAA,MAAA;EAAA,EAAA,MAAA;EAAA,EAAA,MAAA;EAAA,EAAA,MAAA;CAAA,OAAA,KAAA,EAAA;CAAA,OA3BN;AA2BM"}
+{"version":3,"file":"Shell.js","names":["definition","basePath","notFound","resolved","route","colorScheme","onColorSchemeChange","adapter","go","guards","_c","_Fragment"],"sources":["../src/Shell.tsx"],"sourcesContent":["import { useQueryClient } from '@tanstack/react-query';\nimport { createElement, useEffect, useState } from 'react';\nimport { RouterProvider } from 'react-aria-components';\n\nimport { ActionRunnerProvider, ActionRuns } from '@panneau/actions';\nimport {\n    LeaveGuardsProvider,\n    createLeaveGuards,\n    findResource,\n    resolveResource,\n    usePlugins,\n} from '@panneau/core';\nimport { invalidateActionResult, useDataAdapter } from '@panneau/data/query';\nimport { appMessages } from '@panneau/intl';\nimport type { Definition, RouteReference } from '@panneau/protocol';\nimport { Alert, usePanneauIntl } from '@panneau/ui';\n\nimport { DocumentTitle } from './documentTitle';\nimport { navigate, setHistoryGuard, usePathname } from './location';\nimport { HomePage } from './pages/HomePage';\nimport { NotFoundPage } from './pages/NotFoundPage';\nimport { ResourceFormPage } from './pages/ResourceFormPage';\nimport { ResourceListPage } from './pages/ResourceListPage';\nimport { type AppRoute, matchRoute, routePath } from './routes';\nimport { AppLayout } from './shell/AppLayout';\nimport type { ColorSchemePreference } from './shell/Sidebar';\n\nexport interface ShellProps {\n    definition: Definition;\n    basePath: string;\n    colorScheme: ColorSchemePreference;\n    onColorSchemeChange: (scheme: ColorSchemePreference) => void;\n}\n\n/** The path of a named route of the definition (`routes`), with its parameters filled in. */\nfunction resolveRoute(definition: Definition, { route, params = {} }: RouteReference) {\n    const path = definition.routes?.[route];\n    if (path === undefined) {\n        console.warn(`[panneau] The definition has no route \"${route}\".`);\n        return null;\n    }\n    return path.replace(/\\{(\\w+)\\}/g, (match, name: string) =>\n        params[name] !== undefined ? encodeURIComponent(String(params[name])) : match,\n    );\n}\n\nfunction Page({\n    definition,\n    basePath,\n    route,\n}: {\n    definition: Definition;\n    basePath: string;\n    route: AppRoute;\n}) {\n    const intl = usePanneauIntl();\n    const plugins = usePlugins();\n    const notFound = <NotFoundPage homeHref={routePath({ name: 'home' }, basePath)} />;\n    switch (route.name) {\n        case 'home':\n            return <HomePage definition={definition} basePath={basePath} />;\n        case 'not-found':\n            return notFound;\n        case 'page': {\n            const page = definition.pages?.[route.page];\n            if (page === undefined) {\n                return notFound;\n            }\n            const Component = plugins.pages.get(page.component);\n            // Before the page: a page that sets its own title sets it last\n            return (\n                <>\n                    <DocumentTitle parts={[page.label]} />\n                    {Component !== undefined ? (\n                        createElement(Component, { ...page.props, definition })\n                    ) : (\n                        <Alert tone=\"warning\">\n                            {intl.formatMessage(appMessages.missingPage, {\n                                component: page.component,\n                            })}\n                        </Alert>\n                    )}\n                </>\n            );\n        }\n        default: {\n            const resource = findResource(definition, route.resource);\n            if (resource === undefined) {\n                return notFound;\n            }\n            const resolved = resolveResource(resource);\n            if (route.name === 'resource.index' || route.name === 'resource.show') {\n                // The show route is the list with the item's details in a panel: the same page,\n                // so the list keeps its state while the panel opens, closes or changes item.\n                return resolved.abilities.viewAny ? (\n                    <ResourceListPage\n                        key={resource.id}\n                        resolved={resolved}\n                        basePath={basePath}\n                        locale={definition.locale}\n                        selectedId={route.name === 'resource.show' ? route.id : null}\n                    />\n                ) : (\n                    notFound\n                );\n            }\n            return (\n                <ResourceFormPage\n                    key={`${resource.id}/${route.name === 'resource.create' ? '' : route.id}`}\n                    definition={definition}\n                    resolved={resolved}\n                    basePath={basePath}\n                    id={route.name === 'resource.create' ? null : route.id}\n                />\n            );\n        }\n    }\n}\n\n/**\n * The app shell: the layout with its sidebar, and the page of the current route. Links go\n * through the history of the browser without reloading the page, and actions run through the\n * adapter, refreshing what their result changed. Leaving a page with unsaved changes, by a link\n * or by going back or forward, asks first.\n */\nexport function Shell({ definition, basePath, colorScheme, onColorSchemeChange }: ShellProps) {\n    const pathname = usePathname();\n    const queryClient = useQueryClient();\n    const adapter = useDataAdapter();\n    const route = matchRoute(pathname, basePath) ?? { name: 'not-found' };\n    // Forms with unsaved changes guard leaving their page\n    const [guards] = useState(createLeaveGuards);\n    useEffect(() => setHistoryGuard(guards), [guards]);\n    // Paths outside the app (a link to the site) load their page: the browser guards them.\n    const go = (href: string) => {\n        const url = new URL(href, window.location.href);\n        if (url.origin === window.location.origin && matchRoute(url.pathname, basePath) !== null) {\n            void guards.confirmLeave().then((leave) => {\n                if (leave) {\n                    navigate(`${url.pathname}${url.search}${url.hash}`);\n                }\n            });\n        } else {\n            window.location.assign(url);\n        }\n    };\n    return (\n        <LeaveGuardsProvider guards={guards}>\n            <RouterProvider navigate={go}>\n                <ActionRunnerProvider\n                    adapter={adapter}\n                    locales={definition.locales}\n                    onResult={(result, { resource, target }) =>\n                        invalidateActionResult(queryClient, resource, result, target.selection)\n                    }\n                    onNavigate={(to) => {\n                        const path = typeof to === 'string' ? to : resolveRoute(definition, to);\n                        if (path !== null) {\n                            go(path);\n                        }\n                    }}\n                >\n                    <AppLayout\n                        definition={definition}\n                        basePath={basePath}\n                        route={route}\n                        colorScheme={colorScheme}\n                        onColorSchemeChange={onColorSchemeChange}\n                    >\n                        <ActionRuns />\n                        <Page definition={definition} basePath={basePath} route={route} />\n                    </AppLayout>\n                </ActionRunnerProvider>\n            </RouterProvider>\n        </LeaveGuardsProvider>\n    );\n}\n"],"mappings":"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"}

package/dist/createPanneauApp.d.ts

@@ -1,7 +1,9 @@
 import type { QueryClient } from '@tanstack/react-query';
 import type { PanneauPlugin } from '@panneau/core';
 import type { DataAdapter } from '@panneau/data';
+import type { MapsConfig } from '@panneau/fields';
 import type { BootConfig, BootConfigInput } from '@panneau/protocol';
+import type { NamedIconLoader } from '@panneau/ui';
 import { type UnauthorizedContext } from './Panneau';
 /** Options of `createPanneauApp()`. */
 export interface PanneauAppOptions {
@@ -18,11 +20,18 @@ export interface PanneauAppOptions {
     config?: BootConfigInput;
     /** The TanStack Query client. Defaults to a new one. */
     queryClient?: QueryClient;
+    /** Loads the Lucide icons that the definition names. Defaults to every Lucide icon. */
+    iconLoader?: NamedIconLoader | null;
     /**
      * Called once when the API answers that the user isn't authenticated. Defaults to sending the
      * browser to the login URL, when there is one.
      */
     onUnauthorized?: (context: UnauthorizedContext) => void;
+    /**
+     * The tiles and the address search of the maps of `location` fields: `{ geocoding:
+     * createNominatimSource() }`. Defaults to OpenStreetMap's tiles, without an address search.
+     */
+    maps?: MapsConfig | null;
 }
 /** A mounted app. */
 export interface PanneauApp {

package/dist/createPanneauApp.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"createPanneauApp.d.ts","sourceRoot":"","sources":["../src/createPanneauApp.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,uBAAuB,CAAC;AAIzD,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,eAAe,CAAC;AACnD,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AACjD,OAAO,KAAK,EAAE,UAAU,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AAErE,OAAO,EAAW,KAAK,mBAAmB,EAAE,MAAM,WAAW,CAAC;AAG9D,uCAAuC;AACvC,MAAM,WAAW,iBAAiB;IAC9B,sCAAsC;IACtC,OAAO,EAAE,OAAO,CAAC;IACjB,oDAAoD;IACpD,OAAO,CAAC,EAAE,SAAS,aAAa,EAAE,CAAC;IACnC,4FAA4F;IAC5F,OAAO,CAAC,EAAE,WAAW,CAAC;IACtB;;;OAGG;IACH,MAAM,CAAC,EAAE,eAAe,CAAC;IACzB,wDAAwD;IACxD,WAAW,CAAC,EAAE,WAAW,CAAC;IAC1B;;;OAGG;IACH,cAAc,CAAC,EAAE,CAAC,OAAO,EAAE,mBAAmB,KAAK,IAAI,CAAC;CAC3D;AAED,qBAAqB;AACrB,MAAM,WAAW,UAAU;IACvB,yDAAyD;IACzD,MAAM,EAAE,UAAU,CAAC;IACnB,yCAAyC;IACzC,OAAO,IAAI,IAAI,CAAC;CACnB;AAED;;;;;;;;;GASG;AACH,wBAAgB,gBAAgB,CAAC,EAC7B,OAAO,EACP,MAAM,EAAE,KAAK,EACb,GAAG,KAAK,EACX,EAAE,iBAAiB,GAAG,UAAU,CAUhC"}
+{"version":3,"file":"createPanneauApp.d.ts","sourceRoot":"","sources":["../src/createPanneauApp.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,uBAAuB,CAAC;AAIzD,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,eAAe,CAAC;AACnD,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AACjD,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAC;AAClD,OAAO,KAAK,EAAE,UAAU,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AACrE,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,aAAa,CAAC;AAEnD,OAAO,EAAW,KAAK,mBAAmB,EAAE,MAAM,WAAW,CAAC;AAG9D,uCAAuC;AACvC,MAAM,WAAW,iBAAiB;IAC9B,sCAAsC;IACtC,OAAO,EAAE,OAAO,CAAC;IACjB,oDAAoD;IACpD,OAAO,CAAC,EAAE,SAAS,aAAa,EAAE,CAAC;IACnC,4FAA4F;IAC5F,OAAO,CAAC,EAAE,WAAW,CAAC;IACtB;;;OAGG;IACH,MAAM,CAAC,EAAE,eAAe,CAAC;IACzB,wDAAwD;IACxD,WAAW,CAAC,EAAE,WAAW,CAAC;IAC1B,uFAAuF;IACvF,UAAU,CAAC,EAAE,eAAe,GAAG,IAAI,CAAC;IACpC;;;OAGG;IACH,cAAc,CAAC,EAAE,CAAC,OAAO,EAAE,mBAAmB,KAAK,IAAI,CAAC;IACxD;;;OAGG;IACH,IAAI,CAAC,EAAE,UAAU,GAAG,IAAI,CAAC;CAC5B;AAED,qBAAqB;AACrB,MAAM,WAAW,UAAU;IACvB,yDAAyD;IACzD,MAAM,EAAE,UAAU,CAAC;IACnB,yCAAyC;IACzC,OAAO,IAAI,IAAI,CAAC;CACnB;AAED;;;;;;;;;GASG;AACH,wBAAgB,gBAAgB,CAAC,EAC7B,OAAO,EACP,MAAM,EAAE,KAAK,EACb,GAAG,KAAK,EACX,EAAE,iBAAiB,GAAG,UAAU,CAUhC"}

package/dist/createPanneauApp.js.map

@@ -1 +1 @@
-{"version":3,"file":"createPanneauApp.js","names":[],"sources":["../src/createPanneauApp.tsx"],"sourcesContent":["import type { QueryClient } from '@tanstack/react-query';\nimport { StrictMode } from 'react';\nimport { createRoot } from 'react-dom/client';\n\nimport type { PanneauPlugin } from '@panneau/core';\nimport type { DataAdapter } from '@panneau/data';\nimport type { BootConfig, BootConfigInput } from '@panneau/protocol';\n\nimport { Panneau, type UnauthorizedContext } from './Panneau';\nimport { parseBootConfig, readBootConfig } from './boot';\n\n/** Options of `createPanneauApp()`. */\nexport interface PanneauAppOptions {\n    /** The element the app renders in. */\n    element: Element;\n    /** Plugins: field types, pages, locales, themes… */\n    plugins?: readonly PanneauPlugin[];\n    /** The data adapter. Defaults to `createLaravelAdapter({ baseUrl: config.apiBaseUrl })`. */\n    adapter?: DataAdapter;\n    /**\n     * The boot config. Defaults to the one the server wrote in the page, in\n     * `<script type=\"application/json\" id=\"panneau-boot\">`.\n     */\n    config?: BootConfigInput;\n    /** The TanStack Query client. Defaults to a new one. */\n    queryClient?: QueryClient;\n    /**\n     * Called once when the API answers that the user isn't authenticated. Defaults to sending the\n     * browser to the login URL, when there is one.\n     */\n    onUnauthorized?: (context: UnauthorizedContext) => void;\n}\n\n/** A mounted app. */\nexport interface PanneauApp {\n    /** The boot config, validated, with defaults applied. */\n    config: BootConfig;\n    /** Unmounts the app from its element. */\n    unmount(): void;\n}\n\n/**\n * Mounts the Panneau admin panel in an element of the page. Throws when the boot config is\n * missing or invalid.\n *\n * ```ts\n * import { createPanneauApp } from '@panneau/app';\n *\n * createPanneauApp({ element: document.getElementById('panneau')!, plugins: [] });\n * ```\n */\nexport function createPanneauApp({\n    element,\n    config: input,\n    ...props\n}: PanneauAppOptions): PanneauApp {\n    const config =\n        input !== undefined ? parseBootConfig(input) : readBootConfig(element.ownerDocument);\n    const root = createRoot(element);\n    root.render(\n        <StrictMode>\n            <Panneau {...props} config={config} />\n        </StrictMode>,\n    );\n    return { config, unmount: () => root.unmount() };\n}\n"],"mappings":";;;;;;;;;;;;;;;;AAmDA,SAAgB,iBAAiB,EAC7B,SACA,QAAQ,OACR,GAAG,SAC2B;CAC9B,MAAM,SACF,UAAU,KAAA,IAAY,gBAAgB,KAAK,IAAI,eAAe,QAAQ,aAAa;CACvF,MAAM,OAAO,WAAW,OAAO;CAC/B,KAAK,OACD,oBAAC,YAAD,EAAA,UACI,oBAAC,SAAD;EAAS,GAAI;EAAe;CAAO,CAAA,EAC3B,CAAA,CAChB;CACA,OAAO;EAAE;EAAQ,eAAe,KAAK,QAAQ;CAAE;AACnD"}
+{"version":3,"file":"createPanneauApp.js","names":[],"sources":["../src/createPanneauApp.tsx"],"sourcesContent":["import type { QueryClient } from '@tanstack/react-query';\nimport { StrictMode } from 'react';\nimport { createRoot } from 'react-dom/client';\n\nimport type { PanneauPlugin } from '@panneau/core';\nimport type { DataAdapter } from '@panneau/data';\nimport type { MapsConfig } from '@panneau/fields';\nimport type { BootConfig, BootConfigInput } from '@panneau/protocol';\nimport type { NamedIconLoader } from '@panneau/ui';\n\nimport { Panneau, type UnauthorizedContext } from './Panneau';\nimport { parseBootConfig, readBootConfig } from './boot';\n\n/** Options of `createPanneauApp()`. */\nexport interface PanneauAppOptions {\n    /** The element the app renders in. */\n    element: Element;\n    /** Plugins: field types, pages, locales, themes… */\n    plugins?: readonly PanneauPlugin[];\n    /** The data adapter. Defaults to `createLaravelAdapter({ baseUrl: config.apiBaseUrl })`. */\n    adapter?: DataAdapter;\n    /**\n     * The boot config. Defaults to the one the server wrote in the page, in\n     * `<script type=\"application/json\" id=\"panneau-boot\">`.\n     */\n    config?: BootConfigInput;\n    /** The TanStack Query client. Defaults to a new one. */\n    queryClient?: QueryClient;\n    /** Loads the Lucide icons that the definition names. Defaults to every Lucide icon. */\n    iconLoader?: NamedIconLoader | null;\n    /**\n     * Called once when the API answers that the user isn't authenticated. Defaults to sending the\n     * browser to the login URL, when there is one.\n     */\n    onUnauthorized?: (context: UnauthorizedContext) => void;\n    /**\n     * The tiles and the address search of the maps of `location` fields: `{ geocoding:\n     * createNominatimSource() }`. Defaults to OpenStreetMap's tiles, without an address search.\n     */\n    maps?: MapsConfig | null;\n}\n\n/** A mounted app. */\nexport interface PanneauApp {\n    /** The boot config, validated, with defaults applied. */\n    config: BootConfig;\n    /** Unmounts the app from its element. */\n    unmount(): void;\n}\n\n/**\n * Mounts the Panneau admin panel in an element of the page. Throws when the boot config is\n * missing or invalid.\n *\n * ```ts\n * import { createPanneauApp } from '@panneau/app';\n *\n * createPanneauApp({ element: document.getElementById('panneau')!, plugins: [] });\n * ```\n */\nexport function createPanneauApp({\n    element,\n    config: input,\n    ...props\n}: PanneauAppOptions): PanneauApp {\n    const config =\n        input !== undefined ? parseBootConfig(input) : readBootConfig(element.ownerDocument);\n    const root = createRoot(element);\n    root.render(\n        <StrictMode>\n            <Panneau {...props} config={config} />\n        </StrictMode>,\n    );\n    return { config, unmount: () => root.unmount() };\n}\n"],"mappings":";;;;;;;;;;;;;;;;AA4DA,SAAgB,iBAAiB,EAC7B,SACA,QAAQ,OACR,GAAG,SAC2B;CAC9B,MAAM,SACF,UAAU,KAAA,IAAY,gBAAgB,KAAK,IAAI,eAAe,QAAQ,aAAa;CACvF,MAAM,OAAO,WAAW,OAAO;CAC/B,KAAK,OACD,oBAAC,YAAD,EAAA,UACI,oBAAC,SAAD;EAAS,GAAI;EAAe;CAAO,CAAA,EAC3B,CAAA,CAChB;CACA,OAAO;EAAE;EAAQ,eAAe,KAAK,QAAQ;CAAE;AACnD"}

package/dist/cx.d.ts

@@ -0,0 +1,3 @@
+/** Joins class names, skipping empty ones. */
+export declare function cx(...classNames: (string | false | null | undefined)[]): string;
+//# sourceMappingURL=cx.d.ts.map

package/dist/cx.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"cx.d.ts","sourceRoot":"","sources":["../src/cx.ts"],"names":[],"mappings":"AAAA,8CAA8C;AAC9C,wBAAgB,EAAE,CAAC,GAAG,UAAU,EAAE,CAAC,MAAM,GAAG,KAAK,GAAG,IAAI,GAAG,SAAS,CAAC,EAAE,GAAG,MAAM,CAE/E"}

package/dist/cx.js

@@ -0,0 +1,9 @@
+//#region src/cx.ts
+/** Joins class names, skipping empty ones. */
+function cx(...classNames) {
+	return classNames.filter(Boolean).join(" ");
+}
+//#endregion
+export { cx };
+
+//# sourceMappingURL=cx.js.map

package/dist/cx.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"cx.js","names":[],"sources":["../src/cx.ts"],"sourcesContent":["/** Joins class names, skipping empty ones. */\nexport function cx(...classNames: (string | false | null | undefined)[]): string {\n    return classNames.filter(Boolean).join(' ');\n}\n"],"mappings":";;AACA,SAAgB,GAAG,GAAG,YAA2D;CAC7E,OAAO,WAAW,OAAO,OAAO,CAAC,CAAC,KAAK,GAAG;AAC9C"}

package/dist/documentTitle.d.ts

@@ -0,0 +1,10 @@
+/**
+ * Sets the title of the browser's tab: the parts of the page, most specific first, then the name
+ * of the app (`Ten walks for the fall · Articles · Northwind Journal`). Empty parts are left out.
+ */
+export declare function useDocumentTitle(parts: readonly (string | null | undefined)[]): void;
+/** Sets the title of the browser's tab, as `useDocumentTitle()`. Renders nothing. */
+export declare function DocumentTitle({ parts }: {
+    parts: readonly (string | null | undefined)[];
+}): null;
+//# sourceMappingURL=documentTitle.d.ts.map

package/dist/documentTitle.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"documentTitle.d.ts","sourceRoot":"","sources":["../src/documentTitle.ts"],"names":[],"mappings":"AAIA;;;GAGG;AACH,wBAAgB,gBAAgB,CAAC,KAAK,EAAE,SAAS,CAAC,MAAM,GAAG,IAAI,GAAG,SAAS,CAAC,EAAE,GAAG,IAAI,CAUpF;AAED,qFAAqF;AACrF,wBAAgB,aAAa,CAAC,EAAE,KAAK,EAAE,EAAE;IAAE,KAAK,EAAE,SAAS,CAAC,MAAM,GAAG,IAAI,GAAG,SAAS,CAAC,EAAE,CAAA;CAAE,QAGzF"}

package/dist/documentTitle.js

@@ -0,0 +1,49 @@
+import { useEffect } from "react";
+import { c } from "react/compiler-runtime";
+import { usePanneau } from "@panneau/core";
+//#region src/documentTitle.ts
+/**
+* Sets the title of the browser's tab: the parts of the page, most specific first, then the name
+* of the app (`Ten walks for the fall · Articles · Northwind Journal`). Empty parts are left out.
+*/
+function useDocumentTitle(parts) {
+	const $ = c(6);
+	const { definition } = usePanneau();
+	const t0 = definition?.name;
+	let t1;
+	if ($[0] !== parts || $[1] !== t0) {
+		t1 = [...parts, t0].filter(_temp);
+		$[0] = parts;
+		$[1] = t0;
+		$[2] = t1;
+	} else t1 = $[2];
+	const title = t1.join(" · ");
+	let t2;
+	let t3;
+	if ($[3] !== title) {
+		t2 = () => {
+			if (title !== "") document.title = title;
+		};
+		t3 = [title];
+		$[3] = title;
+		$[4] = t2;
+		$[5] = t3;
+	} else {
+		t2 = $[4];
+		t3 = $[5];
+	}
+	useEffect(t2, t3);
+}
+/** Sets the title of the browser's tab, as `useDocumentTitle()`. Renders nothing. */
+function _temp(part) {
+	return typeof part === "string" && part.trim() !== "";
+}
+function DocumentTitle(t0) {
+	const { parts } = t0;
+	useDocumentTitle(parts);
+	return null;
+}
+//#endregion
+export { DocumentTitle, useDocumentTitle };
+
+//# sourceMappingURL=documentTitle.js.map

package/dist/documentTitle.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"documentTitle.js","names":["_c"],"sources":["../src/documentTitle.ts"],"sourcesContent":["import { useEffect } from 'react';\n\nimport { usePanneau } from '@panneau/core';\n\n/**\n * Sets the title of the browser's tab: the parts of the page, most specific first, then the name\n * of the app (`Ten walks for the fall · Articles · Northwind Journal`). Empty parts are left out.\n */\nexport function useDocumentTitle(parts: readonly (string | null | undefined)[]): void {\n    const { definition } = usePanneau();\n    const title = [...parts, definition?.name]\n        .filter((part): part is string => typeof part === 'string' && part.trim() !== '')\n        .join(' · ');\n    useEffect(() => {\n        if (title !== '') {\n            document.title = title;\n        }\n    }, [title]);\n}\n\n/** Sets the title of the browser's tab, as `useDocumentTitle()`. Renders nothing. */\nexport function DocumentTitle({ parts }: { parts: readonly (string | null | undefined)[] }) {\n    useDocumentTitle(parts);\n    return null;\n}\n"],"mappings":";;;;;;;;AAQA,SAAO,iBAAA,OAAA;CAAA,MAAA,IAAAA,EAAA,CAAA;CACH,MAAA,EAAA,eAAuB,WAAW;CACT,MAAA,KAAA,YAAU;CAAM,IAAA;CAAA,IAAA,EAAA,OAAA,SAAA,EAAA,OAAA,IAAA;EAA3B,KAAA,CAAA,GAAI,OAAO,EAAgB,CAAC,CAAA,OAC9B,KAAwE;EAAC,EAAA,KAAA;EAAA,EAAA,KAAA;EAAA,EAAA,KAAA;CAAA,OAAA,KAAA,EAAA;CADrF,MAAA,QAAc,GACuE,KAC3E,KAAK;CAAE,IAAA;CAAA,IAAA;CAAA,IAAA,EAAA,OAAA,OAAA;EACP,WAAA;GACN,IAAI,UAAU,IACV,SAAQ,QAAS;EACpB;EACF,KAAA,CAAC,KAAK;EAAC,EAAA,KAAA;EAAA,EAAA,KAAA;EAAA,EAAA,KAAA;CAAA,OAAA;EAAA,KAAA,EAAA;EAAA,KAAA,EAAA;CAAA;CAJV,UAAU,IAIP,EAAO;AAAC;;AATR,SAAA,MAAA,MAAA;CAAA,OAGmC,OAAO,SAAS,YAAY,KAAI,KAAM,MAAM;AAAE;AAUxF,SAAO,cAAA,IAAA;CAAuB,MAAA,EAAA,UAAA;CAC1B,iBAAiB,KAAK;CAAC,OAChB;AAAI"}

package/dist/index.d.ts

@@ -1,4 +1,5 @@
 export { createPanneauApp, type PanneauApp, type PanneauAppOptions } from './createPanneauApp';
 export { Panneau, type PanneauProps, type UnauthorizedContext } from './Panneau';
 export { readBootConfig } from './boot';
+export { appComponentTokens, itemPanelTokens, shellTokens, sidebarTokens } from './shell/tokens';
 //# sourceMappingURL=index.d.ts.map

package/dist/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,gBAAgB,EAAE,KAAK,UAAU,EAAE,KAAK,iBAAiB,EAAE,MAAM,oBAAoB,CAAC;AAC/F,OAAO,EAAE,OAAO,EAAE,KAAK,YAAY,EAAE,KAAK,mBAAmB,EAAE,MAAM,WAAW,CAAC;AACjF,OAAO,EAAE,cAAc,EAAE,MAAM,QAAQ,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,gBAAgB,EAAE,KAAK,UAAU,EAAE,KAAK,iBAAiB,EAAE,MAAM,oBAAoB,CAAC;AAC/F,OAAO,EAAE,OAAO,EAAE,KAAK,YAAY,EAAE,KAAK,mBAAmB,EAAE,MAAM,WAAW,CAAC;AACjF,OAAO,EAAE,cAAc,EAAE,MAAM,QAAQ,CAAC;AACxC,OAAO,EAAE,kBAAkB,EAAE,eAAe,EAAE,WAAW,EAAE,aAAa,EAAE,MAAM,gBAAgB,CAAC"}

package/dist/index.js

@@ -1,4 +1,5 @@
 import { Panneau } from "./Panneau.js";
 import { readBootConfig } from "./boot.js";
 import { createPanneauApp } from "./createPanneauApp.js";
-export { Panneau, createPanneauApp, readBootConfig };
+import { appComponentTokens, itemPanelTokens, shellTokens, sidebarTokens } from "./shell/tokens.js";
+export { Panneau, appComponentTokens, createPanneauApp, itemPanelTokens, readBootConfig, shellTokens, sidebarTokens };

package/dist/location.d.ts

@@ -1,7 +1,19 @@
 import { type ComponentProps } from 'react';
+/** What guards going back or forward, such as forms with unsaved changes. */
+export interface HistoryGuard {
+    /** Whether going back or forward needs a confirmation now. */
+    isBlocking(): boolean;
+    /** Resolves `true` to leave, `false` to stay. */
+    confirmLeave(): Promise<boolean>;
+}
 /** The current path, updated on navigation and on back and forward. */
 export declare function usePathname(): string;
-/** Navigates to a path of the app, without reloading the page. */
+/**
+ * Sets what guards going back and forward: the shell's leave guards. Returns a function that
+ * removes it.
+ */
+export declare function setHistoryGuard(next: HistoryGuard): () => void;
+/** Navigates to a path of the app, without reloading the page. It doesn't ask the guards. */
 export declare function navigate(path: string): void;
 /** A link to a path of the app. Plain clicks navigate without reloading the page. */
 export declare function Link({ href, onClick, ...props }: ComponentProps<'a'> & {