Add Webpack support

package.json

@@ -26,6 +26,10 @@
 		"./vite": {
 			"require": "./dist/vite.cjs",
 			"import": "./dist/vite.js"
+		},
+		"./webpack": {
+			"require": "./dist/webpack.cjs",
+			"import": "./dist/webpack.js"
 		}
 	},
 	"typesVersions": {
@@ -66,7 +70,8 @@
 		"typescript": "^5.6.2",
 		"unplugin": "^1.14.1",
 		"vite": "^5.4.4",
-		"vitest": "^2.0.5"
+		"vitest": "^2.0.5",
+		"webpack": "^5.94.0"
 	},
 	"repository": {
 		"type": "git",

src/__snapshots__/webpack.unit.test.ts.snap

@@ -0,0 +1,5 @@
+// Vitest Snapshot v1, https://vitest.dev/guide/snapshot.html
+
+exports[`Webpack plugin > should handle a JSON schema with a reference 1`] = `"(()=>{"use strict";console.log({openapi:"3.0.0",info:{title:"My great API",description:"Great description",version:"1.0.0"},paths:{"/my/path":{get:{summary:"Some GET request",responses:{200:{description:"Some response",content:{"application/json":{schema:{type:"object",properties:{someKey:{type:"string"}},required:["someKey"]},example:{someKey:"some value"}}}}}}}}})})();"`;
+
+exports[`Webpack plugin > should handle a YAML schema with a reference 1`] = `"(()=>{"use strict";console.log({openapi:"3.0.0",info:{title:"My great API",description:"Great description",version:"1.0.0"},paths:{"/my/path":{get:{summary:"Some GET request",responses:{200:{description:"Some response",content:{"application/json":{schema:{type:"object",properties:{someKey:{type:"string"}},required:["someKey"]},example:{someKey:"some value"}}}}}}}}})})();"`;

src/fixtures/webpack/main-json.js

@@ -0,0 +1,3 @@
+import api from "../api.openapi.json";
+
+console.log(api);

src/fixtures/webpack/main.js

@@ -0,0 +1,3 @@
+import api from "../api.yaml";
+
+console.log(api);

src/index.ts

@@ -113,6 +113,13 @@ export const unpluginFactory: UnpluginFactory<Options | undefined> = (opts) => {
 		esbuild: {
 			loader: "js",
 		},
+		webpack(compiler) {
+			compiler.options.module.rules.push({
+				test: (value) =>
+					(options.extensions ?? []).some((ext) => value.includes(ext)),
+				type: "javascript/auto", // Treat JSON files as JavaScript modules
+			});
+		},
 	};
 };
 

src/webpack.ts

@@ -0,0 +1,3 @@
+import { unplugin } from "./index.js";
+
+export default unplugin.webpack as typeof unplugin.webpack;

src/webpack.unit.test.ts

@@ -0,0 +1,57 @@
+import { Volume, createFsFromVolume } from "memfs";
+import { describe, expect, it } from "vitest";
+import webpack, { type OutputFileSystem } from "webpack";
+import webpackPlugin from "./webpack.js";
+
+async function build(config: webpack.Configuration): Promise<string> {
+	return new Promise((resolve, reject) => {
+		const compiler = webpack({
+			mode: "production",
+			output: {
+				path: "/", // Set to '/' since we are using an in-memory filesystem
+				filename: "bundle.js", // Output file name
+			},
+			...config,
+		});
+		const vol = new Volume();
+		const memFs = createFsFromVolume(vol);
+		compiler.outputFileSystem = memFs as OutputFileSystem;
+
+		compiler.run((err, stats) => {
+			if (err || stats?.hasErrors()) {
+				reject(err || stats?.toJson().errors);
+				return;
+			}
+
+			const transformedCode = memFs.readFileSync("/bundle.js", "utf-8");
+
+			resolve(transformedCode.toString());
+		});
+	});
+}
+
+describe("Webpack plugin", () => {
+	it("should handle a YAML schema with a reference", async () => {
+		const code = await build({
+			entry: "./src/fixtures/webpack/main.js",
+			plugins: [webpackPlugin()],
+		});
+
+		expect(code).toMatchSnapshot();
+		expect(code).toContain('type:"object",');
+	});
+
+	it("should handle a JSON schema with a reference", async () => {
+		const code = await build({
+			entry: "./src/fixtures/webpack/main-json.js",
+			plugins: [
+				webpackPlugin({
+					extensions: [".openapi.json"],
+				}),
+			],
+		});
+
+		expect(code).toMatchSnapshot();
+		expect(code).toContain('type:"object",');
+	});
+});

tsup.config.ts

@@ -1,7 +1,13 @@
 import { defineConfig } from "tsup";
 
 export default defineConfig({
-	entry: ["src/index.ts", "src/esbuild.ts", "src/rollup.ts", "src/vite.ts"],
+	entry: [
+		"src/index.ts",
+		"src/esbuild.ts",
+		"src/rollup.ts",
+		"src/vite.ts",
+		"src/webpack.ts",
+	],
 	clean: true,
 	format: ["cjs", "esm"],
 	dts: true,