@weapp-tailwindcss/lynx 0.2.1 → 0.3.1

package/README.md

@@ -61,10 +61,15 @@ pnpm --filter @weapp-tailwindcss/lynx test
 pnpm e2e:lynx
 ```
 
-For repository-level visual validation with iOS Simulator and LynxExplorer:
+`examples/react-lynx` is a multi-page compatibility lab pinned to Tailwind CSS `4.3.3`, Lynx Engine `4.0.1`, bundle `engineVersion: '3.9'`, and `@lynx-js/css-defines` `0.0.16`. Representative cases cover every official utility family, variant kind, directive, and arbitrary syntax branch.
+
+The static gate parses the real `main.css` with PostCSS, then combines `tasm.json.css.cssMap` with encoder removal logs to record `generated` and `bundled` separately. Native support comes only from committed iOS and Android reports; css-defines is only a version hint.
 
 ```bash
+pnpm e2e:lynx:android
 pnpm e2e:lynx:ios
+pnpm e2e:lynx:native
+pnpm e2e:lynx:update
 ```
 
-The visual command starts Rspeedy, resolves the actual bundle URL, captures a screenshot, and checks generated colors. The current LynxExplorer iOS build requires manually pasting the URL and selecting Go when prompted.
+The native hosts are pinned to Pixel 7/API 35 x86_64 and iPhone 16 Pro/iOS 18.5. The updater requires complete reports from both platforms for the same catalog and Engine version. Missing results, regressions, and newly supported behavior all require explicit review.

package/README.zh-CN.md

@@ -101,14 +101,15 @@ pnpm --filter @weapp-tailwindcss/lynx test
 pnpm e2e:lynx
 ```
 
-测试覆盖长度、`rpx`、`calc()`、颜色、渐变、CSS 变量、重要值、任意属性及常见变体。静态 E2E 只证明 CSS 已生成并进入 bundle；伪元素、交互状态、媒体查询和复杂视觉效果仍应在实际 Lynx 目标端验收。
+仓库中的 `examples/react-lynx` 是多页面兼容性实验室，固定 Tailwind CSS `4.3.3`、Lynx Engine `4.0.1`、bundle `engineVersion: '3.9'` 和 `@lynx-js/css-defines` `0.0.16`。它以代表值覆盖官方 utility 功能族、variant、指令和任意语法分支。
 
-## iOS 视觉验收
-
-仓库开发者可在已安装 LynxExplorer 的 iOS Simulator 中运行：
+静态 gate 使用 PostCSS 解析真实 `main.css`，并结合 `tasm.json.css.cssMap` 与 encoder removal 日志分别记录 `generated` 和 `bundled`。原生结论只来自固定 iOS/Android host 的已提交报告，`css-defines` 只用于版本提示。
 
 ```bash
+pnpm e2e:lynx:android
 pnpm e2e:lynx:ios
+pnpm e2e:lynx:native
+pnpm e2e:lynx:update
 ```
 
-命令会启动 Rspeedy、解析实际 bundle URL、将 URL 写入 Simulator pasteboard，并在截图后按生成的 `bg-sky-500` 颜色做像素断言。当前 LynxExplorer iOS 版本没有可用的 deep-link 回调，因此需在提示出现后手动将 URL 粘贴到首页、点击 Go，再回到终端按 Enter；其余截图、裁剪、像素分析和 dev server 清理均自动完成。
+原生 host 分别固定 Pixel 7/API 35 x86_64 与 iPhone 16 Pro/iOS 18.5。更新器要求同一 catalog 与 Engine 版本的完整双端报告同时存在；缺失结果、能力退化或意外新增支持都会失败，不能手工编辑基线。

package/dist/index.cjs

@@ -27,6 +27,21 @@ function normalizeOptions(options) {
 		}
 	};
 }
+function normalizeRspackOptions(options) {
+	const cssImportRewriteLoader = options?.cssImportRewriteLoader;
+	if (cssImportRewriteLoader === false) return options ?? {};
+	const loaderOptions = cssImportRewriteLoader === true || cssImportRewriteLoader === void 0 ? {} : cssImportRewriteLoader;
+	return {
+		...options,
+		cssImportRewriteLoader: {
+			...loaderOptions,
+			options: {
+				...loaderOptions.options,
+				generateCss: true
+			}
+		}
+	};
+}
 /**
 * 为 ReactLynx + Rspeedy 注册 Tailwind CSS v4 构建链路。
 *
@@ -42,7 +57,7 @@ function pluginLynxTailwindcss(options = {}) {
 				chain.plugin(PLUGIN_NAME).use(weapp_tailwindcss_rspack.WeappTailwindcss, [normalizedOptions]);
 				return chain;
 			});
-			rsbuildApi.modifyRspackConfig((config) => (0, weapp_tailwindcss_rspack.patchRspackConfig)(config, options.rspack));
+			rsbuildApi.modifyRspackConfig((config) => (0, weapp_tailwindcss_rspack.patchRspackConfig)(config, normalizeRspackOptions(options.rspack)));
 		}
 	};
 }

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

@@ -26,6 +26,21 @@ function normalizeOptions(options) {
 		}
 	};
 }
+function normalizeRspackOptions(options) {
+	const cssImportRewriteLoader = options?.cssImportRewriteLoader;
+	if (cssImportRewriteLoader === false) return options ?? {};
+	const loaderOptions = cssImportRewriteLoader === true || cssImportRewriteLoader === void 0 ? {} : cssImportRewriteLoader;
+	return {
+		...options,
+		cssImportRewriteLoader: {
+			...loaderOptions,
+			options: {
+				...loaderOptions.options,
+				generateCss: true
+			}
+		}
+	};
+}
 /**
 * 为 ReactLynx + Rspeedy 注册 Tailwind CSS v4 构建链路。
 *
@@ -41,7 +56,7 @@ function pluginLynxTailwindcss(options = {}) {
 				chain.plugin(PLUGIN_NAME).use(WeappTailwindcss, [normalizedOptions]);
 				return chain;
 			});
-			rsbuildApi.modifyRspackConfig((config) => patchRspackConfig(config, options.rspack));
+			rsbuildApi.modifyRspackConfig((config) => patchRspackConfig(config, normalizeRspackOptions(options.rspack)));
 		}
 	};
 }

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@weapp-tailwindcss/lynx",
   "type": "module",
-  "version": "0.2.1",
+  "version": "0.3.1",
   "description": "Tailwind CSS integration for ReactLynx and Rspeedy cross-platform builds. 面向 ReactLynx 与 Rspeedy 跨端构建的 Tailwind CSS 集成。",
   "license": "MIT",
   "repository": {
@@ -43,7 +43,7 @@
     }
   },
   "dependencies": {
-    "weapp-tailwindcss": "^5.3.0"
+    "weapp-tailwindcss": "5.3.2"
   },
   "devDependencies": {
     "@lynx-js/rspeedy": "^0.16.3",
@@ -52,8 +52,8 @@
   },
   "scripts": {
     "build": "tsdown",
-    "test": "vitest run",
-    "test:dev": "vitest",
+    "test": "node ../../scripts/ensure-weapp-tailwindcss-built.mjs && vitest run",
+    "test:dev": "node ../../scripts/ensure-weapp-tailwindcss-built.mjs && vitest",
     "lint": "eslint .",
     "release": "pnpm publish"
   }