polen 0.10.0-next.9 → 0.10.0

package/build/template/routes/changelog.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"changelog.d.ts","sourceRoot":"","sources":["../../../src/template/routes/changelog.tsx"],"names":[],"mappings":"AAqBA,eAAO,MAAM,SAAS;;;;;;CAIpB,CAAA"}
+{"version":3,"file":"changelog.d.ts","sourceRoot":"","sources":["../../../src/template/routes/changelog.tsx"],"names":[],"mappings":"AA0BA,eAAO,MAAM,SAAS;;;;;;CAIpB,CAAA"}

package/build/template/routes/{changelog.jsx → changelog.js}

@@ -1,7 +1,9 @@
+import { jsx as _jsx } from "react/jsx-runtime";
 import { createRoute } from '#lib/react-router-aid/react-router-aid';
 import { createLoader, useLoaderData } from '#lib/react-router-loader/react-router-loader';
 import PROJECT_DATA from 'virtual:polen/project/data.jsonsuper';
-import { Changelog } from '../components/Changelog.jsx';
+import { Changelog } from '../components/Changelog.js';
+import { ChangelogLayout } from '../components/ChangelogLayout.js';
 const loader = createLoader(() => {
     return {
         schema: PROJECT_DATA.schema,
@@ -10,13 +12,13 @@ const loader = createLoader(() => {
 const Component = () => {
     const data = useLoaderData();
     if (!data.schema) {
-        return <div>No data to show. There is no schema is.</div>;
+        return _jsx("div", { children: "No data to show. There is no schema is." });
     }
-    return <Changelog schema={data.schema}/>;
+    return (_jsx(ChangelogLayout, { versions: data.schema.versions, children: _jsx(Changelog, { schema: data.schema }) }));
 };
 export const changelog = createRoute({
     path: `changelog`,
     loader,
     Component,
 });
-//# sourceMappingURL=changelog.jsx.map
+//# sourceMappingURL=changelog.js.map

package/build/template/routes/changelog.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"changelog.js","sourceRoot":"","sources":["../../../src/template/routes/changelog.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,wCAAwC,CAAA;AACpE,OAAO,EAAE,YAAY,EAAE,aAAa,EAAE,MAAM,8CAA8C,CAAA;AAC1F,OAAO,YAAY,MAAM,sCAAsC,CAAA;AAC/D,OAAO,EAAE,SAAS,EAAE,MAAM,4BAA4B,CAAA;AACtD,OAAO,EAAE,eAAe,EAAE,MAAM,kCAAkC,CAAA;AAElE,MAAM,MAAM,GAAG,YAAY,CAAC,GAAG,EAAE;IAC/B,OAAO;QACL,MAAM,EAAE,YAAY,CAAC,MAAM;KAC5B,CAAA;AACH,CAAC,CAAC,CAAA;AAEF,MAAM,SAAS,GAAG,GAAG,EAAE;IACrB,MAAM,IAAI,GAAG,aAAa,EAAiB,CAAA;IAE3C,IAAI,CAAC,IAAI,CAAC,MAAM,EAAE,CAAC;QACjB,OAAO,oEAAkD,CAAA;IAC3D,CAAC;IAED,OAAO,CACL,KAAC,eAAe,IAAC,QAAQ,EAAE,IAAI,CAAC,MAAM,CAAC,QAAQ,YAC7C,KAAC,SAAS,IAAC,MAAM,EAAE,IAAI,CAAC,MAAM,GAAI,GAClB,CACnB,CAAA;AACH,CAAC,CAAA;AAED,MAAM,CAAC,MAAM,SAAS,GAAG,WAAW,CAAC;IACnC,IAAI,EAAE,WAAW;IACjB,MAAM;IACN,SAAS;CACV,CAAC,CAAA"}

package/build/template/routes/{index.jsx → index.js}

@@ -1,9 +1,10 @@
+import { jsx as _jsx } from "react/jsx-runtime";
 import { createRouteIndex } from '#lib/react-router-aid/react-router-aid';
 import { Box } from '@radix-ui/themes';
 const Component = () => {
-    return <Box>home todo</Box>;
+    return _jsx(Box, { children: "home todo" });
 };
 export const index = createRouteIndex({
     Component,
 });
-//# sourceMappingURL=index.jsx.map
+//# sourceMappingURL=index.js.map

package/build/template/routes/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/template/routes/index.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,gBAAgB,EAAE,MAAM,wCAAwC,CAAA;AACzE,OAAO,EAAE,GAAG,EAAE,MAAM,kBAAkB,CAAA;AAEtC,MAAM,SAAS,GAAG,GAAG,EAAE;IACrB,OAAO,KAAC,GAAG,4BAAgB,CAAA;AAC7B,CAAC,CAAA;AAED,MAAM,CAAC,MAAM,KAAK,GAAG,gBAAgB,CAAC;IACpC,SAAS;CACV,CAAC,CAAA"}

package/build/template/routes/reference.$type.$field.d.ts

@@ -1,5 +1,5 @@
 export declare const reference$type$field: {
     path: string;
-    Component: () => string | import("react").JSX.Element;
+    Component: () => string | import("react/jsx-runtime").JSX.Element;
 };
 //# sourceMappingURL=reference.$type.$field.d.ts.map

package/build/template/routes/{reference.$type.$field.jsx → reference.$type.$field.js}

@@ -1,14 +1,15 @@
+import { jsx as _jsx } from "react/jsx-runtime";
 import { Grafaid } from '#lib/grafaid/index';
 import { ReactRouterAid } from '#lib/react-router-aid/index';
 import { useLoaderData } from '#lib/react-router-loader/react-router-loader';
 import { useParams } from 'react-router';
-import { Field } from '../components/Field.jsx';
-import { MissingSchema } from '../components/MissingSchema.jsx';
+import { Field } from '../components/Field.js';
+import { MissingSchema } from '../components/MissingSchema.js';
 const Component = () => {
     const params = useParams();
     const data = useLoaderData(`reference`);
     if (!data.schema) {
-        return <MissingSchema />;
+        return _jsx(MissingSchema, {});
     }
     const type = data.schema.getType(params.type);
     if (!type)
@@ -21,10 +22,10 @@ const Component = () => {
     if (!field) {
         return `Could not find field ${params.field} on type ${params.type}`;
     }
-    return <Field data={field}/>;
+    return _jsx(Field, { data: field });
 };
 export const reference$type$field = ReactRouterAid.createRoute({
     path: `:type/:field`,
     Component,
 });
-//# sourceMappingURL=reference.$type.$field.jsx.map
+//# sourceMappingURL=reference.$type.$field.js.map

package/build/template/routes/reference.$type.$field.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"reference.$type.$field.js","sourceRoot":"","sources":["../../../src/template/routes/reference.$type.$field.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,oBAAoB,CAAA;AAC5C,OAAO,EAAE,cAAc,EAAE,MAAM,6BAA6B,CAAA;AAC5D,OAAO,EAAE,aAAa,EAAE,MAAM,8CAA8C,CAAA;AAC5E,OAAO,EAAE,SAAS,EAAE,MAAM,cAAc,CAAA;AACxC,OAAO,EAAE,KAAK,EAAE,MAAM,wBAAwB,CAAA;AAC9C,OAAO,EAAE,aAAa,EAAE,MAAM,gCAAgC,CAAA;AAG9D,MAAM,SAAS,GAAG,GAAG,EAAE;IACrB,MAAM,MAAM,GAAG,SAAS,EAAqC,CAAA;IAC7D,MAAM,IAAI,GAAG,aAAa,CAA0B,WAAW,CAAC,CAAA;IAChE,IAAI,CAAC,IAAI,CAAC,MAAM,EAAE,CAAC;QACjB,OAAO,KAAC,aAAa,KAAG,CAAA;IAC1B,CAAC;IAED,MAAM,IAAI,GAAG,IAAI,CAAC,MAAM,CAAC,OAAO,CAAC,MAAM,CAAC,IAAI,CAAC,CAAA;IAC7C,IAAI,CAAC,IAAI;QAAE,OAAO,uBAAuB,MAAM,CAAC,IAAI,EAAE,CAAA;IACtD,IAAI,CAAC,OAAO,CAAC,MAAM,CAAC,SAAS,CAAC,SAAS,CAAC,IAAI,CAAC,EAAE,CAAC;QAC9C,OAAO,QAAQ,MAAM,CAAC,IAAI,uBAAuB,CAAA;IACnD,CAAC;IAED,MAAM,MAAM,GAAG,IAAI,CAAC,SAAS,EAAE,CAAA;IAC/B,MAAM,KAAK,GAAG,MAAM,CAAC,MAAM,CAAC,KAAK,CAAC,CAAA;IAClC,IAAI,CAAC,KAAK,EAAE,CAAC;QACX,OAAO,wBAAwB,MAAM,CAAC,KAAK,YAAY,MAAM,CAAC,IAAI,EAAE,CAAA;IACtE,CAAC;IAED,OAAO,KAAC,KAAK,IAAC,IAAI,EAAE,KAAK,GAAI,CAAA;AAC/B,CAAC,CAAA;AAED,MAAM,CAAC,MAAM,oBAAoB,GAAG,cAAc,CAAC,WAAW,CAAC;IAC7D,IAAI,EAAE,cAAc;IACpB,SAAS;CACV,CAAC,CAAA"}

package/build/template/routes/reference.$type.d.ts

@@ -1,5 +1,5 @@
 export declare const reference$type: {
     path: string;
-    Component: () => string | import("react").JSX.Element;
+    Component: () => string | import("react/jsx-runtime").JSX.Element;
 };
 //# sourceMappingURL=reference.$type.d.ts.map

package/build/template/routes/{reference.$type.jsx → reference.$type.js}

@@ -1,22 +1,23 @@
+import { jsx as _jsx } from "react/jsx-runtime";
 import { createRoute } from '#lib/react-router-aid/react-router-aid';
 import { useLoaderData } from '#lib/react-router-loader/react-router-loader';
 import { useParams } from 'react-router';
-import { MissingSchema } from '../components/MissingSchema.jsx';
-import { NamedType } from '../components/NamedType.jsx';
+import { MissingSchema } from '../components/MissingSchema.js';
+import { NamedType } from '../components/NamedType.js';
 const Component = () => {
     const params = useParams();
     const data = useLoaderData(`reference`);
     if (!data.schema) {
-        return <MissingSchema />;
+        return _jsx(MissingSchema, {});
     }
     const type = data.schema.getType(params.type);
     if (!type) {
         return `Could not find type ${params.type}`;
     }
-    return <NamedType data={type}/>;
+    return _jsx(NamedType, { data: type });
 };
 export const reference$type = createRoute({
     path: `:type`,
     Component,
 });
-//# sourceMappingURL=reference.$type.jsx.map
+//# sourceMappingURL=reference.$type.js.map

package/build/template/routes/reference.$type.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"reference.$type.js","sourceRoot":"","sources":["../../../src/template/routes/reference.$type.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,wCAAwC,CAAA;AACpE,OAAO,EAAE,aAAa,EAAE,MAAM,8CAA8C,CAAA;AAC5E,OAAO,EAAE,SAAS,EAAE,MAAM,cAAc,CAAA;AACxC,OAAO,EAAE,aAAa,EAAE,MAAM,gCAAgC,CAAA;AAC9D,OAAO,EAAE,SAAS,EAAE,MAAM,4BAA4B,CAAA;AAGtD,MAAM,SAAS,GAAG,GAAG,EAAE;IACrB,MAAM,MAAM,GAAG,SAAS,EAAsB,CAAA;IAE9C,MAAM,IAAI,GAAG,aAAa,CAA0B,WAAW,CAAC,CAAA;IAChE,IAAI,CAAC,IAAI,CAAC,MAAM,EAAE,CAAC;QACjB,OAAO,KAAC,aAAa,KAAG,CAAA;IAC1B,CAAC;IAED,MAAM,IAAI,GAAG,IAAI,CAAC,MAAM,CAAC,OAAO,CAAC,MAAM,CAAC,IAAI,CAAC,CAAA;IAC7C,IAAI,CAAC,IAAI,EAAE,CAAC;QACV,OAAO,uBAAuB,MAAM,CAAC,IAAI,EAAE,CAAA;IAC7C,CAAC;IAED,OAAO,KAAC,SAAS,IAAC,IAAI,EAAE,IAAI,GAAI,CAAA;AAClC,CAAC,CAAA;AAED,MAAM,CAAC,MAAM,cAAc,GAAG,WAAW,CAAC;IACxC,IAAI,EAAE,OAAO;IACb,SAAS;CACV,CAAC,CAAA"}

package/build/template/routes/reference.d.ts

@@ -1,12 +1,13 @@
+import { GrafaidOld } from '#lib/grafaid-old/index';
 export declare const reference: {
     path: string;
     loader: () => {
-        schema: import("graphql").GraphQLSchema | null;
+        schema: GrafaidOld.Schema.Schema | null;
     };
-    Component: () => import("react").JSX.Element;
+    Component: () => import("react/jsx-runtime").JSX.Element;
     children: {
         path: string;
-        Component: () => string | import("react").JSX.Element;
+        Component: () => string | import("react/jsx-runtime").JSX.Element;
     }[];
 };
 //# sourceMappingURL=reference.d.ts.map

package/build/template/routes/reference.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"reference.d.ts","sourceRoot":"","sources":["../../../src/template/routes/reference.tsx"],"names":[],"mappings":"AAiCA,eAAO,MAAM,SAAS;;;;;;;;;;CAKpB,CAAA"}
+{"version":3,"file":"reference.d.ts","sourceRoot":"","sources":["../../../src/template/routes/reference.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,UAAU,EAAE,MAAM,wBAAwB,CAAA;AAkDnD,eAAO,MAAM,SAAS;;;;;;;;;;CAKpB,CAAA"}

package/build/template/routes/reference.js

@@ -0,0 +1,46 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { GrafaidOld } from '#lib/grafaid-old/index';
+import { createRoute } from '#lib/react-router-aid/react-router-aid';
+import { createLoader, useLoaderData } from '#lib/react-router-loader/react-router-loader';
+import { Outlet } from 'react-router';
+import PROJECT_DATA from 'virtual:polen/project/data.jsonsuper';
+import { MissingSchema } from '../components/MissingSchema.js';
+import { SidebarLayout } from '../layouts/index.js';
+import { reference$type } from './reference.$type.js';
+const loader = createLoader(() => {
+    const latestSchemaVersion = PROJECT_DATA.schema?.versions[0].after ?? null;
+    return {
+        schema: latestSchemaVersion,
+    };
+});
+const Component = () => {
+    const data = useLoaderData();
+    if (!data.schema) {
+        return _jsx(MissingSchema, {});
+    }
+    // Build reference sidebar from schema types
+    const kindMap = GrafaidOld.getKindMap(data.schema);
+    const sidebarItems = [];
+    const kindEntries = Object.entries(kindMap.list).filter(([_, types]) => types.length > 0);
+    for (const [title, types] of kindEntries) {
+        sidebarItems.push({
+            type: `ItemSection`,
+            title,
+            pathExp: `reference-${title.toLowerCase()}`,
+            isLinkToo: false,
+            links: types.map(type => ({
+                type: `ItemLink`,
+                title: type.name,
+                pathExp: `reference/${type.name}`,
+            })),
+        });
+    }
+    return (_jsx(SidebarLayout, { sidebar: sidebarItems, children: _jsx(Outlet, {}) }));
+};
+export const reference = createRoute({
+    path: `reference`,
+    loader,
+    Component,
+    children: [reference$type],
+});
+//# sourceMappingURL=reference.js.map

package/build/template/routes/reference.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"reference.js","sourceRoot":"","sources":["../../../src/template/routes/reference.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,UAAU,EAAE,MAAM,wBAAwB,CAAA;AACnD,OAAO,EAAE,WAAW,EAAE,MAAM,wCAAwC,CAAA;AACpE,OAAO,EAAE,YAAY,EAAE,aAAa,EAAE,MAAM,8CAA8C,CAAA;AAC1F,OAAO,EAAE,MAAM,EAAE,MAAM,cAAc,CAAA;AACrC,OAAO,YAAY,MAAM,sCAAsC,CAAA;AAC/D,OAAO,EAAE,aAAa,EAAE,MAAM,gCAAgC,CAAA;AAC9D,OAAO,EAAE,aAAa,EAAE,MAAM,qBAAqB,CAAA;AACnD,OAAO,EAAE,cAAc,EAAE,MAAM,sBAAsB,CAAA;AAErD,MAAM,MAAM,GAAG,YAAY,CAAC,GAAG,EAAE;IAC/B,MAAM,mBAAmB,GAAG,YAAY,CAAC,MAAM,EAAE,QAAQ,CAAC,CAAC,CAAC,CAAC,KAAK,IAAI,IAAI,CAAA;IAC1E,OAAO;QACL,MAAM,EAAE,mBAAmB;KAC5B,CAAA;AACH,CAAC,CAAC,CAAA;AAEF,MAAM,SAAS,GAAG,GAAG,EAAE;IACrB,MAAM,IAAI,GAAG,aAAa,EAAiB,CAAA;IAE3C,IAAI,CAAC,IAAI,CAAC,MAAM,EAAE,CAAC;QACjB,OAAO,KAAC,aAAa,KAAG,CAAA;IAC1B,CAAC;IAED,4CAA4C;IAC5C,MAAM,OAAO,GAAG,UAAU,CAAC,UAAU,CAAC,IAAI,CAAC,MAAM,CAAC,CAAA;IAElD,MAAM,YAAY,GAAmB,EAAE,CAAA;IACvC,MAAM,WAAW,GAAG,MAAM,CAAC,OAAO,CAAC,OAAO,CAAC,IAAI,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,EAAE,KAAK,CAAC,EAAE,EAAE,CAAC,KAAK,CAAC,MAAM,GAAG,CAAC,CAAC,CAAA;IAEzF,KAAK,MAAM,CAAC,KAAK,EAAE,KAAK,CAAC,IAAI,WAAW,EAAE,CAAC;QACzC,YAAY,CAAC,IAAI,CAAC;YAChB,IAAI,EAAE,aAAsB;YAC5B,KAAK;YACL,OAAO,EAAE,aAAa,KAAK,CAAC,WAAW,EAAE,EAAE;YAC3C,SAAS,EAAE,KAAK;YAChB,KAAK,EAAE,KAAK,CAAC,GAAG,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;gBACxB,IAAI,EAAE,UAAmB;gBACzB,KAAK,EAAE,IAAI,CAAC,IAAI;gBAChB,OAAO,EAAE,aAAa,IAAI,CAAC,IAAI,EAAE;aAClC,CAAC,CAAC;SACJ,CAAC,CAAA;IACJ,CAAC;IAED,OAAO,CACL,KAAC,aAAa,IAAC,OAAO,EAAE,YAAY,YAClC,KAAC,MAAM,KAAG,GACI,CACjB,CAAA;AACH,CAAC,CAAA;AAED,MAAM,CAAC,MAAM,SAAS,GAAG,WAAW,CAAC;IACnC,IAAI,EAAE,WAAW;IACjB,MAAM;IACN,SAAS;IACT,QAAQ,EAAE,CAAC,cAAc,CAAC;CAC3B,CAAC,CAAA"}

package/build/template/routes/root.d.ts

@@ -1,8 +1,8 @@
 import type { ReactRouter } from '#dep/react-router/index';
-export declare const Component: () => import("react").JSX.Element;
+export declare const Component: () => import("react/jsx-runtime").JSX.Element;
 export declare const root: {
     path: string;
-    Component: () => import("react").JSX.Element;
+    Component: () => import("react/jsx-runtime").JSX.Element;
     children: ReactRouter.RouteObject[];
 };
 //# sourceMappingURL=root.d.ts.map

package/build/template/routes/root.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"root.d.ts","sourceRoot":"","sources":["../../../src/template/routes/root.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,yBAAyB,CAAA;AAoC1D,eAAO,MAAM,SAAS,mCAuBrB,CAAA;AAsMD,eAAO,MAAM,IAAI;;;;CAIf,CAAA"}
+{"version":3,"file":"root.d.ts","sourceRoot":"","sources":["../../../src/template/routes/root.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,yBAAyB,CAAA;AA4C1D,eAAO,MAAM,SAAS,+CAkBrB,CAAA;AAmKD,eAAO,MAAM,IAAI;;;;CAIf,CAAA"}

package/build/template/routes/root.js

@@ -0,0 +1,137 @@
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+import { createRoute } from '#lib/react-router-aid/react-router-aid';
+import { SidebarLayout } from '#template/layouts/index';
+import { MDXProvider } from '@mdx-js/react';
+import { Badge, Box, Button, Callout, Card, Code, DataList, Em, Flex, Heading, Link, Quote, Separator, Strong, Table, Tabs, Text, Theme, Tooltip, } from '@radix-ui/themes';
+import { Link as LinkReactRouter, useLocation } from 'react-router';
+import { Outlet, ScrollRestoration } from 'react-router';
+import logoSrc from 'virtual:polen/project/assets/logo.svg';
+import PROJECT_DATA from 'virtual:polen/project/data.jsonsuper';
+import PROJECT_DATA_PAGES_CATALOG from 'virtual:polen/project/data/pages-catalog.jsonsuper';
+import { routes } from 'virtual:polen/project/routes.jsx';
+import { templateVariables } from 'virtual:polen/template/variables';
+import { GraphQLSchemaProvider } from '../../lib/graphql-document/schema-context.js';
+import { CodeBlock } from '../components/CodeBlock.js';
+import { Pre } from '../components/CodeHikePre.js';
+import { Link as PolenLink } from '../components/Link.js';
+import { Logo } from '../components/Logo.js';
+import { NotFound } from '../components/NotFound.js';
+import { ThemeToggle } from '../components/ThemeToggle.js';
+import { ThemeProvider, useTheme } from '../contexts/ThemeContext.js';
+import { changelog } from './changelog.js';
+import { index } from './index.js';
+import { reference } from './reference.js';
+export const Component = () => {
+    const schema = PROJECT_DATA.schema?.versions[0]?.after || null;
+    // Make schema available globally for MDX components
+    if (typeof window !== `undefined` && schema) {
+        ;
+        window.__POLEN_GRAPHQL_SCHEMA__ = schema;
+    }
+    return (_jsxs(_Fragment, { children: [_jsx(ThemeProvider, { children: _jsx(GraphQLSchemaProvider, { schema: schema, children: _jsx(Layout, {}) }) }), _jsx(ScrollRestoration, {})] }));
+};
+const Layout = () => {
+    const { appearance } = useTheme();
+    const header = (_jsxs(Flex, { align: 'center', gap: { initial: `4`, md: `8` }, pb: '4', mb: { initial: `4`, md: `8` }, style: {
+            borderBottom: `1px solid var(--gray-3)`,
+        }, children: [_jsx(LinkReactRouter, { to: '/', style: { color: `inherit`, textDecoration: `none` }, children: _jsx(Box, { display: { initial: `block`, md: `block` }, children: _jsx(Logo, { src: logoSrc, title: templateVariables.title, height: 30, showTitle: true }) }) }), _jsx(Flex, { direction: 'row', gap: '4', style: { flex: 1 }, children: PROJECT_DATA.navbar.map((item, key) => (_jsx(PolenLink, { color: 'gray', to: item.pathExp, children: item.title }, key))) }), _jsx(ThemeToggle, {})] }));
+    return (_jsx(Theme, { asChild: true, appearance: appearance, children: _jsxs(Box, { width: { initial: `100%`, sm: `100%`, md: `var(--container-4)` }, maxWidth: '100vw', my: { initial: `0`, sm: `0`, md: `8` }, mx: 'auto', px: { initial: `4`, sm: `4`, md: `0` }, py: { initial: `4`, sm: `4`, md: `0` }, children: [header, _jsx(MDXProvider, { components: {
+                        // Map markdown elements to Radix with spacing
+                        p: (props) => _jsx(Text, { as: 'p', mb: '4', ...props }),
+                        h1: (props) => _jsx(Heading, { size: '8', mt: '6', mb: '4', ...props }),
+                        h2: (props) => _jsx(Heading, { size: '7', mt: '6', mb: '3', ...props }),
+                        h3: (props) => _jsx(Heading, { size: '6', mt: '5', mb: '3', ...props }),
+                        h4: (props) => _jsx(Heading, { size: '5', mt: '5', mb: '2', ...props }),
+                        h5: (props) => _jsx(Heading, { size: '4', mt: '4', mb: '2', ...props }),
+                        h6: (props) => _jsx(Heading, { size: '3', mt: '4', mb: '2', ...props }),
+                        strong: Strong,
+                        em: Em,
+                        code: Code,
+                        blockquote: (props) => _jsx(Quote, { my: '4', ...props }),
+                        a: Link,
+                        hr: (props) => _jsx(Separator, { my: '6', ...props }),
+                        pre: Pre,
+                        table: Table.Root,
+                        thead: Table.Header,
+                        tbody: Table.Body,
+                        tr: Table.Row,
+                        th: Table.ColumnHeaderCell,
+                        td: Table.Cell,
+                        // Lists need spacing too
+                        ul: (props) => _jsx(Box, { as: 'ul', mb: '4', style: { paddingLeft: '1.5rem' }, ...props }),
+                        ol: (props) => _jsx(Box, { as: 'ol', mb: '4', style: { paddingLeft: '1.5rem' }, ...props }),
+                        li: (props) => _jsx(Box, { as: 'li', mb: '2', ...props }),
+                        // Direct Radix components for MDX
+                        Badge,
+                        Button,
+                        // @ts-expect-error
+                        Callout,
+                        Card,
+                        // @ts-expect-error
+                        DataList,
+                        // @ts-expect-error
+                        Tabs,
+                        Tooltip,
+                        // Code Hike component
+                        CodeBlock,
+                    }, children: _jsx(Outlet, {}) })] }) }));
+};
+const PagesLayout = () => {
+    const location = useLocation(); // Add this line
+    // Build sidebar from pages catalog
+    // Get the top-level path segment (e.g., '/guide/foo' -> '/guide')
+    const pathSegments = location.pathname.split('/').filter(Boolean);
+    const topLevelPath = pathSegments[0] ? `/${pathSegments[0]}` : '/';
+    // Get the sidebar for this section
+    const sidebar = PROJECT_DATA_PAGES_CATALOG.sidebarIndex[topLevelPath]?.items || [];
+    return (_jsx(SidebarLayout, { sidebar: sidebar, children: _jsx(Outlet, {}) }));
+};
+const children = [
+    index,
+    {
+        // Pathless layout route - doesn't affect URL paths
+        Component: PagesLayout,
+        children: [...routes], // All MDX page routes go here
+    },
+];
+//
+//
+//
+//
+// ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ • Project Routes
+//
+//
+//
+if (PROJECT_DATA.schema) {
+    children.push(changelog);
+    children.push(reference);
+}
+//
+//
+//
+//
+// ━━━━━━━━━━━━━━ • Not Found Route
+//
+//
+//
+const notFoundRoute = createRoute({
+    id: `*_not_found`,
+    path: `*`,
+    Component: NotFound,
+    handle: {
+        statusCode: 404,
+    },
+});
+children.push(notFoundRoute);
+//
+//
+//
+// ━━━━━━━━━━━━━━ • Root Route
+//
+//
+export const root = createRoute({
+    path: `/`,
+    Component,
+    children,
+});
+//# sourceMappingURL=root.js.map

package/build/template/routes/root.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"root.js","sourceRoot":"","sources":["../../../src/template/routes/root.tsx"],"names":[],"mappings":"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"}

package/build/template/routes.js

@@ -0,0 +1,5 @@
+import { root } from './routes/root.js';
+export const routes = [
+    root,
+];
+//# sourceMappingURL=routes.js.map

package/build/template/routes.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"routes.js","sourceRoot":"","sources":["../../src/template/routes.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,IAAI,EAAE,MAAM,kBAAkB,CAAA;AAEvC,MAAM,CAAC,MAAM,MAAM,GAAkB;IACnC,IAAI;CACL,CAAA"}

package/build/template/server/app.d.ts

@@ -1,3 +1,10 @@
 import { Hono } from '#dep/hono/index';
-export declare const app: Hono.Hono<import("hono/types").BlankEnv, import("hono/types").BlankSchema, "/">;
+import { type HtmlTransformer } from '#lib/html-utils/html-transformer';
+export interface AppHooks {
+    transformHtml?: HtmlTransformer[];
+}
+export interface AppOptions {
+    hooks?: AppHooks;
+}
+export declare const createApp: (options?: AppOptions) => Hono.Hono<import("hono/types").BlankEnv, import("hono/types").BlankSchema, "/">;
 //# sourceMappingURL=app.d.ts.map

package/build/template/server/app.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"app.d.ts","sourceRoot":"","sources":["../../../src/template/server/app.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,iBAAiB,CAAA;AAStC,eAAO,MAAM,GAAG,iFAAkB,CAAA"}
+{"version":3,"file":"app.d.ts","sourceRoot":"","sources":["../../../src/template/server/app.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,iBAAiB,CAAA;AACtC,OAAO,EAAyB,KAAK,eAAe,EAAE,MAAM,kCAAkC,CAAA;AAU9F,MAAM,WAAW,QAAQ;IACvB,aAAa,CAAC,EAAE,eAAe,EAAE,CAAA;CAClC;AAED,MAAM,WAAW,UAAU;IACzB,KAAK,CAAC,EAAE,QAAQ,CAAA;CACjB;AAED,eAAO,MAAM,SAAS,GAAI,UAAS,UAAe,oFAgCjD,CAAA"}

package/build/template/server/app.js

@@ -1,26 +1,35 @@
 import { Hono } from '#dep/hono/index';
-import { AppleTouchIcon } from '#lib/apple-touch-icon/index';
-import { Favicon } from '#lib/favicon/index';
+import { createHtmlTransformer } from '#lib/html-utils/html-transformer';
 import { serveStatic } from '@hono/node-server/serve-static';
-import { Http } from '@wollybeard/kit';
 import PROJECT_DATA from 'virtual:polen/project/data.jsonsuper';
-import { renderPage } from './render-page.jsx';
-import { view } from "./view.js";
-export const app = new Hono.Hono();
-if (__BUILDING__) {
-    app.use(PROJECT_DATA.server.static.route, serveStatic({ root: PROJECT_DATA.server.static.directory }));
-}
-app.all(`*`, async (ctx) => {
-    const staticHandlerContext = await view.query(ctx.req.raw);
-    if (staticHandlerContext instanceof Response) {
-        return staticHandlerContext;
+import viteClientAssetManifest from 'virtual:polen/vite/client/manifest';
+import { injectManifestIntoHtml } from './manifest.js';
+import { PageMiddleware } from './middleware/page.js';
+import { UnsupportedAssetsMiddleware } from './middleware/unsupported-assets.js';
+import { createPolenDataInjector } from './transformers/inject-polen-data.js';
+import { createThemeInitInjector } from './transformers/inject-theme-init.js';
+export const createApp = (options = {}) => {
+    const app = new Hono.Hono();
+    // Collect all HTML transformers
+    const htmlTransformers = [
+        // Always inject Polen global data (both dev and prod)
+        createPolenDataInjector(),
+        // Theme initialization must come after Polen data
+        createThemeInitInjector(),
+        ...(options.hooks?.transformHtml || []),
+    ];
+    // Core middleware
+    app.use(`*`, UnsupportedAssetsMiddleware());
+    // Production-specific setup
+    if (__BUILDING__) {
+        // Add manifest transformer
+        htmlTransformers.push(createHtmlTransformer((html, ___ctx) => {
+            return injectManifestIntoHtml(html, viteClientAssetManifest, PROJECT_DATA.basePath);
+        }));
+        // Static file serving
+        app.use(PROJECT_DATA.server.static.route, serveStatic({ root: PROJECT_DATA.server.static.directory }));
     }
-    if (Favicon.fileNamePattern.test(ctx.req.path)) {
-        return Http.Response.notFound;
-    }
-    if (AppleTouchIcon.fileNamePattern.test(ctx.req.path)) {
-        return Http.Response.notFound;
-    }
-    return renderPage(staticHandlerContext);
-});
+    app.all(`*`, PageMiddleware(htmlTransformers));
+    return app;
+};
 //# sourceMappingURL=app.js.map

package/build/template/server/app.js.map

@@ -1 +1 @@
-{"version":3,"file":"app.js","sourceRoot":"","sources":["../../../src/template/server/app.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,iBAAiB,CAAA;AACtC,OAAO,EAAE,cAAc,EAAE,MAAM,6BAA6B,CAAA;AAC5D,OAAO,EAAE,OAAO,EAAE,MAAM,oBAAoB,CAAA;AAC5C,OAAO,EAAE,WAAW,EAAE,MAAM,gCAAgC,CAAA;AAC5D,OAAO,EAAE,IAAI,EAAE,MAAM,iBAAiB,CAAA;AACtC,OAAO,YAAY,MAAM,sCAAsC,CAAA;AAC/D,OAAO,EAAE,UAAU,EAAE,MAAM,mBAAmB,CAAA;AAC9C,OAAO,EAAE,IAAI,EAAE,MAAM,WAAW,CAAA;AAEhC,MAAM,CAAC,MAAM,GAAG,GAAG,IAAI,IAAI,CAAC,IAAI,EAAE,CAAA;AAElC,IAAI,YAAY,EAAE,CAAC;IACjB,GAAG,CAAC,GAAG,CACL,YAAY,CAAC,MAAM,CAAC,MAAM,CAAC,KAAK,EAChC,WAAW,CAAC,EAAE,IAAI,EAAE,YAAY,CAAC,MAAM,CAAC,MAAM,CAAC,SAAS,EAAE,CAAC,CAC5D,CAAA;AACH,CAAC;AAED,GAAG,CAAC,GAAG,CAAC,GAAG,EAAE,KAAK,EAAE,GAAG,EAAE,EAAE;IACzB,MAAM,oBAAoB,GAAG,MAAM,IAAI,CAAC,KAAK,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,CAAA;IAE1D,IAAI,oBAAoB,YAAY,QAAQ,EAAE,CAAC;QAC7C,OAAO,oBAAoB,CAAA;IAC7B,CAAC;IAED,IAAI,OAAO,CAAC,eAAe,CAAC,IAAI,CAAC,GAAG,CAAC,GAAG,CAAC,IAAI,CAAC,EAAE,CAAC;QAC/C,OAAO,IAAI,CAAC,QAAQ,CAAC,QAAQ,CAAA;IAC/B,CAAC;IAED,IAAI,cAAc,CAAC,eAAe,CAAC,IAAI,CAAC,GAAG,CAAC,GAAG,CAAC,IAAI,CAAC,EAAE,CAAC;QACtD,OAAO,IAAI,CAAC,QAAQ,CAAC,QAAQ,CAAA;IAC/B,CAAC;IAED,OAAO,UAAU,CAAC,oBAAoB,CAAC,CAAA;AACzC,CAAC,CAAC,CAAA"}
+{"version":3,"file":"app.js","sourceRoot":"","sources":["../../../src/template/server/app.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,iBAAiB,CAAA;AACtC,OAAO,EAAE,qBAAqB,EAAwB,MAAM,kCAAkC,CAAA;AAC9F,OAAO,EAAE,WAAW,EAAE,MAAM,gCAAgC,CAAA;AAC5D,OAAO,YAAY,MAAM,sCAAsC,CAAA;AAC/D,OAAO,uBAAuB,MAAM,oCAAoC,CAAA;AACxE,OAAO,EAAE,sBAAsB,EAAE,MAAM,eAAe,CAAA;AACtD,OAAO,EAAE,cAAc,EAAE,MAAM,sBAAsB,CAAA;AACrD,OAAO,EAAE,2BAA2B,EAAE,MAAM,oCAAoC,CAAA;AAChF,OAAO,EAAE,uBAAuB,EAAE,MAAM,qCAAqC,CAAA;AAC7E,OAAO,EAAE,uBAAuB,EAAE,MAAM,qCAAqC,CAAA;AAU7E,MAAM,CAAC,MAAM,SAAS,GAAG,CAAC,UAAsB,EAAE,EAAE,EAAE;IACpD,MAAM,GAAG,GAAG,IAAI,IAAI,CAAC,IAAI,EAAE,CAAA;IAE3B,gCAAgC;IAChC,MAAM,gBAAgB,GAAsB;QAC1C,sDAAsD;QACtD,uBAAuB,EAAE;QACzB,kDAAkD;QAClD,uBAAuB,EAAE;QACzB,GAAG,CAAC,OAAO,CAAC,KAAK,EAAE,aAAa,IAAI,EAAE,CAAC;KACxC,CAAA;IAED,kBAAkB;IAClB,GAAG,CAAC,GAAG,CAAC,GAAG,EAAE,2BAA2B,EAAE,CAAC,CAAA;IAE3C,4BAA4B;IAC5B,IAAI,YAAY,EAAE,CAAC;QACjB,2BAA2B;QAC3B,gBAAgB,CAAC,IAAI,CAAC,qBAAqB,CAAC,CAAC,IAAI,EAAE,MAAM,EAAE,EAAE;YAC3D,OAAO,sBAAsB,CAAC,IAAI,EAAE,uBAAuB,EAAE,YAAY,CAAC,QAAQ,CAAC,CAAA;QACrF,CAAC,CAAC,CAAC,CAAA;QAEH,sBAAsB;QACtB,GAAG,CAAC,GAAG,CACL,YAAY,CAAC,MAAM,CAAC,MAAM,CAAC,KAAK,EAChC,WAAW,CAAC,EAAE,IAAI,EAAE,YAAY,CAAC,MAAM,CAAC,MAAM,CAAC,SAAS,EAAE,CAAC,CAC5D,CAAA;IACH,CAAC;IAED,GAAG,CAAC,GAAG,CAAC,GAAG,EAAE,cAAc,CAAC,gBAAgB,CAAC,CAAC,CAAA;IAE9C,OAAO,GAAG,CAAA;AACZ,CAAC,CAAA"}

package/build/template/server/create-page-html-response.d.ts

@@ -0,0 +1,8 @@
+import type { Hono } from '#dep/hono/index';
+import type { ReactRouter } from '#dep/react-router/index';
+interface RenderHooks {
+    transformHtml?: (html: string) => Promise<string> | string;
+}
+export declare const createPageHtmlResponse: (staticHandlerContext: ReactRouter.StaticHandlerContext, hooks?: RenderHooks, ctx?: Hono.Context) => Promise<Response>;
+export {};
+//# sourceMappingURL=create-page-html-response.d.ts.map

package/build/template/server/create-page-html-response.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"create-page-html-response.d.ts","sourceRoot":"","sources":["../../../src/template/server/create-page-html-response.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,IAAI,EAAE,MAAM,iBAAiB,CAAA;AAC3C,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,yBAAyB,CAAA;AAY1D,UAAU,WAAW;IACnB,aAAa,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,OAAO,CAAC,MAAM,CAAC,GAAG,MAAM,CAAA;CAC3D;AAED,eAAO,MAAM,sBAAsB,GACjC,sBAAsB,WAAW,CAAC,oBAAoB,EACtD,QAAQ,WAAW,EACnB,MAAM,IAAI,CAAC,OAAO,sBAqEnB,CAAA"}

package/build/template/server/{render-page.jsx → create-page-html-response.js}

@@ -1,33 +1,56 @@
 import { reportError } from '#api/server/report-error';
+import { React } from '#dep/react/index';
 import { ResponseInternalServerError } from '#lib/kit-temp';
+import * as Theme from '#lib/theme/theme';
 import { Arr } from '@wollybeard/kit';
-import { StrictMode } from 'react';
 import * as ReactDomServer from 'react-dom/server';
 import { createStaticRouter, StaticRouterProvider } from 'react-router';
-import PROJECT_DATA from 'virtual:polen/project/data.jsonsuper';
-import viteClientAssetManifest from 'virtual:polen/vite/client/manifest';
-import { injectManifestIntoHtml } from "./manifest.js";
-import { view } from "./view.js";
-export const renderPage = (staticHandlerContext) => {
+import { templateVariables } from 'virtual:polen/template/variables';
+import { view } from './view.js';
+export const createPageHtmlResponse = async (staticHandlerContext, hooks, ctx) => {
+    // Set up Polen global data before React SSR if context is provided
+    if (ctx) {
+        const themeManager = Theme.createThemeManager({
+            cookieName: `polen-theme-preference`,
+        });
+        const cookies = ctx.req.header(`cookie`) || ``;
+        const cookieTheme = themeManager.readCookie(cookies);
+        const polenData = {
+            serverContext: {
+                theme: cookieTheme || 'system', // No cookie means system preference
+                isDev: !__BUILDING__,
+            },
+        };
+        globalThis.__POLEN__ = polenData;
+    }
     const router = createStaticRouter(view.dataRoutes, staticHandlerContext);
-    let html = ``;
+    let appHtml = ``;
     try {
-        html = ReactDomServer.renderToString(<StrictMode>
-        <StaticRouterProvider router={router} context={staticHandlerContext}/>
-      </StrictMode>);
+        appHtml = ReactDomServer.renderToString(React.createElement(React.StrictMode, null, React.createElement(StaticRouterProvider, {
+            router,
+            context: staticHandlerContext,
+        })));
     }
     catch (cause) {
         reportError(new Error(`Failed to server side render the HTML`, { cause }));
         return ResponseInternalServerError();
     }
-    if (__BUILDING__) {
-        html = injectManifestIntoHtml(html, viteClientAssetManifest, PROJECT_DATA.basePath);
-    }
-    // todo: what is this?
-    if (import.meta.env.DEV) {
-        // const env = ctx.env as { viteDevServer: Vite.ViteDevServer }
-        // html = await env.viteDevServer.transformIndexHtml(ctx.req.url, html)
-        // await env.viteDevServer.transformIndexHtml(ctx.req.url, html)
+    // Create the base HTML document
+    let html = `
+<html lang="en">
+  <head>
+    <meta charset="utf-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>${templateVariables.title}</title>
+    <link rel="icon" type="image/svg+xml" href="/favicon.svg">
+  </head>
+  <body>
+    <div id="app">${appHtml}</div>
+  </body>
+</html>`;
+    // Apply HTML transformation hook to the full document
+    if (hooks?.transformHtml) {
+        html = await hooks.transformHtml(html);
     }
     const headers = getRouteHeaders(staticHandlerContext);
     headers.set(`Content-Type`, `text/html; charset=utf-8`);
@@ -64,4 +87,4 @@ const getRouteHeaders = (context) => {
     }
     return headers;
 };
-//# sourceMappingURL=render-page.jsx.map
+//# sourceMappingURL=create-page-html-response.js.map

package/build/template/server/create-page-html-response.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"create-page-html-response.js","sourceRoot":"","sources":["../../../src/template/server/create-page-html-response.ts"],"names":[],"mappings":"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"}

package/build/template/server/main.js

@@ -1,15 +1,17 @@
 import { serve } from '@hono/node-server'; // TODO: support non-node platforms.
 import { neverCase } from '@wollybeard/kit/language';
-import { app } from "./app.js";
-import { generate } from "./ssg/generate.js";
-import { view } from "./view.js";
+import PROJECT_DATA from 'virtual:polen/project/data.jsonsuper';
+import { createApp } from './app.js';
+import { generate } from './ssg/generate.js';
+import { view } from './view.js';
 if (__BUILDING__) {
     switch (__BUILD_ARCHITECTURE__) {
         case `ssg`:
             await generate(view);
             break;
         case `ssr`:
-            const port = process.env[`PORT`] ? parseInt(process.env[`PORT`]) : 3001; // todo viteConfigResolved.server.port + 1
+            const port = process.env[`PORT`] ? parseInt(process.env[`PORT`]) : PROJECT_DATA.server.port;
+            const app = createApp();
             serve({ fetch: app.fetch, port });
             break;
         case `spa`: