feat: Adding a custom importer for the language-server.

Author: ramitha

packages/@css-blocks/core/src/configuration/types.ts

@@ -20,8 +20,8 @@ export interface Configuration {
   preprocessors: Preprocessors;
 
   /**
-   * An importer is an object that is in charge of findi
-   *
+   * An importer is an object that is in charge of finding the path to the block
+   * file from it's @block directive
    */
   importer: Importer;
 

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

@@ -0,0 +1,32 @@
+import { NodeJsImporter } from "@css-blocks/core/dist/src";
+import { TextDocuments } from "vscode-languageserver";
+
+/**
+ * Imports the contents of the file from the language server client if its
+ * already opened on the client. Otherwise, it proxies to the NodeJSImporter to
+ * read the file from the disk
+ */
+export class LSImporter extends NodeJsImporter {
+  documents: TextDocuments;
+  constructor(documents: TextDocuments) {
+    super();
+    this.documents = documents;
+  }
+
+  async import(identifier: string, config: Readonly<import("@css-blocks/core/dist/src").Configuration>): Promise<import("@css-blocks/core/dist/src").ImportedFile> {
+    // the uri expected is that of a file
+    let clientDocument = this.documents.get(`file://${identifier}`);
+    // if the document is opened on the client, read from there
+    // this will allow us to access the contents of an unsaved file
+    if (clientDocument) {
+      return {
+        syntax: this.syntax(identifier, config),
+        identifier,
+        defaultName: this.defaultName(identifier, config),
+        contents: clientDocument.getText(),
+      };
+    }
+    // else import from the defaultImporter (which is the NodeJSImporter) as before
+    return super.import(identifier, config);
+  }
+}

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

@@ -1,6 +1,7 @@
 import { Syntax } from "@css-blocks/core/dist/src";
 import { ProposedFeatures, TextDocuments, createConnection } from "vscode-languageserver";
 
+import { LSImporter } from "./Importer";
 import { EmberClassicTransformer } from "./pathTransformers/EmberClassicTransformer";
 import { Server } from "./Server";
 
@@ -11,6 +12,6 @@ const pathTransformer = new EmberClassicTransformer(Syntax.css);
 const connection = createConnection(ProposedFeatures.all);
 const documents = new TextDocuments();
 
-let server = new Server(connection, documents, pathTransformer);
+let server = new Server(connection, documents, pathTransformer, {importer: new LSImporter(documents)});
 
 server.listen();