chore: install source-map-support (#472)

package.json

@@ -2,7 +2,7 @@
   "name": "kentcdodds.com",
   "version": "1.0.0",
   "engines": {
-    "node": "18",
+    "node": "16",
     "npm": "8"
   },
   "description": "A remix version of kentcdodds.com",
@@ -146,6 +146,7 @@
     "remark-slug": "^7.0.1",
     "request-ip": "^3.3.0",
     "server-timing": "^3.3.3",
+    "source-map-support": "^0.5.21",
     "spin-delay": "^1.2.0",
     "tailwindcss": "^3.3.2",
     "tiny-invariant": "^1.3.1",
@@ -183,6 +184,7 @@
     "@types/react-dom": "^18.2.6",
     "@types/react-table": "^7.7.14",
     "@types/request-ip": "^0.0.38",
+    "@types/source-map-support": "^0.5.6",
     "@types/uuid": "^9.0.2",
     "@types/ws": "^8.5.5",
     "autoprefixer": "^10.4.14",

server/index.ts

@@ -1,5 +1,9 @@
 import {createRequestHandler, type RequestHandler} from '@remix-run/express'
-import {broadcastDevReady, type ServerBuild} from '@remix-run/node'
+import {
+  broadcastDevReady,
+  installGlobals,
+  type ServerBuild,
+} from '@remix-run/node'
 import * as Sentry from '@sentry/node'
 import address from 'address'
 import chalk from 'chalk'
@@ -16,6 +20,7 @@ import morgan from 'morgan'
 import onFinished from 'on-finished'
 import path from 'path'
 import serverTiming from 'server-timing'
+import sourceMapSupport from 'source-map-support'
 import {fileURLToPath} from 'url'
 import {type WebSocketServer} from 'ws'
 import {getInstanceInfo} from '../app/utils/cjs/litefs-js.js'
@@ -34,6 +39,9 @@ import {
 // definitely exist by the time the dev or prod server actually runs.
 import * as remixBuild from '../build/index.js'
 
+sourceMapSupport.install()
+installGlobals()
+
 const BUILD_PATH = '../build/index.js'
 
 const build = remixBuild as unknown as ServerBuild