refactor(api): extract TMDB mock server to a separate app

This is used for e2e tests.

Related to #83

.gitignore

@@ -1,3 +1,4 @@
 .nx/cache
 .env
 node_modules
+dist

apps/api/.gitignore

@@ -1,2 +1 @@
-dist
 coverage

apps/api/package.json

@@ -20,7 +20,6 @@
     "start:jobs": "NODE_ENV=development tsx watch --clear-screen=false src/mainJobs.ts",
     "start:jobs:prod": "NODE_ENV=production node dist/src/mainJobs.js",
     "start:prod": "NODE_ENV=production node dist/src/main.js",
-    "start:tmdb": "tsx watch src/test/mockTMDBServer.ts",
     "test": "dotenv -e ../../.env.test vitest run",
     "test:coverage": "dotenv -e ../../.env.test vitest run -- --coverage",
     "test:watch": "dotenv -e ../../.env.test vitest",

apps/e2e/playwright.config.ts

@@ -45,8 +45,9 @@ export default defineConfig({
       reuseExistingServer: !process.env.CI,
     },
     {
-      command: '(cd ../.. && pnpm exec nx start:tmdb @serieslist/api)',
-      url: `http://localhost:4002`,
+      command:
+        '(cd ../.. && pnpm exec nx start:e2e @serieslist/tmdb-mock-server)',
+      url: config.tmdb.url,
       timeout: 20 * 1000,
       reuseExistingServer: !process.env.CI,
     },

apps/e2e/project.json

@@ -1,5 +1,9 @@
 {
   "$schema": "../../node_modules/nx/schemas/project-schema.json",
   "name": "@serieslist/e2e",
-  "implicitDependencies": ["@serieslist/api", "@serieslist/webapp"]
+  "implicitDependencies": [
+    "@serieslist/api",
+    "@serieslist/webapp",
+    "@serieslist/tmdb-mock-server"
+  ]
 }

apps/e2e/src/config.ts

@@ -4,4 +4,7 @@ export const config = {
   api: {
     url: process.env.VITE_API_URL!,
   },
+  tmdb: {
+    url: process.env.TMDB_URL!,
+  },
 }

apps/tmdbMockServer/.eslintrc.json

@@ -0,0 +1,12 @@
+{
+  "extends": "@serieslist/eslint-config-base",
+  "root": true,
+  "overrides": [
+    {
+      "files": ["src/main.ts"],
+      "rules": {
+        "@typescript-eslint/no-non-null-assertion": "off"
+      }
+    }
+  ]
+}

apps/tmdbMockServer/.prettierrc.json

@@ -0,0 +1 @@
+"@serieslist/prettier-config"

apps/tmdbMockServer/bin/build.ts

@@ -0,0 +1,8 @@
+import { buildEsbuild } from '@serieslist/esbuild'
+
+import pkg from '../package.json'
+
+await buildEsbuild({
+  packageJson: pkg,
+  entryPoints: ['src/main.ts'],
+})

apps/tmdbMockServer/package.json

@@ -0,0 +1,26 @@
+{
+  "name": "@serieslist/tmdb-mock-server",
+  "version": "1.0.0",
+  "type": "module",
+  "scripts": {
+    "build": "rimraf dist && NODE_ENV=production tsx bin/build.ts",
+    "lint": "eslint src",
+    "tsc": "tsc --noEmit",
+    "start:e2e": "NODE_ENV=production node dist/main.js"
+  },
+  "devDependencies": {
+    "@serieslist/esbuild": "workspace:*",
+    "@serieslist/eslint-config-base": "workspace:*",
+    "@serieslist/prettier-config": "workspace:*",
+    "@serieslist/typescript-config-base": "workspace:*",
+    "rimraf": "^4.4.0",
+    "tsx": "^4.7.0",
+    "typescript": "^5.3.3"
+  },
+  "dependencies": {
+    "@serieslist/logger": "workspace:*",
+    "@serieslist/tmdb": "workspace:*",
+    "fastify": "^4.18.0",
+    "just-omit": "^2.2.0"
+  }
+}

apps/tmdbMockServer/src/lib/createArrayOfLength.ts

@@ -0,0 +1,6 @@
+/**
+ * Create an array with the given length, filled with `null`s.
+ */
+export const createArrayOfLength = (length: number) =>
+  /* eslint-disable-next-line prefer-spread*/
+  Array.apply(null, Array(length))

apps/api/src/test/mockTMDBServer.ts → apps/tmdbMockServer/src/main.ts

@@ -21,7 +21,7 @@ import {
 import fastify from 'fastify'
 import omit from 'just-omit'
 
-import { createArrayOfLength } from '#/lib/createArrayOfLength'
+import { createArrayOfLength } from './lib/createArrayOfLength'
 
 const app = fastify({
   logger: true,

apps/tmdbMockServer/tsconfig.json

@@ -0,0 +1,3 @@
+{
+  "extends": "@serieslist/typescript-config-base"
+}

apps/webapp/.gitignore

@@ -1,3 +1 @@
-node_modules/
-dist/
 coverage