chore: Update dependencies to latest stable versions

package.json

@@ -40,36 +40,36 @@
   },
   "license": "MIT",
   "devDependencies": {
-    "@types/express": "^4.17.15",
-    "@types/mocha": "^10.0.1",
-    "@types/node": "^18.11.17",
-    "@types/react": "^18.0.26",
-    "@types/react-dom": "^18.0.9",
-    "@typescript-eslint/eslint-plugin": "^5.47.0",
-    "create-listening-server": "^1.0.0",
+    "@types/express": "^4.17.21",
+    "@types/mocha": "^10.0.6",
+    "@types/node": "^20.12.7",
+    "@types/react": "^18.3.1",
+    "@types/react-dom": "^18.3.0",
+    "@typescript-eslint/eslint-plugin": "^7.7.1",
+    "create-listening-server": "^2.1.0",
     "cross-env": "^7.0.3",
     "eslint": "^8.30.0",
-    "eslint-config-prettier": "^8.5.0",
+    "eslint-config-prettier": "^9.1.0",
     "eslint-plugin-no-only-tests": "^3.1.0",
-    "eslint-plugin-react": "^7.31.11",
-    "eslint-plugin-react-hooks": "^4.6.0",
-    "expect": "^29.3.1",
-    "html-webpack-plugin": "^5.5.0",
-    "jest-util": "^29.3.1",
-    "mocha": "^10.2.0",
-    "nodemon": "^2.0.20",
+    "eslint-plugin-react": "^7.34.1",
+    "eslint-plugin-react-hooks": "^4.6.2",
+    "expect": "^29.7.0",
+    "html-webpack-plugin": "^5.6.0",
+    "jest-util": "^29.7.0",
+    "mocha": "^10.4.0",
+    "nodemon": "^3.1.0",
     "npm-run-all": "^4.1.5",
-    "open": "^8.4.0",
-    "playwright": "^1.29.0",
-    "pleb": "^5.1.2",
-    "react": "^18.2.0",
-    "react-dom": "^18.2.0",
-    "rimraf": "^3.0.2",
-    "source-map-loader": "^4.0.1",
-    "turbo": "^1.6.3",
-    "typescript": "^4.9.4",
-    "webpack": "^5.75.0",
-    "webpack-cli": "^5.0.1",
-    "webpack-dev-server": "^4.11.1"
+    "open": "^10.1.0",
+    "playwright": "^1.43.1",
+    "pleb": "^7.0.0",
+    "react": "^18.3.1",
+    "react-dom": "^18.3.1",
+    "rimraf": "^5.0.5",
+    "source-map-loader": "^5.0.0",
+    "turbo": "^1.13.3",
+    "typescript": "^5.4.5",
+    "webpack": "^5.91.0",
+    "webpack-cli": "^5.1.4",
+    "webpack-dev-server": "^5.0.4"
   }
-}
+}

packages/app/package.json

@@ -38,7 +38,7 @@
   "author": "",
   "license": "MIT",
   "dependencies": {
-    "react": "^18.2.0",
-    "react-dom": "^18.2.0"
+    "react": "^18.3.1",
+    "react-dom": "^18.3.1"
   }
 }

packages/e2e-test-kit/package.json

@@ -29,10 +29,10 @@
   "author": "",
   "license": "MIT",
   "dependencies": {
-    "@file-services/node": "^7.2.0",
-    "@file-services/types": "^7.2.0",
-    "@types/find-cache-dir": "^3.2.1",
-    "ensure-port": "^1.5.1",
-    "find-cache-dir": "^4.0.0"
+    "@file-services/node": "^9.2.1",
+    "@file-services/types": "^9.2.1",
+    "@types/find-cache-dir": "^5.0.0",
+    "ensure-port": "^1.5.2",
+    "find-cache-dir": "^5.0.0"
   }
 }

packages/e2e-test-kit/src/runner.ts

@@ -130,7 +130,7 @@ export class ProjectRunner {
   private async createBrowser() {
     if (!this.browser) {
       if (process.env.PLAYWRIGHT_SERVER) {
-        this.browser = await playwright.chromium.connect(process.env.PLAYWRIGHT_SERVER!, this.options.launchOptions);
+        this.browser = await playwright.chromium.connect(process.env.PLAYWRIGHT_SERVER, this.options.launchOptions);
       } else {
         try {
           this.browser = await playwright.chromium.connectOverCDP(

packages/server/package.json

@@ -15,9 +15,9 @@
   "author": "",
   "license": "MIT",
   "dependencies": {
-    "@types/compression": "^1.7.2",
+    "@types/compression": "^1.7.5",
     "compression": "^1.7.4",
-    "create-listening-server": "^1.0.0",
-    "express": "^4.18.2"
+    "create-listening-server": "^2.1.0",
+    "express": "^4.19.2"
   }
 }

packages/server/src/render.tsx

@@ -4,6 +4,7 @@ import { on } from 'events';
 import type { Express, Request, Response } from 'express';
 import fs from 'fs';
 import { htmlPath } from './consts.js';
+import { Writable } from 'node:stream';
 
 export function createAppRenderer(app: Express) {
   /**
@@ -62,8 +63,20 @@ async function* renderChunks(html: string): AsyncGenerator<{ chunk: string; shou
 
   html = injectScripts(html);
 
-  const stream = ReactDOMServer.renderToStaticNodeStream(<App text="Hello World (hydrated)" />);
-  const [start, end, openDiv] = [...html.split('<div id="root">'), '<div id="root" data-ssr>'];
+  const pipeable = ReactDOMServer.renderToPipeableStream(<App text="Hello World (hydrated)" />, {
+    onError(error) {
+      abortController.abort(error);
+    },
+  });
+
+  const [start, end, openDiv] = [...html.split('<div id="root">'), '<div id="root" data-ssr>'] as [
+    string,
+    string,
+    string
+  ];
+
+  const stream = new Writable();
+  pipeable.pipe(stream);
 
   yield { chunk: start, shouldFlush: false };
   yield { chunk: openDiv, shouldFlush: true };

pleb.config.mjs

@@ -4,5 +4,10 @@
  * @type {import('pleb').PlebConfiguration}
  */
 export default {
-  pinnedPackages: [],
+  pinnedPackages: [
+    {
+      name: 'eslint',
+      reason: 'Version 9 does not support "@typescript-eslint/eslint-plugin"'
+    }
+  ],
 };

tsconfig.base.json

@@ -41,8 +41,6 @@
     "noFallthroughCasesInSwitch": true /* Report errors for fallthrough cases in switch statement. */,
     "noUncheckedIndexedAccess": true /* Include 'undefined' in index signature results */,
     // "noPropertyAccessFromIndexSignature": true,  /* Require undeclared properties from index signatures to use element accesses. */
-    "importsNotUsedAsValues": "error",
-
     /* Module Resolution Options */
     "moduleResolution": "node" /* Specify module resolution strategy: 'node' (Node.js) or 'classic' (TypeScript pre-1.6). */,
     // "baseUrl": "./",                             /* Base directory to resolve non-absolute module names. */