chore: add jest ts support

ascorbic · ascorbic · commit 1a305361656f · 2021-11-25T08:20:50.000Z
diff --git a/babel.config.js b/babel.config.js
@@ -1,4 +1,4 @@
 // This is just for jest
 module.exports = {
-  presets: [['@babel/preset-env', { targets: { node: 'current' } }]],
+  presets: [['@babel/preset-env', { targets: { node: 'current' } }], '@babel/preset-typescript'],
 }
diff --git a/demo/pages/getStaticProps/withRevalidate/[id].js b/demo/pages/getStaticProps/withRevalidate/[id].js
@@ -8,7 +8,7 @@ const Show = ({ show, time }) => (
 
     <h1>Show #{show.id}</h1>
     <p>{show.name}</p>
-    <p>Rendered at {time}</p>
+    <p>Rendered at {time} (slowly)</p>
     <hr />
 
     <Link href="/">
@@ -33,7 +33,7 @@ export async function getStaticProps({ params }) {
   const res = await fetch(`https://api.tvmaze.com/shows/${id}`)
   const data = await res.json()
   const time = new Date().toLocaleTimeString()
-  await new Promise((resolve) => setTimeout(resolve, 1000))
+  await new Promise((resolve) => setTimeout(resolve, 3000))
   return {
     props: {
       show: data,
diff --git a/package-lock.json b/package-lock.json
diff --git a/package.json b/package.json
@@ -72,6 +72,7 @@
   "devDependencies": {
     "@babel/core": "^7.15.8",
     "@babel/preset-env": "^7.15.8",
+    "@babel/preset-typescript": "^7.16.0",
     "@netlify/build": "^18.25.2",
     "@netlify/eslint-config-node": "^3.3.7",
     "@testing-library/cypress": "^8.0.1",
diff --git a/src/templates/getHandler.js b/src/templates/getHandler.js
@@ -1,3 +1,4 @@
+/* eslint-disable max-lines-per-function */
 const { promises, existsSync } = require('fs')
 const { Server } = require('http')
 const { tmpdir } = require('os')
@@ -121,7 +122,10 @@ const makeHandler =
         const protocol = event.headers['x-forwarded-proto'] || 'http'
         base = `${protocol}://${host}`
       }
+      console.time('Rendering time')
       const { headers, ...result } = await bridge.launcher(event, context)
+      console.timeEnd('Rendering time')
+
       /** @type import("@netlify/functions").HandlerResponse */
 
       // Convert all headers to multiValueHeaders
@@ -144,12 +148,17 @@ const makeHandler =
           // Long-expiry TTL is basically no TTL
           if (ttl > 0 && ttl < ONE_YEAR_IN_SECONDS) {
             result.ttl = ttl
+            multiValueHeaders['x-nf-ttl'] = [String(ttl)]
+          } else {
+            multiValueHeaders['x-nf-ttl'] = [`Invalid: ${ttl}`]
           }
+          multiValueHeaders['x-rendered-at'] = [new Date().toISOString()]
         }
         multiValueHeaders['cache-control'] = ['public, max-age=0, must-revalidate']
       }
       multiValueHeaders['x-render-mode'] = [mode]
-
+      const serialised = JSON.stringify(multiValueHeaders)
+      multiValueHeaders['x-nf-headers'] = [serialised]
       return {
         ...result,
         multiValueHeaders,
@@ -182,3 +191,4 @@ exports.handler = ${
 `
 
 module.exports = getHandler
+/* eslint-enable max-lines-per-function */

Original file line number	Diff line number	Diff line change
`@@ -1,4 +1,4 @@`
`1`	`1`	`// This is just for jest`
`2`	`2`	`module.exports = {`
`3`		`- presets: [['@babel/preset-env', { targets: { node: 'current' } }]],`
	`3`	`+ presets: [['@babel/preset-env', { targets: { node: 'current' } }], '@babel/preset-typescript'],`
`4`	`4`	`}`