@juristr/nx-tailwind-sync 0.0.1 → 0.0.6

package/README.md

@@ -1,10 +1,10 @@
-# tailwind-sync-plugin
+# Nx Tailwind Sync
 
-Nx sync generator that auto-manages `@source` directives in CSS files for Tailwind v4 monorepos.
+Nx [sync generator](https://nx.dev/docs/concepts/sync-generators) that auto-manages `@source` directives in CSS files for Tailwind v4 monorepos.
 
 ## Problem
 
-Tailwind v4 [requires to define `@source` directives](https://tailwindcss.com/docs/detecting-classes-in-source-files#explicitly-registering-sources) for dependencies that might be outside its own project configuration. Something that is common in monorepos. Manually maintaining these in a monorepo is error-prone.
+Tailwind v4 [requires to define `@source` directives](https://tailwindcss.com/docs/detecting-classes-in-source-files#explicitly-registering-sources) for dependencies that might be outside its own project configuration. Something that is common in monorepos. Manually maintaining these in a monorepo is error-prone. See [this blog post](https://nx.dev/blog/setup-tailwind-4-npm-workspace) for more background.
 
 ## Solution
 
@@ -48,7 +48,7 @@ Register the sync generator on tasks that need it (e.g., `build`, `dev`):
   "nx": {
     "targets": {
       "build": {
-        "syncGenerators": ["@aishop/tailwind-sync-plugin:update-tailwind-globs"]
+        "syncGenerators": ["@juristr/nx-tailwind-sync:update-tailwind-globs"]
       }
     }
   }
@@ -70,5 +70,5 @@ pnpm nx sync
 ## Building
 
 ```bash
-nx build tailwind-sync-plugin
+nx build @juristr/nx-tailwind-sync
 ```

package/dist/generators/update-tailwind-globs.js

@@ -23,7 +23,7 @@ function findTailwindCssFile(tree, projectRoot, additionalPaths = []) {
     for (const relPath of searchPaths) {
         const fullPath = (0, path_1.join)(projectRoot, relPath);
         const content = tree.read(fullPath)?.toString();
-        if (content?.match(/@import\s+['"]tailwindcss['"]/)) {
+        if (content?.match(/@import\s+['"]tailwindcss[^'"]*['"]/)) {
             return fullPath;
         }
     }
@@ -143,7 +143,7 @@ function updateSourceDirectives(tree, projectName, cssFilePath, projectGraph) {
     // Remove any existing bare @source directives (migration from old format)
     const cleanedContent = currentContent.replace(/\n@source\s+["'][^"']*packages\/[^"']+["'];/g, '');
     // Try to find @import 'tailwindcss' first
-    const tailwindImportRegex = /@import\s+['"]tailwindcss['"];/;
+    const tailwindImportRegex = /@import\s+['"]tailwindcss[^'"]*['"];/;
     const tailwindImportMatch = cleanedContent.match(tailwindImportRegex);
     // If not found, look for any @import statement
     const anyImportRegex = /@import\s+['"][^'"]+['"];/;

package/package.json

@@ -1,6 +1,12 @@
 {
   "name": "@juristr/nx-tailwind-sync",
-  "version": "0.0.1",
+  "version": "0.0.6",
+  "author": "Juri Strumpflohner",
+  "license": "MIT",
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/juristr/nx-tailwind-sync.git"
+  },
   "main": "./dist/index.js",
   "module": "./dist/index.js",
   "types": "./dist/index.d.ts",
@@ -14,6 +20,16 @@
   },
   "nx": {
     "targets": {
+      "e2e": {
+        "executor": "nx:run-commands",
+        "dependsOn": [
+          "build"
+        ],
+        "options": {
+          "command": "vitest run",
+          "cwd": "packages/tailwind-sync-plugin"
+        }
+      },
       "build": {
         "executor": "@nx/js:tsc",
         "outputs": [
@@ -54,4 +70,4 @@
   "publishConfig": {
     "access": "public"
   }
-}
+}