wip

Author: thecrypticace

packages/tailwindcss-language-service/src/completionProvider.ts

@@ -1641,16 +1641,40 @@ async function provideFileDirectiveCompletions(
     return type.isDirectory || isAllowedFile(name)
   })
 
-  return withDefaults(
+  let items: CompletionItem[] = entries.map(([name, type]) => ({
+    label: type.isDirectory ? name + '/' : name,
+    kind: type.isDirectory ? 19 : 17,
+    command: type.isDirectory
+      ? { command: 'editor.action.triggerSuggest', title: '' }
+      : undefined,
+  }))
+
+  let sourceStart = suggest === 'directory'
+    ? text.lastIndexOf('source(') + 7
+    : -1
+
+  if (sourceStart !== -1) {
+    items.push({
+      filterText: '/',
+      label: '(none)',
+      kind: 15, // Snippet
+      textEdit: {
+        range: {
+          start: {
+            line: position.line,
+            character: sourceStart,
+          },
+          end: position,
+        },
+        newText: 'none',
+      },
+    })
+  }
+
+  let wip = withDefaults(
     {
       isIncomplete: false,
-      items: entries.map(([name, type]) => ({
-        label: type.isDirectory ? name + '/' : name,
-        kind: type.isDirectory ? 19 : 17,
-        command: type.isDirectory
-          ? { command: 'editor.action.triggerSuggest', title: '' }
-          : undefined,
-      })),
+      items,
     },
     {
       data: {
@@ -1667,6 +1691,10 @@ async function provideFileDirectiveCompletions(
     },
     state.editor.capabilities.itemDefaults,
   )
+
+  console.log(JSON.stringify(wip))
+
+  return wip
 }
 
 async function provideEmmetCompletions(

packages/tailwindcss-language-service/src/completions/file-paths.test.ts

@@ -0,0 +1,13 @@
+import { expect, test } from 'vitest'
+import { findFileDirective } from './file-paths'
+
+let findV3 = (text: string) => findFileDirective({ enabled: true, v4: false }, text)
+let findV4 = (text: string) => findFileDirective({ enabled: true, v4: true }, text)
+
+test('…', async () => {
+  await expect(findV4('@import "tailwindcss" source("./')).resolves.toEqual({
+    directive: 'import',
+    partial: './',
+    suggest: 'directory',
+  })
+})

packages/tailwindcss-language-service/src/completions/file-paths.ts

@@ -7,7 +7,7 @@ const PATTERN_CUSTOM_V3 = /@(?<directive>config)\s*(?<partial>'[^']*|"[^"]*)$/
 // @import … source('…')
 // @tailwind utilities source('…')
 const PATTERN_IMPORT_SOURCE = /@(?<directive>import)\s*(?<path>'[^']*'|"[^"]*")\s*source\((?<partial>'[^']*|"[^"]*)$/
-const PATTERN_UTIL_SOURCE = /@(?<directive>tailwind)\s+utilities\s+source\((?<partial>'[^']*|"[^"]*)$/
+const PATTERN_UTIL_SOURCE = /@(?<directive>tailwind)\s+utilities\s+source\((?<partial>'[^']*|"[^"]*)?$/
 
 export type FileDirective = {
   directive: string
@@ -24,7 +24,7 @@ export async function findFileDirective(state: State, text: string): Promise<Fil
     if (!match) return null
 
     let directive = match.groups.directive
-    let partial = match.groups.partial.slice(1) // remove leading quote
+    let partial = match.groups.partial?.slice(1) ?? "" // remove leading quote
 
     // Most suggestions are for JS files so we'll default to that
     let suggest: FileDirective['suggest'] = 'script'