feat(language-server): Add completions and hover info for inline styles

atscott · thePunderWoman · commit ebc90c26f5ff · 2026-01-12T13:40:37.000-08:00
This adds completions for inline styles, using the SCSS language service resolves #65489
diff --git a/vscode-ng-language-service/server/src/session.ts b/vscode-ng-language-service/server/src/session.ts
@@ -1403,7 +1403,24 @@ export class Session {
       options,
     );
     if (!completions) {
-      return null;
+      const sf = this.getDefaultProjectForScriptInfo(scriptInfo)?.getSourceFile(scriptInfo.path);
+      if (!sf) {
+        return null;
+      }
+      const node = getTokenAtPosition(sf, offset);
+      if (!isInlineStyleNode(node)) {
+        return null;
+      }
+      const virtualScssDocContents = getSCSSVirtualContent(sf);
+      const virtualScssDoc = TextDocument.create(
+        params.textDocument.uri.toString(),
+        'scss',
+        0,
+        virtualScssDocContents,
+      );
+      const stylesheet = scssLS.parseStylesheet(virtualScssDoc);
+      const scssCompletions = scssLS.doComplete(virtualScssDoc, params.position, stylesheet);
+      return scssCompletions.items;
     }
     return completions.entries.map((e) =>
       tsCompletionEntryToLspCompletionItem(e, params.position, scriptInfo),
