webpack 5.111.0 → 5.111.1

package/lib/util/LocConverter.js

@@ -63,13 +63,10 @@ class LocConverter {
 				// Retreat on line 1: no `\n` precedes `pos`, the cache stays valid.
 				this.column = pos;
 			} else {
-				// Retreat: count newlines crossed in (pos, this.pos), i.e.
-				// exclude the newline at `this.pos` itself. By convention a
-				// `\n` is the last column of its line, so when `this.pos`
-				// sits on one we're already on the line containing it; only
-				// newlines strictly **before** `this.pos` and at-or-after
-				// `pos` represent crossed line boundaries. The smallest
-				// crossed one is the next newline after the new position.
+				// WHY: A `\n` counts as the last column of its own line here, so a
+				// `this.pos` sitting on one is already on that line. Retreating
+				// therefore crosses only the newlines at or after `pos` and strictly
+				// before `this.pos` — the newline at `this.pos` is not one of them.
 				let i = input.lastIndexOf("\n", this.pos - 1);
 				while (i >= pos) {
 					this._nextNewline = i;

package/lib/util/SourceProcessor.js

@@ -272,12 +272,9 @@ class PrintContext {
 		this._storeLow = 0x7fffffff;
 		/** @type {number} highest slot written since the epoch last moved */
 		this._storeHigh = -1;
-		// Output accumulates into `_tail`, a plain string append, so printing that
-		// never takes anything back costs exactly what appending to one string
-		// costs. A piece is cut off into `_chunks` only for text that may still be
-		// taken back ({@link emitRetractable}) — that is what lets a printer emit
-		// before it knows a later sibling overrides it, without every other emit
-		// paying for the ability. The output is `_chunks` joined, then `_tail`.
+		// Output is `_chunks` joined, then `_tail`. Printing that never takes
+		// anything back only appends to `_tail`; a piece is cut off into `_chunks`
+		// for retractable text alone, so no other emit pays for that ability.
 		/** @type {string[]} pieces already cut off, in output order */
 		this._chunks = [];
 		/** @type {string} output after the last cut piece */
@@ -299,10 +296,9 @@ class PrintContext {
 		this._inserts = [];
 		/** @type {number} next `_inserts` entry not yet flushed */
 		this._insertIdx = 0;
-		// Openers of the nodes being printed in pieces, innermost last, held back
-		// until one of them turns out to have content: a node whose children all
-		// print to nothing can then still be dropped whole, which is the one thing
-		// emitting an opener eagerly would give up.
+		// Openers of the nodes printed in pieces, innermost last, held back until
+		// one has content — which is what lets a node whose children all print to
+		// nothing still be dropped whole.
 		/** @type {string[]} openers not yet emitted, outermost first */
 		this._pending = [];
 		/** @type {[number | undefined, number | undefined, number | undefined] | null} anchor for the first pending opener */
@@ -524,14 +520,12 @@ class PrintContext {
 	_emit(text) {
 		this._tail += text;
 		this._tailLength += text.length;
-		// A printer returns its text as a rope of its children's pieces, and
-		// appending a rope onto a rope keeps every fragment of every node reachable
-		// until the output is finally flattened — on a stylesheet of many top-level
-		// rules, a second copy of the whole output. So cut the tail off once it has
-		// grown past a block and force that block flat, which drops every fragment
-		// behind it. Per block rather than per piece: the flattening copy is one
-		// the result would have paid for anyway, but paying it per piece means an
-		// allocation for each, and the pieces are small.
+		// WHY: A printer returns a rope of its children's pieces, and appending a
+		// rope onto a rope keeps every fragment reachable until the output is
+		// flattened — a second copy of a large stylesheet. Cutting the tail once it
+		// passes a block forces that block flat and drops the fragments behind it.
+		// Per block rather than per piece: the copy is one the result pays anyway,
+		// while per piece it would be an allocation each, and the pieces are small.
 		if (this._tailLength >= FLATTEN_BLOCK) this._cutTail();
 	}
 
@@ -1020,10 +1014,9 @@ class SourceProcessor {
 			this._grammar(input, this._visitors, undefined, opts);
 			return undefined;
 		}
-		// Handed over whole rather than copied entry by entry: which of them are
-		// print options is the language's to say, and listing them here is what
-		// made every new one an edit to this file. A grammar-only entry riding
-		// along is inert — a printer reads only what its own type declares.
+		// Handed over whole rather than copied entry by entry: which entries are
+		// print options is the language's to say, and a grammar-only one riding
+		// along is inert, since a printer reads only what its own type declares.
 		const ctx = new PrintContext(
 			/** @type {PrintOptions & TPrintOptions} */ (
 				/** @type {unknown} */ ({ ...opts, mode: asked })

package/lib/util/chainedImports.js

@@ -39,10 +39,9 @@ module.exports.getTrimmedIdsAndRange = (
 	);
 	let trimmedRange = untrimmedRange;
 	if (trimmedIds.length !== untrimmedIds.length) {
-		// The array returned from dep.idRanges is right-aligned with the array returned from dep.names.
-		// Meaning, the two arrays may not always have the same number of elements, but the last element of
-		// dep.idRanges corresponds to [the expression fragment to the left of] the last element of dep.names.
-		// Use this to find the correct replacement range based on the number of ids that were trimmed.
+		// `dep.idRanges` is right-aligned with `dep.names`: the two may differ in
+		// length, but their last elements correspond, which is what turns the count
+		// of trimmed ids into the replacement range.
 		const idx =
 			ranges === undefined
 				? -1 /* trigger failure case below */

package/lib/util/concatenate.js

@@ -324,10 +324,10 @@ const addScopeSymbols = (s, nameSet, scopeSet1, scopeSet2) => {
 	}
 };
 
-// Declared by the chunk bootstrap in the scope module code is hoisted into.
-// Hit when a webpack bundle is bundled again, since its output declares exactly
-// these: the `const` one then fails to parse, the `var` one silently clobbers
-// the module table. CompatibilityPlugin renames the other two runtime names.
+// WHY: Declared by the chunk bootstrap in the scope module code is hoisted
+// into, so re-bundling a webpack bundle collides with them: the `const` one
+// fails to parse and the `var` one silently clobbers the module table.
+// CompatibilityPlugin renames the other two runtime names.
 const CHUNK_RUNTIME_DECLARATIONS = new Set([
 	"__webpack_modules__",
 	"__webpack_module_cache__"

package/lib/util/createHooksRegistry.js

@@ -15,8 +15,7 @@ const createHooksRegistry = (createHooks) => {
 	return (compilation) => {
 		let hooks = map.get(compilation);
 		if (hooks === undefined) {
-			// validated once per compilation — this runs on every render and
-			// codegen. Matched by class name, not `instanceof`: a compilation from
+			// Matched by class name rather than `instanceof`: a compilation from
 			// another webpack copy has to pass too, and importing `Compilation`
 			// here cycles.
 			const candidate =

package/lib/util/dataURL.js

@@ -44,9 +44,8 @@ const decodeDataURI = (uri) => {
  */
 
 // `URIRegEx`'s `.` stops at a newline, which a raw `<svg>` payload carries, and
-// its `base64` group is optional in a way that reads `;charset=utf8` as one.
-// This one is the strict split a rewriter needs; that one stays as the matcher
-// module requests are recognized by.
+// its optional `base64` group reads `;charset=utf8` as one. This is the strict
+// split a rewriter needs; that one stays as the matcher for module requests.
 const STRICT_URI_REGEXP = /^data:([^,;]*)((?:;[^,;]*)*),([\s\S]*)$/i;
 
 const JSON_TYPE = "json";

package/lib/util/deterministicGrouping.js

@@ -450,12 +450,11 @@ module.exports = ({ maxSize, minSize, items, getSize, getKey }) => {
 					right--;
 				}
 
+				// WHY: both sides already clear minSize here.
 				//      left v   v right
 				// [ O O O ] O O O [ O O O ]
 				// ^^^^^^^^^ leftSize
 				//       rightSize ^^^^^^^^^
-				// leftSize > minSize
-				// rightSize > minSize
 
 				// Perfect split: [ O O O ] [ O O O ]
 				//                right === left - 1
@@ -476,26 +475,22 @@ module.exports = ({ maxSize, minSize, items, getSize, getKey }) => {
 						queue.push(group);
 						continue;
 					}
-					// can't split group while holding minSize
-					// because minSize is preferred of maxSize we return
-					// the problematic nodes as result here even while it's too big
-					// To avoid this make sure maxSize > minSize * 3
+					// No split holds minSize, which is preferred over maxSize, so these
+					// nodes are returned oversized. Keeping maxSize > minSize * 3
+					// avoids it.
 					result.push(group);
 					continue;
 				}
 				if (left <= right) {
-					// when there is a area between left and right
-					// we look for best split point
-					// we split at the minimum similarity
-					// here key space is separated the most
-					// But we also need to make sure to not create too small groups
+					// In the area between left and right, split at the minimum
+					// similarity, where the key space is separated the most — without
+					// creating groups that are too small.
 					let best = -1;
 					let bestSimilarity = Infinity;
 					let pos = left;
 					const rightSize = sumSize(group.nodes, pos);
 
-					//       pos v   v right
-					// [ O O O ] O O O [ O O O ]
+					// [ O O O ] O O O [ O O O ]   pos, then right
 					// ^^^^^^^^^ leftSize
 					// rightSize ^^^^^^^^^^^^^^^
 

package/lib/util/findGraphRoots.js

@@ -125,12 +125,9 @@ module.exports = (items, getDependencies) => {
 							depSCC.marker = IN_PROGRESS_MARKER;
 							break;
 						case IN_PROGRESS_MARKER: {
-							// Back-edge to an SCC that is still on the stack
-							// Example:
-							//   A -> B -> C -> D
-							//        ^         |
-							//        |_________|
-							// If we are at `D` and traverse `D` -> `B`, then `B/C/D` must be in one SCC
+							// A back-edge to an SCC still on the stack merges every SCC
+							// above it — in `A -> B -> C -> D` with `D -> B`, reaching `B`
+							// from `D` puts `B`, `C` and `D` into one SCC.
 							/** @type {Set<SCC<T>>} */
 							const sccsToMerge = new Set();
 							for (
@@ -162,13 +159,9 @@ module.exports = (items, getDependencies) => {
 					// All dependencies of the current node have been processed
 					// So we leave the node
 					stack.pop();
-					// Mark an SCC as DONE only when the popped node is the last
-					// node from that SCC remaining on the current stack.
-					//   A -> B -> C -> D
-					//        ^         |
-					//        |_________|
-					// If `B` is popped and the new stack top is `A`, they are in
-					// different SCCs, so B's SCC can be finalized.
+					// An SCC is DONE only once the popped node is its last one on
+					// the stack. In `A -> B -> C -> D` with `D -> B`, popping `B` onto a
+					// stack topped by `A` — a different SCC — finalizes B's.
 					if (
 						stack.length &&
 						topOfStack.node.scc !== stack[stack.length - 1].node.scc

package/lib/util/globUtils.js

@@ -558,7 +558,7 @@ const braceFreeGlobToPathRegExpSource = (glob) => {
  * pattern built with `path.resolve` works everywhere; use `[*]` to match a
  * literal `*`), and a relative pattern matches at any depth. Matching follows
  * `path.matchesGlob`, except where its minimatch shows through — see the
- * divergences listed above the corpus in `test/globUtils.unittest.js`.
+ * divergences listed above the corpus in `test/unitCases/globUtils.unittest.js`.
  * @param {string} pattern glob pattern
  * @param {GlobMatchOptions=} options options
  * @returns {((str: string) => boolean) | null} matcher, null for un-compilable patterns

package/lib/util/hash/wasm-hash.js

@@ -7,10 +7,9 @@
 
 const Hash = require("../Hash");
 
-// 65536 is the size of a wasm memory page
-// 64 is the maximum chunk size for every possible wasm hash implementation
-// 4 is the maximum number of bytes per char for string encoding (max is utf-8)
-// ~3 makes sure that it's always a block of 4 chars, so avoid partially encoded bytes for base64
+// 65536 is a wasm memory page, 64 the largest chunk size any wasm hash
+// implementation takes, 4 the most bytes utf-8 spends on one char, and `& ~3`
+// keeps it a whole block of 4 chars so base64 never sees a partial encoding.
 const MAX_SHORT_STRING = Math.floor((65536 - 64) / 4) & ~3;
 
 /**

package/lib/util/internalSerializables.js

@@ -31,6 +31,7 @@ module.exports = {
 	"container/RemoteModule": () => require("../container/RemoteModule"),
 	"container/RemoteToExternalDependency": () =>
 		require("../container/RemoteToExternalDependency"),
+	"context/ContextModule": () => require("../context/ContextModule"),
 	"dependencies/AMDDefineDependency": () =>
 		require("../dependencies/AMDDefineDependency"),
 	"dependencies/AMDRequireArrayDependency": () =>
@@ -261,7 +262,6 @@ module.exports = {
 	"wasm-async/AsyncWasmModule": () => require("../wasm-async/AsyncWasmModule"),
 	"wasm-sync/SyncWasmModule": () => require("../wasm-sync/SyncWasmModule"),
 	AsyncDependenciesBlock: () => require("../AsyncDependenciesBlock"),
-	ContextModule: () => require("../ContextModule"),
 	CssModule: () => require("../css/CssModule"),
 	DependenciesBlock: () => require("../DependenciesBlock"),
 	ExternalModule: () => require("../ExternalModule"),

package/lib/util/semver.js

@@ -63,6 +63,7 @@ const versionLt = (a, b) => {
 	b = parseVersion(b);
 	var i = 0;
 	for (;;) {
+		// WHY: the ordering this loop implements, by the type of each side.
 		// a       b  EOA     object  undefined  number  string
 		// EOA        a == b  a < b   b < a      a < b   a < b
 		// object     b < a   (0)     b < a      a < b   a < b
@@ -185,6 +186,7 @@ module.exports.parseRange = (str) => {
 	 * @returns {SemVerRange}
 	 */
 	const parseSimple = (str) => {
+		// WHY: the grammar this parses.
 		// simple       ::= primitive | partial | tilde | caret
 		// primitive    ::= ( '<' | '>' | '>=' | '<=' | '=' | '!' ) ( ' ' ) * partial
 		// tilde        ::= '~' ( ' ' ) * partial
@@ -399,7 +401,7 @@ const satisfy = (range, version) => {
 		for (var i = 0, j = 1, isEqual = true; ; j++, i++) {
 			// cspell:word nequal nequ
 
-			// when isEqual = true:
+			// WHY: the decision table this loop implements, when isEqual = true:
 			// range         version: EOA/object  undefined  number    string
 			// EOA                    equal       block      big-ver   big-ver
 			// undefined              bigger      next       big-ver   big-ver
@@ -408,7 +410,7 @@ const satisfy = (range, version) => {
 			// string                 smaller     block      differ    cmp
 			// fixed string           smaller     block      small-cmp cmp-fix
 
-			// when isEqual = false:
+			// WHY: and when isEqual = false:
 			// range         version: EOA/object  undefined  number    string
 			// EOA                    nequal      block      next-ver  next-ver
 			// undefined              nequal      block      next-ver  next-ver
@@ -417,7 +419,7 @@ const satisfy = (range, version) => {
 			// string                 nequal      block      next      next
 			// fixed string           nequal      block      next      next   (this never happens)
 
-			// EOA end of array
+			// WHY: EOA is end of array; what each cell of the two tables means:
 			// equal (version is equal range):
 			//   when !negated: return true,
 			//   when negated: return false

package/lib/wasm-async/AsyncWebAssemblyGenerator.js

@@ -72,7 +72,12 @@ class AsyncWebAssemblyGenerator extends Generator {
 	 * @returns {Source | null} generated code
 	 */
 	generateError(error, module, generateContext) {
-		return new RawSource(error.message);
+		return new RawSource(
+			Generator.buildErrorMessage(
+				error,
+				generateContext.runtimeTemplate.requestShortener
+			)
+		);
 	}
 }
 

package/lib/wasm-async/AsyncWebAssemblyJavascriptGenerator.js

@@ -303,7 +303,11 @@ class AsyncWebAssemblyJavascriptGenerator extends Generator {
 	 */
 	generateError(error, module, generateContext) {
 		return new RawSource(
-			Generator.throwBuildErrorCode(error, "WebAssembly.CompileError")
+			Generator.throwBuildErrorCode(
+				error,
+				"WebAssembly.CompileError",
+				generateContext.runtimeTemplate.requestShortener
+			)
 		);
 	}
 }

package/lib/wasm-sync/WasmChunkLoadingRuntimeModule.js

@@ -339,10 +339,9 @@ class WasmChunkLoadingRuntimeModule extends RuntimeModule {
 				stateExpression ? runtimeTemplate.assignOr(stateExpression, "{}") : "{}"
 			};`,
 			"",
-			// This function is used to delay reading the installed wasm module promises
-			// by a microtask. Sorting them doesn't help because there are edge cases where
-			// sorting is not possible (modules splitted into different chunks).
-			// So we not even trying and solve this by a microtask delay.
+			// Delays reading the installed wasm module promises by a microtask.
+			// Sorting them instead is not always possible — modules split across
+			// chunks have no order — so the delay is what is relied on.
 			"function promiseResolve() { return Promise.resolve(); }",
 			"",
 			Template.asString(declarations),

package/lib/wasm-sync/WebAssemblyGenerator.js

@@ -544,7 +544,12 @@ class WebAssemblyGenerator extends Generator {
 	 * @returns {Source | null} generated code
 	 */
 	generateError(error, module, generateContext) {
-		return new RawSource(error.message);
+		return new RawSource(
+			Generator.buildErrorMessage(
+				error,
+				generateContext.runtimeTemplate.requestShortener
+			)
+		);
 	}
 
 	/**

package/lib/wasm-sync/WebAssemblyJavascriptGenerator.js

@@ -232,7 +232,11 @@ class WebAssemblyJavascriptGenerator extends Generator {
 	 */
 	generateError(error, module, generateContext) {
 		return new RawSource(
-			Generator.throwBuildErrorCode(error, "WebAssembly.CompileError")
+			Generator.throwBuildErrorCode(
+				error,
+				"WebAssembly.CompileError",
+				generateContext.runtimeTemplate.requestShortener
+			)
 		);
 	}
 }

package/lib/wasm-sync/WebAssemblyUtils.js

@@ -42,10 +42,8 @@ const getUsedDependencies = (moduleGraph, module, mangle) => {
 			}
 
 			const exportName = dep.name;
-			// TODO add the following 3 lines when removing of ModuleExport is possible
-			// const importedModule = moduleGraph.getModule(dep);
-			// const usedName = importedModule && moduleGraph.getExportsInfo(importedModule).getUsedName(exportName, runtime);
-			// if (usedName !== false) {
+			// TODO once ModuleExport can be removed, skip a dependency whose
+			// imported module reports `getUsedName(exportName, runtime) === false`.
 			if (mangle) {
 				array.push({
 					dependency: dep,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "webpack",
-  "version": "5.111.0",
+  "version": "5.111.1",
   "description": "Packs ECMAScript/CommonJs/AMD modules for the browser. Allows you to split your codebase into multiple bundles, which can be loaded on demand. Supports loaders to preprocess files, i.e. json, jsx, es7, css, less, ... and your custom stuff.",
   "homepage": "https://github.com/webpack/webpack",
   "bugs": "https://github.com/webpack/webpack/issues",
@@ -34,13 +34,12 @@
     "prelint": "yarn setup",
     "lint": "yarn lint:code && yarn lint:special && yarn lint:types && yarn lint:types-test && yarn lint:types-benchmark && yarn lint:types-module-test && yarn lint:types-hot && yarn fmt:check && yarn lint:spellcheck",
     "lint:code": "node node_modules/eslint/bin/eslint.js --cache .",
-    "lint:special": "node tooling/generate-runtime-code.js && node tooling/generate-wasm-code.js && node tooling/generate-css-data.js && node tooling/generate-html-data.js && node tooling/generate-js-data.js && node node_modules/tooling/compile-to-definitions && node node_modules/tooling/precompile-schemas && node node_modules/tooling/generate-types --no-template-literals && node tooling/generate-internal-serializables.js",
+    "lint:special": "node tooling/generate-runtime-code.js && node tooling/generate-wasm-code.js && node tooling/generate-css-data.js && node tooling/generate-html-data.js && node tooling/generate-js-data.js && node tooling/generate-types.js --no-template-literals && node tooling/generate-internal-serializables.js",
     "lint:types": "tsc",
     "lint:types-test": "tsc -p tsconfig.types.test.json",
     "lint:types-benchmark": "tsc -p tsconfig.types.benchmark.json",
     "lint:types-hot": "tsc -p tsconfig.hot.json",
     "lint:types-module-test": "tsc -p tsconfig.module.test.json",
-    "lint:comments": "node tooling/check-comment-length.js",
     "lint:spellcheck": "cspell --cache --no-must-find-files --quiet \"**/*.*\"",
     "validate:changeset": "node .changeset/changeset-validate.mjs",
     "validate:types": "tsc -p tsconfig.validation.json",
@@ -49,7 +48,7 @@
     "fmt:base": "node node_modules/prettier/bin/prettier.cjs --cache --ignore-unknown .",
     "fix": "yarn fix:code && yarn fix:special && yarn fmt",
     "fix:code": "yarn lint:code --fix",
-    "fix:special": "node tooling/generate-runtime-code.js --write && node tooling/generate-wasm-code.js --write && node tooling/generate-css-data.js --write && node tooling/generate-html-data.js --write && node tooling/generate-js-data.js --write && node node_modules/tooling/compile-to-definitions --write && node node_modules/tooling/precompile-schemas --write && node node_modules/tooling/generate-types --no-template-literals --write && node tooling/generate-internal-serializables.js --write",
+    "fix:special": "node tooling/generate-runtime-code.js --write && node tooling/generate-wasm-code.js --write && node tooling/generate-css-data.js --write && node tooling/generate-html-data.js --write && node tooling/generate-js-data.js --write && node tooling/generate-types.js --no-template-literals --write && node tooling/generate-internal-serializables.js --write",
     "fix:serializables": "node tooling/generate-internal-serializables.js --write",
     "build:examples": "cd examples && node buildAll.js",
     "benchmark": "node --max-old-space-size=6144 --experimental-vm-modules --trace-deprecation --hash-seed=1 --random-seed=1 --no-opt --predictable --predictable-gc-schedule --interpreted-frames-native-stack --allow-natives-syntax --expose-gc --no-concurrent-sweeping ./test/BenchmarkTestCases.benchmark.mjs",
@@ -59,44 +58,46 @@
     "benchmark:html-tools:setup": "node tooling/compare-html-tools.js --setup",
     "benchmark:js-tools": "node tooling/compare-js-tools.js",
     "measure:color-agreement": "node tooling/measure-color-agreement.js",
+    "setup:firefox": "node tooling/install-firefox.js",
+    "setup:webkit": "node node_modules/playwright-core/cli.js install webkit",
     "pretest": "yarn lint",
     "test": "yarn test:base",
     "test:base": "node --expose-gc --max-old-space-size=4096 --experimental-vm-modules --trace-deprecation node_modules/jest-cli/bin/jest --workerIdleMemoryLimit=512MB --logHeapUsage",
     "test:basic": "yarn test:base --testMatch \"<rootDir>/test/*.basictest.js\"",
     "test:basic:deno": "yarn test:base:deno --testMatch \"<rootDir>/test/*.basictest.js\"",
     "test:basic:bun": "yarn test:base:bun --testMatch \"<rootDir>/test/*.basictest.js\"",
-    "test:unit": "yarn test:base --testMatch \"<rootDir>/test/*.unittest.js\"",
+    "test:unit": "yarn test:base --testMatch \"<rootDir>/test/unitCases/*.unittest.js\"",
     "test:integration": "yarn test:base --testMatch \"<rootDir>/test/*.{basictest,longtest,test}.js\"",
     "test:integration:a": "yarn test:base --testMatch \"<rootDir>/test/*.{basictest,test}.js\"",
     "test:integration:b": "yarn test:base --testMatch \"<rootDir>/test/*.longtest.js\"",
-    "test:test262": "yarn test:base --testMatch \"<rootDir>/test/test262.spectest.js\"",
-    "test:test262-parser": "yarn test:base --testMatch \"<rootDir>/test/test262-parser.spectest.js\"",
-    "test:html5lib": "yarn test:base --testMatch \"<rootDir>/test/html5lib.spectest.js\"",
-    "test:syntax-equivalence": "yarn test:base --testMatch \"<rootDir>/test/syntaxEquivalence.spectest.js\"",
-    "test:css-parsing": "yarn test:base --testMatch \"<rootDir>/test/cssParsing-webpack.spectest.js\"",
-    "test:deno": "yarn test:base:deno --reporters default --reporters \"<rootDir>/test/runtimeCrashReporter.js\" --testMatch \"<rootDir>/test/*.{basictest,longtest,test,unittest}.js\" --testPathIgnorePatterns \"/node_modules/\" \"(ProfilingPlugin[.]unittest|WebpackDevServer)\"",
-    "test:base:deno": "deno --allow-read --allow-env --allow-sys --allow-ffi --allow-write --allow-run --allow-net --import-map=test/deno-import-map.json --v8-flags='--max-old-space-size=4096' ./node_modules/jest-cli/bin/jest.js --workerIdleMemoryLimit=512MB --logHeapUsage",
-    "test:bun": "yarn test:base:bun --reporters default --reporters \"<rootDir>/test/runtimeCrashReporter.js\" --testMatch \"<rootDir>/test/*.{basictest,longtest,test,unittest}.js\" --testPathIgnorePatterns \"/node_modules/\" \"(ProfilingPlugin[.]unittest|WebpackDevServer)\"",
-    "test:base:bun": "NODE_EXTRA_CA_CERTS=./test/hotCases/lazy-compilation/https/cert.pem bun --bun --smol --preload ./test/bun-preload.js ./node_modules/jest-cli/bin/jest.js --workerThreads --workerIdleMemoryLimit=2048MB --logHeapUsage",
+    "test:test262": "yarn test:base --testMatch \"<rootDir>/test/specCases/test262.spectest.js\"",
+    "test:test262-parser": "yarn test:base --testMatch \"<rootDir>/test/specCases/test262-parser.spectest.js\"",
+    "test:html5lib": "yarn test:base --testMatch \"<rootDir>/test/specCases/html5lib.spectest.js\"",
+    "test:syntax-equivalence": "yarn test:base --testMatch \"<rootDir>/test/specCases/syntaxEquivalence.spectest.js\"",
+    "test:css-parsing": "yarn test:base --testMatch \"<rootDir>/test/specCases/cssParsing-webpack.spectest.js\"",
+    "test:deno": "yarn test:base:deno --reporters default --reporters \"<rootDir>/test/harness/runtimeCrashReporter.js\" --testMatch \"<rootDir>/test/*.{basictest,longtest,test}.js\" \"<rootDir>/test/unitCases/*.unittest.js\" --testPathIgnorePatterns \"/node_modules/\" \"(ProfilingPlugin[.]unittest|WebpackDevServer)\"",
+    "test:base:deno": "deno --allow-read --allow-env --allow-sys --allow-ffi --allow-write --allow-run --allow-net --import-map=test/harness/runtimes/deno-import-map.json --v8-flags='--max-old-space-size=4096' ./node_modules/jest-cli/bin/jest.js --workerIdleMemoryLimit=512MB --logHeapUsage",
+    "test:bun": "yarn test:base:bun --reporters default --reporters \"<rootDir>/test/harness/runtimeCrashReporter.js\" --testMatch \"<rootDir>/test/*.{basictest,longtest,test}.js\" \"<rootDir>/test/unitCases/*.unittest.js\" --testPathIgnorePatterns \"/node_modules/\" \"(ProfilingPlugin[.]unittest|WebpackDevServer)\"",
+    "test:base:bun": "NODE_EXTRA_CA_CERTS=./test/hotCases/lazy-compilation/https/cert.pem bun --bun --smol --preload ./test/harness/runtimes/bun-preload.js ./node_modules/jest-cli/bin/jest.js --workerThreads --workerIdleMemoryLimit=2048MB --logHeapUsage",
     "test:update-snapshots": "yarn test:base -u",
     "test:size": "node --max-old-space-size=4096 ./test/CodeSizeTestCases.size.js",
     "report:cover": "nyc report --reporter=lcov  --reporter=text -t coverage",
     "report:cover:clean": "rimraf .nyc_output coverage",
     "report:cover:merge": "yarn mkdirp .nyc_output && nyc merge .nyc_output coverage/coverage-nyc.json && rimraf .nyc_output",
-    "types:cover": "node node_modules/tooling/type-coverage",
+    "types:cover": "node tooling/type-coverage.js",
     "types:cover:report": "rimraf coverage && yarn types:cover && yarn report:cover && open-cli coverage/lcov-report/index.html",
     "cover": "yarn cover:all && yarn report:cover",
     "cover:base": "node --expose-gc --max-old-space-size=4096 --experimental-vm-modules node_modules/jest-cli/bin/jest --workerIdleMemoryLimit=512MB --logHeapUsage",
     "cover:all": "yarn cover:base --coverage",
-    "cover:unit": "yarn cover:base --testMatch \"<rootDir>/test/*.unittest.js\" --coverage",
+    "cover:unit": "yarn cover:base --testMatch \"<rootDir>/test/unitCases/*.unittest.js\" --coverage",
     "cover:basic": "yarn cover:base --testMatch \"<rootDir>/test/*.basictest.js\" --coverage",
     "cover:integration": "yarn cover:base --testMatch \"<rootDir>/test/*.{basictest,longtest,test}.js\" --coverage",
     "cover:integration:a": "yarn cover:base --testMatch \"<rootDir>/test/*.{basictest,test}.js\" --coverage",
     "cover:integration:b": "yarn cover:base --testMatch \"<rootDir>/test/*.longtest.js\" --coverage",
-    "cover:test262": "yarn cover:base --testMatch \"<rootDir>/test/test262.spectest.js\" --coverage",
-    "cover:html5lib": "yarn cover:base --testMatch \"<rootDir>/test/html5lib.spectest.js\" --coverage",
-    "cover:syntax-equivalence": "yarn cover:base --testMatch \"<rootDir>/test/syntaxEquivalence.spectest.js\" --coverage",
-    "cover:css-parsing": "yarn cover:base --testMatch \"<rootDir>/test/cssParsing-webpack.spectest.js\" --coverage"
+    "cover:test262": "yarn cover:base --testMatch \"<rootDir>/test/specCases/test262.spectest.js\" --coverage",
+    "cover:html5lib": "yarn cover:base --testMatch \"<rootDir>/test/specCases/html5lib.spectest.js\" --coverage",
+    "cover:syntax-equivalence": "yarn cover:base --testMatch \"<rootDir>/test/specCases/syntaxEquivalence.spectest.js\" --coverage",
+    "cover:css-parsing": "yarn cover:base --testMatch \"<rootDir>/test/specCases/cssParsing-webpack.spectest.js\" --coverage"
   },
   "lint-staged": {
     "*.{js,cjs,mjs}": [
@@ -133,6 +134,7 @@
     "@changesets/get-github-info": "^1.0.1",
     "@codspeed/core": "^5.5.0",
     "@mdn/browser-compat-data": "^8.0.9",
+    "@puppeteer/browsers": "^3.2.2",
     "@types/convert-source-map": "^2.0.3",
     "@types/graceful-fs": "^4.1.9",
     "@types/jest": "^30.0.0",
@@ -143,12 +145,14 @@
     "@webref/elements": "^2.8.0",
     "@webref/idl": "^3.83.1",
     "acorn": "^8.16.0",
+    "ajv": "^8.20.0",
     "assemblyscript": "^0.28.18",
     "babel-loader": "^10.0.0",
     "bundle-loader": "^0.5.6",
     "coffee-loader": "^5.0.0",
     "coffeescript": "^2.5.1",
     "color-name": "^2.1.1",
+    "commondir": "^1.0.1",
     "core-js": "^3.47.0",
     "cspell": "^10.0.1",
     "css-loader": "^7.1.2",
@@ -156,11 +160,12 @@
     "es5-ext": "^0.10.53",
     "es6-promise-polyfill": "^1.2.0",
     "eslint": "^9.39.5",
-    "eslint-config-webpack": "^4.12.0",
+    "eslint-config-webpack": "^4.14.0",
     "eslint-scope": "^9.1.2",
     "eta": "^4.6.0",
     "file-loader": "^6.0.0",
     "fork-ts-checker-webpack-plugin": "^9.0.2",
+    "glob": "^13.0.6",
     "globals": "^17.6.0",
     "hash-wasm": "^4.9.0",
     "html-loader": "^5.1.0",
@@ -175,6 +180,7 @@
     "jest-snapshot": "^30.3.0",
     "jest-worker": "^30.2.0",
     "json-loader": "^0.5.7",
+    "json-schema-to-typescript": "^15.0.4",
     "json5": "^2.1.3",
     "less": "^4.6.4",
     "less-loader": "^13.0.0",
@@ -191,6 +197,7 @@
     "open-cli": "^9.0.0",
     "oxc-parser": "^0.149.0",
     "pkg-pr-new": "^0.0.88",
+    "playwright-core": "^1.63.0",
     "prettier": "^3.8.2",
     "prettier-2": "npm:prettier@^2",
     "pretty-format": "^30.0.5",
@@ -210,12 +217,12 @@
     "simple-git": "^3.28.0",
     "style-loader": "^4.0.0",
     "terser": "^5.46.2",
-    "three": "^0.185.1",
+    "three": "^0.186.0",
     "tinybench": "^6.0.1",
     "toml": "^5.0.0",
-    "tooling": "webpack/tooling#v1.28.3",
     "ts-loader": "^9.6.0",
     "typescript": "^6.0.3",
+    "typescript-eslint": "^8.70.0",
     "unified": "^11.0.5",
     "url-loader": "^4.1.0",
     "wast-loader": "^1.12.1",