vite-plugin-taro 0.4.2 → 0.5.1

package/dist/node/plugins/css/plugins.d.ts

@@ -1,4 +1,6 @@
 import type { PluginOption } from 'vite';
 import type { VitePluginTaroTarget } from '../../../options.ts';
+/** Completes the final compatibility pass required by generated WXSS. */
+export declare function adaptWxss(source: string): Promise<string>;
 /** Creates the target-aware Tailwind CSS plugins. */
 export declare function createCssPlugins(target: VitePluginTaroTarget): PluginOption[];

package/dist/node/plugins/css/plugins.js

@@ -11,6 +11,11 @@ const wxStyleOptions = {
     rem2rpx: true,
     px2rpx: true
 };
+const transformWxss = createStyleHandler(wxStyleOptions);
+/** Completes the final compatibility pass required by generated WXSS. */
+export async function adaptWxss(source) {
+    return (await transformWxss(source)).css;
+}
 /** Creates the target-aware Tailwind CSS plugins. */
 export function createCssPlugins(target) {
     const wx = target === 'wx';
@@ -53,9 +58,6 @@ export function createCssPlugins(target) {
  * Remove it when upstream both completes adaptation and preserves the bundler-selected filename.
  */
 function createWxssCompatibilityFinalizer() {
-    // This compatibility pass only needs the PostCSS style pipeline. Creating a complete weapp-tailwindcss context here
-    // would initialize another Tailwind compiler and source scanner for CSS that the upstream Vite plugin already generated.
-    const transformWxss = createStyleHandler(wxStyleOptions);
     return {
         name: 'vpt:wxss-compatibility-finalizer',
         enforce: 'post',
@@ -75,7 +77,7 @@ function createWxssCompatibilityFinalizer() {
                     ? globalStyleAsset.source
                     : new TextDecoder().decode(globalStyleAsset.source);
                 if (source.length > 0) {
-                    globalStyleAsset.source = (await transformWxss(source)).css;
+                    globalStyleAsset.source = await adaptWxss(source);
                 }
                 globalStyleAsset.fileName = 'app.wxss';
             }

package/dist/node/plugins/wx/dev/create-wx-dev-mode.d.ts

@@ -0,0 +1,6 @@
+import type { InputOptions } from 'rolldown';
+type DevMode = NonNullable<NonNullable<InputOptions['experimental']>['devMode']>;
+type DevModeOptions = Exclude<DevMode, boolean>;
+/** Installs the custom WX runtime while restoring Rolldown's common runtime base. */
+export declare function createWxDevMode(devMode: DevMode | undefined, implement: string): DevModeOptions;
+export {};

package/dist/node/plugins/wx/dev/create-wx-dev-mode.js

@@ -0,0 +1,9 @@
+/** Installs the custom WX runtime while restoring Rolldown's common runtime base. */
+export function createWxDevMode(devMode, implement) {
+    return {
+        ...(typeof devMode === 'object' ? devMode : {}),
+        implement,
+        lazy: false,
+        skipCommonRuntimeInjection: false
+    };
+}

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

@@ -5,9 +5,11 @@ import { dev, viteReporterPlugin } from 'rolldown/experimental';
 import { once } from '../../../utils/once.js';
 import { resolvePackageFile } from '../../../utils/packages.js';
 import { appShellFileName } from '../module.js';
+import { createWxDevMode } from './create-wx-dev-mode.js';
 import { emptyOutputDirectory } from './empty-output-directory.js';
 import { hmrControlPath, hmrInfoFileName, hmrPatchesFileName, renderHmrInfo, renderInitialHmrPatches, writeHmrFile } from './hmr-files.js';
 import { PatchPublisher } from './patch-publisher.js';
+import { publishWxDevStyle } from './publish-wx-dev-style.js';
 /**
  * Creates the wx dev host: the adapter that owns the physical Rolldown DevEngine (created
  * with dev(...)) and the patch publisher, and replaces Vite's bundledDev.listen so the
@@ -116,6 +118,7 @@ export async function createWxDevHost({ server, options }) {
             throw new Error('wx development requires exactly one Rolldown output.');
         }
         return dev(rolldownOptions, rolldownOptions.output, {
+            onAdditionalAssets: (output) => publishWxDevStyle(output, server.config.build.outDir),
             onHmrUpdates: async (result) => {
                 if (result instanceof Error) {
                     logWxError(server.config.logger, 'wx HMR update failed', result);
@@ -148,6 +151,7 @@ export async function createWxDevHost({ server, options }) {
                     logWxError(server.config.logger, 'wx dev build failed', result);
                     return;
                 }
+                await publishWxDevStyle(result, server.config.build.outDir);
                 // A fresh build identity per complete physical build; the App runtime reads it
                 // from hmr/info.js before any module registers.
                 await startFreshBuild();
@@ -185,13 +189,7 @@ export async function createWxDevHost({ server, options }) {
                 sourcemap: false
             });
             rolldownOptions.experimental ??= {};
-            rolldownOptions.experimental.devMode = {
-                ...(typeof rolldownOptions.experimental.devMode === 'object'
-                    ? rolldownOptions.experimental.devMode
-                    : {}),
-                implement: await bundleRuntimeSource(),
-                lazy: false
-            };
+            rolldownOptions.experimental.devMode = createWxDevMode(rolldownOptions.experimental.devMode, await bundleRuntimeSource());
             const emptyOutputDirectoryPlugin = {
                 name: 'vpt:wx-empty-output-directory',
                 renderStart: {

package/dist/node/plugins/wx/dev/publish-wx-dev-style.d.ts

@@ -0,0 +1,11 @@
+type DevOutputFile = Readonly<{
+    type: string;
+    fileName: string;
+    source?: string | Uint8Array;
+}>;
+type DevOutput = Readonly<{
+    output: readonly DevOutputFile[];
+}>;
+/** Publishes Vite bundled-dev's source-addressed global WXSS at WeChat's required root path. */
+export declare function publishWxDevStyle(output: DevOutput, outDir: string): Promise<void>;
+export {};

package/dist/node/plugins/wx/dev/publish-wx-dev-style.js

@@ -0,0 +1,12 @@
+import { writeFile } from 'node:fs/promises';
+import path from 'node:path';
+import { adaptWxss } from '../../css/plugins.js';
+/** Publishes Vite bundled-dev's source-addressed global WXSS at WeChat's required root path. */
+export async function publishWxDevStyle(output, outDir) {
+    // WX disables CSS splitting, so the only non-empty WXSS asset is the application stylesheet; Page companions are empty.
+    const globalStyle = output.output.find((file) => file.type === 'asset' && file.fileName.endsWith('.wxss') && file.source && file.source.length > 0);
+    if (!globalStyle?.source)
+        return;
+    const source = typeof globalStyle.source === 'string' ? globalStyle.source : new TextDecoder().decode(globalStyle.source);
+    await writeFile(path.join(outDir, 'app.wxss'), await adaptWxss(source));
+}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "vite-plugin-taro",
-  "version": "0.4.2",
+  "version": "0.5.1",
   "author": "sep2",
   "description": "Vite 8 plugin for building one React/Taro codebase for WeChat Mini Program and H5 targets.",
   "type": "module",
@@ -71,16 +71,16 @@
     "picocolors": "^1.1.1",
     "react-reconciler": "0.33.0",
     "react-refresh": "^0.18.0",
-    "rolldown": "~1.2.2",
+    "rolldown": "1.2.3",
     "tailwindcss": "^4.3.3",
     "weapp-tailwindcss": "^5.2.11",
-    "@tarojs/plugin-framework-react": "npm:vite-plugin-taro-plugin-framework-react@0.4.2",
-    "@tarojs/react": "npm:vite-plugin-taro-react@0.4.2"
+    "@tarojs/plugin-framework-react": "npm:vite-plugin-taro-plugin-framework-react@0.5.1",
+    "@tarojs/react": "npm:vite-plugin-taro-react@0.5.1"
   },
   "peerDependencies": {
     "react": "^19.0.0",
     "react-dom": "^19.0.0",
-    "vite": "^8.2.0"
+    "vite": "8.2.1"
   },
   "devDependencies": {
     "@types/babel__core": "^7.20.5",
@@ -90,7 +90,7 @@
     "@types/react-dom": "^19.2.3",
     "@types/react-refresh": "^0.14.7",
     "typescript": "^7.0.2",
-    "vite": "^8.2.0"
+    "vite": "8.2.1"
   },
   "scripts": {
     "build": "node ../../scripts/sync-plugin-readme.ts && node ../../scripts/clean-directory.ts dist && tsc --project tsconfig.build.json",

package/src/node/plugins/css/plugins.ts

@@ -16,6 +16,13 @@ const wxStyleOptions = {
     px2rpx: true
 } as const
 
+const transformWxss = createStyleHandler(wxStyleOptions)
+
+/** Completes the final compatibility pass required by generated WXSS. */
+export async function adaptWxss(source: string): Promise<string> {
+    return (await transformWxss(source)).css
+}
+
 /** Creates the target-aware Tailwind CSS plugins. */
 export function createCssPlugins(target: VitePluginTaroTarget): PluginOption[] {
     const wx = target === 'wx'
@@ -60,10 +67,6 @@ export function createCssPlugins(target: VitePluginTaroTarget): PluginOption[] {
  * Remove it when upstream both completes adaptation and preserves the bundler-selected filename.
  */
 function createWxssCompatibilityFinalizer(): Plugin {
-    // This compatibility pass only needs the PostCSS style pipeline. Creating a complete weapp-tailwindcss context here
-    // would initialize another Tailwind compiler and source scanner for CSS that the upstream Vite plugin already generated.
-    const transformWxss = createStyleHandler(wxStyleOptions)
-
     return {
         name: 'vpt:wxss-compatibility-finalizer',
         enforce: 'post',
@@ -87,7 +90,7 @@ function createWxssCompatibilityFinalizer(): Plugin {
                         ? globalStyleAsset.source
                         : new TextDecoder().decode(globalStyleAsset.source)
                 if (source.length > 0) {
-                    globalStyleAsset.source = (await transformWxss(source)).css
+                    globalStyleAsset.source = await adaptWxss(source)
                 }
                 globalStyleAsset.fileName = 'app.wxss'
             }

package/src/node/plugins/wx/dev/create-wx-dev-mode.ts

@@ -0,0 +1,14 @@
+import type { InputOptions } from 'rolldown'
+
+type DevMode = NonNullable<NonNullable<InputOptions['experimental']>['devMode']>
+type DevModeOptions = Exclude<DevMode, boolean>
+
+/** Installs the custom WX runtime while restoring Rolldown's common runtime base. */
+export function createWxDevMode(devMode: DevMode | undefined, implement: string): DevModeOptions {
+    return {
+        ...(typeof devMode === 'object' ? devMode : {}),
+        implement,
+        lazy: false,
+        skipCommonRuntimeInjection: false
+    }
+}

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

@@ -9,6 +9,7 @@ import type { VitePluginTaroOptions } from '../../../../options.ts'
 import { once } from '../../../utils/once.ts'
 import { resolvePackageFile } from '../../../utils/packages.ts'
 import { appShellFileName } from '../module.ts'
+import { createWxDevMode } from './create-wx-dev-mode.ts'
 import { emptyOutputDirectory } from './empty-output-directory.ts'
 import {
     type HmrInfo,
@@ -21,6 +22,7 @@ import {
     writeHmrFile
 } from './hmr-files.ts'
 import { PatchPublisher } from './patch-publisher.ts'
+import { publishWxDevStyle } from './publish-wx-dev-style.ts'
 
 export type WxDevHost = Readonly<{
     close: () => Promise<void>
@@ -168,6 +170,7 @@ export async function createWxDevHost({
         }
 
         return dev(rolldownOptions, rolldownOptions.output, {
+            onAdditionalAssets: (output) => publishWxDevStyle(output, server.config.build.outDir),
             onHmrUpdates: async (result) => {
                 if (result instanceof Error) {
                     logWxError(server.config.logger, 'wx HMR update failed', result)
@@ -203,6 +206,7 @@ export async function createWxDevHost({
                     logWxError(server.config.logger, 'wx dev build failed', result)
                     return
                 }
+                await publishWxDevStyle(result, server.config.build.outDir)
                 // A fresh build identity per complete physical build; the App runtime reads it
                 // from hmr/info.js before any module registers.
                 await startFreshBuild()
@@ -245,13 +249,10 @@ export async function createWxDevHost({
             })
 
             rolldownOptions.experimental ??= {}
-            rolldownOptions.experimental.devMode = {
-                ...(typeof rolldownOptions.experimental.devMode === 'object'
-                    ? rolldownOptions.experimental.devMode
-                    : {}),
-                implement: await bundleRuntimeSource(),
-                lazy: false
-            }
+            rolldownOptions.experimental.devMode = createWxDevMode(
+                rolldownOptions.experimental.devMode,
+                await bundleRuntimeSource()
+            )
 
             const emptyOutputDirectoryPlugin: Plugin = {
                 name: 'vpt:wx-empty-output-directory',

package/src/node/plugins/wx/dev/publish-wx-dev-style.ts

@@ -0,0 +1,26 @@
+import { writeFile } from 'node:fs/promises'
+import path from 'node:path'
+import { adaptWxss } from '../../css/plugins.ts'
+
+type DevOutputFile = Readonly<{
+    type: string
+    fileName: string
+    source?: string | Uint8Array
+}>
+
+type DevOutput = Readonly<{
+    output: readonly DevOutputFile[]
+}>
+
+/** Publishes Vite bundled-dev's source-addressed global WXSS at WeChat's required root path. */
+export async function publishWxDevStyle(output: DevOutput, outDir: string): Promise<void> {
+    // WX disables CSS splitting, so the only non-empty WXSS asset is the application stylesheet; Page companions are empty.
+    const globalStyle = output.output.find(
+        (file) => file.type === 'asset' && file.fileName.endsWith('.wxss') && file.source && file.source.length > 0
+    )
+    if (!globalStyle?.source) return
+
+    const source =
+        typeof globalStyle.source === 'string' ? globalStyle.source : new TextDecoder().decode(globalStyle.source)
+    await writeFile(path.join(outDir, 'app.wxss'), await adaptWxss(source))
+}