feat(gatsby-plugin-fastify): ssr status code

.changeset/tricky-tips-rest.md

@@ -0,0 +1,5 @@
+---
+"gatsby-plugin-fastify": minor
+---
+
+Support the HTTP response code from `getServerData` vvis returning `status` in the return object.

packages/gatsby-plugin-fastify/package.json

@@ -52,7 +52,7 @@
     "fastify-compress": "^3.6.1",
     "fastify-plugin": "^3.0.0",
     "fastify-static": "^4.5.0",
-    "gatsby": "^4.1.0",
+    "gatsby": "^4.2.0",
     "gatsby-plugin-utils": "^2.1.0",
     "jest": "^27.3.1"
   },
@@ -62,7 +62,7 @@
     "fastify-compress": "^3.6.0",
     "fastify-plugin": "^3.0.0",
     "fastify-static": "^4.2.0",
-    "gatsby": "^4.0.0"
+    "gatsby": "^4.2.0"
   },
   "engines": {
     "node": ">=14.15.0"

packages/gatsby-plugin-fastify/src/__tests__/plugins/serverRoutes.js

@@ -176,4 +176,26 @@ describe(`Test Gatsby DSG/SSR Routes`, () => {
 
     expect(response.statusCode).toEqual(404);
   });
+
+  it(`Should throw returned status code from getServer Data for HTML`, async () => {
+    const fastify = await createFastifyInstance(serveGatsby);
+
+    const response = await fastify.inject({
+      url: "/ssr403",
+      method: "GET",
+    });
+
+    expect(response.statusCode).toEqual(403);
+  });
+
+  it(`Should throw returned status code from getServer Data for page-data.json`, async () => {
+    const fastify = await createFastifyInstance(serveGatsby);
+
+    const response = await fastify.inject({
+      url: "/page-data/ssr403/page-data.json",
+      method: "GET",
+    });
+
+    expect(response.statusCode).toEqual(403);
+  });
 });

packages/gatsby-plugin-fastify/src/plugins/serverRoutes.ts

@@ -65,11 +65,16 @@ export const handleServerRoutes: FastifyPluginAsync<{
             graphqlEngine,
             req,
           });
+
           const pageData = (await renderPageData({ data: pageQueryData })) as any;
 
-          if (page.mode === `SSR` && pageQueryData?.serverDataHeaders) {
-            for (const [name, value] of Object.entries(pageQueryData.serverDataHeaders)) {
-              reply.header(name, value);
+          if (page.mode === `SSR`) {
+            if (pageQueryData?.serverDataHeaders) {
+              reply.headers(pageQueryData.serverDataHeaders);
+            }
+
+            if (pageQueryData?.serverDataStatus) {
+              reply.code(pageQueryData.serverDataStatus);
             }
           }
 
@@ -99,15 +104,21 @@ export const handleServerRoutes: FastifyPluginAsync<{
           reply.header("x-gatsby-fastify", `served-by: ${page?.mode || "dsg/ssr handler"}`);
 
           try {
-            const data = await getData({
+            const pageQueryData = await getData({
               pathName: potentialPagePath,
               graphqlEngine,
               req,
             });
-            const results = await renderHTML({ data });
-            if (page.mode === `SSR` && data.serverDataHeaders) {
-              for (const [name, value] of Object.entries(data.serverDataHeaders)) {
-                reply.header(name, value);
+
+            const results = await renderHTML({ data: pageQueryData });
+
+            if (page.mode === `SSR`) {
+              if (pageQueryData?.serverDataHeaders) {
+                reply.headers(pageQueryData.serverDataHeaders);
+              }
+
+              if (pageQueryData?.serverDataStatus) {
+                reply.code(pageQueryData.serverDataStatus);
               }
             }
 

test-sites/fastify/package.json

@@ -20,7 +20,7 @@
     "fastify-accepts": "^2.0.1",
     "fastify-compress": "^3.6.1",
     "fastify-static": "^4.4.2",
-    "gatsby": "^4.0.0",
+    "gatsby": "^4.2.0",
     "gatsby-plugin-fastify": "*",
     "gatsby-plugin-image": "^2.0.0",
     "gatsby-plugin-manifest": "^4.0.0",

test-sites/fastify/src/pages/index.js

@@ -131,6 +131,9 @@ const IndexPage = () => {
         <li style={{ ...listItemStyles }}>
           <a href={withPrefix("/ssrBad")}>Bad SSR Page</a>
         </li>
+        <li style={{ ...listItemStyles }}>
+          <a href={withPrefix("/ssr403")}>Unauthorized SSR Page</a>
+        </li>
       </ul>
     </main>
   )

test-sites/fastify/src/pages/ssr.js

@@ -23,9 +23,6 @@ export async function getServerData() {
     }
   } catch (error) {
     return {
-      headers: {
-        status: 500,
-      },
       props: {},
     }
   }

test-sites/fastify/src/pages/ssr403.js

@@ -0,0 +1,17 @@
+import * as React from "react"
+
+export default function Ssr403Example({ serverData }) {
+  return (
+    <main>
+      <h1>403 SSR Page</h1>
+      <pre>{JSON.stringify(serverData, null, 2)}</pre>
+    </main>
+  )
+}
+
+export async function getServerData({ url, query, method, params, headers }) {
+  return {
+    status: 403,
+    props: {},
+  }
+}