vite-plugin-taro 0.5.0 → 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/dev-host.js

@@ -9,6 +9,7 @@ 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
@@ -117,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);
@@ -149,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();

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.5.0",
+  "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",
@@ -74,8 +74,8 @@
     "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.5.0",
-    "@tarojs/react": "npm:vite-plugin-taro-react@0.5.0"
+    "@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",

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/dev-host.ts

@@ -22,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>
@@ -169,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)
@@ -204,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()

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))
+}