@pracht/cli 1.1.3 → 1.1.4

package/CHANGELOG.md

@@ -1,5 +1,14 @@
 # @pracht/cli
 
+## 1.1.4
+
+### Patch Changes
+
+- [#88](https://github.com/JoviDeCroock/pracht/pull/88) [`f36f102`](https://github.com/JoviDeCroock/pracht/commit/f36f102eb9494ec8ea1db3fe20219ad95ccab257) Thanks [@kinngh](https://github.com/kinngh)! - Add shell and route `headers()` exports for page document responses. Headers merge like `head()` metadata, are preserved in prerender output, and are applied to static SSG/ISG HTML served by the built-in adapters.
+
+- Updated dependencies [[`f36f102`](https://github.com/JoviDeCroock/pracht/commit/f36f102eb9494ec8ea1db3fe20219ad95ccab257)]:
+  - @pracht/core@0.2.4
+
 ## 1.1.3
 
 ### Patch Changes

package/lib/build-shared.js

@@ -14,7 +14,14 @@ export function setDefaultSecurityHeaders(res, headers = {}) {
   }
 }
 
-export function writeVercelBuildOutput({ functionName, regions, root, staticRoutes, isgRoutes }) {
+export function writeVercelBuildOutput({
+  functionName,
+  headersManifest = {},
+  regions,
+  root,
+  staticRoutes,
+  isgRoutes,
+}) {
   const outputDir = join(root, ".vercel/output");
   const staticDir = join(outputDir, "static");
   const functionDir = join(outputDir, "functions", `${functionName || "render"}.func`);
@@ -26,7 +33,11 @@ export function writeVercelBuildOutput({ functionName, regions, root, staticRout
 
   writeFileSync(
     join(outputDir, "config.json"),
-    `${JSON.stringify(createVercelOutputConfig({ functionName, staticRoutes, isgRoutes }), null, 2)}\n`,
+    `${JSON.stringify(
+      createVercelOutputConfig({ functionName, headersManifest, staticRoutes, isgRoutes }),
+      null,
+      2,
+    )}\n`,
     "utf-8",
   );
   writeFileSync(
@@ -38,7 +49,7 @@ export function writeVercelBuildOutput({ functionName, regions, root, staticRout
   return ".vercel/output";
 }
 
-function createVercelOutputConfig({ functionName, staticRoutes, isgRoutes }) {
+function createVercelOutputConfig({ functionName, headersManifest, staticRoutes, isgRoutes }) {
   const target = `/${functionName || "render"}`;
   const routes = [
     {
@@ -65,22 +76,33 @@ function createVercelOutputConfig({ functionName, staticRoutes, isgRoutes }) {
   routes.push({ handle: "filesystem" });
   routes.push({ dest: target, src: "/(.*)" });
 
+  const headers = [
+    {
+      headers: [
+        {
+          key: "permissions-policy",
+          value:
+            "accelerometer=(), camera=(), geolocation=(), gyroscope=(), magnetometer=(), microphone=(), payment=(), usb=()",
+        },
+        { key: "referrer-policy", value: "strict-origin-when-cross-origin" },
+        { key: "x-content-type-options", value: "nosniff" },
+        { key: "x-frame-options", value: "SAMEORIGIN" },
+      ],
+      source: "/(.*)",
+    },
+  ];
+
+  for (const route of sortStaticRoutes(staticRoutes)) {
+    const routeHeaders = headersManifest[route];
+    if (!routeHeaders) continue;
+    headers.push({
+      headers: Object.entries(routeHeaders).map(([key, value]) => ({ key, value })),
+      source: routeToHeaderSource(route),
+    });
+  }
+
   return {
-    headers: [
-      {
-        headers: [
-          {
-            key: "permissions-policy",
-            value:
-              "accelerometer=(), camera=(), geolocation=(), gyroscope=(), magnetometer=(), microphone=(), payment=(), usb=()",
-          },
-          { key: "referrer-policy", value: "strict-origin-when-cross-origin" },
-          { key: "x-content-type-options", value: "nosniff" },
-          { key: "x-frame-options", value: "SAMEORIGIN" },
-        ],
-        source: "/(.*)",
-      },
-    ],
+    headers,
     framework: {
       version: VERSION,
     },
@@ -122,6 +144,10 @@ function routeToStaticHtmlPath(route) {
   return `${route}/index.html`;
 }
 
+function routeToHeaderSource(route) {
+  return route === "/" ? "/" : route;
+}
+
 function escapeRegex(value) {
   return value.replace(/[|\\{}()[\]^$+*?.-]/g, "\\$&");
 }

package/lib/commands/build.js

@@ -60,6 +60,9 @@ export async function buildCommand() {
       registry: serverMod.registry,
       withISGManifest: true,
     });
+    const headersManifest = Object.fromEntries(
+      pages.map((page) => [page.path, page.headers ?? {}]),
+    );
 
     if (pages.length > 0) {
       console.log(`\n  Prerendering ${pages.length} SSG/ISG route(s)...\n`);
@@ -75,6 +78,17 @@ export async function buildCommand() {
       }
     }
 
+    if (Object.keys(headersManifest).length > 0) {
+      const headersManifestJson = `${JSON.stringify(headersManifest, null, 2)}\n`;
+      writeFileSync(
+        resolve(root, "dist/server/headers-manifest.json"),
+        headersManifestJson,
+        "utf-8",
+      );
+      mkdirSync(resolve(clientDir, "_pracht"), { recursive: true });
+      writeFileSync(resolve(clientDir, "_pracht/headers.json"), headersManifestJson, "utf-8");
+    }
+
     if (Object.keys(isgManifest).length > 0) {
       const isgManifestPath = resolve(root, "dist/server/isg-manifest.json");
       writeFileSync(isgManifestPath, JSON.stringify(isgManifest, null, 2), "utf-8");
@@ -92,6 +106,7 @@ export async function buildCommand() {
       const outputPath = writeVercelBuildOutput({
         functionName: serverMod.vercelFunctionName,
         isgRoutes: Object.keys(isgManifest),
+        headersManifest,
         regions: serverMod.vercelRegions,
         root,
         staticRoutes: pages.map((page) => page.path).filter((path) => !(path in isgManifest)),

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@pracht/cli",
-  "version": "1.1.3",
+  "version": "1.1.4",
   "homepage": "https://github.com/JoviDeCroock/pracht/tree/main/packages/cli",
   "bugs": {
     "url": "https://github.com/JoviDeCroock/pracht/issues"
@@ -18,6 +18,6 @@
     "provenance": true
   },
   "dependencies": {
-    "@pracht/core": "0.2.3"
+    "@pracht/core": "0.2.4"
   }
 }