polen 0.10.0-next.12 → 0.10.0-next.14

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

@@ -1,32 +1,27 @@
-import { jsx as _jsx } from "react/jsx-runtime";
 import { reportError } from '#api/server/report-error';
+import { React } from '#dep/react/index';
 import { ResponseInternalServerError } from '#lib/kit-temp';
 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) => {
+export const createPageHtmlResponse = async (staticHandlerContext, hooks) => {
     const router = createStaticRouter(view.dataRoutes, staticHandlerContext);
     let html = ``;
     try {
-        html = ReactDomServer.renderToString(_jsx(StrictMode, { children: _jsx(StaticRouterProvider, { router: router, context: staticHandlerContext }) }));
+        html = 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 full HTML document
+    // 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`);
@@ -63,4 +58,4 @@ const getRouteHeaders = (context) => {
     }
     return headers;
 };
-//# sourceMappingURL=render-page.js.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,6 +1,6 @@
 import { serve } from '@hono/node-server'; // TODO: support non-node platforms.
 import { neverCase } from '@wollybeard/kit/language';
-import { app } from "./app.js";
+import { createApp } from "./app.js";
 import { generate } from "./ssg/generate.js";
 import { view } from "./view.js";
 if (__BUILDING__) {
@@ -10,6 +10,7 @@ if (__BUILDING__) {
             break;
         case `ssr`:
             const port = process.env[`PORT`] ? parseInt(process.env[`PORT`]) : 3001; // todo viteConfigResolved.server.port + 1
+            const app = createApp();
             serve({ fetch: app.fetch, port });
             break;
         case `spa`:

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

@@ -1 +1 @@
-{"version":3,"file":"main.js","sourceRoot":"","sources":["../../../src/template/server/main.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,EAAE,MAAM,mBAAmB,CAAA,CAAC,oCAAoC;AAC9E,OAAO,EAAE,SAAS,EAAE,MAAM,0BAA0B,CAAA;AACpD,OAAO,EAAE,GAAG,EAAE,MAAM,UAAU,CAAA;AAC9B,OAAO,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAA;AAC5C,OAAO,EAAE,IAAI,EAAE,MAAM,WAAW,CAAA;AAEhC,IAAI,YAAY,EAAE,CAAC;IACjB,QAAQ,sBAAsB,EAAE,CAAC;QAC/B,KAAK,KAAK;YACR,MAAM,QAAQ,CAAC,IAAI,CAAC,CAAA;YACpB,MAAK;QACP,KAAK,KAAK;YACR,MAAM,IAAI,GAAG,OAAO,CAAC,GAAG,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,QAAQ,CAAC,OAAO,CAAC,GAAG,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,CAAC,IAAI,CAAA,CAAC,0CAA0C;YAClH,KAAK,CAAC,EAAE,KAAK,EAAE,GAAG,CAAC,KAAK,EAAE,IAAI,EAAE,CAAC,CAAA;YACjC,MAAK;QACP,KAAK,KAAK;YACR,MAAM,IAAI,KAAK,CAAC,qCAAqC,CAAC,CAAA;QACxD;YACE,SAAS,CAAC,sBAAsB,CAAC,CAAA;IACrC,CAAC;AACH,CAAC"}
+{"version":3,"file":"main.js","sourceRoot":"","sources":["../../../src/template/server/main.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,EAAE,MAAM,mBAAmB,CAAA,CAAC,oCAAoC;AAC9E,OAAO,EAAE,SAAS,EAAE,MAAM,0BAA0B,CAAA;AACpD,OAAO,EAAE,SAAS,EAAE,MAAM,UAAU,CAAA;AACpC,OAAO,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAA;AAC5C,OAAO,EAAE,IAAI,EAAE,MAAM,WAAW,CAAA;AAEhC,IAAI,YAAY,EAAE,CAAC;IACjB,QAAQ,sBAAsB,EAAE,CAAC;QAC/B,KAAK,KAAK;YACR,MAAM,QAAQ,CAAC,IAAI,CAAC,CAAA;YACpB,MAAK;QACP,KAAK,KAAK;YACR,MAAM,IAAI,GAAG,OAAO,CAAC,GAAG,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,QAAQ,CAAC,OAAO,CAAC,GAAG,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,CAAC,IAAI,CAAA,CAAC,0CAA0C;YAClH,MAAM,GAAG,GAAG,SAAS,EAAE,CAAA;YACvB,KAAK,CAAC,EAAE,KAAK,EAAE,GAAG,CAAC,KAAK,EAAE,IAAI,EAAE,CAAC,CAAA;YACjC,MAAK;QACP,KAAK,KAAK;YACR,MAAM,IAAI,KAAK,CAAC,qCAAqC,CAAC,CAAA;QACxD;YACE,SAAS,CAAC,sBAAsB,CAAC,CAAA;IACrC,CAAC;AACH,CAAC"}

package/build/template/server/middleware/page.d.ts

@@ -0,0 +1,4 @@
+import type { Hono } from '#dep/hono/index';
+import type { HtmlTransformer } from '../app.ts';
+export declare const PageMiddleware: (transformers: HtmlTransformer[]) => (ctx: Hono.Context) => Promise<Response>;
+//# sourceMappingURL=page.d.ts.map

package/build/template/server/middleware/page.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"page.d.ts","sourceRoot":"","sources":["../../../../src/template/server/middleware/page.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,MAAM,iBAAiB,CAAA;AAE3C,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,WAAW,CAAA;AAIhD,eAAO,MAAM,cAAc,GAAI,cAAc,eAAe,EAAE,MAC9C,KAAK,IAAI,CAAC,OAAO,sBAWhC,CAAA"}

package/build/template/server/middleware/page.js

@@ -0,0 +1,15 @@
+import { asyncReduceWith } from '#lib/kit-temp';
+import { createPageHtmlResponse } from "../create-page-html-response.js";
+import { view } from "../view.js";
+export const PageMiddleware = (transformers) => {
+    return async (ctx) => {
+        const staticHandlerContext = await view.query(ctx.req.raw);
+        if (staticHandlerContext instanceof Response) {
+            return staticHandlerContext;
+        }
+        return createPageHtmlResponse(staticHandlerContext, {
+            transformHtml: asyncReduceWith(transformers, ctx),
+        });
+    };
+};
+//# sourceMappingURL=page.js.map

package/build/template/server/middleware/page.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"page.js","sourceRoot":"","sources":["../../../../src/template/server/middleware/page.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,eAAe,EAAE,MAAM,eAAe,CAAA;AAE/C,OAAO,EAAE,sBAAsB,EAAE,MAAM,iCAAiC,CAAA;AACxE,OAAO,EAAE,IAAI,EAAE,MAAM,YAAY,CAAA;AAEjC,MAAM,CAAC,MAAM,cAAc,GAAG,CAAC,YAA+B,EAAE,EAAE;IAChE,OAAO,KAAK,EAAE,GAAiB,EAAE,EAAE;QACjC,MAAM,oBAAoB,GAAG,MAAM,IAAI,CAAC,KAAK,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,CAAA;QAE1D,IAAI,oBAAoB,YAAY,QAAQ,EAAE,CAAC;YAC7C,OAAO,oBAAoB,CAAA;QAC7B,CAAC;QAED,OAAO,sBAAsB,CAAC,oBAAoB,EAAE;YAClD,aAAa,EAAE,eAAe,CAAC,YAAY,EAAE,GAAG,CAAC;SAClD,CAAC,CAAA;IACJ,CAAC,CAAA;AACH,CAAC,CAAA"}

package/build/template/server/middleware/unsupported-assets.d.ts

@@ -0,0 +1,10 @@
+import type { Hono } from '#dep/hono/index';
+/**
+ * Temporary middleware to block unsupported asset requests
+ *
+ * TODO: Polen should eventually support favicon and apple-touch-icon generation
+ * For now, we return 404 immediately to prevent these requests from reaching
+ * React Router and causing unnecessary processing or errors.
+ */
+export declare const UnsupportedAssetsMiddleware: () => Hono.MiddlewareHandler;
+//# sourceMappingURL=unsupported-assets.d.ts.map

package/build/template/server/middleware/unsupported-assets.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"unsupported-assets.d.ts","sourceRoot":"","sources":["../../../../src/template/server/middleware/unsupported-assets.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,MAAM,iBAAiB,CAAA;AAK3C;;;;;;GAMG;AACH,eAAO,MAAM,2BAA2B,QAAO,IAAI,CAAC,iBAYnD,CAAA"}

package/build/template/server/middleware/unsupported-assets.js

@@ -0,0 +1,21 @@
+import { AppleTouchIcon } from '#lib/apple-touch-icon/index';
+import { Favicon } from '#lib/favicon/index';
+import { Http } from '@wollybeard/kit';
+/**
+ * Temporary middleware to block unsupported asset requests
+ *
+ * TODO: Polen should eventually support favicon and apple-touch-icon generation
+ * For now, we return 404 immediately to prevent these requests from reaching
+ * React Router and causing unnecessary processing or errors.
+ */
+export const UnsupportedAssetsMiddleware = () => {
+    return async (ctx, next) => {
+        // Block these asset requests until Polen supports them
+        if (Favicon.fileNamePattern.test(ctx.req.path)
+            || AppleTouchIcon.fileNamePattern.test(ctx.req.path)) {
+            return Http.Response.notFound;
+        }
+        await next();
+    };
+};
+//# sourceMappingURL=unsupported-assets.js.map

package/build/template/server/middleware/unsupported-assets.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"unsupported-assets.js","sourceRoot":"","sources":["../../../../src/template/server/middleware/unsupported-assets.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,cAAc,EAAE,MAAM,6BAA6B,CAAA;AAC5D,OAAO,EAAE,OAAO,EAAE,MAAM,oBAAoB,CAAA;AAC5C,OAAO,EAAE,IAAI,EAAE,MAAM,iBAAiB,CAAA;AAEtC;;;;;;GAMG;AACH,MAAM,CAAC,MAAM,2BAA2B,GAAG,GAA2B,EAAE;IACtE,OAAO,KAAK,EAAE,GAAG,EAAE,IAAI,EAAE,EAAE;QACzB,uDAAuD;QACvD,IACE,OAAO,CAAC,eAAe,CAAC,IAAI,CAAC,GAAG,CAAC,GAAG,CAAC,IAAI,CAAC;eACvC,cAAc,CAAC,eAAe,CAAC,IAAI,CAAC,GAAG,CAAC,GAAG,CAAC,IAAI,CAAC,EACpD,CAAC;YACD,OAAO,IAAI,CAAC,QAAQ,CAAC,QAAQ,CAAA;QAC/B,CAAC;QAED,MAAM,IAAI,EAAE,CAAA;IACd,CAAC,CAAA;AACH,CAAC,CAAA"}

package/build/template/server/ssg/generate.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"generate.d.ts","sourceRoot":"","sources":["../../../../src/template/server/ssg/generate.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,yBAAyB,CAAA;AAO1D,eAAO,MAAM,QAAQ,GAAU,MAAM,WAAW,CAAC,aAAa,kBAsF7D,CAAA"}
+{"version":3,"file":"generate.d.ts","sourceRoot":"","sources":["../../../../src/template/server/ssg/generate.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,yBAAyB,CAAA;AAU1D,eAAO,MAAM,QAAQ,GAAU,MAAM,WAAW,CAAC,aAAa,kBA+E7D,CAAA"}

package/build/template/server/ssg/generate.js

@@ -1,37 +1,21 @@
 import { Hono } from '#dep/hono/index';
-import { app } from '#template/server/app';
+import { asyncParallel, chunk } from '#lib/kit-temp';
+import { debugPolen } from '#singletons/debug';
 import * as NodeFs from 'node:fs/promises';
 import PROJECT_DATA from 'virtual:polen/project/data.jsonsuper';
-import { renderPage } from "../render-page.js";
+import viteClientAssetManifest from 'virtual:polen/vite/client/manifest';
+import { createPageHtmlResponse } from "../create-page-html-response.js";
+import { injectManifestIntoHtml } from "../manifest.js";
 import { getRoutesPaths } from "./get-route-paths.js";
 export const generate = async (view) => {
-    const handler = async (ctx) => {
-        // For SSG, we need to create a request with the base path prepended
-        // so React Router can match it correctly
-        const url = new URL(ctx.req.raw.url);
-        const basePath = PROJECT_DATA.basePath === '/' ? '' : PROJECT_DATA.basePath.slice(0, -1);
-        // Create a new request with the base path prepended to the pathname
-        const modifiedRequest = new Request(`${url.protocol}//${url.host}${basePath}${url.pathname}${url.search}`, {
-            method: ctx.req.raw.method,
-            headers: ctx.req.raw.headers,
-            body: ctx.req.raw.body,
-        });
-        const staticHandlerContext = await view.query(modifiedRequest);
-        if (staticHandlerContext instanceof Response) {
-            return staticHandlerContext;
-        }
-        return renderPage(staticHandlerContext);
-    };
+    const debug = debugPolen.sub(`ssg`);
     const routePaths = getRoutesPaths();
-    for (const routePath of routePaths) {
-        app.get(routePath, handler);
-    }
-    // For large schemas, we need to process in smaller batches to avoid memory issues
-    const BATCH_SIZE = 50;
     const totalPaths = routePaths.length;
-    console.log(`[info] Generating ${totalPaths} static pages...`);
-    for (let i = 0; i < totalPaths; i += BATCH_SIZE) {
-        const batchPaths = routePaths.slice(i, i + BATCH_SIZE);
+    debug(`start`, { totalPaths });
+    // Process routes in batches using the new utilities
+    const batchSize = 50;
+    const batches = chunk(routePaths, batchSize);
+    const result = await asyncParallel(batches, async (batchPaths, batchIndex) => {
         const batchApp = new Hono.Hono();
         // Create a custom handler for batch processing that includes base path handling
         const batchHandler = async (ctx) => {
@@ -48,23 +32,38 @@ export const generate = async (view) => {
             if (staticHandlerContext instanceof Response) {
                 return staticHandlerContext;
             }
-            return renderPage(staticHandlerContext);
+            // SSG uses manifest-based transformation directly
+            const transformHtml = (html) => {
+                return injectManifestIntoHtml(html, viteClientAssetManifest, PROJECT_DATA.basePath);
+            };
+            return createPageHtmlResponse(staticHandlerContext, { transformHtml });
         };
         // Register only the routes for this batch
         for (const routePath of batchPaths) {
             batchApp.get(routePath, batchHandler);
         }
-        console.log(`[info] Processing batch ${Math.floor(i / BATCH_SIZE) + 1}/${Math.ceil(totalPaths / BATCH_SIZE)} (${batchPaths.length} pages)...`);
-        const result = await Hono.SSG.toSSG(batchApp, NodeFs, {
+        debug(`batch:start`, {
+            batchIndex: batchIndex + 1,
+            totalBatches: batches.length,
+            pagesInBatch: batchPaths.length,
+        });
+        const ssgResult = await Hono.SSG.toSSG(batchApp, NodeFs, {
             concurrency: 5, // Reduced concurrency for memory efficiency
             dir: PROJECT_DATA.paths.relative.build.root,
         });
-        if (!result.success) {
-            throw new Error(`Failed to generate static site at batch ${Math.floor(i / BATCH_SIZE) + 1}`, {
-                cause: result.error,
+        if (!ssgResult.success) {
+            throw new Error(`Failed to generate static site at batch ${batchIndex + 1}`, {
+                cause: ssgResult.error,
             });
         }
+        return ssgResult;
+    }, {
+        concurrency: 1, // Process batches sequentially to avoid memory issues
+        failFast: true, // Stop on first batch failure
+    });
+    if (!result.success) {
+        throw new Error(`SSG generation failed`, { cause: result.errors[0] });
     }
-    console.log(`[info] Successfully generated ${totalPaths} static pages.`);
+    debug(`complete`, { totalPaths });
 };
 //# sourceMappingURL=generate.js.map

package/build/template/server/ssg/generate.js.map

@@ -1 +1 @@
-{"version":3,"file":"generate.js","sourceRoot":"","sources":["../../../../src/template/server/ssg/generate.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,iBAAiB,CAAA;AAEtC,OAAO,EAAE,GAAG,EAAE,MAAM,sBAAsB,CAAA;AAC1C,OAAO,KAAK,MAAM,MAAM,kBAAkB,CAAA;AAC1C,OAAO,YAAY,MAAM,sCAAsC,CAAA;AAC/D,OAAO,EAAE,UAAU,EAAE,MAAM,mBAAoB,CAAA;AAC/C,OAAO,EAAE,cAAc,EAAE,MAAM,sBAAsB,CAAA;AAErD,MAAM,CAAC,MAAM,QAAQ,GAAG,KAAK,EAAE,IAA+B,EAAE,EAAE;IAChE,MAAM,OAAO,GAAiB,KAAK,EAAE,GAAG,EAAE,EAAE;QAC1C,oEAAoE;QACpE,yCAAyC;QACzC,MAAM,GAAG,GAAG,IAAI,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,CAAA;QACpC,MAAM,QAAQ,GAAG,YAAY,CAAC,QAAQ,KAAK,GAAG,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,YAAY,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,CAAA;QAExF,oEAAoE;QACpE,MAAM,eAAe,GAAG,IAAI,OAAO,CACjC,GAAG,GAAG,CAAC,QAAQ,KAAK,GAAG,CAAC,IAAI,GAAG,QAAQ,GAAG,GAAG,CAAC,QAAQ,GAAG,GAAG,CAAC,MAAM,EAAE,EACrE;YACE,MAAM,EAAE,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,MAAM;YAC1B,OAAO,EAAE,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,OAAO;YAC5B,IAAI,EAAE,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,IAAI;SACvB,CACF,CAAA;QAED,MAAM,oBAAoB,GAAG,MAAM,IAAI,CAAC,KAAK,CAAC,eAAe,CAAC,CAAA;QAC9D,IAAI,oBAAoB,YAAY,QAAQ,EAAE,CAAC;YAC7C,OAAO,oBAAoB,CAAA;QAC7B,CAAC;QACD,OAAO,UAAU,CAAC,oBAAoB,CAAC,CAAA;IACzC,CAAC,CAAA;IAED,MAAM,UAAU,GAAG,cAAc,EAAE,CAAA;IAEnC,KAAK,MAAM,SAAS,IAAI,UAAU,EAAE,CAAC;QACnC,GAAG,CAAC,GAAG,CAAC,SAAS,EAAE,OAAO,CAAC,CAAA;IAC7B,CAAC;IAED,kFAAkF;IAClF,MAAM,UAAU,GAAG,EAAE,CAAA;IACrB,MAAM,UAAU,GAAG,UAAU,CAAC,MAAM,CAAA;IACpC,OAAO,CAAC,GAAG,CAAC,qBAAqB,UAAU,kBAAkB,CAAC,CAAA;IAE9D,KAAK,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,UAAU,EAAE,CAAC,IAAI,UAAU,EAAE,CAAC;QAChD,MAAM,UAAU,GAAG,UAAU,CAAC,KAAK,CAAC,CAAC,EAAE,CAAC,GAAG,UAAU,CAAC,CAAA;QACtD,MAAM,QAAQ,GAAG,IAAI,IAAI,CAAC,IAAI,EAAE,CAAA;QAEhC,gFAAgF;QAChF,MAAM,YAAY,GAAiB,KAAK,EAAE,GAAG,EAAE,EAAE;YAC/C,oEAAoE;YACpE,MAAM,GAAG,GAAG,IAAI,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,CAAA;YACpC,MAAM,QAAQ,GAAG,YAAY,CAAC,QAAQ,KAAK,GAAG,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,YAAY,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,CAAA;YAExF,oEAAoE;YACpE,MAAM,eAAe,GAAG,IAAI,OAAO,CACjC,GAAG,GAAG,CAAC,QAAQ,KAAK,GAAG,CAAC,IAAI,GAAG,QAAQ,GAAG,GAAG,CAAC,QAAQ,GAAG,GAAG,CAAC,MAAM,EAAE,EACrE;gBACE,MAAM,EAAE,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,MAAM;gBAC1B,OAAO,EAAE,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,OAAO;gBAC5B,IAAI,EAAE,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,IAAI;aACvB,CACF,CAAA;YAED,MAAM,oBAAoB,GAAG,MAAM,IAAI,CAAC,KAAK,CAAC,eAAe,CAAC,CAAA;YAC9D,IAAI,oBAAoB,YAAY,QAAQ,EAAE,CAAC;gBAC7C,OAAO,oBAAoB,CAAA;YAC7B,CAAC;YACD,OAAO,UAAU,CAAC,oBAAoB,CAAC,CAAA;QACzC,CAAC,CAAA;QAED,0CAA0C;QAC1C,KAAK,MAAM,SAAS,IAAI,UAAU,EAAE,CAAC;YACnC,QAAQ,CAAC,GAAG,CAAC,SAAS,EAAE,YAAY,CAAC,CAAA;QACvC,CAAC;QAED,OAAO,CAAC,GAAG,CACT,2BAA2B,IAAI,CAAC,KAAK,CAAC,CAAC,GAAG,UAAU,CAAC,GAAG,CAAC,IACvD,IAAI,CAAC,IAAI,CAAC,UAAU,GAAG,UAAU,CACnC,KAAK,UAAU,CAAC,MAAM,YAAY,CACnC,CAAA;QAED,MAAM,MAAM,GAAG,MAAM,IAAI,CAAC,GAAG,CAAC,KAAK,CAAC,QAAQ,EAAE,MAAM,EAAE;YACpD,WAAW,EAAE,CAAC,EAAE,4CAA4C;YAC5D,GAAG,EAAE,YAAY,CAAC,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,IAAI;SAC5C,CAAC,CAAA;QAEF,IAAI,CAAC,MAAM,CAAC,OAAO,EAAE,CAAC;YACpB,MAAM,IAAI,KAAK,CAAC,2CAA2C,IAAI,CAAC,KAAK,CAAC,CAAC,GAAG,UAAU,CAAC,GAAG,CAAC,EAAE,EAAE;gBAC3F,KAAK,EAAE,MAAM,CAAC,KAAK;aACpB,CAAC,CAAA;QACJ,CAAC;IACH,CAAC;IAED,OAAO,CAAC,GAAG,CAAC,iCAAiC,UAAU,gBAAgB,CAAC,CAAA;AAC1E,CAAC,CAAA"}
+{"version":3,"file":"generate.js","sourceRoot":"","sources":["../../../../src/template/server/ssg/generate.ts"],"names":[],"mappings":"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"}

package/build/template/styles/code-block.css

@@ -0,0 +1,218 @@
+/* Code Block Styles */
+
+/* Base code block container */
+.code-block {
+  position: relative;
+  margin: 1rem 0;
+  border-radius: 8px;
+  overflow: hidden;
+  font-size: 14px;
+  line-height: 1.6;
+}
+
+.code-block pre {
+  margin: 0;
+  padding: 1rem;
+  overflow-x: auto;
+  background: inherit;
+}
+
+.code-block code {
+  font-family: 'JetBrains Mono', 'Fira Code', 'SF Mono', Consolas, 'Liberation Mono', Menlo, monospace;
+  font-variant-ligatures: contextual;
+}
+
+/* Shiki theme switching with CSS variables */
+/* Default to light theme */
+:root {
+  color-scheme: light;
+}
+
+/* When dark mode is active */
+.dark {
+  color-scheme: dark;
+}
+
+/* Shiki token colors for light theme (github-light) */
+:root {
+  --shiki-color-text: #24292e;
+  --shiki-color-background: #f6f8fa;
+  --shiki-token-constant: #005cc5;
+  --shiki-token-string: #032f62;
+  --shiki-token-comment: #6a737d;
+  --shiki-token-keyword: #d73a49;
+  --shiki-token-parameter: #e36209;
+  --shiki-token-function: #6f42c1;
+  --shiki-token-string-expression: #032f62;
+  --shiki-token-punctuation: #24292e;
+  --shiki-token-link: #032f62;
+}
+
+/* Shiki token colors for dark theme (tokyo-night) */
+.dark {
+  --shiki-color-text: #c0caf5;
+  --shiki-color-background: #1a1b26;
+  --shiki-token-constant: #ff9e64;
+  --shiki-token-string: #9ece6a;
+  --shiki-token-comment: #565f89;
+  --shiki-token-keyword: #bb9af7;
+  --shiki-token-parameter: #e0af68;
+  --shiki-token-function: #7aa2f7;
+  --shiki-token-string-expression: #9ece6a;
+  --shiki-token-punctuation: #c0caf5;
+  --shiki-token-link: #9ece6a;
+}
+
+/* Shiki code blocks */
+pre.shiki {
+  margin: 1rem 0;
+  padding: 1rem;
+  border-radius: 8px;
+  overflow-x: auto;
+  font-size: 14px;
+  line-height: 1.6;
+  background-color: var(--shiki-color-background);
+  color: var(--shiki-color-text);
+}
+
+pre.shiki code {
+  font-family: 'JetBrains Mono', 'Fira Code', 'SF Mono', Consolas, 'Liberation Mono', Menlo, monospace;
+  font-variant-ligatures: contextual;
+}
+
+/* Line numbers */
+.code-block[data-line-numbers="true"] pre {
+  padding-left: 3.5rem;
+  position: relative;
+}
+
+.code-block[data-line-numbers="true"] .line {
+  position: relative;
+}
+
+.code-block[data-line-numbers="true"] .line::before {
+  content: attr(data-line);
+  position: absolute;
+  left: -3rem;
+  width: 2.5rem;
+  text-align: right;
+  color: var(--gray-a6);
+  user-select: none;
+}
+
+/* Line highlighting */
+.code-block .line[data-highlighted="true"] {
+  background-color: var(--amber-a3);
+  display: block;
+  margin: 0 -1rem;
+  padding: 0 1rem;
+}
+
+/* Diff lines */
+.code-block .line[data-diff="+"] {
+  background-color: var(--green-a3);
+  display: block;
+  margin: 0 -1rem;
+  padding: 0 1rem;
+}
+
+.code-block .line[data-diff="-"] {
+  background-color: var(--red-a3);
+  display: block;
+  margin: 0 -1rem;
+  padding: 0 1rem;
+}
+
+.code-block .line[data-diff="+"]::before {
+  content: "+ ";
+  color: var(--green-11);
+  font-weight: bold;
+}
+
+.code-block .line[data-diff="-"]::before {
+  content: "- ";
+  color: var(--red-11);
+  font-weight: bold;
+}
+
+/* Focus lines */
+.code-block .line:not([data-focus="true"]) {
+  opacity: 0.5;
+  filter: grayscale(100%);
+  transition: opacity 0.2s, filter 0.2s;
+}
+
+.code-block:hover .line:not([data-focus="true"]) {
+  opacity: 0.8;
+  filter: grayscale(0%);
+}
+
+/* Copy button */
+.code-block-copy {
+  position: absolute;
+  top: 0.5rem;
+  right: 0.5rem;
+  padding: 0.25rem 0.5rem;
+  border-radius: 4px;
+  background: var(--gray-a3);
+  color: var(--gray-12);
+  border: 1px solid var(--gray-a5);
+  cursor: pointer;
+  font-size: 12px;
+  transition: all 0.2s;
+}
+
+.code-block-copy:hover {
+  background: var(--gray-a4);
+  border-color: var(--gray-a6);
+}
+
+.code-block-copy.copied {
+  background: var(--green-a3);
+  border-color: var(--green-a5);
+  color: var(--green-11);
+}
+
+/* Language badge */
+.code-block-lang {
+  position: absolute;
+  top: 0;
+  right: 0;
+  padding: 0.25rem 0.75rem;
+  background: var(--gray-a3);
+  color: var(--gray-11);
+  font-size: 12px;
+  font-weight: 500;
+  border-bottom-left-radius: 4px;
+  user-select: none;
+}
+
+/* Scrollbar styling */
+.code-block pre::-webkit-scrollbar {
+  height: 8px;
+  width: 8px;
+}
+
+.code-block pre::-webkit-scrollbar-track {
+  background: var(--gray-a3);
+  border-radius: 4px;
+}
+
+.code-block pre::-webkit-scrollbar-thumb {
+  background: var(--gray-a6);
+  border-radius: 4px;
+}
+
+.code-block pre::-webkit-scrollbar-thumb:hover {
+  background: var(--gray-a7);
+}
+
+/* Inline code */
+code:not(.code-block code) {
+  padding: 0.2em 0.4em;
+  margin: 0;
+  font-size: 0.85em;
+  background-color: var(--gray-a3);
+  border-radius: 4px;
+  font-family: 'JetBrains Mono', 'Fira Code', 'SF Mono', Consolas, 'Liberation Mono', Menlo, monospace;
+}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "polen",
-  "version": "0.10.0-next.12",
+  "version": "0.10.0-next.14",
   "type": "module",
   "description": "A framework for delightful GraphQL developer portals",
   "author": {
@@ -199,6 +199,7 @@
     "@octokit/types": "^14.1.0",
     "@playwright/browser-chromium": "^1.53.0",
     "@stylistic/eslint-plugin": "^4.4.1",
+    "@testing-library/react": "^16.3.0",
     "@tsconfig/node-lts": "^22.0.1",
     "@tsconfig/node22": "^22.0.2",
     "@tsconfig/strictest": "^2.0.5",
@@ -267,7 +268,8 @@
     "prepublishOnly": "pnpm build",
     "prepack": "pnpm build",
     "build:cli:chmodx": "chmod +x ./build/cli/index.js",
-    "postbuild": "pnpm run build:cli:chmodx",
+    "postbuild": "pnpm run build:cli:chmodx && pnpm run build:copy-assets",
+    "build:copy-assets": "cp -r src/template/styles build/template/",
     "test": "vitest",
     "check": "pnpm run '/^check:(?!pedantic:).+/'",
     "checkAll": "pnpm run '/^check:.+/'",

package/src/api/singletons/markdown/markdown.test.ts

@@ -2,7 +2,7 @@ import { describe, expect, test } from 'vitest'
 import { parse } from './markdown.ts'
 
 describe(`markdown parser with syntax highlighting`, () => {
-  test(`parse highlights code blocks`, async () => {
+  test(`parse highlights code blocks`, { timeout: 10000 }, async () => {
     const markdown = `
 # Hello