Update Playground Node version to 20.9.0 (#89)

## Motivation for the change, related issues

[Playground depends on
crypto](https://github.com/WordPress/wordpress-playground/blob/07fb8bac24f02db0c40a2f465597a05021c01d7e/packages/playground/website/src/lib/site-metadata.ts#L82)
which isn't available in Node 18, which [is preventing us from creating
Playground CLI tests.](Automattic/wordpress-playground-private#39 (comment))

In the past, we kept the [Node version at 18 to ensure Playground works
in Electron apps like VSCode and
Studio](#591 (comment)).
Today Electron includes Node 20, so we are safe to update. I chose Node
20.9.0 because it's the version of Node that Studio uses.

## Implementation details

To update Playground I did the following:

- Update the Node version in all package.json files
- Updated `.nvmrc`
- Update the Node version used in CI
- Set a minimal Node version Emscripten should target
- Update Node tyles
- Ran `npm install`
- Checked manually if there are any mentions of Node 18 or polyfills
that we can remove.

This PR also adds a global `vitest.setup.ts` file with some JSDOM
function polyfills/replacements.
This was required because JSDOM replaces the existing Node.js APIs with
their versions of Web APIs, and sometimes these APIs are missing
features already supported in Node.js.
Read [the comment in vitest.setup.ts for more
details.](https://github.com/Automattic/wordpress-playground-private/blob/update/min-node-version-to-20/vitest.setup.ts)

## Testing Instructions (or ideally a Blueprint)

- CI

Author: bgrgicak

.github/actions/prepare-playground/action.yml

@@ -5,7 +5,7 @@ inputs:
         type: string
         required: true
         description: 'Node.js version to use'
-        default: '18'
+        default: '20'
 
 runs:
     using: 'composite'

.github/workflows/ci.yml

@@ -32,7 +32,7 @@ jobs:
                   submodules: true
             - uses: ./.github/actions/prepare-playground
               with:
-                  node-version: 22
+                  node-version: 20
             - run: node --expose-gc node_modules/nx/bin/nx affected --target=test --configuration=ci
     # Most of these tests pass locally but the process is crashing
     # on the CI runner.

.nvmrc

@@ -1 +1 @@
-v18.18.0
+v20.9.0

package-lock.json

@@ -133,7 +133,7 @@
 		"@types/ajv": "1.0.0",
 		"@types/file-saver": "^2.0.5",
 		"@types/jest": "^29.4.0",
-		"@types/node": "18.14.2",
+		"@types/node": "20.9.0",
 		"@types/react": "18.3.3",
 		"@types/react-dom": "18.3.0",
 		"@types/react-modal": "3.16.3",
@@ -223,7 +223,7 @@
 		"packages/playground/*"
 	],
 	"engines": {
-		"node": ">=16.15.1",
-		"npm": ">=8.11.0"
+		"node": ">=20.9.0",
+		"npm": ">=10.1.0"
 	}
 }

package.json

@@ -121,7 +121,7 @@ export default async function packageForSelfHostingExecutor(
 		pack.pipe(zlib.createGzip())
 			.pipe(tarballWriteStream)
 			.on('error', reject)
-			.on('finish', resolve);
+			.on('finish', () => resolve(null));
 	});
 
 	return { success: true };

packages/nx-extensions/src/executors/package-for-self-hosting/executor.ts

@@ -44,6 +44,7 @@ export default defineConfig(() => {
 			},
 			environment: 'jsdom',
 			include: ['src/**/*.{test,spec}.{js,mjs,cjs,ts,mts,cts,jsx,tsx}'],
+			setupFiles: ['../../../vitest.setup.ts'],
 		},
 	};
 });

packages/php-wasm/cli/vite.config.ts

@@ -20,7 +20,7 @@
 	"type": "module",
 	"gitHead": "a0eeb66fd5386bb56715fca2b89e9669a5b8618b",
 	"engines": {
-		"node": ">=18.18.0",
-		"npm": ">=8.11.0"
+		"node": ">=20.9.0",
+		"npm": ">=10.1.0"
 	}
 }

packages/php-wasm/compile/package.json

@@ -1062,15 +1062,16 @@ RUN set -euxo pipefail; \
 	$(cat /root/.emcc-php-wasm-flags) \
 	-s EXPORTED_FUNCTIONS="$EXPORTED_FUNCTIONS" \
 	-s WASM_BIGINT=1 \
+	-s MIN_NODE_VERSION=200900 \
 	-s INITIAL_MEMORY=1024MB \
-	-s ALLOW_MEMORY_GROWTH=1         \
-	-s ASSERTIONS=0                  \
-	-s ERROR_ON_UNDEFINED_SYMBOLS=1  \
-	-s NODEJS_CATCH_EXIT=0           \
-	-s NODEJS_CATCH_REJECTION=0      \
-	-s INVOKE_RUN=0                  \
+	-s ALLOW_MEMORY_GROWTH=1 \
+	-s ASSERTIONS=0 \
+	-s ERROR_ON_UNDEFINED_SYMBOLS=1 \
+	-s NODEJS_CATCH_EXIT=0 \
+	-s NODEJS_CATCH_REJECTION=0 \
+	-s INVOKE_RUN=0 \
 	-o /build/output/php.js \
-	-s EXIT_RUNTIME=1                \
+	-s EXIT_RUNTIME=1 \
 	-Wl,--wrap=select \
 		/root/lib/libphp.a \
 		/root/proc_open.c \

packages/php-wasm/compile/php/Dockerfile

@@ -39,7 +39,7 @@
 	"license": "GPL-2.0-or-later",
 	"gitHead": "2f8d8f3cea548fbd75111e8659a92f601cddc593",
 	"engines": {
-		"node": ">=18.18.0",
-		"npm": ">=8.11.0"
+		"node": ">=20.9.0",
+		"npm": ">=10.1.0"
 	}
 }

packages/php-wasm/fs-journal/package.json

@@ -48,5 +48,6 @@ export default defineConfig({
 		},
 		environment: 'jsdom',
 		include: ['src/**/*.{test,spec}.{js,mjs,cjs,ts,mts,cts,jsx,tsx}'],
+		setupFiles: ['../../../vitest.setup.ts'],
 	},
 });

packages/php-wasm/fs-journal/vite.config.ts

@@ -24,7 +24,7 @@
 	"main": "./index.cjs",
 	"types": "index.d.ts",
 	"engines": {
-		"node": ">=18.18.0",
-		"npm": ">=8.11.0"
+		"node": ">=20.9.0",
+		"npm": ">=10.1.0"
 	}
 }

packages/php-wasm/logger/package.json

@@ -48,5 +48,6 @@ export default defineConfig({
 		},
 		environment: 'jsdom',
 		include: ['src/**/*.{test,spec}.{js,mjs,cjs,ts,mts,cts,jsx,tsx}'],
+		setupFiles: ['../../../vitest.setup.ts'],
 	},
 });

packages/php-wasm/logger/vite.config.ts

@@ -4,7 +4,7 @@ Polyfills JavaScript classes and methods required by WordPress Playground.
 
 Ensures compatibility with the following environments:
 
--   Node.js >= 18
+-   Node.js >= 20
 -   JSDom
 
 ## Building

packages/php-wasm/node-polyfills/README.md

@@ -1,3 +1,2 @@
 import './lib/blob';
 import './lib/custom-event';
-import './lib/url';

packages/php-wasm/node-polyfills/src/index.ts

@@ -18,7 +18,7 @@ if (currentJsRuntime === 'NODE') {
 		 * just need to implement a few File-specific properties.
 		 */
 		class File extends Blob {
-			override readonly name;
+			readonly name: string;
 			readonly lastModified: number;
 			readonly lastModifiedDate: Date;
 			webkitRelativePath: any;

packages/php-wasm/node-polyfills/src/lib/blob.ts

@@ -6,5 +6,6 @@ export default {
 	test: {
 		...config.test,
 		environment: 'jsdom',
+		setupFiles: ['../../../vitest.setup.ts'],
 	},
 };