Fix initialization when path has parentheses (#1009)

* Fix initialization when path has parentheses

* Add test

* Add fixtures

* Update changelog

Author: thecrypticace

packages/tailwindcss-language-server/src/tw.ts

@@ -820,7 +820,7 @@ export class TW {
       console.debug('[GLOBAL] Checking selectors', documentSelector)
 
       for (let selector of documentSelector) {
-        let pattern = selector.pattern.replace(/[\[\]{}]/g, (m) => `\\${m}`)
+        let pattern = selector.pattern.replace(/[\[\]{}()]/g, (m) => `\\${m}`)
 
         if (pattern.startsWith('!')) {
           if (picomatch(pattern.slice(1), { dot: true })(fsPath)) {

packages/tailwindcss-language-server/tests/env/document-selection.test.js

@@ -0,0 +1,92 @@
+import { test } from 'vitest'
+import * as path from 'node:path'
+import { withFixture, withWorkspace } from '../common'
+import { DidChangeWorkspaceFoldersNotification, HoverRequest } from 'vscode-languageserver'
+
+withFixture('document-selection/basic', (c) => {
+  test('basic: should provide hovers', async ({ expect }) => {
+    let textDocument = await c.openDocument({
+      text: '<div class="bg-[#000]">',
+    })
+
+    let res = await c.sendRequest(HoverRequest.type, {
+      textDocument,
+      position: { line: 0, character: 13 },
+    })
+
+    expect(res).toEqual({
+      contents: {
+        language: 'css',
+        value:
+          '.bg-\\[\\#000\\] {\n  --tw-bg-opacity: 1;\n  background-color: rgb(0 0 0 / var(--tw-bg-opacity)) /* #000000 */;\n}',
+      },
+      range: { start: { line: 0, character: 12 }, end: { line: 0, character: 21 } },
+    })
+  })
+})
+
+withFixture('document-selection/(parens)', (c) => {
+  test('parens: should provide hovers', async ({ expect }) => {
+    let textDocument = await c.openDocument({
+      text: '<div class="bg-[#000]">',
+    })
+
+    let res = await c.sendRequest(HoverRequest.type, {
+      textDocument,
+      position: { line: 0, character: 13 },
+    })
+
+    expect(res).toEqual({
+      contents: {
+        language: 'css',
+        value:
+          '.bg-\\[\\#000\\] {\n  --tw-bg-opacity: 1;\n  background-color: rgb(0 0 0 / var(--tw-bg-opacity)) /* #000000 */;\n}',
+      },
+      range: { start: { line: 0, character: 12 }, end: { line: 0, character: 21 } },
+    })
+  })
+})
+
+withFixture('document-selection/[brackets]', (c) => {
+  test('brackets: should provide hovers', async ({ expect }) => {
+    let textDocument = await c.openDocument({
+      text: '<div class="bg-[#000]">',
+    })
+
+    let res = await c.sendRequest(HoverRequest.type, {
+      textDocument,
+      position: { line: 0, character: 13 },
+    })
+
+    expect(res).toEqual({
+      contents: {
+        language: 'css',
+        value:
+          '.bg-\\[\\#000\\] {\n  --tw-bg-opacity: 1;\n  background-color: rgb(0 0 0 / var(--tw-bg-opacity)) /* #000000 */;\n}',
+      },
+      range: { start: { line: 0, character: 12 }, end: { line: 0, character: 21 } },
+    })
+  })
+})
+
+withFixture('document-selection/{curlies}', (c) => {
+  test('curlies: should provide hovers', async ({ expect }) => {
+    let textDocument = await c.openDocument({
+      text: '<div class="bg-[#000]">',
+    })
+
+    let res = await c.sendRequest(HoverRequest.type, {
+      textDocument,
+      position: { line: 0, character: 13 },
+    })
+
+    expect(res).toEqual({
+      contents: {
+        language: 'css',
+        value:
+          '.bg-\\[\\#000\\] {\n  --tw-bg-opacity: 1;\n  background-color: rgb(0 0 0 / var(--tw-bg-opacity)) /* #000000 */;\n}',
+      },
+      range: { start: { line: 0, character: 12 }, end: { line: 0, character: 21 } },
+    })
+  })
+})

packages/tailwindcss-language-server/tests/fixtures/document-selection/(parens)/file.html

@@ -0,0 +1 @@
+<div class="bg-[#f00]">test</div>

packages/tailwindcss-language-server/tests/fixtures/document-selection/(parens)/tailwind.config.js

@@ -0,0 +1,3 @@
+export default {
+  //
+}

packages/tailwindcss-language-server/tests/fixtures/document-selection/[brackets]/file.html

@@ -0,0 +1 @@
+<div class="bg-[#0f0]">test</div>

packages/tailwindcss-language-server/tests/fixtures/document-selection/[brackets]/tailwind.config.js

@@ -0,0 +1,3 @@
+export default {
+  //
+}

packages/tailwindcss-language-server/tests/fixtures/document-selection/basic/file.html

@@ -0,0 +1 @@
+<div class="bg-[#000]">test</div>

packages/tailwindcss-language-server/tests/fixtures/document-selection/basic/tailwind.config.js

@@ -0,0 +1,3 @@
+export default {
+  //
+}

packages/tailwindcss-language-server/tests/fixtures/document-selection/{curlies}/file.html

@@ -0,0 +1 @@
+<div class="bg-[#00f]">test</div>

packages/tailwindcss-language-server/tests/fixtures/document-selection/{curlies}/tailwind.config.js

@@ -0,0 +1,3 @@
+export default {
+  //
+}

packages/vscode-tailwindcss/CHANGELOG.md

@@ -4,6 +4,7 @@
 
 - Fix detection of v3 insiders builds ([#1007](https://github.com/tailwindlabs/tailwindcss-intellisense/pull/1007))
 - Make sure language-specific settings are passed to our language server ([#1006](https://github.com/tailwindlabs/tailwindcss-intellisense/pull/1006))
+- Fix initialization when path contains parentheses ([#1009](https://github.com/tailwindlabs/tailwindcss-intellisense/pull/1009))
 
 ## 0.12.3