chore(deps): upgrade zod from v3 to v4 and update imports (#11883)

* chore(deps): upgrade zod from v3 to v4 and update imports

* fix: snapshot

Author: chenjiahan

packages/rspack/package.json

@@ -58,8 +58,8 @@
     "typescript": "^5.9.3",
     "watchpack": "^2.4.4",
     "webpack-sources": "3.3.3",
-    "zod": "^3.25.76",
-    "zod-validation-error": "3.5.3"
+    "zod": "^4.1.12",
+    "zod-validation-error": "^4.0.2"
   },
   "dependencies": {
     "@module-federation/runtime-tools": "0.20.0",

packages/rspack/rslib.config.mts

@@ -86,12 +86,12 @@ const fixZodTypePlugin: rsbuild.RsbuildPlugin = {
 				const content = await fs.promises.readFile(filePath, "utf-8");
 				const newContent = content
 					.replace(
-						`import * as z from "zod/v4";`,
-						`// @ts-ignore\nimport * as z from "zod/v4";`
+						`import * as z from "zod";`,
+						`// @ts-ignore\nimport * as z from "zod";`
 					)
 					.replace(
-						`import type { z } from "zod/v4";`,
-						`// @ts-ignore\nimport type { z } from "zod/v4";`
+						`import type { z } from "zod";`,
+						`// @ts-ignore\nimport type { z } from "zod";`
 					);
 
 				if (content !== newContent) {

packages/rspack/src/schema/config.ts

@@ -1,13 +1,14 @@
 import nodePath from "node:path";
-import * as z from "zod/v4";
-import { createErrorMap, fromZodError } from "zod-validation-error/v4";
+import * as z from "zod";
+import { createErrorMap, fromZodError } from "zod-validation-error";
 import type * as t from "../config/types";
 import { memoize } from "../util/memoize";
 import { getZodSwcLoaderOptionsSchema } from "./loaders";
 import { anyFunction, intOrInfinity, numberOrInfinity } from "./utils";
 
 z.config({
-	jitless: true
+	jitless: true,
+	customError: createErrorMap()
 });
 
 export const getExternalsTypeSchema = memoize(
@@ -524,10 +525,7 @@ export const getRspackOptionsSchema = memoize(() => {
 
 		if (!res.success) {
 			const validationErr = fromZodError(res.error, {
-				prefix: "Invalid options for 'builtin:swc-loader'",
-				error: createErrorMap({
-					issuesInTitleCase: false
-				})
+				prefix: "Invalid options for 'builtin:swc-loader'"
 			});
 			ctx.issues.push({
 				code: "custom",

packages/rspack/src/schema/loaders.ts

@@ -22,7 +22,7 @@ import type {
 	UmdConfig
 } from "@swc/types";
 import type { Assumptions } from "@swc/types/assumptions";
-import * as z from "zod/v4";
+import * as z from "zod";
 import type { CollectTypeScriptInfoOptions } from "../builtin-loader/swc/collectTypeScriptInfo";
 import type { PluginImportOptions } from "../builtin-loader/swc/pluginImport";
 import type {

packages/rspack/src/schema/plugins.ts

@@ -1,5 +1,5 @@
 import type { JsBuildMeta } from "@rspack/binding";
-import * as z from "zod/v4";
+import * as z from "zod";
 import type {
 	HtmlRspackPluginOptions,
 	TemplateParamFunction,

packages/rspack/src/schema/utils.ts

@@ -1,4 +1,4 @@
-import * as z from "zod/v4";
+import * as z from "zod";
 
 // Zod v4 doesn't support Infinity, so we need to use a custom type
 // See: https://github.com/colinhacks/zod/issues/4721

packages/rspack/src/schema/validate.ts

@@ -1,5 +1,5 @@
-import type { z } from "zod/v4";
-import { createErrorMap, fromZodError } from "zod-validation-error/v4";
+import type { z } from "zod";
+import { fromZodError } from "zod-validation-error";
 
 export class ValidationError extends Error {
 	constructor(message: string) {
@@ -82,17 +82,12 @@ export function validate<T extends z.ZodType>(
 }
 
 function toValidationError(error: z.ZodError): ValidationError {
-	// Instead of using `z.config({ customError: createErrorMap() })` to customize the error message,
-	// we use `createErrorMap` to customize the error message.
-	// This gives us fine-grained control over the error messages.
-	const customErrorMap = createErrorMap();
 	const separator = "\n- ";
 	const validationErr = fromZodError(error, {
 		prefix:
 			"Invalid configuration object. Rspack has been initialized using a configuration object that does not match the API schema.",
 		prefixSeparator: separator,
-		issueSeparator: separator,
-		error: customErrorMap
+		issueSeparator: separator
 	});
 	return new ValidationError(validationErr.message);
 }

pnpm-lock.yaml

@@ -164,7 +164,7 @@ describe("Validation", () => {
 				expect(log).toMatchInlineSnapshot(`
 			Array [
 			  Invalid configuration object. Rspack has been initialized using a configuration object that does not match the API schema.
-			- Expected string at "output.devtoolModuleFilenameTemplate" or Expected function, received object at "output.devtoolModuleFilenameTemplate",
+			- Expected string, received set at "output.devtoolModuleFilenameTemplate" or Expected function, received object at "output.devtoolModuleFilenameTemplate",
 			]
 		`);
 			}
@@ -224,8 +224,8 @@ describe("Validation", () => {
 			message => {
 				expect(message).toMatchInlineSnapshot(`
 			Invalid configuration object. Rspack has been initialized using a configuration object that does not match the API schema.
-			- Expected string at "output.filename" or Expected function, received object at "output.filename"
-			- Expected string at "output.devtoolModuleFilenameTemplate" or Expected function, received object at "output.devtoolModuleFilenameTemplate"
+			- Expected string, received array at "output.filename" or Expected function, received object at "output.filename"
+			- Expected string, received set at "output.devtoolModuleFilenameTemplate" or Expected function, received object at "output.devtoolModuleFilenameTemplate"
 		`);
 			},
 			"strict",
@@ -286,8 +286,8 @@ describe("Validation", () => {
 			message => {
 				expect(message).toMatchInlineSnapshot(`
 			Invalid configuration object. Rspack has been initialized using a configuration object that does not match the API schema.
-			- Expected string at "output.filename" or Expected function, received object at "output.filename"
-			- Expected string at "output.devtoolModuleFilenameTemplate" or Expected function, received object at "output.devtoolModuleFilenameTemplate"
+			- Expected string, received array at "output.filename" or Expected function, received object at "output.filename"
+			- Expected string, received set at "output.devtoolModuleFilenameTemplate" or Expected function, received object at "output.devtoolModuleFilenameTemplate"
 		`);
 			},
 			log => {

tests/rspack-test/Validation.test.js

@@ -26,7 +26,7 @@ module.exports = {
 		expect(Array.isArray(errors)).toBeTruthy();
 		expect(errors.length).toBe(1);
 		expect(errors[0].toString()).toContain(
-			'Number must be greater or equal to 1 at "optimization.splitChunks.minChunks"'
+			'Number must be greater than or equal to 1 at "optimization.splitChunks.minChunks"'
 		);
 		context.clearError(name);
 	}