From d761b5f639bc0e981608aae02db4c060e93a9cb9 Mon Sep 17 00:00:00 2001 From: Jordan Pittman Date: Fri, 9 May 2025 18:03:49 -0400 Subject: [PATCH 1/3] Only show declarations from base class in completion detail --- .../src/completionProvider.ts | 11 ++++------- 1 file changed, 4 insertions(+), 7 deletions(-) diff --git a/packages/tailwindcss-language-service/src/completionProvider.ts b/packages/tailwindcss-language-service/src/completionProvider.ts index bf9685a9..39a94b94 100644 --- a/packages/tailwindcss-language-service/src/completionProvider.ts +++ b/packages/tailwindcss-language-service/src/completionProvider.ts @@ -2282,6 +2282,8 @@ export async function resolveCompletionItem( if (state.v4) { if (item.kind === 9) return item if (item.detail && item.documentation) return item + + let base = state.designSystem.compile([className])[0] let root = state.designSystem.compile([[...variants, className].join(state.separator)])[0] let rules = root.nodes.filter((node) => node.type === 'rule') if (rules.length === 0) return item @@ -2290,16 +2292,11 @@ export async function resolveCompletionItem( if (rules.length === 1) { let decls: postcss.Declaration[] = [] - root.walkDecls((node) => { + base.walkDecls((node) => { decls.push(node) }) - item.detail = await jit.stringifyDecls( - state, - postcss.rule({ - nodes: decls, - }), - ) + item.detail = await jit.stringifyDecls(state, postcss.rule({ nodes: decls })) } else { item.detail = `${rules.length} rules` } From f75ca62d8588f53b94de6b8eff4570706646467e Mon Sep 17 00:00:00 2001 From: Jordan Pittman Date: Fri, 9 May 2025 18:04:05 -0400 Subject: [PATCH 2/3] Remove declarations from `@property` in completion details --- .../src/completionProvider.ts | 16 ++++++++++++++++ 1 file changed, 16 insertions(+) diff --git a/packages/tailwindcss-language-service/src/completionProvider.ts b/packages/tailwindcss-language-service/src/completionProvider.ts index 39a94b94..ff7173a8 100644 --- a/packages/tailwindcss-language-service/src/completionProvider.ts +++ b/packages/tailwindcss-language-service/src/completionProvider.ts @@ -2285,6 +2285,7 @@ export async function resolveCompletionItem( let base = state.designSystem.compile([className])[0] let root = state.designSystem.compile([[...variants, className].join(state.separator)])[0] + let rules = root.nodes.filter((node) => node.type === 'rule') if (rules.length === 0) return item @@ -2292,6 +2293,21 @@ export async function resolveCompletionItem( if (rules.length === 1) { let decls: postcss.Declaration[] = [] + // Remove any `@property` rules + base = base.clone() + base.walkAtRules((rule) => { + // Ignore declarations inside `@property` rules + if (rule.name === 'property') { + rule.remove() + } + + // Ignore declarations @supports (-moz-orient: inline) + // this is a hack used for `@property` fallbacks in Firefox + if (rule.name === 'supports' && rule.params === '(-moz-orient: inline)') { + rule.remove() + } + }) + base.walkDecls((node) => { decls.push(node) }) From 96bd074db76eb9dfaed17077b2c9447219dec9c8 Mon Sep 17 00:00:00 2001 From: Jordan Pittman Date: Fri, 9 May 2025 18:17:20 -0400 Subject: [PATCH 3/3] Update changelog --- packages/vscode-tailwindcss/CHANGELOG.md | 2 ++ 1 file changed, 2 insertions(+) diff --git a/packages/vscode-tailwindcss/CHANGELOG.md b/packages/vscode-tailwindcss/CHANGELOG.md index e57ef565..5ea8212d 100644 --- a/packages/vscode-tailwindcss/CHANGELOG.md +++ b/packages/vscode-tailwindcss/CHANGELOG.md @@ -6,6 +6,8 @@ - Ignore Python virtual env directories by default ([#1336](https://github.com/tailwindlabs/tailwindcss-intellisense/pull/1336)) - Ignore Yarn v2+ metadata & cache directories by default ([#1336](https://github.com/tailwindlabs/tailwindcss-intellisense/pull/1336)) - Ignore some build caches by default ([#1336](https://github.com/tailwindlabs/tailwindcss-intellisense/pull/1336)) +- Hide `@property` declarations from completion details ([#1356](https://github.com/tailwindlabs/tailwindcss-intellisense/pull/1356)) +- Hide variant-provided declarations from completion details for a utility ([#1356](https://github.com/tailwindlabs/tailwindcss-intellisense/pull/1356)) # 0.14.16