@weapp-tailwindcss/lynx 0.1.0 → 0.2.0

package/README.md

@@ -27,4 +27,16 @@ export default defineConfig({
 @source "./src";
 ```
 
-`pluginLynxTailwindcss` 固定使用 `platform: 'lynx'` 与 `generator.target: 'web'`。首版仅支持 ReactLynx + Rspeedy 与 Tailwind CSS v4；不覆盖 Rspeedy Web 输出、非 React Lynx 框架、Tailwind CSS v3 或 React Native 风格的运行时样式映射。
+`pluginLynxTailwindcss` 固定使用 `platform: 'lynx'`、`generator.target: 'web'` 与 Lynx 原生兼容输出。Tailwind v4 theme 变量会在构建期静态化，确保 `bg-sky-500`、`p-6`、`text-lg` 等标准 utility 能进入 Lynx 原生样式表；应用自行定义的动态 CSS 变量保持不变。
+
+首版仅支持 ReactLynx + Rspeedy 与 Tailwind CSS v4；不覆盖 Rspeedy Web 输出、非 React Lynx 框架、Tailwind CSS v3 或 React Native 风格的运行时样式映射。
+
+## iOS 视觉验收
+
+仓库开发者可在已安装 LynxExplorer 的 iOS Simulator 中运行：
+
+```bash
+pnpm e2e:lynx:ios
+```
+
+命令会启动 Rspeedy、解析实际 bundle URL、将 URL 写入 Simulator pasteboard，并在截图后按生成的 `bg-sky-500` 颜色做像素断言。当前 LynxExplorer iOS 版本没有可用的 deep-link 回调，因此需在提示出现后手动将 URL 粘贴到首页、点击 Go，再回到终端按 Enter；其余截图、裁剪、像素分析和 dev server 清理均自动完成。

package/dist/index.cjs

@@ -4,15 +4,25 @@ let weapp_tailwindcss_rspack = require("weapp-tailwindcss/rspack");
 const PLUGIN_NAME = "weapp-tailwindcss:lynx";
 function normalizeOptions(options) {
 	const { rspack: _rspack, generator, ...rest } = options;
+	const generatorOptions = generator === false ? {} : generator;
 	return {
 		...rest,
+		rewriteCssImports: true,
 		platform: "lynx",
 		cssOptions: {
 			...options.cssOptions,
 			platform: "lynx"
 		},
 		generator: {
-			...generator === false ? {} : generator,
+			...generatorOptions,
+			webCompat: true,
+			styleOptions: {
+				...generatorOptions?.styleOptions,
+				cssOptions: {
+					...generatorOptions?.styleOptions?.cssOptions,
+					platform: "lynx"
+				}
+			},
 			target: "web"
 		}
 	};

package/dist/index.d.ts

@@ -1,6 +1,6 @@
-import { PatchRspackConfigOptions } from "weapp-tailwindcss/rspack";
 import { RsbuildPlugin } from "@lynx-js/rspeedy";
 import { WeappTailwindcssGeneratorOptions } from "weapp-tailwindcss/generator";
+import { PatchRspackConfigOptions } from "weapp-tailwindcss/rspack";
 import { UserDefinedOptions } from "weapp-tailwindcss/types";
 //#region src/index.d.ts
 declare const PLUGIN_NAME = "weapp-tailwindcss:lynx";

package/dist/index.js

@@ -3,15 +3,25 @@ import { WeappTailwindcss, patchRspackConfig } from "weapp-tailwindcss/rspack";
 const PLUGIN_NAME = "weapp-tailwindcss:lynx";
 function normalizeOptions(options) {
 	const { rspack: _rspack, generator, ...rest } = options;
+	const generatorOptions = generator === false ? {} : generator;
 	return {
 		...rest,
+		rewriteCssImports: true,
 		platform: "lynx",
 		cssOptions: {
 			...options.cssOptions,
 			platform: "lynx"
 		},
 		generator: {
-			...generator === false ? {} : generator,
+			...generatorOptions,
+			webCompat: true,
+			styleOptions: {
+				...generatorOptions?.styleOptions,
+				cssOptions: {
+					...generatorOptions?.styleOptions?.cssOptions,
+					platform: "lynx"
+				}
+			},
 			target: "web"
 		}
 	};

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@weapp-tailwindcss/lynx",
   "type": "module",
-  "version": "0.1.0",
+  "version": "0.2.0",
   "description": "Tailwind CSS 4 integration for ReactLynx and Rspeedy.",
   "license": "MIT",
   "repository": {
@@ -43,7 +43,7 @@
     }
   },
   "dependencies": {
-    "weapp-tailwindcss": "^5.2.12"
+    "weapp-tailwindcss": "^5.2.13"
   },
   "devDependencies": {
     "@lynx-js/rspeedy": "^0.16.3",