Add document links and completions for @source

Author: thecrypticace

packages/tailwindcss-language-server/tests/completions/at-config.test.js

@@ -225,4 +225,75 @@ withFixture('v4/dependencies', (c) => {
       ],
     })
   })
+
+  test.concurrent('@source', async ({ expect }) => {
+    let result = await completion({
+      text: '@source "',
+      lang: 'css',
+      position: {
+        line: 0,
+        character: 9,
+      },
+    })
+
+    expect(result).toEqual({
+      isIncomplete: false,
+      items: [
+        {
+          label: 'index.html',
+          kind: 17,
+          data: expect.anything(),
+          textEdit: {
+            newText: 'index.html',
+            range: { start: { line: 0, character: 9 }, end: { line: 0, character: 9 } },
+          },
+        },
+        {
+          label: 'sub-dir/',
+          kind: 19,
+          command: { command: 'editor.action.triggerSuggest', title: '' },
+          data: expect.anything(),
+          textEdit: {
+            newText: 'sub-dir/',
+            range: { start: { line: 0, character: 9 }, end: { line: 0, character: 9 } },
+          },
+        },
+        {
+          label: 'tailwind.config.js',
+          kind: 17,
+          data: expect.anything(),
+          textEdit: {
+            newText: 'tailwind.config.js',
+            range: { start: { line: 0, character: 9 }, end: { line: 0, character: 9 } },
+          },
+        },
+      ],
+    })
+  })
+
+  test.concurrent('@source directory', async ({ expect }) => {
+    let result = await completion({
+      text: '@source "./sub-dir/',
+      lang: 'css',
+      position: {
+        line: 0,
+        character: 19,
+      },
+    })
+
+    expect(result).toEqual({
+      isIncomplete: false,
+      items: [
+        {
+          label: 'colors.js',
+          kind: 17,
+          data: expect.anything(),
+          textEdit: {
+            newText: 'colors.js',
+            range: { start: { line: 0, character: 19 }, end: { line: 0, character: 19 } },
+          },
+        },
+      ],
+    })
+  })
 })

packages/tailwindcss-language-server/tests/document-links/document-links.test.js

@@ -104,4 +104,30 @@ withFixture('v4/basic', (c) => {
       },
     ],
   })
+
+  testDocumentLinks('source: file exists', {
+    text: '@source "index.html";',
+    lang: 'css',
+    expected: [
+      {
+        target: `file://${path
+          .resolve('./tests/fixtures/v4/basic/index.html')
+          .replace(/@/g, '%40')}`,
+        range: { start: { line: 0, character: 8 }, end: { line: 0, character: 20 } },
+      },
+    ],
+  })
+
+  testDocumentLinks('source: file does not exist', {
+    text: '@source "does-not-exist.html";',
+    lang: 'css',
+    expected: [
+      {
+        target: `file://${path
+          .resolve('./tests/fixtures/v4/basic/does-not-exist.html')
+          .replace(/@/g, '%40')}`,
+        range: { start: { line: 0, character: 8 }, end: { line: 0, character: 29 } },
+      },
+    ],
+  })
 })

packages/tailwindcss-language-server/tests/fixtures/v4/dependencies/index.html

@@ -0,0 +1 @@
+<div class="underline">foo</div>

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

@@ -1537,7 +1537,7 @@ async function provideFileDirectiveCompletions(
   }
 
   let pattern = state.v4
-    ? /@(config|plugin)\s*(?<partial>'[^']*|"[^"]*)$/
+    ? /@(config|plugin|source)\s*(?<partial>'[^']*|"[^"]*)$/
     : /@config\s*(?<partial>'[^']*|"[^"]*)$/
 
   let text = document.getText({ start: { line: position.line, character: 0 }, end: position })

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

@@ -20,6 +20,7 @@ export function getDocumentLinks(
   if (state.v4) {
     patterns.push(
       /@plugin\s*(?<path>'[^']+'|"[^"]+")/g,
+      /@source\s*(?<path>'[^']+'|"[^"]+")/g,
     )
   }