brisa-tailwindcss 0.0.228

package/README.md

@@ -0,0 +1,5 @@
+# brisa-tailwindcss
+
+A Brisa integration with Tailwind CSS.
+
+- [Documentation](https://brisa.build/building-your-application/integrations/tailwind-css#integrating-tailwind-css)

package/index.d.ts

@@ -0,0 +1,5 @@
+export default function brisaTailwindcss(): {
+  name: string;
+  transpileCSS(pathname: string): Promise<string>;
+  defaultCSSContent: string;
+};

package/index.ts

@@ -0,0 +1,20 @@
+import tailwindcss from '@tailwindcss/postcss';
+import fs from 'node:fs';
+import postcss from 'postcss';
+
+// Note: is not bundled here to avoid issues with lightningcss
+export default function brisaTailwindcss() {
+  return {
+    name: 'brisa-tailwindcss',
+    async transpileCSS(pathname: string) {
+      const content = fs.readFileSync(pathname, 'utf-8');
+      const transpiledContent = await postcss([tailwindcss]).process(content, {
+        from: pathname,
+      });
+      // Add :host to all :root selectors to support shadow DOM
+      return transpiledContent.css.replaceAll(':root', ':root, :host');
+    },
+    defaultCSSContent:
+      '@tailwind base;\n@tailwind components;\n@tailwind utilities;',
+  };
+}

package/package.json

@@ -0,0 +1,35 @@
+{
+  "name": "brisa-tailwindcss",
+  "version": "0.0.228",
+  "license": "MIT",
+  "type": "module",
+  "main": "./index.js",
+  "module": "./index.js",
+  "types": "./index.d.ts",
+  "author": "Aral Roca Gòmez <contact@aralroca.com>",
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/brisa-build/brisa.git",
+    "directory": "packages/brisa-tailwindcss"
+  },
+  "files": ["index.ts", "index.d.ts"],
+  "dependencies": {
+    "@tailwindcss/postcss": "4.0.0-alpha.21",
+    "postcss": "8.4.47"
+  },
+  "peerDependencies": {
+    "tailwindcss": "4.0.0-alpha.21"
+  },
+  "packageManager": "bun@1.1.30",
+  "engines": {
+    "bun": ">= 1.1.30",
+    "npm": "please-use-bun",
+    "yarn": "please-use-bun",
+    "pnpm": "please-use-bun"
+  },
+  "description": "A Brisa integration with Tailwind CSS.",
+  "bugs": {
+    "url": "https://github.com/brisa-build/brisa/issues"
+  },
+  "homepage": "https://github.com/brisa-build/brisa#readme"
+}