@vizejs/unplugin 0.101.0 → 0.103.0

package/dist/esbuild.mjs

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

package/dist/index.mjs

@@ -1,2 +1,2 @@
-import { t as vizeUnplugin } from "./unplugin-D3PLQ0x8.mjs";
+import { t as vizeUnplugin } from "./unplugin-DdUoejrP.mjs";
 export { vizeUnplugin as default, vizeUnplugin };

package/dist/rollup.mjs

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

package/dist/{unplugin-D3PLQ0x8.mjs → unplugin-DdUoejrP.mjs}

@@ -2,7 +2,7 @@ import fs from "node:fs";
 import { createUnplugin } from "unplugin";
 import { createHash } from "node:crypto";
 import * as native from "@vizejs/native";
-import path from "node:path";
+import { generateSfcScopeId, wrapSfcScopedPreprocessorStyle } from "@vizejs/native";
 import { transform } from "oxc-transform";
 //#region src/filter.ts
 function createFilter(include, exclude) {
@@ -40,34 +40,7 @@ function hasDelegatedStyles(compiled) {
 	return compiled.styles.some((style) => needsPreprocessor(style) || isCssModule(style));
 }
 function generateScopeId(filename, root, isProduction, source) {
-	const relative = path.relative(root, filename).replace(/^(\.\.[/\\])+/, "").replace(/\\/g, "/");
-	const input = isProduction ? `${relative}\n${source.replace(/\r\n/g, "\n")}` : relative;
-	return createHash("sha256").update(input).digest("hex").slice(0, 8);
-}
-function extractStyleBlocks(source) {
-	const blocks = [];
-	const styleRegex = /<style([^>]*)>([\s\S]*?)<\/style>/gi;
-	let match = null;
-	let index = 0;
-	while ((match = styleRegex.exec(source)) !== null) {
-		const attrs = match[1];
-		const content = match[2];
-		const src = attrs.match(/\bsrc=["']([^"']+)["']/)?.[1] ?? null;
-		const lang = attrs.match(/\blang=["']([^"']+)["']/)?.[1] ?? null;
-		const scoped = /\bscoped\b/.test(attrs);
-		const moduleMatch = attrs.match(/\bmodule(?:=["']([^"']+)["'])?/);
-		const moduleValue = moduleMatch ? moduleMatch[1] || true : false;
-		blocks.push({
-			content,
-			src,
-			lang,
-			scoped,
-			module: moduleValue,
-			index
-		});
-		index++;
-	}
-	return blocks;
+	return generateSfcScopeId(filename, root, isProduction, source);
 }
 function supportsTemplateOnlyHmr(output) {
 	return /(?:^|\n)(?:_sfc_main|__sfc__)\.render\s*=\s*render\b/m.test(output);
@@ -139,19 +112,17 @@ ${output}`;
 	return output;
 }
 function wrapScopedPreprocessorStyle(content, scoped, lang) {
-	if (!scoped || !lang || lang === "css") return content;
-	const lines = content.split("\n");
-	const hoisted = [];
-	const body = [];
-	for (const line of lines) {
-		const trimmed = line.trimStart();
-		if (trimmed.startsWith("@use ") || trimmed.startsWith("@forward ") || trimmed.startsWith("@import ")) {
-			hoisted.push(line);
-			continue;
-		}
-		body.push(line);
-	}
-	return `${hoisted.length > 0 ? `${hoisted.join("\n")}\n\n` : ""}[${scoped}] {\n${body.join("\n")}\n}`;
+	return wrapSfcScopedPreprocessorStyle(content, scoped, lang);
+}
+function toStyleBlockInfo(block) {
+	return {
+		content: block.content,
+		src: block.src ?? null,
+		lang: block.lang ?? null,
+		scoped: block.scoped,
+		module: block.module ? block.moduleName ?? true : false,
+		index: block.index
+	};
 }
 //#endregion
 //#region src/compiler.ts
@@ -178,26 +149,25 @@ function compileVueModule(filePath, source, options, cache) {
 		warnings: []
 	};
 	const scopeId = generateScopeId(filePath, options.root, options.isProduction, source);
-	const hasScoped = /<style[^>]*\bscoped\b/.test(source);
 	const result = compileSfc(source, {
 		filename: filePath,
 		sourceMap: options.sourceMap,
 		ssr: options.ssr,
 		vapor: options.vapor,
 		customRenderer: options.customRenderer,
-		scopeId: hasScoped ? `data-v-${scopeId}` : void 0
+		scopeId: `data-v-${scopeId}`
 	});
 	if (result.errors.length > 0) throw new Error(result.errors.join("\n"));
 	const compiled = {
 		code: result.code,
 		css: result.css,
 		scopeId,
-		hasScoped,
+		hasScoped: result.hasScoped,
 		templateHash: result.templateHash,
 		styleHash: result.styleHash,
 		scriptHash: result.scriptHash,
 		macroArtifacts: result.macroArtifacts ?? [],
-		styles: extractStyleBlocks(source)
+		styles: result.styles.map(toStyleBlockInfo)
 	};
 	cache.set(filePath, {
 		compiled,

package/dist/webpack.mjs

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

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@vizejs/unplugin",
-  "version": "0.101.0",
+  "version": "0.103.0",
   "description": "Experimental unplugin-based Vue SFC integration for rollup, webpack, and esbuild powered by Vize",
   "keywords": [
     "compiler",
@@ -51,7 +51,7 @@
     "access": "public"
   },
   "dependencies": {
-    "@vizejs/native": "0.101.0",
+    "@vizejs/native": "0.103.0",
     "oxc-transform": "0.130.0",
     "unplugin": "3.0.0"
   },
@@ -64,6 +64,9 @@
     "vue": "3.6.0-beta.10",
     "webpack": "5.106.2"
   },
+  "engines": {
+    "node": ">=22"
+  },
   "scripts": {
     "build": "vp pack",
     "dev": "vp pack --watch",