@ubean/islands 0.6.0-beta.1 → 0.6.0-beta.3

package/dist/runtime.d.ts

@@ -1,4 +1,4 @@
-import { App, Component } from "vue";
+import { App, Component, VNode } from "vue";
 //#region src/runtime.d.ts
 interface DomElement {
   getAttribute(name: string): string | null;
@@ -274,20 +274,20 @@ export declare function defineIsland(Component: Component, strategy: IslandStrat
  *
  * 这保证了 `.server.vue` 组件的 JS 不会发送到客户端 —— 客户端只导入此 stub。
  */
-export declare const ServerComponentStub: import("vue").DefineComponent<{}, () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+export declare const ServerComponentStub: import("vue").DefineComponent<{}, () => VNode<import("vue").RendererNode, import("vue").RendererElement, {
   [key: string]: any;
 }>, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 /**
  * `.client.vue` 组件在 SSR 构建中的通用占位符 (Task 9.2)。
  *
  * Vite 插件在 SSR 构建中将 `.client.vue` 的 import 重定向到虚拟模块,
- * 该模块导出此组件。组件渲染 `<div data-client-only></div>` 占位符,
+ * 该模块导出此组件。组件渲染 {@link clientOnlyPlaceholder}（`<!--client-only-->`）,
  * 与客户端 `defineClientComponent` 初始渲染输出一致,确保水合无 mismatch。
  *
  * SSR 使用通用占位符(而非真实组件)避免了在服务端导入可能含浏览器 API
  * 的 `.client.vue` 组件代码。
  */
-export declare const ClientComponentPlaceholder: import("vue").DefineComponent<{}, () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+export declare const ClientComponentPlaceholder: import("vue").DefineComponent<{}, () => VNode<import("vue").RendererNode, import("vue").RendererElement, {
   [key: string]: any;
 }>, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 /**
@@ -302,9 +302,8 @@ export declare const ClientComponentPlaceholder: import("vue").DefineComponent<{
  *
  * ## 工作机制
  *
- * - **SSR**: 由 `ClientComponentPlaceholder` 替代,渲染 `<div data-client-only></div>`
- * - **客户端初始渲染**: `isClient` 为 false,渲染相同的 `<div data-client-only></div>`,
- *   与 SSR 输出匹配,水合无 mismatch
+ * - **SSR**: 由 `ClientComponentPlaceholder` 替代,渲染 `<!--client-only-->` 注释占位符
+ * - **客户端初始渲染**: `isClient` 为 false,渲染同一个注释占位符,与 SSR 输出匹配,水合无 mismatch
  * - **客户端 `onMounted` 后**: `isClient` 变为 true,渲染真实组件,Vue 自动 patch 替换占位符
  *
  * 这种模式确保 `.client.vue` 组件只在客户端渲染,SSR 仅输出占位符,

package/dist/runtime.js

@@ -1,4 +1,4 @@
-import { Suspense, createApp, defineComponent, h, onMounted, ref, watch } from "vue";
+import { Suspense, createApp, createCommentVNode, defineComponent, h, onMounted, ref, watch } from "vue";
 //#region src/runtime.ts
 const _global = globalThis;
 function decodeProps(raw) {
@@ -420,10 +420,25 @@ const ServerComponentStub = defineComponent({
 	}
 });
 /**
+* `.client.vue` 的占位符 vnode —— SSR 与客户端水合首帧共用同一形态。
+*
+* **是注释节点，不是元素**（这与 `@ubean/vue` 的 `<ClientOnly>` 一致，标记文本也相同）。
+* 元素占位符（早先是 `<div data-client-only>`）在受限的父级里会产出**非法嵌套**：放进
+* `<tr>` / `<table>` / `<ul>` / `<select>` 时会被 HTML 解析器提到容器外（表格里的 `<div>`
+* 会被 foster-parent 到表格之前），DOM 与客户端 vnode 树随即错位 → 水合 mismatch；放进
+* `<p>` 也会被自动闭合。注释在任何位置都合法、不占布局，因此没有这类上下文依赖。
+*
+* 代价是不能再对它写 CSS（`[data-client-only]` 选择器失效）。需要占位内容/撑高度时用
+* `<ClientOnly>` 的 `#fallback` 插槽 —— 那是显式的、由使用者决定的占位内容。
+*/
+function clientOnlyPlaceholder() {
+	return createCommentVNode("client-only");
+}
+/**
 * `.client.vue` 组件在 SSR 构建中的通用占位符 (Task 9.2)。
 *
 * Vite 插件在 SSR 构建中将 `.client.vue` 的 import 重定向到虚拟模块,
-* 该模块导出此组件。组件渲染 `<div data-client-only></div>` 占位符,
+* 该模块导出此组件。组件渲染 {@link clientOnlyPlaceholder}（`<!--client-only-->`）,
 * 与客户端 `defineClientComponent` 初始渲染输出一致,确保水合无 mismatch。
 *
 * SSR 使用通用占位符(而非真实组件)避免了在服务端导入可能含浏览器 API
@@ -432,7 +447,7 @@ const ServerComponentStub = defineComponent({
 const ClientComponentPlaceholder = defineComponent({
 	name: "ClientComponentPlaceholder",
 	setup() {
-		return () => h("div", { "data-client-only": "" });
+		return () => clientOnlyPlaceholder();
 	}
 });
 /**
@@ -447,9 +462,8 @@ const ClientComponentPlaceholder = defineComponent({
 *
 * ## 工作机制
 *
-* - **SSR**: 由 `ClientComponentPlaceholder` 替代,渲染 `<div data-client-only></div>`
-* - **客户端初始渲染**: `isClient` 为 false,渲染相同的 `<div data-client-only></div>`,
-*   与 SSR 输出匹配,水合无 mismatch
+* - **SSR**: 由 `ClientComponentPlaceholder` 替代,渲染 `<!--client-only-->` 注释占位符
+* - **客户端初始渲染**: `isClient` 为 false,渲染同一个注释占位符,与 SSR 输出匹配,水合无 mismatch
 * - **客户端 `onMounted` 后**: `isClient` 变为 true,渲染真实组件,Vue 自动 patch 替换占位符
 *
 * 这种模式确保 `.client.vue` 组件只在客户端渲染,SSR 仅输出占位符,
@@ -474,7 +488,7 @@ function defineClientComponent(component) {
 			onMounted(() => {
 				isClient.value = true;
 			});
-			return () => isClient.value ? h(component, attrs, slots) : h("div", { "data-client-only": "" });
+			return () => isClient.value ? h(component, attrs, slots) : clientOnlyPlaceholder();
 		}
 	});
 }

package/dist/vite.d.ts

@@ -28,6 +28,34 @@ export declare const CLIENT_COMPONENT_PLACEHOLDER_VIRTUAL_ID = "virtual:ubean-cl
  * 真实文件不会被加载/转换)。
  */
 export declare function wrapServerComponentTemplate(code: string): string | null;
+/**
+ * `.server.vue` 是否带 `<template>` 块。
+ *
+ * 用于把「包裹不了」的两种情况区分开：**没有 `<template>`**（render 函数 / `export { default }
+ * from …` 这类写法）必须报错，而**已经包裹过**（幂等）应当静默跳过。
+ *
+ * 为什么没有 `<template>` 就必须报错：客户端侧一律替换成 stub（渲染 `<ubean-server-only>`），
+ * 服务端侧的内容必须被包进**同名元素**才能在水合时对齐。没有 `<template>` 时服务端输出的是
+ * 组件自己的根元素，与 stub 的根标签不一致 —— 实测 Vue 报
+ * `Hydration node mismatch: rendered on server: JSHandle@node / expected on client: ubean-server-only`，
+ * 并且**把服务端渲染出来的内容清掉**（首屏有内容、水合后变空），比不渲染更糟。
+ */
+export declare function hasServerComponentTemplate(code: string): boolean;
+export interface RestrictedServerComponentUsage {
+  /** 受限父级标签（小写）。 */
+  parent: string;
+  /** 组件在模板里的写法（原样）。 */
+  tag: string;
+}
+/**
+ * 找出「直接作为受限父级子元素」使用的 `.server.vue` 组件（见
+ * {@link RESTRICTED_SERVER_COMPONENT_PARENTS}）。
+ *
+ * 判据只看**静态可解析**的部分：标签名能在 `<script setup>` 的 import 映射里找到，且 import 路径
+ * 以 `.server.vue` 结尾。驼峰/连字符两种写法都认（`<ServerGreeting />` 与 `<server-greeting />`）。
+ * 通过 barrel 再导出、或运行时动态解析的组件看不出来 —— 宁可漏报也不误报。
+ */
+export declare function findRestrictedServerComponentUsage(code: string, importMap: Map<string, string>): RestrictedServerComponentUsage[];
 /**
  * 一个 island 组件的注册条目。
  *

package/dist/vite.js

@@ -1,5 +1,5 @@
 import { legacyDirectiveToStrategy, strategyToLegacyDirective } from "./directive.js";
-import { existsSync, readFileSync, readdirSync } from "node:fs";
+import { readFileSync, readdirSync } from "node:fs";
 import { dirname, join, resolve } from "node:path";
 //#region src/vite.ts
 /**
@@ -46,6 +46,18 @@ function isClientComponentFile(id) {
 /** `.server.vue` 在 client 构建中的通用虚拟 stub 模块 ID */
 const SERVER_COMPONENT_STUB_VIRTUAL_ID = "virtual:ubean-server-component-stub";
 const SERVER_COMPONENT_STUB_RESOLVED_ID = `\0${SERVER_COMPONENT_STUB_VIRTUAL_ID}`;
+/**
+* `.server.vue` 在 client 构建中的**文件级** stub 模块 ID 前缀。
+*
+* 早期所有 `.server.vue` 都重定向到上面那个**共用**的 stub 模块，于是它们在客户端图里成了
+* 同一个组件对象 —— `name` 全是 `ServerComponentStub`，`<KeepAlive include>`、
+* `<component :is>`、DevTools 台账都失去区分度。改为按文件生成（与 `.client.vue` 的文件级
+* 包装模块对称）。
+*
+* 尾标同样不能省：ID 若以 `.vue` 结尾，`@vitejs/plugin-vue` 会把它当真实 SFC 读盘
+* （见 `WRAPPER_VIRTUAL_TAIL` 的说明）。
+*/
+const SERVER_COMPONENT_STUB_PREFIX = "\0virtual:ubean-server-component-stub:";
 /** `.client.vue` 在 SSR 构建中的通用占位符虚拟模块 ID */
 const CLIENT_COMPONENT_PLACEHOLDER_VIRTUAL_ID = "virtual:ubean-client-component-placeholder";
 const CLIENT_COMPONENT_PLACEHOLDER_RESOLVED_ID = `\0${CLIENT_COMPONENT_PLACEHOLDER_VIRTUAL_ID}`;
@@ -103,6 +115,104 @@ function wrapServerComponentTemplate(code) {
 	return `${code.slice(0, tpl.start)}<template${tpl.attrs}>${newContent}</template>${code.slice(tpl.end)}`;
 }
 /**
+* `.server.vue` 是否带 `<template>` 块。
+*
+* 用于把「包裹不了」的两种情况区分开：**没有 `<template>`**（render 函数 / `export { default }
+* from …` 这类写法）必须报错，而**已经包裹过**（幂等）应当静默跳过。
+*
+* 为什么没有 `<template>` 就必须报错：客户端侧一律替换成 stub（渲染 `<ubean-server-only>`），
+* 服务端侧的内容必须被包进**同名元素**才能在水合时对齐。没有 `<template>` 时服务端输出的是
+* 组件自己的根元素，与 stub 的根标签不一致 —— 实测 Vue 报
+* `Hydration node mismatch: rendered on server: JSHandle@node / expected on client: ubean-server-only`，
+* 并且**把服务端渲染出来的内容清掉**（首屏有内容、水合后变空），比不渲染更糟。
+*/
+function hasServerComponentTemplate(code) {
+	return extractTemplateBlock(code) !== null;
+}
+/**
+* 父级元素只允许特定子元素、且浏览器解析器会**重构 DOM** 的那些标签。
+*
+* `.server.vue` 在客户端图里会渲染一个 `<ubean-server-only>` 包裹元素（客户端记录
+* `vdom` 里的节点，水合才能保住服务端内容），而普通元素不可能在所有上下文都合法：
+*
+* - **表格上下文**：包裹元素被 foster-parent 到表格**之外**（实测：内容出现在表格前、
+*   `<tr>` 变空），随后水合报 `Hydration node mismatch` / `Hydration children mismatch`
+*   并移除内容；生产模式下这些告警被剥掉，表现为静默的错位 + 内容丢失。
+* - **`select` / `optgroup`**：解析器处于 "in select" 插入模式，无法识别的标签被**直接丢弃**。
+*
+* 刻意**不含** `ul` / `ol` / `dl` / `menu`：那些上下文里非 `li` 子元素虽然是不合法 HTML，但解析器
+* 不会搬移或丢弃它（两侧 DOM 一致，水合正常），报错会是误报。
+*/
+const RESTRICTED_SERVER_COMPONENT_PARENTS = /* @__PURE__ */ new Set([
+	"table",
+	"thead",
+	"tbody",
+	"tfoot",
+	"tr",
+	"colgroup",
+	"select",
+	"optgroup"
+]);
+/** 对 DOM 嵌套透明、不改变实际父级的标签（判断嵌套时向上穿透）。 */
+const TRANSPARENT_NESTING_TAGS = /* @__PURE__ */ new Set(["template", "slot"]);
+/**
+* 找出「直接作为受限父级子元素」使用的 `.server.vue` 组件（见
+* {@link RESTRICTED_SERVER_COMPONENT_PARENTS}）。
+*
+* 判据只看**静态可解析**的部分：标签名能在 `<script setup>` 的 import 映射里找到，且 import 路径
+* 以 `.server.vue` 结尾。驼峰/连字符两种写法都认（`<ServerGreeting />` 与 `<server-greeting />`）。
+* 通过 barrel 再导出、或运行时动态解析的组件看不出来 —— 宁可漏报也不误报。
+*/
+function findRestrictedServerComponentUsage(code, importMap) {
+	const template = extractTemplateBlock(code)?.content ?? "";
+	if (!template) return [];
+	const usages = [];
+	const stack = [];
+	const tagRe = /<(\/?)([A-Za-z][\w.:-]*)((?:"[^"]*"|'[^']*'|[^>"'])*?)(\/?)>/g;
+	let match;
+	while ((match = tagRe.exec(template)) !== null) {
+		const [, closing, rawName, , selfClosing] = match;
+		const name = rawName;
+		if (closing) {
+			const idx = stack.lastIndexOf(name);
+			if (idx !== -1) stack.length = idx;
+			continue;
+		}
+		let parent;
+		for (let i = stack.length - 1; i >= 0; i--) if (!TRANSPARENT_NESTING_TAGS.has(stack[i].toLowerCase())) {
+			parent = stack[i];
+			break;
+		}
+		if (parent && RESTRICTED_SERVER_COMPONENT_PARENTS.has(parent.toLowerCase())) {
+			if ((importMap.get(name) ?? importMap.get(kebabToPascal(name)))?.endsWith(".server.vue")) usages.push({
+				parent: parent.toLowerCase(),
+				tag: name
+			});
+		}
+		if (!selfClosing && !VOID_TAGS.has(name.toLowerCase())) stack.push(name);
+	}
+	return usages;
+}
+/** 空元素（无闭合标签）——误当作父级会让后面的标签判错层级。 */
+const VOID_TAGS = /* @__PURE__ */ new Set([
+	"area",
+	"base",
+	"br",
+	"col",
+	"embed",
+	"hr",
+	"img",
+	"input",
+	"link",
+	"meta",
+	"source",
+	"track",
+	"wbr"
+]);
+function kebabToPascal(name) {
+	return name.split("-").map((part) => part ? part[0].toUpperCase() + part.slice(1) : part).join("");
+}
+/**
 * 判断 id 是否为 SFC 主模块（非 `?vue&type=...` 子查询）。
 *
 * 收集 island 组件时需要同时访问 `<script setup>` 与 `<template>` 块，
@@ -936,28 +1046,33 @@ function ubeanIslandsPlugin(_options = {}) {
 		async resolveId(id, importer, options) {
 			if (id === "virtual:ubean-islands-registry") return ISLANDS_REGISTRY_RESOLVED_ID;
 			if (!enabled) return void 0;
-			if (!options?.ssr && !isVueSubRequest(id) && isServerComponentFile(id)) return SERVER_COMPONENT_STUB_RESOLVED_ID;
+			if (!options?.ssr && !isVueSubRequest(id) && isServerComponentFile(id)) {
+				const resolved = await this.resolve(id, importer, { skipSelf: true });
+				return `${SERVER_COMPONENT_STUB_PREFIX}${resolved?.id ?? id}${WRAPPER_VIRTUAL_TAIL}`;
+			}
 			if (!isVueSubRequest(id) && isClientComponentFile(id) && !importer?.startsWith(CLIENT_COMPONENT_WRAPPER_PREFIX) && !importer?.startsWith(PAIRED_COMPONENT_WRAPPER_PREFIX)) {
 				if (options?.ssr) return CLIENT_COMPONENT_PLACEHOLDER_RESOLVED_ID;
 				const resolved = await this.resolve(id, importer, { skipSelf: true });
 				if (!resolved) return void 0;
 				return `${CLIENT_COMPONENT_WRAPPER_PREFIX}${resolved.id}${WRAPPER_VIRTUAL_TAIL}`;
 			}
-			if (importer && !importer.startsWith("\0") && !isVueSubRequest(id) && id.endsWith(".vue") && !isServerComponentFile(id) && !isClientComponentFile(id) && id.startsWith(".")) {
-				const importerDir = dirname(resolve(importer));
-				const baseName = resolve(importerDir, id).slice(0, -4);
-				const serverSibling = `${baseName}.server.vue`;
-				const clientSibling = `${baseName}.client.vue`;
-				const hasServer = existsSync(serverSibling);
-				const hasClient = existsSync(clientSibling);
-				if (hasServer && hasClient) return `${PAIRED_COMPONENT_WRAPPER_PREFIX}${serverSibling}${PAIRED_PATH_SEPARATOR}${clientSibling}${WRAPPER_VIRTUAL_TAIL}`;
-				if (hasServer) return serverSibling;
-				if (hasClient) return clientSibling;
+			if (importer && !importer.startsWith("\0") && !isVueSubRequest(id) && id.endsWith(".vue") && !isServerComponentFile(id) && !isClientComponentFile(id)) {
+				if (await this.resolve(id, importer, { skipSelf: true })) return void 0;
+				const base = id.slice(0, -4);
+				const serverSibling = await this.resolve(`${base}.server.vue`, importer, { skipSelf: true });
+				const clientSibling = await this.resolve(`${base}.client.vue`, importer, { skipSelf: true });
+				if (serverSibling && clientSibling) return `${PAIRED_COMPONENT_WRAPPER_PREFIX}${serverSibling.id}${PAIRED_PATH_SEPARATOR}${clientSibling.id}${WRAPPER_VIRTUAL_TAIL}`;
+				if (serverSibling) return serverSibling.id;
+				if (clientSibling) return clientSibling.id;
 			}
 		},
 		load(id, options) {
 			if (id === ISLANDS_REGISTRY_RESOLVED_ID) return generateRegistryModule(islandComponents);
 			if (id === SERVER_COMPONENT_STUB_RESOLVED_ID) return `import { ServerComponentStub } from '@ubean/islands/runtime';\nexport default ServerComponentStub;`;
+			if (id.startsWith(SERVER_COMPONENT_STUB_PREFIX)) {
+				const name = id.slice(37).replace(WRAPPER_VIRTUAL_TAIL, "").split("/").pop().replace(/\.server\.vue$/, "");
+				return `import { ServerComponentStub } from '@ubean/islands/runtime';\nexport default { ...ServerComponentStub, name: ${JSON.stringify(name)} };\n`;
+			}
 			if (id === CLIENT_COMPONENT_PLACEHOLDER_RESOLVED_ID) return `import { ClientComponentPlaceholder } from '@ubean/islands/runtime';\nexport default ClientComponentPlaceholder;`;
 			if (id.startsWith(CLIENT_COMPONENT_WRAPPER_PREFIX)) {
 				const realPath = id.slice(32).replace(WRAPPER_VIRTUAL_TAIL, "");
@@ -990,6 +1105,18 @@ function ubeanIslandsPlugin(_options = {}) {
 				if (wrapped !== null) {
 					code = wrapped;
 					serverWrapped = true;
+				} else if (!hasServerComponentTemplate(code)) throw new Error(`[ubean] \`${normalizedId}\` 是 \`.server.vue\`（Server Component），但没有 <template> 块。\n客户端侧会被替换成通用 stub，服务端内容必须包进 <ubean-server-only> 才能在水合时对齐；没有 <template> 时（render 函数、\`export { default } from …\` 等写法）两侧根元素不一致，水合会清掉服务端渲染的内容。
+修法：改成 <template> 形式的 SFC。`);
+			}
+			if (code.includes(".server.vue")) {
+				const restricted = findRestrictedServerComponentUsage(code, parseScriptImports(extractScriptBlock(code)));
+				if (restricted.length > 0) {
+					const detail = restricted.map((u) => `\`<${u.parent}> > <${u.tag} />\``).join("、");
+					throw new Error(`[ubean] \`${normalizedId}\` 在受限父级里直接使用了 Server Component：${detail}。\n\`.server.vue\` 在客户端图里会渲染一个 <ubean-server-only> 包裹元素（客户端 vdom 必须有对应节点，水合才能保住服务端内容），而普通元素不可能在所有上下文都合法：
+  · 表格上下文（table/tr/tbody/…）：包裹元素被解析器提到表格**之外** —— 实测内容出现在表格前、\`<tr>\` 变空，随后水合报 mismatch 并**移除内容**（生产模式静默）；
+  · select/optgroup：解析器直接**丢弃**不认识的标签。
+修法：让服务端组件自己渲染容器（如整个 <table>），或把它放进允许的子元素（<td> / <li>）。
+（\`.client.vue\` 没有这个限制：它的占位符是注释节点。）`);
 				}
 			}
 			if (!ANY_DIRECTIVE_RE.test(code) && !serverWrapped) return code !== originalCode ? { code } : null;
@@ -1017,4 +1144,4 @@ function ubeanIslandsPlugin(_options = {}) {
 	};
 }
 //#endregion
-export { CLIENT_COMPONENT_PLACEHOLDER_VIRTUAL_ID, ISLANDS_REGISTRY_VIRTUAL_ID, SERVER_COMPONENT_STUB_VIRTUAL_ID, collectIslandComponents, generateRegistryModule, injectServerComponentPath, isClientComponentFile, isServerComponentFile, parseScriptImports, resolveIslandImportPath, scanIslandDirectiveNames, transformVueSfcIslands, ubeanIslandsPlugin, wrapServerComponentTemplate };
+export { CLIENT_COMPONENT_PLACEHOLDER_VIRTUAL_ID, ISLANDS_REGISTRY_VIRTUAL_ID, SERVER_COMPONENT_STUB_VIRTUAL_ID, collectIslandComponents, findRestrictedServerComponentUsage, generateRegistryModule, hasServerComponentTemplate, injectServerComponentPath, isClientComponentFile, isServerComponentFile, parseScriptImports, resolveIslandImportPath, scanIslandDirectiveNames, transformVueSfcIslands, ubeanIslandsPlugin, wrapServerComponentTemplate };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ubean/islands",
-  "version": "0.6.0-beta.1",
+  "version": "0.6.0-beta.3",
   "description": "Islands architecture for ubean (Vite plugin for client:load/idle/visible/media/only directives, bootstrap script, client hydrate runtime)",
   "files": [
     "dist"
@@ -36,18 +36,18 @@
     }
   },
   "dependencies": {
-    "@ubean/shared": "0.6.0-beta.1",
-    "hono": "4.13.7",
-    "vue": "^3.5.42"
+    "@ubean/shared": "0.6.0-beta.3",
+    "hono": "4.13.9",
+    "vue": "^3.5.43"
   },
   "devDependencies": {
-    "@types/node": "^26.5.0",
+    "@types/node": "^26.6.2",
     "typescript": "npm:typescript-native-bridge@latest",
-    "vite": "npm:@voidzero-dev/vite-plus-core@0.3.1",
-    "vite-plus": "0.3.1"
+    "vite": "npm:@voidzero-dev/vite-plus-core@latest",
+    "vite-plus": "latest"
   },
   "peerDependencies": {
-    "vite": "npm:@voidzero-dev/vite-plus-core@0.3.1"
+    "vite": "npm:@voidzero-dev/vite-plus-core@latest"
   },
   "peerDependenciesMeta": {
     "vite": {