@weapp-tailwindcss/lynx 0.1.0

package/LICENSE

@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 2021 ice breaker
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

package/README.md

@@ -0,0 +1,30 @@
+# @weapp-tailwindcss/lynx
+
+ReactLynx + Rspeedy 的 Tailwind CSS v4 集成。它通过 Rspeedy 的 Rspack 生命周期调用 `weapp-tailwindcss` 生成 Lynx 可消费的普通 CSS，保留 ReactLynx 原生 `className`，不引入运行时样式表或 JSX 转换。
+
+## 安装
+
+```bash
+pnpm add @weapp-tailwindcss/lynx tailwindcss
+```
+
+## 配置
+
+```ts
+// lynx.config.ts
+import { defineConfig } from '@lynx-js/rspeedy'
+import { pluginLynxTailwindcss } from '@weapp-tailwindcss/lynx'
+
+export default defineConfig({
+  plugins: [pluginLynxTailwindcss()],
+})
+```
+
+在应用 CSS 入口中保留 Tailwind v4 标准入口，并用 `@source` 指向实际源码：
+
+```css
+@import "tailwindcss";
+@source "./src";
+```
+
+`pluginLynxTailwindcss` 固定使用 `platform: 'lynx'` 与 `generator.target: 'web'`。首版仅支持 ReactLynx + Rspeedy 与 Tailwind CSS v4；不覆盖 Rspeedy Web 输出、非 React Lynx 框架、Tailwind CSS v3 或 React Native 风格的运行时样式映射。

package/dist/index.cjs

@@ -0,0 +1,41 @@
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+let weapp_tailwindcss_rspack = require("weapp-tailwindcss/rspack");
+//#region src/index.ts
+const PLUGIN_NAME = "weapp-tailwindcss:lynx";
+function normalizeOptions(options) {
+	const { rspack: _rspack, generator, ...rest } = options;
+	return {
+		...rest,
+		platform: "lynx",
+		cssOptions: {
+			...options.cssOptions,
+			platform: "lynx"
+		},
+		generator: {
+			...generator === false ? {} : generator,
+			target: "web"
+		}
+	};
+}
+/**
+* 为 ReactLynx + Rspeedy 注册 Tailwind CSS v4 构建链路。
+*
+* Lynx 原生支持 CSS class selector，因此不会改写 JSX `className` 或创建运行时样式表。
+*/
+function pluginLynxTailwindcss(options = {}) {
+	const normalizedOptions = normalizeOptions(options);
+	return {
+		name: PLUGIN_NAME,
+		setup(api) {
+			const rsbuildApi = api;
+			rsbuildApi.modifyBundlerChain((chain) => {
+				chain.plugin(PLUGIN_NAME).use(weapp_tailwindcss_rspack.WeappTailwindcss, [normalizedOptions]);
+				return chain;
+			});
+			rsbuildApi.modifyRspackConfig((config) => (0, weapp_tailwindcss_rspack.patchRspackConfig)(config, options.rspack));
+		}
+	};
+}
+//#endregion
+exports.PLUGIN_NAME = PLUGIN_NAME;
+exports.pluginLynxTailwindcss = pluginLynxTailwindcss;

package/dist/index.d.ts

@@ -0,0 +1,22 @@
+import { PatchRspackConfigOptions } from "weapp-tailwindcss/rspack";
+import { RsbuildPlugin } from "@lynx-js/rspeedy";
+import { WeappTailwindcssGeneratorOptions } from "weapp-tailwindcss/generator";
+import { UserDefinedOptions } from "weapp-tailwindcss/types";
+//#region src/index.d.ts
+declare const PLUGIN_NAME = "weapp-tailwindcss:lynx";
+interface LynxGeneratorOptions extends Omit<WeappTailwindcssGeneratorOptions, 'target'> {}
+/** ReactLynx Rspeedy 适配配置。 */
+interface LynxTailwindcssOptions extends Omit<UserDefinedOptions, 'platform' | 'generator'> {
+  /** 透传给 Rspack CSS 规则补丁的配置。 */
+  rspack?: PatchRspackConfigOptions | undefined;
+  /** Tailwind CSS v4 生成配置，目标固定为 Lynx 可消费的 web CSS。 */
+  generator?: LynxGeneratorOptions | false | undefined;
+}
+/**
+ * 为 ReactLynx + Rspeedy 注册 Tailwind CSS v4 构建链路。
+ *
+ * Lynx 原生支持 CSS class selector，因此不会改写 JSX `className` 或创建运行时样式表。
+ */
+declare function pluginLynxTailwindcss(options?: LynxTailwindcssOptions): RsbuildPlugin;
+//#endregion
+export { LynxTailwindcssOptions, PLUGIN_NAME, pluginLynxTailwindcss };

package/dist/index.js

@@ -0,0 +1,39 @@
+import { WeappTailwindcss, patchRspackConfig } from "weapp-tailwindcss/rspack";
+//#region src/index.ts
+const PLUGIN_NAME = "weapp-tailwindcss:lynx";
+function normalizeOptions(options) {
+	const { rspack: _rspack, generator, ...rest } = options;
+	return {
+		...rest,
+		platform: "lynx",
+		cssOptions: {
+			...options.cssOptions,
+			platform: "lynx"
+		},
+		generator: {
+			...generator === false ? {} : generator,
+			target: "web"
+		}
+	};
+}
+/**
+* 为 ReactLynx + Rspeedy 注册 Tailwind CSS v4 构建链路。
+*
+* Lynx 原生支持 CSS class selector，因此不会改写 JSX `className` 或创建运行时样式表。
+*/
+function pluginLynxTailwindcss(options = {}) {
+	const normalizedOptions = normalizeOptions(options);
+	return {
+		name: PLUGIN_NAME,
+		setup(api) {
+			const rsbuildApi = api;
+			rsbuildApi.modifyBundlerChain((chain) => {
+				chain.plugin(PLUGIN_NAME).use(WeappTailwindcss, [normalizedOptions]);
+				return chain;
+			});
+			rsbuildApi.modifyRspackConfig((config) => patchRspackConfig(config, options.rspack));
+		}
+	};
+}
+//#endregion
+export { PLUGIN_NAME, pluginLynxTailwindcss };

package/package.json

@@ -0,0 +1,60 @@
+{
+  "name": "@weapp-tailwindcss/lynx",
+  "type": "module",
+  "version": "0.1.0",
+  "description": "Tailwind CSS 4 integration for ReactLynx and Rspeedy.",
+  "license": "MIT",
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/sonofmagic/weapp-tailwindcss.git",
+    "directory": "packages/lynx"
+  },
+  "sideEffects": false,
+  "exports": {
+    ".": {
+      "types": "./dist/index.d.ts",
+      "import": "./dist/index.js",
+      "require": "./dist/index.cjs"
+    },
+    "./package.json": "./package.json"
+  },
+  "main": "./dist/index.cjs",
+  "module": "./dist/index.js",
+  "types": "./dist/index.d.ts",
+  "files": [
+    "dist"
+  ],
+  "engines": {
+    "node": ">=22.12.0"
+  },
+  "publishConfig": {
+    "access": "public"
+  },
+  "peerDependencies": {
+    "@lynx-js/rspeedy": ">=0.16.0",
+    "tailwindcss": ">=4.0.0"
+  },
+  "peerDependenciesMeta": {
+    "@lynx-js/rspeedy": {
+      "optional": true
+    },
+    "tailwindcss": {
+      "optional": true
+    }
+  },
+  "dependencies": {
+    "weapp-tailwindcss": "^5.2.12"
+  },
+  "devDependencies": {
+    "@lynx-js/rspeedy": "^0.16.3",
+    "tailwindcss": "^4.3.3",
+    "vitest": "^4.1.0"
+  },
+  "scripts": {
+    "build": "tsdown",
+    "test": "vitest run",
+    "test:dev": "vitest",
+    "lint": "eslint .",
+    "release": "pnpm publish"
+  }
+}