feat: WIP Migration of vscode integration to per-block namespace syntax.

Author: chriseppstein

packages/@css-blocks/language-server/src/Server.ts

@@ -11,7 +11,7 @@ import { PathTransformer } from "./pathTransformers/PathTransformer";
 import { SERVER_CAPABILITIES } from "./serverCapabilities";
 import { isBlockFile } from "./util/blockUtils";
 import { convertErrorsToDiagnostics } from "./util/diagnosticsUtils";
-import { validateTemplates } from "./util/hbsUtils";
+import { validateTemplates, isTemplateFile } from "./util/hbsUtils";
 
 export class Server {
   connection: IConnection;
@@ -55,12 +55,14 @@ export class Server {
       // template with errors since the error locations do not get updated until
       // saving the file. We may want to validate the open template files on
       // every change?
-      if (!isBlockFile(e.document.uri)) {
-        return;
+      if (isBlockFile(e.document.uri)) {
+        const cssBlockErrors = await documentContentChange(e, this.blockParser);
+        this.sendDiagnostics(cssBlockErrors, e.document.uri);
+
+      } else if (isTemplateFile(e.document.uri)) {
+        // Validate template
       }
 
-      const cssBlockErrors = await documentContentChange(e, this.blockParser);
-      this.sendDiagnostics(cssBlockErrors, e.document.uri);
   }
 
   private registerDocumentEvents() {

packages/@css-blocks/language-server/src/test/fixtures/ember-classic/styles/components/a.block.css

@@ -12,8 +12,8 @@
   color: red;
 }
 
-.a-3[state|whuut] {
+.a-3[whuut] {
   vertical-align: bottom;
 }
 
-@export utils
+@export utils;

packages/@css-blocks/language-server/src/test/fixtures/ember-classic/templates/components/a.hbs

@@ -1,7 +1,7 @@
-<p class="a-2 non-existent-class">lorem</p>
-<span class="utils.display-block"></span>
-<div class="non-existent-class-2
+<p block:class="a-2 non-existent-class">lorem</p>
+<span block:class="utils.display-block"></span>
+<div block:class="non-existent-class-2
   a-3
   spans-multiple-lines
 "></div>
-<div class=baretext></div>
+<div block:class=baretext></div>

packages/@css-blocks/language-server/src/util/hbsCompletionProvider.ts

@@ -54,8 +54,6 @@ export async function getHbsCompletions(document: TextDocument, position: Positi
             if (referencedBlock && blockSegments.className) {
               const blockClass = referencedBlock.getClass(blockSegments.className);
               if (blockClass) {
-                // TODO: this is currently getting all attributes, it should filter
-                // to state only.
                 const attributes = blockClass.getAttributes();
                 completions = completions.concat(attributes.map(
                   (attr): CompletionItem => {

packages/@css-blocks/language-server/src/util/hbsDefinitionProvider.ts

@@ -30,7 +30,7 @@ export async function getHbsDefinition(document: TextDocument, position: Positio
           encoding: "utf8",
         });
       }
-    } else {
+    } else if (itemAtCursor) {
       blockUri = URI.file(block.identifier).toString();
       blockDocumentText = fs.readFileSync(block.identifier, {
         encoding: "utf8",