Fix Astro by adding the componentns folder instead of falling to full fs scanning

Author: philipp-spiess

integrations/vite/astro.test.ts

@@ -92,9 +92,10 @@ test(
         // https://astro.build/config
         export default defineConfig({ vite: { plugins: [tailwindcss()] }, integrations: [react()] })
       `,
+      // prettier-ignore
       'src/pages/index.astro': html`
         ---
-        import ClientOnly from './client-only';
+        import ClientOnly from '../components/client-only';
         ---
 
         <div class="underline">Hello, world!</div>
@@ -105,7 +106,7 @@ test(
           @import 'tailwindcss';
         </style>
       `,
-      'src/pages/client-only.jsx': js`
+      'src/components/client-only.jsx': js`
         export default function ClientOnly() {
           return <div className="overline">Hello, world!</div>
         }

packages/@tailwindcss-vite/src/index.ts

@@ -13,11 +13,11 @@ const INLINE_STYLE_ID_RE = /[?&]index\=\d+\.css$/
 
 const IGNORED_DEPENDENCIES = ['tailwind-merge']
 
-type ScannerMode = 'automatic' | 'module-graph' | 'file-system'
+type ScannerMode = 'module-graph' | 'file-system'
 
 export default function tailwindcss(
-  { scanner: scannerMode = 'automatic' }: { scanner: ScannerMode } = {
-    scanner: 'automatic',
+  { scanner: scannerMode = 'module-graph' }: { scanner: ScannerMode } = {
+    scanner: 'module-graph',
   },
 ): Plugin[] {
   let servers: ViteDevServer[] = []
@@ -26,6 +26,8 @@ export default function tailwindcss(
   let isSSR = false
   let minify = false
 
+  let additionalFileSystemSources: string[] = []
+
   // The Vite extension has two types of sources for candidates:
   //
   // 1. The module graph: These are all modules that vite transforms and we want
@@ -67,6 +69,7 @@ export default function tailwindcss(
       () => moduleGraphCandidates,
       scannerMode,
       config!.root,
+      additionalFileSystemSources,
       customCssResolver,
       customJsResolver,
     )
@@ -209,13 +212,8 @@ export default function tailwindcss(
         minify = config.build.cssMinify !== false
         isSSR = config.build.ssr !== false && config.build.ssr !== undefined
 
-        if (scannerMode === 'automatic') {
-          if (shouldDisableModuleGraph(config)) {
-            console.warn('Detected an Astro.js build and opted-out of using the Vite module graph.')
-            scannerMode = 'file-system'
-            return
-          }
-          scannerMode = 'module-graph'
+        if (isAstro(config)) {
+          additionalFileSystemSources.push(path.join(config.root, 'src', 'components'))
         }
       },
 
@@ -438,6 +436,7 @@ class Root {
     private getSharedCandidates: () => Map<string, Set<string>>,
     private scannerMode: ScannerMode,
     private base: string,
+    private additionalFileSystemSources: string[],
 
     private customCssResolver: (id: string, base: string) => Promise<string | false | undefined>,
     private customJsResolver: (id: string, base: string) => Promise<string | false | undefined>,
@@ -492,6 +491,15 @@ class Root {
         return [this.compiler.root]
       })().concat(this.compiler.globs)
 
+      if (this.additionalFileSystemSources) {
+        sources = sources.concat(
+          this.additionalFileSystemSources.map((source) => ({
+            base: source,
+            pattern: '**/*',
+          })),
+        )
+      }
+
       this.scanner = new Scanner({ sources })
     }
 
@@ -608,6 +616,6 @@ class Root {
   }
 }
 
-function shouldDisableModuleGraph(config: ResolvedConfig) {
+function isAstro(config: ResolvedConfig) {
   return config.plugins.some((p) => p.name === 'astro:scripts:page-ssr')
 }