@vetta-org/plugin-vite 0.0.5 → 0.2.0

package/dist/style-scope.js

@@ -2,9 +2,32 @@ import { readFileSync } from "node:fs";
 import { join } from "node:path";
 import postcss from "postcss";
 import selectorParser from "postcss-selector-parser";
+import { hasOpaqueResourceQuery } from "./request-query.js";
 const PLUGIN_ROOT_ATTRIBUTE = "data-vetta-plugin-root";
 const PLUGIN_ID_PATTERN = /^[a-z0-9][a-z0-9._-]{0,63}$/;
 const KEYFRAMES_PATTERN = /(?:^|-)keyframes$/i;
+const ICONIFY_CLASS_PATTERN = /^icon-\[[a-z0-9]+(?:-[a-z0-9]+)*--[a-z0-9]+(?:-[a-z0-9]+)*\]$/u;
+const ICONIFY_DECLARATION_VALUES = {
+    width: "1em",
+    height: "1em",
+    "-webkit-mask-image": "var(--svg)",
+    "mask-image": "var(--svg)",
+    "background-color": "currentColor",
+    display: "inline-block",
+    "-webkit-mask-size": "100% 100%",
+    "mask-size": "100% 100%",
+    "-webkit-mask-repeat": "no-repeat",
+    "mask-repeat": "no-repeat",
+};
+const ICONIFY_SVG_VALUE_PATTERN = /^url\((?:"|')?data:image\/svg\+xml,/u;
+/**
+ * 全局化的 Iconify 规则要放进一个嵌套 layer：插件样式表在宿主之后加载，
+ * 而 `icon-[…]{width:1em;height:1em}` 与宿主的 `.w-4/.h-4` 同特异性，
+ * 直接全局化会让宿主里任何同名图标退化成 1em（字号），把相邻文字挤偏。
+ * 同一 layer 内「未嵌套的规则」优先于其子 layer，因此包一层即可让显式尺寸工具类稳定胜出，
+ * 同时保留插件自身不写尺寸时的 1em 默认值。
+ */
+const ICONIFY_LAYER_NAME = "vetta-plugin-icons";
 function createPluginRootAttribute(pluginId) {
     return selectorParser.attribute({
         attribute: PLUGIN_ROOT_ATTRIBUTE,
@@ -44,18 +67,71 @@ function replacePluginRootSelectors(selector) {
 function isKeyframesAtRule(node) {
     return node.type === "atrule" && KEYFRAMES_PATTERN.test(node.name);
 }
+function hasOnlyIconifySelectors(rule) {
+    let selectorCount = 0;
+    let valid = true;
+    selectorParser((selectors) => {
+        selectors.each((selector) => {
+            selectorCount += 1;
+            const nodes = selector.nodes.filter((node) => node.type !== "comment");
+            const candidate = nodes[0];
+            if (nodes.length !== 1 ||
+                candidate?.type !== "class" ||
+                !ICONIFY_CLASS_PATTERN.test(candidate.value)) {
+                valid = false;
+            }
+        });
+    }).processSync(rule.selector);
+    return valid && selectorCount > 0;
+}
+function hasOnlyIconifyDeclarations(rule) {
+    let hasSvg = false;
+    let hasMask = false;
+    for (const node of rule.nodes) {
+        if (node.type !== "decl")
+            return false;
+        if (node.prop === "--svg") {
+            if (!ICONIFY_SVG_VALUE_PATTERN.test(node.value))
+                return false;
+            hasSvg = true;
+            continue;
+        }
+        if (ICONIFY_DECLARATION_VALUES[node.prop] !== node.value)
+            return false;
+        if (node.prop === "mask-image" || node.prop === "-webkit-mask-image")
+            hasMask = true;
+    }
+    return hasSvg && hasMask;
+}
+function isSafeGlobalIconifyRule(rule) {
+    return hasOnlyIconifySelectors(rule) && hasOnlyIconifyDeclarations(rule);
+}
 function createScopeRule(pluginId) {
     return postcss.atRule({
         name: "scope",
         params: `(${createPluginRootAttribute(pluginId).toString()})`,
     });
 }
+function createIconifyLayerRule() {
+    return postcss.atRule({ name: "layer", params: ICONIFY_LAYER_NAME });
+}
 function scopeRulesInContainer(container, pluginId) {
     if (!container.nodes)
         return;
     let currentScope;
+    let currentIconifyLayer;
     for (const node of [...container.nodes]) {
         if (node.type === "rule") {
+            if (isSafeGlobalIconifyRule(node)) {
+                currentScope = undefined;
+                if (!currentIconifyLayer) {
+                    currentIconifyLayer = createIconifyLayerRule();
+                    node.before(currentIconifyLayer);
+                }
+                currentIconifyLayer.append(node);
+                continue;
+            }
+            currentIconifyLayer = undefined;
             if (!currentScope) {
                 currentScope = createScopeRule(pluginId);
                 node.before(currentScope);
@@ -64,6 +140,7 @@ function scopeRulesInContainer(container, pluginId) {
             continue;
         }
         currentScope = undefined;
+        currentIconifyLayer = undefined;
         if (node.type === "atrule" && !isKeyframesAtRule(node)) {
             const atRule = node;
             if (atRule.nodes)
@@ -71,7 +148,7 @@ function scopeRulesInContainer(container, pluginId) {
         }
     }
 }
-function scopePluginCss(css, pluginId) {
+export function scopePluginCss(css, pluginId) {
     const root = postcss.parse(css);
     root.walkRules((rule) => {
         if (isInsideKeyframes(rule))
@@ -81,6 +158,19 @@ function scopePluginCss(css, pluginId) {
     scopeRulesInContainer(root, pluginId);
     return root.toString();
 }
+/**
+ * Vite can import a CSS file as a JavaScript resource module via queries such
+ * as `?raw`. Those requests keep the `.css` pathname, but their transform
+ * input is JavaScript and must not be parsed by PostCSS. Other queries such as
+ * `?direct` and HMR timestamps still represent stylesheet requests.
+ */
+export function isPluginStylesheetRequest(id) {
+    const queryIndex = id.indexOf("?");
+    const pathname = queryIndex === -1 ? id : id.slice(0, queryIndex);
+    if (!pathname.endsWith(".css"))
+        return false;
+    return !hasOpaqueResourceQuery(id);
+}
 function readPluginId(rootDir) {
     const manifestPath = join(rootDir, "plugin.json");
     const manifest = JSON.parse(readFileSync(manifestPath, "utf8"));
@@ -91,12 +181,21 @@ function readPluginId(rootDir) {
 }
 export function createPluginStyleScopePlugin() {
     let pluginId = "";
+    let command = "build";
     return {
         name: "vetta-plugin-style-scope",
-        apply: "build",
-        enforce: "post",
+        enforce: "pre",
         configResolved(config) {
             pluginId = readPluginId(config.root);
+            command = config.command;
+        },
+        transform(code, id) {
+            if (command !== "serve" || !isPluginStylesheetRequest(id))
+                return;
+            return {
+                code: scopePluginCss(code, pluginId),
+                map: null,
+            };
         },
         generateBundle(_options, bundle) {
             for (const output of Object.values(bundle)) {

package/dist/style-scope.js.map

@@ -1 +1 @@
-{"version":3,"file":"style-scope.js","sourceRoot":"","sources":["../src/style-scope.ts"],"names":[],"mappings":"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","sourcesContent":["import { readFileSync } from \"node:fs\";\nimport { join } from \"node:path\";\nimport postcss, { type AtRule, type Container, type Node, type Rule } from \"postcss\";\nimport selectorParser from \"postcss-selector-parser\";\nimport type { Plugin } from \"vite\";\n\nconst PLUGIN_ROOT_ATTRIBUTE = \"data-vetta-plugin-root\";\nconst PLUGIN_ID_PATTERN = /^[a-z0-9][a-z0-9._-]{0,63}$/;\nconst KEYFRAMES_PATTERN = /(?:^|-)keyframes$/i;\n\nfunction createPluginRootAttribute(pluginId: string) {\n\treturn selectorParser.attribute({\n\t\tattribute: PLUGIN_ROOT_ATTRIBUTE,\n\t\toperator: \"=\",\n\t\tquoteMark: '\"',\n\t\traws: {},\n\t\tvalue: pluginId,\n\t});\n}\n\nfunction isInsideKeyframes(rule: Rule): boolean {\n\tlet parent: Node | undefined = rule.parent;\n\twhile (parent) {\n\t\tif (\n\t\t\tparent.type === \"atrule\" &&\n\t\t\t\"name\" in parent &&\n\t\t\ttypeof parent.name === \"string\" &&\n\t\t\tKEYFRAMES_PATTERN.test(parent.name)\n\t\t) {\n\t\t\treturn true;\n\t\t}\n\t\tparent = parent.parent;\n\t}\n\treturn false;\n}\n\nfunction replacePluginRootSelectors(selector: string): string {\n\treturn selectorParser((selectors) => {\n\t\tselectors.walkPseudos((pseudo) => {\n\t\t\tif (pseudo.value === \":root\") {\n\t\t\t\tpseudo.replaceWith(selectorParser.pseudo({ value: \":scope\" }));\n\t\t\t\treturn;\n\t\t\t}\n\t\t\tif (pseudo.value === \":host\") {\n\t\t\t\tconst hostArgumentNodes =\n\t\t\t\t\tpseudo.nodes.length === 1 ? pseudo.nodes[0].nodes.map((node) => node.clone()) : [];\n\t\t\t\tpseudo.replaceWith(selectorParser.pseudo({ value: \":scope\" }), ...hostArgumentNodes);\n\t\t\t}\n\t\t});\n\t}).processSync(selector);\n}\n\nfunction isKeyframesAtRule(node: Node): boolean {\n\treturn node.type === \"atrule\" && KEYFRAMES_PATTERN.test((node as AtRule).name);\n}\n\nfunction createScopeRule(pluginId: string): AtRule {\n\treturn postcss.atRule({\n\t\tname: \"scope\",\n\t\tparams: `(${createPluginRootAttribute(pluginId).toString()})`,\n\t});\n}\n\nfunction scopeRulesInContainer(container: Container, pluginId: string): void {\n\tif (!container.nodes) return;\n\tlet currentScope: AtRule | undefined;\n\tfor (const node of [...container.nodes]) {\n\t\tif (node.type === \"rule\") {\n\t\t\tif (!currentScope) {\n\t\t\t\tcurrentScope = createScopeRule(pluginId);\n\t\t\t\tnode.before(currentScope);\n\t\t\t}\n\t\t\tcurrentScope.append(node);\n\t\t\tcontinue;\n\t\t}\n\n\t\tcurrentScope = undefined;\n\t\tif (node.type === \"atrule\" && !isKeyframesAtRule(node)) {\n\t\t\tconst atRule = node as AtRule;\n\t\t\tif (atRule.nodes) scopeRulesInContainer(atRule, pluginId);\n\t\t}\n\t}\n}\n\nfunction scopePluginCss(css: string, pluginId: string): string {\n\tconst root = postcss.parse(css);\n\troot.walkRules((rule) => {\n\t\tif (isInsideKeyframes(rule)) return;\n\t\trule.selector = replacePluginRootSelectors(rule.selector);\n\t});\n\tscopeRulesInContainer(root, pluginId);\n\treturn root.toString();\n}\n\nfunction readPluginId(rootDir: string): string {\n\tconst manifestPath = join(rootDir, \"plugin.json\");\n\tconst manifest = JSON.parse(readFileSync(manifestPath, \"utf8\")) as { id?: unknown };\n\tif (typeof manifest.id !== \"string\" || !PLUGIN_ID_PATTERN.test(manifest.id)) {\n\t\tthrow new Error(`Invalid plugin id in ${manifestPath}`);\n\t}\n\treturn manifest.id;\n}\n\nexport function createPluginStyleScopePlugin(): Plugin {\n\tlet pluginId = \"\";\n\treturn {\n\t\tname: \"vetta-plugin-style-scope\",\n\t\tapply: \"build\",\n\t\tenforce: \"post\",\n\t\tconfigResolved(config) {\n\t\t\tpluginId = readPluginId(config.root);\n\t\t},\n\t\tgenerateBundle(_options, bundle) {\n\t\t\tfor (const output of Object.values(bundle)) {\n\t\t\t\tif (output.type !== \"asset\" || !output.fileName.endsWith(\".css\")) continue;\n\t\t\t\tconst css = typeof output.source === \"string\" ? output.source : Buffer.from(output.source).toString(\"utf8\");\n\t\t\t\toutput.source = scopePluginCss(css, pluginId);\n\t\t\t}\n\t\t},\n\t};\n}\n"]}
+{"version":3,"file":"style-scope.js","sourceRoot":"","sources":["../src/style-scope.ts"],"names":[],"mappings":"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","sourcesContent":["import { readFileSync } from \"node:fs\";\nimport { join } from \"node:path\";\nimport postcss, { type AtRule, type Container, type Node, type Rule } from \"postcss\";\nimport selectorParser from \"postcss-selector-parser\";\nimport type { Plugin } from \"vite\";\nimport { hasOpaqueResourceQuery } from \"./request-query.js\";\n\nconst PLUGIN_ROOT_ATTRIBUTE = \"data-vetta-plugin-root\";\nconst PLUGIN_ID_PATTERN = /^[a-z0-9][a-z0-9._-]{0,63}$/;\nconst KEYFRAMES_PATTERN = /(?:^|-)keyframes$/i;\nconst ICONIFY_CLASS_PATTERN = /^icon-\\[[a-z0-9]+(?:-[a-z0-9]+)*--[a-z0-9]+(?:-[a-z0-9]+)*\\]$/u;\nconst ICONIFY_DECLARATION_VALUES: Readonly<Record<string, string>> = {\n\twidth: \"1em\",\n\theight: \"1em\",\n\t\"-webkit-mask-image\": \"var(--svg)\",\n\t\"mask-image\": \"var(--svg)\",\n\t\"background-color\": \"currentColor\",\n\tdisplay: \"inline-block\",\n\t\"-webkit-mask-size\": \"100% 100%\",\n\t\"mask-size\": \"100% 100%\",\n\t\"-webkit-mask-repeat\": \"no-repeat\",\n\t\"mask-repeat\": \"no-repeat\",\n};\nconst ICONIFY_SVG_VALUE_PATTERN = /^url\\((?:\"|')?data:image\\/svg\\+xml,/u;\n/**\n * 全局化的 Iconify 规则要放进一个嵌套 layer：插件样式表在宿主之后加载，\n * 而 `icon-[…]{width:1em;height:1em}` 与宿主的 `.w-4/.h-4` 同特异性，\n * 直接全局化会让宿主里任何同名图标退化成 1em（字号），把相邻文字挤偏。\n * 同一 layer 内「未嵌套的规则」优先于其子 layer，因此包一层即可让显式尺寸工具类稳定胜出，\n * 同时保留插件自身不写尺寸时的 1em 默认值。\n */\nconst ICONIFY_LAYER_NAME = \"vetta-plugin-icons\";\n\nfunction createPluginRootAttribute(pluginId: string) {\n\treturn selectorParser.attribute({\n\t\tattribute: PLUGIN_ROOT_ATTRIBUTE,\n\t\toperator: \"=\",\n\t\tquoteMark: '\"',\n\t\traws: {},\n\t\tvalue: pluginId,\n\t});\n}\n\nfunction isInsideKeyframes(rule: Rule): boolean {\n\tlet parent: Node | undefined = rule.parent;\n\twhile (parent) {\n\t\tif (\n\t\t\tparent.type === \"atrule\" &&\n\t\t\t\"name\" in parent &&\n\t\t\ttypeof parent.name === \"string\" &&\n\t\t\tKEYFRAMES_PATTERN.test(parent.name)\n\t\t) {\n\t\t\treturn true;\n\t\t}\n\t\tparent = parent.parent;\n\t}\n\treturn false;\n}\n\nfunction replacePluginRootSelectors(selector: string): string {\n\treturn selectorParser((selectors) => {\n\t\tselectors.walkPseudos((pseudo) => {\n\t\t\tif (pseudo.value === \":root\") {\n\t\t\t\tpseudo.replaceWith(selectorParser.pseudo({ value: \":scope\" }));\n\t\t\t\treturn;\n\t\t\t}\n\t\t\tif (pseudo.value === \":host\") {\n\t\t\t\tconst hostArgumentNodes =\n\t\t\t\t\tpseudo.nodes.length === 1 ? pseudo.nodes[0].nodes.map((node) => node.clone()) : [];\n\t\t\t\tpseudo.replaceWith(selectorParser.pseudo({ value: \":scope\" }), ...hostArgumentNodes);\n\t\t\t}\n\t\t});\n\t}).processSync(selector);\n}\n\nfunction isKeyframesAtRule(node: Node): boolean {\n\treturn node.type === \"atrule\" && KEYFRAMES_PATTERN.test((node as AtRule).name);\n}\n\nfunction hasOnlyIconifySelectors(rule: Rule): boolean {\n\tlet selectorCount = 0;\n\tlet valid = true;\n\tselectorParser((selectors) => {\n\t\tselectors.each((selector) => {\n\t\t\tselectorCount += 1;\n\t\t\tconst nodes = selector.nodes.filter((node) => node.type !== \"comment\");\n\t\t\tconst candidate = nodes[0];\n\t\t\tif (\n\t\t\t\tnodes.length !== 1 ||\n\t\t\t\tcandidate?.type !== \"class\" ||\n\t\t\t\t!ICONIFY_CLASS_PATTERN.test(candidate.value)\n\t\t\t) {\n\t\t\t\tvalid = false;\n\t\t\t}\n\t\t});\n\t}).processSync(rule.selector);\n\treturn valid && selectorCount > 0;\n}\n\nfunction hasOnlyIconifyDeclarations(rule: Rule): boolean {\n\tlet hasSvg = false;\n\tlet hasMask = false;\n\tfor (const node of rule.nodes) {\n\t\tif (node.type !== \"decl\") return false;\n\t\tif (node.prop === \"--svg\") {\n\t\t\tif (!ICONIFY_SVG_VALUE_PATTERN.test(node.value)) return false;\n\t\t\thasSvg = true;\n\t\t\tcontinue;\n\t\t}\n\t\tif (ICONIFY_DECLARATION_VALUES[node.prop] !== node.value) return false;\n\t\tif (node.prop === \"mask-image\" || node.prop === \"-webkit-mask-image\") hasMask = true;\n\t}\n\treturn hasSvg && hasMask;\n}\n\nfunction isSafeGlobalIconifyRule(rule: Rule): boolean {\n\treturn hasOnlyIconifySelectors(rule) && hasOnlyIconifyDeclarations(rule);\n}\n\nfunction createScopeRule(pluginId: string): AtRule {\n\treturn postcss.atRule({\n\t\tname: \"scope\",\n\t\tparams: `(${createPluginRootAttribute(pluginId).toString()})`,\n\t});\n}\n\nfunction createIconifyLayerRule(): AtRule {\n\treturn postcss.atRule({ name: \"layer\", params: ICONIFY_LAYER_NAME });\n}\n\nfunction scopeRulesInContainer(container: Container, pluginId: string): void {\n\tif (!container.nodes) return;\n\tlet currentScope: AtRule | undefined;\n\tlet currentIconifyLayer: AtRule | undefined;\n\tfor (const node of [...container.nodes]) {\n\t\tif (node.type === \"rule\") {\n\t\t\tif (isSafeGlobalIconifyRule(node)) {\n\t\t\t\tcurrentScope = undefined;\n\t\t\t\tif (!currentIconifyLayer) {\n\t\t\t\t\tcurrentIconifyLayer = createIconifyLayerRule();\n\t\t\t\t\tnode.before(currentIconifyLayer);\n\t\t\t\t}\n\t\t\t\tcurrentIconifyLayer.append(node);\n\t\t\t\tcontinue;\n\t\t\t}\n\t\t\tcurrentIconifyLayer = undefined;\n\t\t\tif (!currentScope) {\n\t\t\t\tcurrentScope = createScopeRule(pluginId);\n\t\t\t\tnode.before(currentScope);\n\t\t\t}\n\t\t\tcurrentScope.append(node);\n\t\t\tcontinue;\n\t\t}\n\n\t\tcurrentScope = undefined;\n\t\tcurrentIconifyLayer = undefined;\n\t\tif (node.type === \"atrule\" && !isKeyframesAtRule(node)) {\n\t\t\tconst atRule = node as AtRule;\n\t\t\tif (atRule.nodes) scopeRulesInContainer(atRule, pluginId);\n\t\t}\n\t}\n}\n\nexport function scopePluginCss(css: string, pluginId: string): string {\n\tconst root = postcss.parse(css);\n\troot.walkRules((rule) => {\n\t\tif (isInsideKeyframes(rule)) return;\n\t\trule.selector = replacePluginRootSelectors(rule.selector);\n\t});\n\tscopeRulesInContainer(root, pluginId);\n\treturn root.toString();\n}\n\n/**\n * Vite can import a CSS file as a JavaScript resource module via queries such\n * as `?raw`. Those requests keep the `.css` pathname, but their transform\n * input is JavaScript and must not be parsed by PostCSS. Other queries such as\n * `?direct` and HMR timestamps still represent stylesheet requests.\n */\nexport function isPluginStylesheetRequest(id: string): boolean {\n\tconst queryIndex = id.indexOf(\"?\");\n\tconst pathname = queryIndex === -1 ? id : id.slice(0, queryIndex);\n\tif (!pathname.endsWith(\".css\")) return false;\n\treturn !hasOpaqueResourceQuery(id);\n}\n\nfunction readPluginId(rootDir: string): string {\n\tconst manifestPath = join(rootDir, \"plugin.json\");\n\tconst manifest = JSON.parse(readFileSync(manifestPath, \"utf8\")) as { id?: unknown };\n\tif (typeof manifest.id !== \"string\" || !PLUGIN_ID_PATTERN.test(manifest.id)) {\n\t\tthrow new Error(`Invalid plugin id in ${manifestPath}`);\n\t}\n\treturn manifest.id;\n}\n\nexport function createPluginStyleScopePlugin(): Plugin {\n\tlet pluginId = \"\";\n\tlet command: \"build\" | \"serve\" = \"build\";\n\treturn {\n\t\tname: \"vetta-plugin-style-scope\",\n\t\tenforce: \"pre\",\n\t\tconfigResolved(config) {\n\t\t\tpluginId = readPluginId(config.root);\n\t\t\tcommand = config.command;\n\t\t},\n\t\ttransform(code, id) {\n\t\t\tif (command !== \"serve\" || !isPluginStylesheetRequest(id)) return;\n\t\t\treturn {\n\t\t\t\tcode: scopePluginCss(code, pluginId),\n\t\t\t\tmap: null,\n\t\t\t};\n\t\t},\n\t\tgenerateBundle(_options, bundle) {\n\t\t\tfor (const output of Object.values(bundle)) {\n\t\t\t\tif (output.type !== \"asset\" || !output.fileName.endsWith(\".css\")) continue;\n\t\t\t\tconst css = typeof output.source === \"string\" ? output.source : Buffer.from(output.source).toString(\"utf8\");\n\t\t\t\toutput.source = scopePluginCss(css, pluginId);\n\t\t\t}\n\t\t},\n\t};\n}\n"]}

package/package.json

@@ -1,14 +1,18 @@
 {
 	"name": "@vetta-org/plugin-vite",
-	"version": "0.0.5",
+	"version": "0.2.0",
 	"type": "module",
 	"main": "./dist/index.js",
 	"types": "./dist/index.d.ts",
+	"bin": {
+		"vetta-plugin": "./dist/cli.js"
+	},
 	"exports": {
 		".": {
 			"types": "./dist/index.d.ts",
 			"import": "./dist/index.js"
 		},
+		"./cli": "./dist/cli.js",
 		"./pack": {
 			"types": "./dist/pack.d.ts",
 			"import": "./dist/pack.js"
@@ -19,19 +23,25 @@
 	],
 	"scripts": {
 		"clean": "rm -rf dist",
-		"build": "tsgo -p tsconfig.build.json"
+		"build": "tsgo -p tsconfig.build.json",
+		"test": "bun ../../../scripts/quality/run-vitest.mjs --run"
 	},
 	"dependencies": {
 		"@module-federation/vite": "^1.16.6",
+		"@vitejs/plugin-react": "^5.0.4",
+		"chokidar": "^4.0.3",
 		"postcss": "^8.5.15",
 		"postcss-selector-parser": "^7.1.4"
 	},
 	"peerDependencies": {
+		"@vetta-org/plugin-sdk": ">=0.3.0 <0.4.0",
 		"vite": "^7.0.0"
 	},
 	"devDependencies": {
+		"@vetta-org/plugin-sdk": "workspace:*",
 		"typescript": "^5.9.2",
-		"vite": "^7.1.7"
+		"vite": "^7.1.7",
+		"vitest": "^3.2.4"
 	},
 	"publishConfig": {
 		"access": "public",