vite-plugin-taro 0.5.10 → 0.5.12

package/README.en.md

@@ -20,7 +20,7 @@ Continue with the [Quick Start guide](https://vpt.js.org/guides/quick-start/).
 
 ### React Hot Reload in WeChat DevTools
 
-<video src="https://github.com/user-attachments/assets/cd4e6d97-6bc7-40e0-9ba9-206c9fe369f1" controls autoplay muted loop playsinline width="100%"></video>
+<video src="https://github.com/user-attachments/assets/cb93daf5-1827-496a-bb74-8397975accf6" controls autoplay muted loop playsinline width="100%"></video>
 
 - **Vite 8 + React 19** Build one codebase for WeChat Mini Program and Web with the Vite ecosystem.
 - **Hot reload** Preserve App data, the active page, React component state, and input state while editing.

package/README.md

@@ -21,7 +21,7 @@ npm create vite-taro@latest my-app
 
 ### 已支持微信开发者工具的 React 热更新
 
-<video src="https://github.com/user-attachments/assets/cd4e6d97-6bc7-40e0-9ba9-206c9fe369f1" controls autoplay muted loop playsinline width="100%"></video>
+<video src="https://github.com/user-attachments/assets/cb93daf5-1827-496a-bb74-8397975accf6" controls autoplay muted loop playsinline width="100%"></video>
 
 - **Vite 8 + React 19** 基于 Vite 生态，一份代码覆盖微信小程序与 Web。
 - **热更新** 编辑代码时保留 App 数据、当前页面、React 组件状态与输入状态。

package/dist/node/plugins/wx/dev/dev-host.js

@@ -185,11 +185,9 @@ async function publishBuildMetadata(server, buildId, port) {
     await writeHmrFile(server.config.build.outDir, hmrPatchesFileName, renderInitialHmrPatches());
     await writeHmrFile(server.config.build.outDir, hmrInfoFileName, renderHmrInfo(info));
 }
-/** Appends the physical project directory after Vite's normal server URLs. */
+/** Replaces browser server URLs with the physical project directory consumed by WeChat DevTools. */
 function installDevToolsPrinter(server) {
-    const originalPrintUrls = server.printUrls.bind(server);
     server.printUrls = () => {
-        originalPrintUrls();
         server.config.logger.info(`  ${colors.green('➜')}  ${colors.bold('WeChat DevTools')}: ${colors.cyan(relativeToViteConfig(server.config.build.outDir, server.config.configFile, server.config.root))}`);
     };
 }

package/dist/node/plugins/wx/placement/placer.js

@@ -1,3 +1,4 @@
+import path from 'node:path';
 import { getWxExecutionKind, isTransportModule } from '../module.js';
 import { createPlacementPlan, getSubpackageName, isGeneratedSubpackageFile, mainPackage } from './plan.js';
 /**
@@ -94,9 +95,9 @@ export function createPlacer() {
                     if (location.kind === 'main') {
                         return 'assets/[name]-[hash].js';
                     }
-                    // The containing subpackage already supplies a stable identity. Do not leak the Rolldown group name
-                    // into every physical chunk filename; content identity alone is sufficient beneath that root.
-                    return `${location.root}/assets/[hash].js`;
+                    // The package group replaces Rolldown's [name], so recover the first bundled source file's name from
+                    // the final chunk module list instead of leaking the generated package hash into the filename.
+                    return `${location.root}/assets/${getFirstModuleName(chunk)}-[hash].js`;
                 },
                 // Keep generic assets independent of native output identities assigned after bundling.
                 assetFileNames: 'assets/[name]-[hash][extname]'
@@ -138,6 +139,19 @@ export function createPlacer() {
         }
     };
 }
+/** Uses the first bundled source filename as the readable identity of a generated subpackage chunk. */
+function getFirstModuleName(chunk) {
+    const firstModuleId = chunk.moduleIds[0];
+    if (!firstModuleId) {
+        throw new Error('wx subpackage chunk has no source modules');
+    }
+    const normalizedId = firstModuleId.replaceAll('\\', '/');
+    const suffixIndex = normalizedId.search(/[?#]/);
+    const cleanId = suffixIndex === -1 ? normalizedId : normalizedId.slice(0, suffixIndex);
+    const fileName = path.posix.basename(cleanId);
+    const extension = path.posix.extname(fileName);
+    return extension ? fileName.slice(0, -extension.length) : fileName;
+}
 /** Compares main by discriminant and generated subpackages by their unique physical root. */
 function hasSameLocation(left, right) {
     return left.kind === 'main' ? right.kind === 'main' : right.kind === 'subpackage' && left.root === right.root;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "vite-plugin-taro",
-  "version": "0.5.10",
+  "version": "0.5.12",
   "author": "sep2",
   "description": "Vite 8 plugin for building one React/Taro codebase for WeChat Mini Program and H5 targets.",
   "type": "module",
@@ -75,8 +75,8 @@
     "rolldown": "1.2.3",
     "tailwindcss": "^4.3.3",
     "weapp-tailwindcss": "^5.2.11",
-    "@tarojs/react": "npm:vite-plugin-taro-react@0.5.10",
-    "@tarojs/plugin-framework-react": "npm:vite-plugin-taro-plugin-framework-react@0.5.10"
+    "@tarojs/plugin-framework-react": "npm:vite-plugin-taro-plugin-framework-react@0.5.12",
+    "@tarojs/react": "npm:vite-plugin-taro-react@0.5.12"
   },
   "peerDependencies": {
     "react": "^19.0.0",

package/src/node/plugins/wx/dev/dev-host.ts

@@ -256,11 +256,9 @@ async function publishBuildMetadata(server: ViteDevServer, buildId: string, port
     await writeHmrFile(server.config.build.outDir, hmrInfoFileName, renderHmrInfo(info))
 }
 
-/** Appends the physical project directory after Vite's normal server URLs. */
+/** Replaces browser server URLs with the physical project directory consumed by WeChat DevTools. */
 function installDevToolsPrinter(server: ViteDevServer): void {
-    const originalPrintUrls = server.printUrls.bind(server)
     server.printUrls = () => {
-        originalPrintUrls()
         server.config.logger.info(
             `  ${colors.green('➜')}  ${colors.bold('WeChat DevTools')}: ${colors.cyan(relativeToViteConfig(server.config.build.outDir, server.config.configFile, server.config.root))}`
         )

package/src/node/plugins/wx/placement/placer.ts

@@ -1,3 +1,4 @@
+import path from 'node:path'
 import type { Rolldown } from 'vite'
 import { getWxExecutionKind, isTransportModule } from '../module.ts'
 import {
@@ -117,9 +118,9 @@ export function createPlacer() {
                     if (location.kind === 'main') {
                         return 'assets/[name]-[hash].js'
                     }
-                    // The containing subpackage already supplies a stable identity. Do not leak the Rolldown group name
-                    // into every physical chunk filename; content identity alone is sufficient beneath that root.
-                    return `${location.root}/assets/[hash].js`
+                    // The package group replaces Rolldown's [name], so recover the first bundled source file's name from
+                    // the final chunk module list instead of leaking the generated package hash into the filename.
+                    return `${location.root}/assets/${getFirstModuleName(chunk)}-[hash].js`
                 },
                 // Keep generic assets independent of native output identities assigned after bundling.
                 assetFileNames: 'assets/[name]-[hash][extname]'
@@ -165,6 +166,21 @@ export function createPlacer() {
     }
 }
 
+/** Uses the first bundled source filename as the readable identity of a generated subpackage chunk. */
+function getFirstModuleName(chunk: Rolldown.PreRenderedChunk): string {
+    const firstModuleId = chunk.moduleIds[0]
+    if (!firstModuleId) {
+        throw new Error('wx subpackage chunk has no source modules')
+    }
+
+    const normalizedId = firstModuleId.replaceAll('\\', '/')
+    const suffixIndex = normalizedId.search(/[?#]/)
+    const cleanId = suffixIndex === -1 ? normalizedId : normalizedId.slice(0, suffixIndex)
+    const fileName = path.posix.basename(cleanId)
+    const extension = path.posix.extname(fileName)
+    return extension ? fileName.slice(0, -extension.length) : fileName
+}
+
 /** Compares main by discriminant and generated subpackages by their unique physical root. */
 function hasSameLocation(left: PackageLocation, right: PackageLocation): boolean {
     return left.kind === 'main' ? right.kind === 'main' : right.kind === 'subpackage' && left.root === right.root