docs: Update intellisense regex to handle inner brackets (#332)

* docs: Update intellisense regex * docs: Update intellisense syntax for beta
joe-bell · Jan 22, 2025 · 40d0bab · 40d0bab
1 parent 2386c48
commit 40d0bab
Show file tree

Hide file tree

Showing 2 changed files with 16 additions and 16 deletions.
diff --git a/docs/beta/src/content/docs/getting-started/installation.mdx b/docs/beta/src/content/docs/getting-started/installation.mdx
@@ -60,8 +60,8 @@ You can enable autocompletion inside `cva` using the steps below:
         // .vscode/settings.json
         {
           "tailwindCSS.experimental.classRegex": [
-            ["cva\\(([^)]*)\\)", "[\"'`]?([^\"'`]+)[\"'`]?"],
-            ["cx\\(([^)]*)\\)", "(?:'|\"|`)([^']*)(?:'|\"|`)"]
+            ["cva\\(((?:[^()]|\\([^()]*\\))*)\\)", "[\"'`]?([^\"'`]+)[\"'`]?"],
+            ["cx\\(((?:[^()]|\\([^()]*\\))*)\\)", "(?:'|\"|`)([^']*)(?:'|\"|`)"]
           ]
         }
         ```
@@ -81,8 +81,8 @@ You can enable autocompletion inside `cva` using the steps below:
           "settings": {
             "experimental": {
               "classRegex": [
-                ["cva\\(([^)]*)\\)", "[\"'`]?([^\"'`]+)[\"'`]?"],
-                ["cx\\(([^)]*)\\)", "(?:'|\"|`)([^']*)(?:'|\"|`)"]
+                ["cva\\(((?:[^()]|\\([^()]*\\))*)\\)", "[\"'`]?([^\"'`]+)[\"'`]?"],
+                ["cx\\(((?:[^()]|\\([^()]*\\))*)\\)", "(?:'|\"|`)([^']*)(?:'|\"|`)"]
               ]
             }
           }
@@ -104,8 +104,8 @@ You can enable autocompletion inside `cva` using the steps below:
             tailwindCSS = {
               experimental = {
                 classRegex = {
-                  { "cva\\(([^)]*)\\)", "[\"'`]([^\"'`]*).*?[\"'`]" },
-                  { "cx\\(([^)]*)\\)", "(?:'|\"|`)([^']*)(?:'|\"|`)" }
+                  { "cva\\(((?:[^()]|\\([^()]*\\))*)\\)", "[\"'`]([^\"'`]*).*?[\"'`]" },
+                  { "cx\\(((?:[^()]|\\([^()]*\\))*)\\)", "(?:'|\"|`)([^']*)(?:'|\"|`)" }
                 },
               },
             },
@@ -127,8 +127,8 @@ You can enable autocompletion inside `cva` using the steps below:
         {
           "experimental": {
             "classRegex": [
-              ["cva\\(([^)]*)\\)", "[\"'`]?([^\"'`]+)[\"'`]?"],
-              ["cx\\(([^)]*)\\)", "(?:'|\"|`)([^']*)(?:'|\"|`)"]
+              ["cva\\(((?:[^()]|\\([^()]*\\))*)\\)", "[\"'`]?([^\"'`]+)[\"'`]?"],
+              ["cx\\(((?:[^()]|\\([^()]*\\))*)\\)", "(?:'|\"|`)([^']*)(?:'|\"|`)"]
             ]
           }
         }

diff --git a/docs/latest/pages/docs/getting-started/installation.mdx b/docs/latest/pages/docs/getting-started/installation.mdx
@@ -75,8 +75,8 @@ You can enable autocompletion inside `cva` using the steps below:
     ```json
     {
       "tailwindCSS.experimental.classRegex": [
-        ["cva\\(([^)]*)\\)", "[\"'`]([^\"'`]*).*?[\"'`]"],
-        ["cx\\(([^)]*)\\)", "(?:'|\"|`)([^']*)(?:'|\"|`)"]
+        ["cva\\(((?:[^()]|\\([^()]*\\))*)\\)", "[\"'`]([^\"'`]*).*?[\"'`]"],
+        ["cx\\(((?:[^()]|\\([^()]*\\))*)\\)", "(?:'|\"|`)([^']*)(?:'|\"|`)"]
       ]
     }
     ```
@@ -93,8 +93,8 @@ You can enable autocompletion inside `cva` using the steps below:
           "settings": {
             "experimental": {
               "classRegex": [
-                ["cva\\(([^)]*)\\)", "[\"'`]([^\"'`]*).*?[\"'`]"],
-                ["cx\\(([^)]*)\\)", "(?:'|\"|`)([^']*)(?:'|\"|`)"]
+                ["cva\\(((?:[^()]|\\([^()]*\\))*)\\)", "[\"'`]([^\"'`]*).*?[\"'`]"],
+                ["cx\\(((?:[^()]|\\([^()]*\\))*)\\)", "(?:'|\"|`)([^']*)(?:'|\"|`)"]
               ]
             }
           }
@@ -116,8 +116,8 @@ You can enable autocompletion inside `cva` using the steps below:
         tailwindCSS = {
           experimental = {
             classRegex = {
-              { "cva\\(([^)]*)\\)", "[\"'`]([^\"'`]*).*?[\"'`]" },
-              { "cx\\(([^)]*)\\)", "(?:'|\"|`)([^']*)(?:'|\"|`)" }
+              { "cva\\(((?:[^()]|\\([^()]*\\))*)\\)", "[\"'`]([^\"'`]*).*?[\"'`]" },
+              { "cx\\(((?:[^()]|\\([^()]*\\))*)\\)", "(?:'|\"|`)([^']*)(?:'|\"|`)" }
             },
           },
         },
@@ -138,8 +138,8 @@ You can enable autocompletion inside `cva` using the steps below:
     {
       "experimental": {
         "classRegex": [
-          ["cva\\(([^)]*)\\)", "[\"'`]([^\"'`]*).*?[\"'`]"],
-          ["cx\\(([^)]*)\\)", "(?:'|\"|`)([^']*)(?:'|\"|`)"]
+          ["cva\\(((?:[^()]|\\([^()]*\\))*)\\)", "[\"'`]([^\"'`]*).*?[\"'`]"],
+          ["cx\\(((?:[^()]|\\([^()]*\\))*)\\)", "(?:'|\"|`)([^']*)(?:'|\"|`)"]
         ]
       }
     }