brisa-tailwindcss 0.1.6-canary.3 → 0.1.7-canary.1

package/index.d.ts

@@ -19,4 +19,5 @@ export default function tailwindCSS(): {
     content: string;
     applyDefaultWhenEvery: (content: string) => boolean;
   };
+  afterBuild(brisaConstants: BrisaConstants): void | Promise<void>;
 };

package/index.ts

@@ -1,5 +1,8 @@
 import tailwindcss from '@tailwindcss/postcss';
 import postcss from 'postcss';
+import fs from 'node:fs/promises';
+import path from 'node:path';
+import libs from './libs.json';
 
 // Note: is not bundled here to avoid issues with lightningcss
 export default function brisaTailwindcss() {
@@ -20,5 +23,40 @@ export default function brisaTailwindcss() {
       `,
       applyDefaultWhenEvery: (content: string) => !content.includes('tailwind'),
     },
+    // Tailwind has a subdependency called lightwindcss, which cannot be included in the bundle
+    // https://github.com/parcel-bundler/lightningcss/issues/701
+    // then as a solution is to put it as "external" so the build works correctly. However, for the standalone
+    // build to continue being standalone, it needs this dependency along with all its subdependencies to
+    // work correctly. As a solution, we install tailwind in the build folder and in this way the problem is solved.
+    // Issue: https://github.com/brisa-build/brisa/issues/637
+    async afterBuild({ BUILD_DIR, LOG_PREFIX }) {
+      const start = Date.now();
+      const destNodeModules = path.join(BUILD_DIR, 'node_modules');
+      const nodeModules = Bun.resolveSync('brisa', BUILD_DIR).split('brisa')[0];
+
+      console.log(LOG_PREFIX.INFO, '');
+      console.log(
+        LOG_PREFIX.WAIT,
+        ' Embedding TailwindCSS in the build folder...',
+      );
+
+      await Promise.all(
+        libs.map(async (lib) => {
+          const from = path.join(nodeModules, lib);
+          const to = path.join(destNodeModules, lib);
+
+          if (await fs.exists(from)) {
+            return fs.cp(from, to, { recursive: true });
+          }
+        }),
+      );
+
+      const milliseconds = Date.now() - start;
+      console.log(
+        LOG_PREFIX.INFO,
+        LOG_PREFIX.TICK,
+        `TailwindCSS embedded in ${milliseconds}ms`,
+      );
+    },
   };
 }

package/libs.json

@@ -0,0 +1,25 @@
+[
+  "lightningcss-darwin-x64",
+  "lightningcss-linux-x64-gnu",
+  "lightningcss-win32-x64-msvc",
+  "lightningcss-win32-arm64-msvc",
+  "lightningcss-darwin-arm64",
+  "lightningcss-linux-arm64-gnu",
+  "lightningcss-linux-arm-gnueabihf",
+  "lightningcss-linux-arm64-musl",
+  "lightningcss-linux-x64-musl",
+  "lightningcss-freebsd-x64",
+  "@alloc",
+  "tapable",
+  "jiti",
+  "detect-libc",
+  "nanoid",
+  "@tailwindcss",
+  "postcss",
+  "enhanced-resolve",
+  "picocolors",
+  "tailwindcss",
+  "graceful-fs",
+  "lightningcss",
+  "source-map-js"
+]

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "brisa-tailwindcss",
-  "version": "0.1.6-canary.3",
+  "version": "0.1.7-canary.1",
   "license": "MIT",
   "type": "module",
   "main": "./index.ts",
@@ -10,12 +10,15 @@
     "name": "Brisa Team",
     "email": "contact@brisa.build.com"
   },
+  "scripts": {
+    "libs-json": "bun run scripts/generate-json-deps.ts"
+  },
   "repository": {
     "type": "git",
     "url": "git+https://github.com/brisa-build/brisa.git",
     "directory": "packages/brisa-tailwindcss"
   },
-  "files": ["index.ts", "index.d.ts"],
+  "files": ["index.ts", "index.d.ts", "libs.json"],
   "devDependencies": {
     "@tailwindcss/postcss": "4.0.0-alpha.33",
     "postcss": "8.4.49",