@bunup/plugin-tailwindcss 0.11.23 → 0.11.30

package/README.md

@@ -1,5 +1,5 @@
-# Bunup Plugin TailwindCSS
+# @bunup/plugin-tailwindcss
 
-A Bunup plugin that provides seamless integration with Tailwind CSS for rapid UI library development.
+The official Bunup plugin for creating libraries with Tailwind CSS.
 
-Learn more here: https://bunup.dev/docs/recipes/tailwindcss
+Learn more: https://bunup.dev/docs/builtin-plugins/tailwindcss

package/package.json

@@ -1,7 +1,7 @@
 {
 	"name": "@bunup/plugin-tailwindcss",
-	"description": "A Bunup plugin that provides seamless integration with Tailwind CSS",
-	"version": "0.11.23",
+	"description": "The official Bunup plugin for creating libraries with Tailwind CSS.",
+	"version": "0.11.30",
 	"type": "module",
 	"files": [
 		"dist"
@@ -14,7 +14,8 @@
 				"types": "./dist/index.d.ts",
 				"default": "./dist/index.js"
 			}
-		}
+		},
+		"./package.json": "./package.json"
 	},
 	"license": "MIT",
 	"author": "Arshad Yaseen <m@arshadyaseen.com> (https://arshadyaseen.com)",
@@ -27,9 +28,8 @@
 	],
 	"keywords": [
 		"bunup",
-		"plugin",
-		"tailwind",
-		"tailwindcss"
+		"tailwindcss",
+		"bunup-tailwindcss"
 	],
 	"repository": {
 		"type": "git",
@@ -46,7 +46,8 @@
 		}
 	},
 	"dependencies": {
-		"@tailwindcss/postcss": "^4.1.12",
+		"@tailwindcss/postcss": "^4.1.13",
+		"lightningcss": "^1.30.1",
 		"postcss": "^8.5.6"
 	}
 }

package/dist/index.d.ts

@@ -1,10 +0,0 @@
-import { BunPlugin } from "bun";
-/**
-* Configuration options for the TailwindCSS plugin
-*/
-type TailwindCSSOptions = {
-	/** CSS class prefix to apply for scoping. Defaults to 'bunup' */
-	prefix?: string
-};
-declare function tailwindcss(options?: TailwindCSSOptions): BunPlugin;
-export { tailwindcss as default };

package/dist/index.js

@@ -1,54 +0,0 @@
-// packages/plugin-tailwindcss/src/index.ts
-import tailwindPostcss from "@tailwindcss/postcss";
-import postcss from "postcss";
-function tailwindcss(options = {}) {
-  return {
-    name: "bunup:tailwindcss",
-    setup: (build) => {
-      const { prefix = "bunup" } = options;
-      const rewriter = new HTMLRewriter;
-      build.onLoad({ filter: /\.(tsx|jsx)$/ }, async (args) => {
-        const source = await Bun.file(args.path).text();
-        rewriter.on("*", {
-          element(elem) {
-            const currentClassName = elem.getAttribute("className");
-            const scopedClassName = currentClassName?.split(" ").map((c) => `${!c.includes(prefix) ? `${prefix}-` : ""}${c}`).join(" ");
-            if (scopedClassName)
-              elem.setAttribute("className", scopedClassName);
-          }
-        });
-        const result = rewriter.transform(source);
-        return {
-          loader: args.path.endsWith(".tsx") ? "tsx" : "jsx",
-          contents: result
-        };
-      });
-      build.onLoad({ filter: /\.css$/ }, async (args) => {
-        const source = await Bun.file(args.path).text();
-        const result = await postcss([
-          tailwindPostcss({
-            base: build.config.root,
-            transformAssetUrls: false
-          }),
-          {
-            postcssPlugin: "scoping",
-            Rule(rule) {
-              rule.selector = rule.selector.replace(/\.([\w-\\/]+)/g, (_, cls) => {
-                return `.${prefix}-${cls}`;
-              });
-            }
-          }
-        ]).process(source, {
-          from: args.path
-        });
-        return {
-          contents: result.css,
-          loader: "css"
-        };
-      });
-    }
-  };
-}
-export {
-  tailwindcss as default
-};