wip

Author: thecrypticace

packages/tailwindcss-language-service/src/util/find.test.ts

@@ -222,27 +222,6 @@ test('test nested classFunctions', async ({ expect }) => {
         end: { line: 19, character: 26 },
       },
     },
-    {
-      classList: 'fixed flex',
-      range: {
-        start: { line: 3, character: 9 },
-        end: { line: 3, character: 19 },
-      },
-    },
-    {
-      classList: 'md:h-[calc(100%-2rem)]',
-      range: {
-        start: { line: 4, character: 9 },
-        end: { line: 4, character: 31 },
-      },
-    },
-    {
-      classList: 'bg-red-700',
-      range: {
-        start: { line: 5, character: 9 },
-        end: { line: 5, character: 19 },
-      },
-    },
   ]
 
   const content = `

packages/tailwindcss-language-service/src/util/find.ts

@@ -179,13 +179,16 @@ export function matchClassFunctions(text: string, fnNames: string[]): RegExpMatc
   // - It needs to be in an expression position — so it must be preceded by
   // whitespace, parens, curlies, commas, whitespace, etc…
   // - It must look like a fn call or a tagged template literal
-  let FN_NAMES = /(?<=^|[:=,;\s{()])([\p{ID_Start}$_][\p{ID_Continue}$_.]*)[(`]/dgu
+  let FN_NAMES = /(?<=^|[:=,;\s{()])([\p{ID_Start}$_][\p{ID_Continue}$_.]*)[(`]/dgiu
   let foundFns = findAll(FN_NAMES, text)
 
   // 3. Match against the function names in the document
   let re = /^(NAMES)$/
   let isClassFn = new RegExp(re.source.replace('NAMES', names.join('|')), 'dgi')
-  return foundFns.filter((fn) => isClassFn.test(fn[1]))
+
+  let matches = foundFns.filter((fn) => isClassFn.test(fn[1]))
+
+  return matches
 }
 
 export async function findClassListsInHtmlRange(