Use @-imports in TS runtime code (#50470)

Co-authored-by: Robert Sese <734194+rsese@users.noreply.github.com>

Dockerfile

@@ -93,6 +93,7 @@ COPY --chown=node:node .remotejson-cache* ./.remotejson-cache
 COPY --chown=node:node .pageinfo-cache.json.br* ./.pageinfo-cache.json.br
 COPY --chown=node:node data ./data
 COPY --chown=node:node next.config.js ./
+COPY --chown=node:node tsconfig.json ./
 
 EXPOSE $PORT
 

src/frame/lib/app.ts

@@ -1,5 +1,5 @@
 import express from 'express'
-import middleware from '../middleware/index.js'
+import middleware from '@/frame/middleware/index.js'
 
 function createApp() {
   const app = express()

vitest.config.ts

@@ -5,6 +5,11 @@ export default {
     exclude: ['**/tests/playwright-*.spec.ts'],
     // Default is `!process.env.CI`
     watch: false,
+    // vitest doesn't account for tsconfig.json `paths` settings so we have to
+    // manually set this alias to resolve our TS @-imports
+    alias: {
+      '@/': new URL('./src/', import.meta.url).pathname,
+    },
 
     globalSetup: './src/tests/vitest.setup.ts',
   },