@bunup/plugin-tailwindcss 0.11.23

package/README.md

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

package/dist/index.d.ts

@@ -0,0 +1,10 @@
+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

@@ -0,0 +1,54 @@
+// 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
+};

package/package.json

@@ -0,0 +1,52 @@
+{
+	"name": "@bunup/plugin-tailwindcss",
+	"description": "A Bunup plugin that provides seamless integration with Tailwind CSS",
+	"version": "0.11.23",
+	"type": "module",
+	"files": [
+		"dist"
+	],
+	"module": "./dist/index.js",
+	"types": "./dist/index.d.ts",
+	"exports": {
+		".": {
+			"import": {
+				"types": "./dist/index.d.ts",
+				"default": "./dist/index.js"
+			}
+		}
+	},
+	"license": "MIT",
+	"author": "Arshad Yaseen <m@arshadyaseen.com> (https://arshadyaseen.com)",
+	"maintainers": [
+		{
+			"name": "Arshad Yaseen",
+			"email": "m@arshadyaseen.com",
+			"url": "https://arshadyaseen.com"
+		}
+	],
+	"keywords": [
+		"bunup",
+		"plugin",
+		"tailwind",
+		"tailwindcss"
+	],
+	"repository": {
+		"type": "git",
+		"url": "git+https://github.com/bunup/bunup.git"
+	},
+	"funding": "https://github.com/sponsors/arshad-yaseen",
+	"homepage": "https://bunup.dev",
+	"peerDependencies": {
+		"typescript": ">=4.5.0"
+	},
+	"peerDependenciesMeta": {
+		"typescript": {
+			"optional": true
+		}
+	},
+	"dependencies": {
+		"@tailwindcss/postcss": "^4.1.12",
+		"postcss": "^8.5.6"
+	}
+}