@panneau/app 4.1.1 → 5.0.0-alpha.0

package/README.md

@@ -0,0 +1,39 @@
+# @panneau/app
+
+The Panneau admin panel: the app entry (`createPanneauApp`), and the shell, routes and pages to come.
+
+The shell is a placeholder until Phase 2 of the [roadmap](../../docs/roadmap.md): it loads the definition, lists the resources and follows the client routes. The entry contract below is stable: see [decisions/0019](../../docs/decisions/0019-app-entry.md).
+
+```ts
+// resources/js/panneau.tsx
+import { createPanneauApp } from '@panneau/app';
+
+createPanneauApp({ element: document.getElementById('panneau')!, plugins: [] });
+```
+
+The page writes the boot config next to the root element ([protocol.md](../../docs/protocol.md#boot-config)):
+
+```html
+<div id="panneau"></div>
+<script type="application/json" id="panneau-boot">
+    { "protocol": 1, "apiBaseUrl": "/panneau/api", "basePath": "/panneau", "locale": "fr" }
+</script>
+```
+
+| Export         | Content                                                                                            |
+| -------------- | -------------------------------------------------------------------------------------------------- |
+| `@panneau/app` | `createPanneauApp()`, the `<Panneau>` component, `readBootConfig()` and the types of their options |
+
+## Setup
+
+```bash
+npm install @panneau/app@^5.0.0-alpha.0 react react-dom @tanstack/react-query
+npm install --save-dev vite @vitejs/plugin-react
+```
+
+- Add `@vitejs/plugin-react` to the Vite config, and the entry to its inputs.
+- The entry imports no CSS and no theme: packages import their own styles, and themes come from plugins.
+- Without `adapter`, the app uses the Laravel preset of the REST adapter (`@panneau/data/laravel`) on `apiBaseUrl`.
+- When the API answers `401` (or `419` from Laravel), the app sends the browser to the login URL. Pass `onUnauthorized` to do something else.
+
+The package layout, scripts and API reports are explained in [`docs/packages.md`](../../docs/packages.md).

package/dist/Panneau.d.ts

@@ -0,0 +1,39 @@
+import { QueryClient } from '@tanstack/react-query';
+import { type PanneauPlugin } from '@panneau/core';
+import { type DataAdapter } from '@panneau/data';
+import type { BootConfig } from '@panneau/protocol';
+/** What `onUnauthorized` receives. */
+export interface UnauthorizedContext {
+    /**
+     * Where to send the user: `auth.loginUrl` of the definition in `external` auth mode, or the
+     * `loginUrl` of the boot config before the definition is loaded. `null` when there is none, or
+     * in `panneau` auth mode, where the login page is part of the app.
+     */
+    loginUrl: string | null;
+}
+/** Props of `<Panneau>`. */
+export interface PanneauProps {
+    /** The boot config, validated (`readBootConfig()`, or `validateBootConfig()` of the protocol). */
+    config: BootConfig;
+    /** The data adapter. Defaults to `createLaravelAdapter({ baseUrl: config.apiBaseUrl })`. */
+    adapter?: DataAdapter;
+    /** Plugins: field types, pages, locales, themes… */
+    plugins?: readonly PanneauPlugin[];
+    /** The TanStack Query client. Defaults to a new one. */
+    queryClient?: QueryClient;
+    /**
+     * Called once when the API answers that the user isn't authenticated (`401`, or `419` with the
+     * Laravel adapter). The app then shows that the session ended. Defaults to sending the browser
+     * to `loginUrl` when there is one.
+     */
+    onUnauthorized?: (context: UnauthorizedContext) => void;
+}
+/**
+ * The Panneau admin panel, for a React app that renders it itself. `createPanneauApp()` mounts it
+ * in an element of the page. The adapter and the query client are read on the first render.
+ *
+ * It uses the definition inlined in the boot config, or fetches it, then renders the shell. When
+ * the API answers that the user isn't authenticated, it calls `onUnauthorized`.
+ */
+export declare function Panneau({ config, adapter, plugins, queryClient, onUnauthorized, }: PanneauProps): import("react").JSX.Element;
+//# sourceMappingURL=Panneau.d.ts.map

package/dist/Panneau.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Panneau.d.ts","sourceRoot":"","sources":["../src/Panneau.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAiC,MAAM,uBAAuB,CAAC;AAGnF,OAAO,EAAE,KAAK,aAAa,EAAwC,MAAM,eAAe,CAAC;AACzF,OAAO,EAAE,KAAK,WAAW,EAAc,MAAM,eAAe,CAAC;AAG7D,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,mBAAmB,CAAC;AAKpD,sCAAsC;AACtC,MAAM,WAAW,mBAAmB;IAChC;;;;OAIG;IACH,QAAQ,EAAE,MAAM,GAAG,IAAI,CAAC;CAC3B;AAED,4BAA4B;AAC5B,MAAM,WAAW,YAAY;IACzB,kGAAkG;IAClG,MAAM,EAAE,UAAU,CAAC;IACnB,4FAA4F;IAC5F,OAAO,CAAC,EAAE,WAAW,CAAC;IACtB,oDAAoD;IACpD,OAAO,CAAC,EAAE,SAAS,aAAa,EAAE,CAAC;IACnC,wDAAwD;IACxD,WAAW,CAAC,EAAE,WAAW,CAAC;IAC1B;;;;OAIG;IACH,cAAc,CAAC,EAAE,CAAC,OAAO,EAAE,mBAAmB,KAAK,IAAI,CAAC;CAC3D;AA0ED;;;;;;GAMG;AACH,wBAAgB,OAAO,CAAC,EACpB,MAAM,EACN,OAAO,EACP,OAAY,EACZ,WAAW,EACX,cAAgC,GACnC,EAAE,YAAY,+BAyBd"}

package/dist/Panneau.js

@@ -0,0 +1,92 @@
+import { Shell } from "./Shell.js";
+import { createSessionState, getLoginUrl, watchUnauthorized } from "./unauthorized.js";
+import { useEffect, useState, useSyncExternalStore } from "react";
+import { QueryClient, QueryClientProvider, useQuery } from "@tanstack/react-query";
+import { PanneauProvider, createHistoryRouter } from "@panneau/core";
+import { isApiError } from "@panneau/data";
+import { createLaravelAdapter } from "@panneau/data/laravel";
+import { DataAdapterProvider, definitionQueryOptions } from "@panneau/data/query";
+import { jsx, jsxs } from "react/jsx-runtime";
+//#region src/Panneau.tsx
+function redirectToLogin({ loginUrl }) {
+	if (loginUrl !== null) window.location.assign(loginUrl);
+}
+function createQueryClient() {
+	return new QueryClient({ defaultOptions: { queries: { retry: (failureCount, error) => !(isApiError(error) && error.status < 500) && failureCount < 3 } } });
+}
+function Content({ config, adapter, plugins, session, onUnauthorized }) {
+	const [router] = useState(createHistoryRouter);
+	const definitionQuery = useQuery({
+		...definitionQueryOptions(adapter),
+		initialData: config.definition
+	});
+	const signedOut = useSyncExternalStore(session.subscribe, session.isSignedOut);
+	const loginUrl = getLoginUrl(definitionQuery.data, config);
+	useEffect(() => {
+		if (signedOut) onUnauthorized({ loginUrl });
+	}, [signedOut]);
+	if (signedOut) return /* @__PURE__ */ jsxs("div", {
+		role: "alert",
+		children: [/* @__PURE__ */ jsx("p", { children: "Your session has ended." }), loginUrl !== null ? /* @__PURE__ */ jsx("a", {
+			href: loginUrl,
+			children: "Log in"
+		}) : null]
+	});
+	if (definitionQuery.data === void 0) {
+		if (definitionQuery.isError) return /* @__PURE__ */ jsxs("div", {
+			role: "alert",
+			children: [/* @__PURE__ */ jsx("p", { children: "The admin panel could not be loaded." }), /* @__PURE__ */ jsx("button", {
+				type: "button",
+				onClick: () => void definitionQuery.refetch(),
+				children: "Try again"
+			})]
+		});
+		return /* @__PURE__ */ jsx("p", {
+			role: "status",
+			children: "Loading…"
+		});
+	}
+	return /* @__PURE__ */ jsx(PanneauProvider, {
+		plugins,
+		definition: definitionQuery.data,
+		router,
+		children: /* @__PURE__ */ jsx(Shell, {
+			definition: definitionQuery.data,
+			basePath: config.basePath
+		})
+	});
+}
+/**
+* The Panneau admin panel, for a React app that renders it itself. `createPanneauApp()` mounts it
+* in an element of the page. The adapter and the query client are read on the first render.
+*
+* It uses the definition inlined in the boot config, or fetches it, then renders the shell. When
+* the API answers that the user isn't authenticated, it calls `onUnauthorized`.
+*/
+function Panneau({ config, adapter, plugins = [], queryClient, onUnauthorized = redirectToLogin }) {
+	const [state] = useState(() => {
+		const session = createSessionState();
+		return {
+			session,
+			adapter: watchUnauthorized(adapter ?? createLaravelAdapter({ baseUrl: config.apiBaseUrl }), session),
+			queryClient: queryClient ?? createQueryClient()
+		};
+	});
+	return /* @__PURE__ */ jsx(QueryClientProvider, {
+		client: state.queryClient,
+		children: /* @__PURE__ */ jsx(DataAdapterProvider, {
+			adapter: state.adapter,
+			children: /* @__PURE__ */ jsx(Content, {
+				config,
+				adapter: state.adapter,
+				plugins,
+				session: state.session,
+				onUnauthorized
+			})
+		})
+	});
+}
+//#endregion
+export { Panneau };
+
+//# sourceMappingURL=Panneau.js.map

package/dist/Panneau.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Panneau.js","names":[],"sources":["../src/Panneau.tsx"],"sourcesContent":["import { QueryClient, QueryClientProvider, useQuery } from '@tanstack/react-query';\nimport { useEffect, useState, useSyncExternalStore } from 'react';\n\nimport { type PanneauPlugin, PanneauProvider, createHistoryRouter } from '@panneau/core';\nimport { type DataAdapter, isApiError } from '@panneau/data';\nimport { createLaravelAdapter } from '@panneau/data/laravel';\nimport { DataAdapterProvider, definitionQueryOptions } from '@panneau/data/query';\nimport type { BootConfig } from '@panneau/protocol';\n\nimport { Shell } from './Shell';\nimport { createSessionState, getLoginUrl, watchUnauthorized } from './unauthorized';\n\n/** What `onUnauthorized` receives. */\nexport interface UnauthorizedContext {\n    /**\n     * Where to send the user: `auth.loginUrl` of the definition in `external` auth mode, or the\n     * `loginUrl` of the boot config before the definition is loaded. `null` when there is none, or\n     * in `panneau` auth mode, where the login page is part of the app.\n     */\n    loginUrl: string | null;\n}\n\n/** Props of `<Panneau>`. */\nexport interface PanneauProps {\n    /** The boot config, validated (`readBootConfig()`, or `validateBootConfig()` of the protocol). */\n    config: BootConfig;\n    /** The data adapter. Defaults to `createLaravelAdapter({ baseUrl: config.apiBaseUrl })`. */\n    adapter?: DataAdapter;\n    /** Plugins: field types, pages, locales, themes… */\n    plugins?: readonly PanneauPlugin[];\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 (`401`, or `419` with the\n     * Laravel adapter). The app then shows that the session ended. Defaults to sending the browser\n     * to `loginUrl` when there is one.\n     */\n    onUnauthorized?: (context: UnauthorizedContext) => void;\n}\n\nfunction redirectToLogin({ loginUrl }: UnauthorizedContext) {\n    if (loginUrl !== null) {\n        window.location.assign(loginUrl);\n    }\n}\n\nfunction createQueryClient(): QueryClient {\n    return new QueryClient({\n        defaultOptions: {\n            queries: {\n                // Client errors (401, 403, 404, 422…) don't change on retry.\n                retry: (failureCount, error) =>\n                    !(isApiError(error) && error.status < 500) && failureCount < 3,\n            },\n        },\n    });\n}\n\nfunction Content({\n    config,\n    adapter,\n    plugins,\n    session,\n    onUnauthorized,\n}: Required<Pick<PanneauProps, 'config' | 'adapter' | 'onUnauthorized'>> & {\n    plugins: readonly PanneauPlugin[];\n    session: ReturnType<typeof createSessionState>;\n}) {\n    const [router] = useState(createHistoryRouter);\n    const definitionQuery = useQuery({\n        ...definitionQueryOptions(adapter),\n        initialData: config.definition,\n    });\n    const signedOut = useSyncExternalStore(session.subscribe, session.isSignedOut);\n    const loginUrl = getLoginUrl(definitionQuery.data, config);\n\n    useEffect(() => {\n        if (signedOut) {\n            onUnauthorized({ loginUrl });\n        }\n        // Only when the session ends: `loginUrl` and the callback are read at that time.\n        // eslint-disable-next-line react-hooks/exhaustive-deps\n    }, [signedOut]);\n\n    if (signedOut) {\n        return (\n            <div role=\"alert\">\n                <p>Your session has ended.</p>\n                {loginUrl !== null ? <a href={loginUrl}>Log in</a> : null}\n            </div>\n        );\n    }\n    if (definitionQuery.data === undefined) {\n        if (definitionQuery.isError) {\n            return (\n                <div role=\"alert\">\n                    <p>The admin panel could not be loaded.</p>\n                    <button type=\"button\" onClick={() => void definitionQuery.refetch()}>\n                        Try again\n                    </button>\n                </div>\n            );\n        }\n        return <p role=\"status\">Loading…</p>;\n    }\n    return (\n        <PanneauProvider plugins={plugins} definition={definitionQuery.data} router={router}>\n            <Shell definition={definitionQuery.data} basePath={config.basePath} />\n        </PanneauProvider>\n    );\n}\n\n/**\n * The Panneau admin panel, for a React app that renders it itself. `createPanneauApp()` mounts it\n * in an element of the page. The adapter and the query client are read on the first render.\n *\n * It uses the definition inlined in the boot config, or fetches it, then renders the shell. When\n * the API answers that the user isn't authenticated, it calls `onUnauthorized`.\n */\nexport function Panneau({\n    config,\n    adapter,\n    plugins = [],\n    queryClient,\n    onUnauthorized = redirectToLogin,\n}: PanneauProps) {\n    const [state] = useState(() => {\n        const session = createSessionState();\n        return {\n            session,\n            adapter: watchUnauthorized(\n                adapter ?? createLaravelAdapter({ baseUrl: config.apiBaseUrl }),\n                session,\n            ),\n            queryClient: queryClient ?? createQueryClient(),\n        };\n    });\n    return (\n        <QueryClientProvider client={state.queryClient}>\n            <DataAdapterProvider adapter={state.adapter}>\n                <Content\n                    config={config}\n                    adapter={state.adapter}\n                    plugins={plugins}\n                    session={state.session}\n                    onUnauthorized={onUnauthorized}\n                />\n            </DataAdapterProvider>\n        </QueryClientProvider>\n    );\n}\n"],"mappings":";;;;;;;;;;AAwCA,SAAS,gBAAgB,EAAE,YAAiC;CACxD,IAAI,aAAa,MACb,OAAO,SAAS,OAAO,QAAQ;AAEvC;AAEA,SAAS,oBAAiC;CACtC,OAAO,IAAI,YAAY,EACnB,gBAAgB,EACZ,SAAS,EAEL,QAAQ,cAAc,UAClB,EAAE,WAAW,KAAK,KAAK,MAAM,SAAS,QAAQ,eAAe,EACrE,EACJ,EACJ,CAAC;AACL;AAEA,SAAS,QAAQ,EACb,QACA,SACA,SACA,SACA,kBAID;CACC,MAAM,CAAC,UAAU,SAAS,mBAAmB;CAC7C,MAAM,kBAAkB,SAAS;EAC7B,GAAG,uBAAuB,OAAO;EACjC,aAAa,OAAO;CACxB,CAAC;CACD,MAAM,YAAY,qBAAqB,QAAQ,WAAW,QAAQ,WAAW;CAC7E,MAAM,WAAW,YAAY,gBAAgB,MAAM,MAAM;CAEzD,gBAAgB;EACZ,IAAI,WACA,eAAe,EAAE,SAAS,CAAC;CAInC,GAAG,CAAC,SAAS,CAAC;CAEd,IAAI,WACA,OACI,qBAAC,OAAD;EAAK,MAAK;EAAV,UAAA,CACI,oBAAC,KAAD,EAAA,UAAG,0BAA0B,CAAA,GAC5B,aAAa,OAAO,oBAAC,KAAD;GAAG,MAAM;GAAU,UAAA;EAAS,CAAA,IAAI,IACpD;;CAGb,IAAI,gBAAgB,SAAS,KAAA,GAAW;EACpC,IAAI,gBAAgB,SAChB,OACI,qBAAC,OAAD;GAAK,MAAK;GAAV,UAAA,CACI,oBAAC,KAAD,EAAA,UAAG,uCAAuC,CAAA,GAC1C,oBAAC,UAAD;IAAQ,MAAK;IAAS,eAAe,KAAK,gBAAgB,QAAQ;IAAE,UAAA;GAE5D,CAAA,CACP;;EAGb,OAAO,oBAAC,KAAD;GAAG,MAAK;GAAS,UAAA;EAAW,CAAA;CACvC;CACA,OACI,oBAAC,iBAAD;EAA0B;EAAS,YAAY,gBAAgB;EAAc;EACzE,UAAA,oBAAC,OAAD;GAAO,YAAY,gBAAgB;GAAM,UAAU,OAAO;EAAS,CAAA;CACtD,CAAA;AAEzB;;;;;;;;AASA,SAAgB,QAAQ,EACpB,QACA,SACA,UAAU,CAAA,GACV,aACA,iBAAiB,mBACJ;CACb,MAAM,CAAC,SAAS,eAAe;EAC3B,MAAM,UAAU,mBAAmB;EACnC,OAAO;GACH;GACA,SAAS,kBACL,WAAW,qBAAqB,EAAE,SAAS,OAAO,WAAW,CAAC,GAC9D,OACJ;GACA,aAAa,eAAe,kBAAkB;EAClD;CACJ,CAAC;CACD,OACI,oBAAC,qBAAD;EAAqB,QAAQ,MAAM;EAC/B,UAAA,oBAAC,qBAAD;GAAqB,SAAS,MAAM;GAChC,UAAA,oBAAC,SAAD;IACY;IACR,SAAS,MAAM;IACN;IACT,SAAS,MAAM;IACC;GAAe,CAAA;EAElB,CAAA;CACJ,CAAA;AAE7B"}

package/dist/Shell.d.ts

@@ -0,0 +1,11 @@
+import type { Definition } from '@panneau/protocol';
+export interface ShellProps {
+    definition: Definition;
+    basePath: string;
+}
+/**
+ * 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.
+ */
+export declare function Shell({ definition, basePath }: ShellProps): import("react").JSX.Element;
+//# sourceMappingURL=Shell.d.ts.map

package/dist/Shell.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Shell.d.ts","sourceRoot":"","sources":["../src/Shell.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,mBAAmB,CAAC;AAKpD,MAAM,WAAW,UAAU;IACvB,UAAU,EAAE,UAAU,CAAC;IACvB,QAAQ,EAAE,MAAM,CAAC;CACpB;AA6BD;;;GAGG;AACH,wBAAgB,KAAK,CAAC,EAAE,UAAU,EAAE,QAAQ,EAAE,EAAE,UAAU,+BAiCzD"}

package/dist/Shell.js

@@ -0,0 +1,144 @@
+import { Link, usePathname } from "./location.js";
+import { matchRoute, routePath } from "./routes.js";
+import { c } from "react/compiler-runtime";
+import { 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;
+	}
+	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";
+	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}`;
+	}
+}
+/**
+* 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.
+*/
+function Shell(t0) {
+	const $ = c(34);
+	const { definition, basePath } = t0;
+	const pathname = usePathname();
+	let t1;
+	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;
+		$[4] = t2;
+		$[5] = t3;
+		$[6] = t4;
+	} else {
+		t1 = $[3];
+		t2 = $[4];
+		t3 = $[5];
+		t4 = $[6];
+	}
+	let t5;
+	if ($[24] !== t1) {
+		t5 = /* @__PURE__ */ jsx("h1", { children: t1 });
+		$[24] = t1;
+		$[25] = t5;
+	} else t5 = $[25];
+	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];
+	let t7;
+	if ($[27] !== t5) {
+		t7 = /* @__PURE__ */ jsxs("main", { children: [t5, t6] });
+		$[27] = t5;
+		$[28] = t7;
+	} else t7 = $[28];
+	let t8;
+	if ($[29] !== t2 || $[30] !== t3 || $[31] !== t4 || $[32] !== t7) {
+		t8 = /* @__PURE__ */ jsxs("div", {
+			"data-panneau-shell": t2,
+			children: [
+				t3,
+				t4,
+				t7
+			]
+		});
+		$[29] = t2;
+		$[30] = t3;
+		$[31] = t4;
+		$[32] = t7;
+		$[33] = t8;
+	} else t8 = $[33];
+	return t8;
+}
+//#endregion
+export { Shell };
+
+//# sourceMappingURL=Shell.js.map

package/dist/Shell.js.map

@@ -0,0 +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":"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"}

package/dist/boot.d.ts

@@ -0,0 +1,10 @@
+import { type BootConfig } from '@panneau/protocol';
+/** Validates a boot config, and throws an error that lists what is invalid. */
+export declare function parseBootConfig(input: unknown): BootConfig;
+/**
+ * Reads the boot config that the server wrote in the page, in
+ * `<script type="application/json" id="panneau-boot">`, and validates it. Throws when the element
+ * is missing, or when its content isn't a valid boot config.
+ */
+export declare function readBootConfig(target?: Document): BootConfig;
+//# sourceMappingURL=boot.d.ts.map

package/dist/boot.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"boot.d.ts","sourceRoot":"","sources":["../src/boot.ts"],"names":[],"mappings":"AAAA,OAAO,EAA0B,KAAK,UAAU,EAAsB,MAAM,mBAAmB,CAAC;AAEhG,+EAA+E;AAC/E,wBAAgB,eAAe,CAAC,KAAK,EAAE,OAAO,GAAG,UAAU,CAS1D;AAED;;;;GAIG;AACH,wBAAgB,cAAc,CAAC,MAAM,GAAE,QAAmB,GAAG,UAAU,CAmBtE"}

package/dist/boot.js

@@ -0,0 +1,31 @@
+import { BOOT_CONFIG_ELEMENT_ID, validateBootConfig } from "@panneau/protocol";
+//#region src/boot.ts
+/** Validates a boot config, and throws an error that lists what is invalid. */
+function parseBootConfig(input) {
+	const result = validateBootConfig(input);
+	if (!result.success) {
+		const issues = result.issues.map(({ path, message }) => `- ${path === "" ? "(root)" : path}: ${message}`);
+		throw new Error(`The Panneau boot config is invalid:\n${issues.join("\n")}`);
+	}
+	return result.data;
+}
+/**
+* Reads the boot config that the server wrote in the page, in
+* `<script type="application/json" id="panneau-boot">`, and validates it. Throws when the element
+* is missing, or when its content isn't a valid boot config.
+*/
+function readBootConfig(target = document) {
+	const element = target.getElementById(BOOT_CONFIG_ELEMENT_ID);
+	if (element === null) throw new Error(`The page has no Panneau boot config: add <script type="application/json" id="${BOOT_CONFIG_ELEMENT_ID}">, or pass \`config\` to createPanneauApp().`);
+	let input;
+	try {
+		input = JSON.parse(element.textContent);
+	} catch (error) {
+		throw new Error(`The Panneau boot config in #${BOOT_CONFIG_ELEMENT_ID} is not valid JSON.`, { cause: error });
+	}
+	return parseBootConfig(input);
+}
+//#endregion
+export { parseBootConfig, readBootConfig };
+
+//# sourceMappingURL=boot.js.map

package/dist/boot.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"boot.js","names":[],"sources":["../src/boot.ts"],"sourcesContent":["import { BOOT_CONFIG_ELEMENT_ID, type BootConfig, validateBootConfig } from '@panneau/protocol';\n\n/** Validates a boot config, and throws an error that lists what is invalid. */\nexport function parseBootConfig(input: unknown): BootConfig {\n    const result = validateBootConfig(input);\n    if (!result.success) {\n        const issues = result.issues.map(\n            ({ path, message }) => `- ${path === '' ? '(root)' : path}: ${message}`,\n        );\n        throw new Error(`The Panneau boot config is invalid:\\n${issues.join('\\n')}`);\n    }\n    return result.data;\n}\n\n/**\n * Reads the boot config that the server wrote in the page, in\n * `<script type=\"application/json\" id=\"panneau-boot\">`, and validates it. Throws when the element\n * is missing, or when its content isn't a valid boot config.\n */\nexport function readBootConfig(target: Document = document): BootConfig {\n    const element = target.getElementById(BOOT_CONFIG_ELEMENT_ID);\n    if (element === null) {\n        throw new Error(\n            `The page has no Panneau boot config: add <script type=\"application/json\" id=\"${BOOT_CONFIG_ELEMENT_ID}\">, or pass \\`config\\` to createPanneauApp().`,\n        );\n    }\n    let input: unknown;\n    try {\n        input = JSON.parse(element.textContent);\n    } catch (error) {\n        throw new Error(\n            `The Panneau boot config in #${BOOT_CONFIG_ELEMENT_ID} is not valid JSON.`,\n            {\n                cause: error,\n            },\n        );\n    }\n    return parseBootConfig(input);\n}\n"],"mappings":";;;AAGA,SAAgB,gBAAgB,OAA4B;CACxD,MAAM,SAAS,mBAAmB,KAAK;CACvC,IAAI,CAAC,OAAO,SAAS;EACjB,MAAM,SAAS,OAAO,OAAO,KACxB,EAAE,MAAM,cAAc,KAAK,SAAS,KAAK,WAAW,KAAI,IAAK,SAClE;EACA,MAAM,IAAI,MAAM,wCAAwC,OAAO,KAAK,IAAI,GAAG;CAC/E;CACA,OAAO,OAAO;AAClB;;;;;;AAOA,SAAgB,eAAe,SAAmB,UAAsB;CACpE,MAAM,UAAU,OAAO,eAAe,sBAAsB;CAC5D,IAAI,YAAY,MACZ,MAAM,IAAI,MACN,gFAAgF,uBAAsB,8CAC1G;CAEJ,IAAI;CACJ,IAAI;EACA,QAAQ,KAAK,MAAM,QAAQ,WAAW;CAC1C,SAAS,OAAO;EACZ,MAAM,IAAI,MACN,+BAA+B,uBAAsB,sBACrD,EACI,OAAO,MACX,CACJ;CACJ;CACA,OAAO,gBAAgB,KAAK;AAChC"}

package/dist/createPanneauApp.d.ts

@@ -0,0 +1,45 @@
+import type { QueryClient } from '@tanstack/react-query';
+import type { PanneauPlugin } from '@panneau/core';
+import type { DataAdapter } from '@panneau/data';
+import type { BootConfig, BootConfigInput } from '@panneau/protocol';
+import { type UnauthorizedContext } from './Panneau';
+/** Options of `createPanneauApp()`. */
+export interface PanneauAppOptions {
+    /** The element the app renders in. */
+    element: Element;
+    /** Plugins: field types, pages, locales, themes… */
+    plugins?: readonly PanneauPlugin[];
+    /** The data adapter. Defaults to `createLaravelAdapter({ baseUrl: config.apiBaseUrl })`. */
+    adapter?: DataAdapter;
+    /**
+     * The boot config. Defaults to the one the server wrote in the page, in
+     * `<script type="application/json" id="panneau-boot">`.
+     */
+    config?: BootConfigInput;
+    /** The TanStack Query client. Defaults to a new one. */
+    queryClient?: QueryClient;
+    /**
+     * 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;
+}
+/** A mounted app. */
+export interface PanneauApp {
+    /** The boot config, validated, with defaults applied. */
+    config: BootConfig;
+    /** Unmounts the app from its element. */
+    unmount(): void;
+}
+/**
+ * Mounts the Panneau admin panel in an element of the page. Throws when the boot config is
+ * missing or invalid.
+ *
+ * ```ts
+ * import { createPanneauApp } from '@panneau/app';
+ *
+ * createPanneauApp({ element: document.getElementById('panneau')!, plugins: [] });
+ * ```
+ */
+export declare function createPanneauApp({ element, config: input, ...props }: PanneauAppOptions): PanneauApp;
+//# sourceMappingURL=createPanneauApp.d.ts.map

package/dist/createPanneauApp.d.ts.map

@@ -0,0 +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"}

package/dist/createPanneauApp.js

@@ -0,0 +1,32 @@
+import { Panneau } from "./Panneau.js";
+import { parseBootConfig, readBootConfig } from "./boot.js";
+import { StrictMode } from "react";
+import { createRoot } from "react-dom/client";
+import { jsx } from "react/jsx-runtime";
+//#region src/createPanneauApp.tsx
+/**
+* Mounts the Panneau admin panel in an element of the page. Throws when the boot config is
+* missing or invalid.
+*
+* ```ts
+* import { createPanneauApp } from '@panneau/app';
+*
+* createPanneauApp({ element: document.getElementById('panneau')!, plugins: [] });
+* ```
+*/
+function createPanneauApp({ element, config: input, ...props }) {
+	const config = input !== void 0 ? parseBootConfig(input) : readBootConfig(element.ownerDocument);
+	const root = createRoot(element);
+	root.render(/* @__PURE__ */ jsx(StrictMode, { children: /* @__PURE__ */ jsx(Panneau, {
+		...props,
+		config
+	}) }));
+	return {
+		config,
+		unmount: () => root.unmount()
+	};
+}
+//#endregion
+export { createPanneauApp };
+
+//# sourceMappingURL=createPanneauApp.js.map

package/dist/createPanneauApp.js.map

@@ -0,0 +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"}

package/dist/index.d.ts

@@ -1,53 +1,4 @@
-import * as react from 'react';
-import { ReactNode } from 'react';
-import { PanneauDefinition, FormDefinition, FieldDefinition, ComponentsMap, User, StatusCode, Label } from '@panneau/core';
-import { UppyProviderConfig } from '@panneau/uppy';
-
-interface ContainerProps {
-    definition: PanneauDefinition;
-    forms?: FormDefinition[] | null;
-    fields?: FieldDefinition[] | null;
-    components?: ComponentsMap | null;
-    user?: User | null;
-    memoryRouter?: boolean;
-    baseUrl?: string | null;
-    uppy?: UppyProviderConfig | null;
-    statusCode?: StatusCode | null;
-}
-declare function Container({ definition, forms: providedForms, fields: providedFields, components, user, memoryRouter, baseUrl, uppy, statusCode, }: ContainerProps): react.JSX.Element;
-
-interface MainLayoutProps {
-    children?: ReactNode;
-    loading?: boolean;
-    fullscreen?: boolean;
-}
-declare function MainLayout({ fullscreen, loading, children }: MainLayoutProps): react.JSX.Element;
-
-interface GuestLayoutProps {
-    children: ReactNode;
-    fullscreen?: boolean;
-}
-declare function GuestLayout({ fullscreen, children }: GuestLayoutProps): react.JSX.Element;
-
-interface PageHeaderProps {
-    title?: Label | null;
-    actions?: ReactNode;
-    small?: boolean;
-    className?: string | null;
-    children?: ReactNode;
-}
-declare function PageHeader({ title, actions, small, className, children, }: PageHeaderProps): react.JSX.Element;
-
-declare function ResourceFilters(props: any): react.JSX.Element;
-
-interface ResourceItemsListProps {
-    resource: string | {
-        id: string;
-    };
-    [key: string]: any;
-}
-declare function ResourceItemsList({ resource, ...props }: ResourceItemsListProps): react.JSX.Element;
-
-declare function ResourceFormWrapper(props: any): react.JSX.Element;
-
-export { GuestLayout, MainLayout, PageHeader, ResourceFilters, ResourceFormWrapper as ResourceForm, ResourceItemsList, Container as default };
+export { createPanneauApp, type PanneauApp, type PanneauAppOptions } from './createPanneauApp';
+export { Panneau, type PanneauProps, type UnauthorizedContext } from './Panneau';
+export { readBootConfig } from './boot';
+//# sourceMappingURL=index.d.ts.map

package/dist/index.d.ts.map

@@ -0,0 +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"}