@vizejs/unplugin 0.170.0 → 0.172.0

package/README.md

@@ -46,6 +46,36 @@ export default {
 };
 ```
 
+Webpack 5 is detected through `compiler.webpack`. Webpack 4 is supported by resolving
+`DefinePlugin` from the host project's `webpack` package:
+
+```javascript
+import Vize from "@vizejs/unplugin/webpack";
+
+export default {
+  plugins: [
+    Vize({
+      compatibility: {
+        webpackVersion: 4,
+      },
+    }),
+  ],
+};
+```
+
+For Vue 0.11, Vue 1, Vue 2, or Nuxt 2 projects that already use the legacy
+Vue/Webpack compiler chain, keep Vize non-invasive and let the host compiler
+handle `.vue` files:
+
+```javascript
+Vize({
+  compatibility: {
+    vueVersion: 2,
+    webpackVersion: 4,
+  },
+});
+```
+
 ### rolldown
 
 ```javascript
@@ -86,5 +116,5 @@ TypeScript/JSX transforms in the pipeline if your SFC scripts use those syntaxes
 
 - Vite is still the recommended integration if you need the most complete behavior today.
 - CSS Modules and preprocessors depend on the host bundler CSS pipeline and are more likely to change than the Vite path.
-- If your bundler inlines the Vue runtime, configure the usual Vue compile-time feature flags for that bundler.
+- If your bundler inlines the Vue runtime, Vize injects the usual Vue 3 compile-time feature flags for Rollup-like and Webpack hosts when its compiler is active.
 - Test carefully before depending on this package in production.

package/dist/babel.d.mts

@@ -1,4 +1,4 @@
-import { n as VizeUnpluginOptions } from "./types-CcN4XyQ3.mjs";
+import { r as VizeUnpluginOptions } from "./types-oQVaBbVI.mjs";
 
 //#region src/babel.d.ts
 type BabelParserOptions = Record<string, unknown> & {

package/dist/babel.mjs

@@ -1,4 +1,4 @@
-import { a as createFilter, i as generateOutput, r as compileVueModule, t as normalizeOptions } from "./unplugin-BDyKPnrQ.mjs";
+import { a as createFilter, i as generateOutput, r as compileVueModule, t as normalizeOptions } from "./unplugin-BhadWZfz.mjs";
 //#region src/babel.ts
 function vizeBabelPlugin(_api, rawOptions = {}) {
 	const options = normalizeOptions(rawOptions);

package/dist/esbuild.d.mts

@@ -1,4 +1,4 @@
-import { n as VizeUnpluginOptions } from "./types-CcN4XyQ3.mjs";
+import { r as VizeUnpluginOptions } from "./types-oQVaBbVI.mjs";
 import * as _$unplugin from "unplugin";
 
 //#region src/esbuild.d.ts

package/dist/esbuild.mjs

@@ -1,4 +1,4 @@
-import { n as vizeUnplugin } from "./unplugin-BDyKPnrQ.mjs";
+import { n as vizeUnplugin } from "./unplugin-BhadWZfz.mjs";
 //#region src/esbuild.ts
 var esbuild_default = vizeUnplugin.esbuild;
 //#endregion

package/dist/index.d.mts

@@ -1,7 +1,6 @@
-import { n as VizeUnpluginOptions, t as MacroArtifact } from "./types-CcN4XyQ3.mjs";
+import { i as VizeVueVersion, n as VizeCompatibilityOptions, r as VizeUnpluginOptions, t as MacroArtifact } from "./types-oQVaBbVI.mjs";
 import * as _$unplugin from "unplugin";
-
 //#region src/unplugin.d.ts
 declare const vizeUnplugin: _$unplugin.UnpluginInstance<VizeUnpluginOptions | undefined, boolean>;
 //#endregion
-export { type MacroArtifact, type VizeUnpluginOptions, vizeUnplugin as default, vizeUnplugin };
+export { type MacroArtifact, type VizeCompatibilityOptions, type VizeUnpluginOptions, type VizeVueVersion, vizeUnplugin as default, vizeUnplugin };

package/dist/index.mjs

@@ -1,2 +1,2 @@
-import { n as vizeUnplugin } from "./unplugin-BDyKPnrQ.mjs";
+import { n as vizeUnplugin } from "./unplugin-BhadWZfz.mjs";
 export { vizeUnplugin as default, vizeUnplugin };

package/dist/rolldown.d.mts

@@ -1,4 +1,4 @@
-import { n as VizeUnpluginOptions } from "./types-CcN4XyQ3.mjs";
+import { r as VizeUnpluginOptions } from "./types-oQVaBbVI.mjs";
 import * as _$unplugin from "unplugin";
 
 //#region src/rolldown.d.ts

package/dist/rolldown.mjs

@@ -1,4 +1,4 @@
-import { n as vizeUnplugin } from "./unplugin-BDyKPnrQ.mjs";
+import { n as vizeUnplugin } from "./unplugin-BhadWZfz.mjs";
 //#region src/rolldown.ts
 var rolldown_default = vizeUnplugin.rollup;
 //#endregion

package/dist/rollup.d.mts

@@ -1,4 +1,4 @@
-import { n as VizeUnpluginOptions } from "./types-CcN4XyQ3.mjs";
+import { r as VizeUnpluginOptions } from "./types-oQVaBbVI.mjs";
 import * as _$unplugin from "unplugin";
 
 //#region src/rollup.d.ts

package/dist/rollup.mjs

@@ -1,4 +1,4 @@
-import { n as vizeUnplugin } from "./unplugin-BDyKPnrQ.mjs";
+import { n as vizeUnplugin } from "./unplugin-BhadWZfz.mjs";
 //#region src/rollup.ts
 var rollup_default = vizeUnplugin.rollup;
 //#endregion

package/dist/types-oQVaBbVI.d.mts

@@ -0,0 +1,61 @@
+//#region src/types.d.ts
+interface MacroArtifact {
+  kind: string;
+  name: string;
+  source: string;
+  content: string;
+  moduleCode?: string;
+  start: number;
+  end: number;
+}
+interface VizeUnpluginOptions {
+  include?: string | RegExp | Array<string | RegExp>;
+  exclude?: string | RegExp | Array<string | RegExp>;
+  compatibility?: VizeCompatibilityOptions;
+  isProduction?: boolean;
+  ssr?: boolean;
+  sourceMap?: boolean;
+  mode?: "module" | "function";
+  vapor?: boolean;
+  customRenderer?: boolean;
+  vueParserQuirks?: boolean;
+  runtimeModuleName?: string;
+  runtimeGlobalName?: string;
+  vueVersion?: VizeVueVersion;
+  root?: string;
+  debug?: boolean;
+}
+type VizeVueVersion = 0.11 | 1 | 2 | 3 | "legacy";
+interface VizeCompatibilityOptions {
+  /**
+   * Host Vue version. Vue 0.11/1/2 opt into host-compiler compatibility.
+   */
+  vueVersion?: VizeVueVersion;
+  /**
+   * Keep .vue files on the existing Vue compiler for legacy Vue runtimes.
+   * @default true when vueVersion is 0.11, 1, 2, or "legacy"
+   */
+  hostCompiler?: boolean;
+  /**
+   * Enable function-body output for CDN/global Vue evaluation.
+   */
+  scriptSetupInStandalone?: boolean;
+  /**
+   * Allow Vapor output for Options API SFCs when vapor is enabled.
+   */
+  optionsApiVapor?: boolean;
+  /**
+   * Override the host Nuxt major when this option object is shared with Nuxt.
+   */
+  nuxtVersion?: 2 | 3 | 4;
+  /**
+   * Force Webpack compatibility behavior.
+   *
+   * Webpack 4 does not expose `compiler.webpack`, so the plugin resolves
+   * `DefinePlugin` from the host `webpack` package when this is `4` or when
+   * auto-detection sees a Webpack 4 compiler shape.
+   */
+  webpackVersion?: 4 | 5;
+}
+//#endregion
+export { VizeVueVersion as i, VizeCompatibilityOptions as n, VizeUnpluginOptions as r, MacroArtifact as t };

package/dist/{unplugin-BDyKPnrQ.mjs → unplugin-BhadWZfz.mjs}

@@ -1,3 +1,4 @@
+import { createRequire } from "node:module";
 import fs from "node:fs";
 import { createUnplugin } from "unplugin";
 import { createHash } from "node:crypto";
@@ -135,6 +136,11 @@ function buildSignature(options) {
 		options.customRenderer ? "1" : "0",
 		options.vueParserQuirks ? "1" : "0",
 		options.sourceMap ? "1" : "0",
+		options.mode,
+		options.runtimeModuleName,
+		options.runtimeGlobalName,
+		String(options.vueVersion),
+		options.hostCompiler ? "1" : "0",
 		options.root
 	].join(":");
 }
@@ -152,11 +158,15 @@ function compileVueModule(filePath, source, options, cache) {
 	const scopeId = generateScopeId(filePath, options.root, options.isProduction, source);
 	const result = compileSfc(source, {
 		filename: filePath,
+		mode: options.mode,
 		sourceMap: options.sourceMap,
 		ssr: options.ssr,
 		vapor: options.vapor,
 		customRenderer: options.customRenderer,
 		vueParserQuirks: options.vueParserQuirks,
+		runtimeModuleName: options.runtimeModuleName,
+		runtimeGlobalName: options.runtimeGlobalName,
+		vueVersion: String(options.vueVersion),
 		scopeId: `data-v-${scopeId}`
 	});
 	if (result.errors.length > 0) throw new Error(result.errors.join("\n"));
@@ -252,17 +262,34 @@ async function stripTypeScript(filePath, code, sourceMap) {
 }
 //#endregion
 //#region src/unplugin.ts
+const require = createRequire(import.meta.url);
+function normalizeVueVersion(version) {
+	return version ?? 3;
+}
+function isLegacyVueVersion(version) {
+	return version === "legacy" || version === .11 || version === 1 || version === 2;
+}
 function normalizeOptions(rawOptions = {}) {
 	const isProduction = rawOptions.isProduction ?? process.env.NODE_ENV === "production";
+	const compatibility = rawOptions.compatibility ?? {};
+	const vueVersion = normalizeVueVersion(rawOptions.vueVersion ?? compatibility.vueVersion);
+	const mode = rawOptions.mode ?? (compatibility.scriptSetupInStandalone === true ? "function" : "module");
+	const hostCompiler = compatibility.hostCompiler ?? isLegacyVueVersion(vueVersion);
 	return {
 		include: rawOptions.include,
 		exclude: rawOptions.exclude,
+		compatibility,
 		isProduction,
 		ssr: rawOptions.ssr ?? false,
 		sourceMap: rawOptions.sourceMap ?? !isProduction,
+		mode,
 		vapor: rawOptions.vapor ?? false,
 		customRenderer: rawOptions.customRenderer ?? false,
 		vueParserQuirks: rawOptions.vueParserQuirks ?? false,
+		runtimeModuleName: rawOptions.runtimeModuleName ?? "vue",
+		runtimeGlobalName: rawOptions.runtimeGlobalName ?? "Vue",
+		vueVersion,
+		hostCompiler,
 		root: rawOptions.root ?? process.cwd(),
 		debug: rawOptions.debug ?? false
 	};
@@ -274,8 +301,17 @@ function createVueDefineMap(isProduction) {
 		__VUE_PROD_HYDRATION_MISMATCH_DETAILS__: JSON.stringify(!isProduction)
 	};
 }
-function injectWebpackVueDefines(compiler, isProduction) {
-	const { DefinePlugin } = compiler.webpack;
+function resolveWebpackDefinePlugin(compiler, webpackVersion) {
+	if (webpackVersion !== 4 && compiler.webpack?.DefinePlugin) return compiler.webpack.DefinePlugin;
+	try {
+		return require("webpack").DefinePlugin ?? null;
+	} catch {
+		return null;
+	}
+}
+function injectWebpackVueDefines(compiler, isProduction, webpackVersion, definePluginConstructor) {
+	const DefinePlugin = definePluginConstructor ?? resolveWebpackDefinePlugin(compiler, webpackVersion);
+	if (!DefinePlugin) throw new Error("[vize] Could not resolve webpack DefinePlugin. Install webpack in the host project or disable the Vize compiler with compatibility.hostCompiler.");
 	const existingDefines = /* @__PURE__ */ new Set();
 	for (const plugin of compiler.options.plugins ?? []) {
 		const definitions = plugin.definitions;
@@ -307,13 +343,16 @@ const vizeUnplugin = createUnplugin((rawOptions = {}) => {
 	return {
 		name: "unplugin-vize",
 		resolveId(id) {
+			if (options.hostCompiler) return null;
 			if (isVueStyleRequest(id)) return createVirtualStyleId(id);
 			return null;
 		},
 		loadInclude(id) {
+			if (options.hostCompiler) return false;
 			return isVirtualStyleId(id);
 		},
 		async load(id) {
+			if (options.hostCompiler) return null;
 			if (!isVirtualStyleId(id)) return null;
 			return {
 				code: await loadStyleBlock(id, options, cache),
@@ -321,10 +360,12 @@ const vizeUnplugin = createUnplugin((rawOptions = {}) => {
 			};
 		},
 		transformInclude(id) {
+			if (options.hostCompiler) return false;
 			const request = parseVueRequest(id);
 			return !request.query.vue && isVueFile(request.filename) && filter(request.filename);
 		},
 		async transform(code, id) {
+			if (options.hostCompiler) return null;
 			if (!isVueFile(id) || !filter(id)) return null;
 			const { compiled, warnings } = compileVueModule(id, code, options, cache);
 			for (const warning of warnings) this.warn(`[vize] ${warning}`);
@@ -342,7 +383,7 @@ const vizeUnplugin = createUnplugin((rawOptions = {}) => {
 			if (isVueFile(id)) cache.delete(id);
 		},
 		webpack(compiler) {
-			injectWebpackVueDefines(compiler, options.isProduction);
+			if (!options.hostCompiler) injectWebpackVueDefines(compiler, options.isProduction, options.compatibility.webpackVersion);
 		},
 		esbuild: {
 			onResolveFilter: /\.vue(?:$|\?)/,
@@ -353,6 +394,7 @@ const vizeUnplugin = createUnplugin((rawOptions = {}) => {
 				return "js";
 			},
 			config(buildOptions) {
+				if (options.hostCompiler) return;
 				buildOptions.define = {
 					...createVueDefineMap(options.isProduction),
 					...buildOptions.define

package/dist/webpack.d.mts

@@ -1,4 +1,4 @@
-import { n as VizeUnpluginOptions } from "./types-CcN4XyQ3.mjs";
+import { r as VizeUnpluginOptions } from "./types-oQVaBbVI.mjs";
 import * as _$webpack from "webpack";
 
 //#region src/webpack.d.ts

package/dist/webpack.mjs

@@ -1,4 +1,4 @@
-import { n as vizeUnplugin } from "./unplugin-BDyKPnrQ.mjs";
+import { n as vizeUnplugin } from "./unplugin-BhadWZfz.mjs";
 //#region src/webpack.ts
 var webpack_default = vizeUnplugin.webpack;
 //#endregion

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@vizejs/unplugin",
-  "version": "0.170.0",
+  "version": "0.172.0",
   "description": "Experimental Vue SFC integrations for Rollup, Rolldown, Webpack, esbuild, and Babel powered by Vize",
   "keywords": [
     "babel",
@@ -67,7 +67,7 @@
     "access": "public"
   },
   "dependencies": {
-    "@vizejs/native": "0.170.0",
+    "@vizejs/native": "0.172.0",
     "oxc-transform": "0.130.0",
     "unplugin": "3.0.0"
   },
@@ -80,6 +80,14 @@
     "vue": "3.6.0-beta.10",
     "webpack": "5.106.2"
   },
+  "peerDependencies": {
+    "webpack": "^4.46.0 || ^5.0.0"
+  },
+  "peerDependenciesMeta": {
+    "webpack": {
+      "optional": true
+    }
+  },
   "engines": {
     "node": ">=22"
   },

package/dist/types-CcN4XyQ3.d.mts

@@ -1,24 +0,0 @@
-//#region src/types.d.ts
-interface MacroArtifact {
-  kind: string;
-  name: string;
-  source: string;
-  content: string;
-  moduleCode?: string;
-  start: number;
-  end: number;
-}
-interface VizeUnpluginOptions {
-  include?: string | RegExp | Array<string | RegExp>;
-  exclude?: string | RegExp | Array<string | RegExp>;
-  isProduction?: boolean;
-  ssr?: boolean;
-  sourceMap?: boolean;
-  vapor?: boolean;
-  customRenderer?: boolean;
-  vueParserQuirks?: boolean;
-  root?: string;
-  debug?: boolean;
-}
-//#endregion
-export { VizeUnpluginOptions as n, MacroArtifact as t };