Feat: updates to docs, extension

2021-01-29 11:57:52 -05:00
1 parent 2e626aea51
commit a2406b33d6
@@ -3,85 +3,145 @@
 * Licensed under the MIT License. See License.txt in the project root for license information.
 * ------------------------------------------------------------------------------------------ */

-import * as path from 'path';
-import { commands, CompletionList, ExtensionContext, Uri, workspace } from 'vscode';
-import { getLanguageService } from 'vscode-html-languageservice';
-import { LanguageClient, LanguageClientOptions, ServerOptions, TransportKind } from 'vscode-languageclient';
-import { getCSSVirtualContent, isInsideStyleRegion } from './embeddedSupport';
+import * as path from "path";
+import {
+  commands,
+  CompletionList,
+  ExtensionContext,
+  Uri,
+  workspace,
+} from "vscode";
+import { getLanguageService } from "vscode-html-languageservice";
+import {
+  LanguageClient,
+  LanguageClientOptions,
+  ServerOptions,
+  TransportKind,
+} from "vscode-languageclient";
+import { isInsideHtmlMacro } from "./rustSupport";
+// import { getCSSVirtualContent, isInsideStyleRegion } from "./embeddedSupport";

 let client: LanguageClient;

 const htmlLanguageService = getLanguageService();

 export function activate(context: ExtensionContext) {
-	// The server is implemented in node
-	let serverModule = context.asAbsolutePath(path.join('server', 'out', 'server.js'));
-	// The debug options for the server
-	// --inspect=6009: runs the server in Node's Inspector mode so VS Code can attach to the server for debugging
-	let debugOptions = { execArgv: ['--nolazy', '--inspect=6009'] };
+  // The server is implemented in node
+  let serverModule = context.asAbsolutePath(
+    path.join("server", "out", "server.js")
+  );
+  // The debug options for the server
+  // --inspect=6009: runs the server in Node's Inspector mode so VS Code can attach to the server for debugging
+  let debugOptions = { execArgv: ["--nolazy", "--inspect=6009"] };

-	// If the extension is launched in debug mode then the debug server options are used
-	// Otherwise the run options are used
-	let serverOptions: ServerOptions = {
-		run: { module: serverModule, transport: TransportKind.ipc },
-		debug: {
-			module: serverModule,
-			transport: TransportKind.ipc,
-			options: debugOptions
-		}
-	};
+  // If the extension is launched in debug mode then the debug server options are used
+  // Otherwise the run options are used
+  let serverOptions: ServerOptions = {
+    run: { module: serverModule, transport: TransportKind.ipc },
+    debug: {
+      module: serverModule,
+      transport: TransportKind.ipc,
+      options: debugOptions,
+    },
+  };

-	const virtualDocumentContents = new Map<string, string>();
+  const virtualDocumentContents = new Map<string, string>();

-	workspace.registerTextDocumentContentProvider('embedded-content', {
-		provideTextDocumentContent: uri => {
-			const originalUri = uri.path.slice(1).slice(0, -4);
-			const decodedUri = decodeURIComponent(originalUri);
-			return virtualDocumentContents.get(decodedUri);
-		}
-	});
+  workspace.registerTextDocumentContentProvider("embedded-content", {
+    provideTextDocumentContent: (uri) => {
+      const originalUri = uri.path.slice(1).slice(0, -4);
+      console.error(originalUri);
+      const decodedUri = decodeURIComponent(originalUri);
+      return virtualDocumentContents.get(decodedUri);
+    },
+  });

-	let clientOptions: LanguageClientOptions = {
-		documentSelector: [{ scheme: 'file', language: 'html1' }],
-		middleware: {
-			provideCompletionItem: async (document, position, context, token, next) => {
-				// If not in `<style>`, do not perform request forwarding
-				if (!isInsideStyleRegion(htmlLanguageService, document.getText(), document.offsetAt(position))) {
-					return await next(document, position, context, token);
-				}
+  let clientOptions: LanguageClientOptions = {
+    documentSelector: [{ scheme: "file", language: "rust" }],
+    middleware: {
+      provideCompletionItem: async (
+        document,
+        position,
+        context,
+        token,
+        next
+      ) => {
+        /*
+				1: Find the occurences of the html! macro using regex
+				2: Check if any of the occurences match the cursor offset
+				3: If so, direct the captured block to the html to the rsx language service
+        */
+        const docSrc = document.getText();
+        const offset = document.offsetAt(position);
+        const matches = docSrc.matchAll(macroRegex);

-				const originalUri = document.uri.toString();
-				virtualDocumentContents.set(originalUri, getCSSVirtualContent(htmlLanguageService, document.getText()));
+        // Lazily loop through matches, abort early if the cursor is after the match
+        // let start = 0;
+        // let end = 0;
+        let matchBody: string | undefined = undefined;

-				const vdocUriString = `embedded-content://css/${encodeURIComponent(
-					originalUri
-				)}.css`;
-				const vdocUri = Uri.parse(vdocUriString);
-				return await commands.executeCommand<CompletionList>(
-					'vscode.executeCompletionItemProvider',
-					vdocUri,
-					position,
-					context.triggerCharacter
-				);
-			}
-		}
-	};
+        for (const match of matches) {
+          // // Check if the cursor is inbetween the previous end and the new start
+          // // This means the cursor is between html! invocations and we should bail early
+          // if (offset > end && offset < match.index) {
+          //   // Ensure the match
+          //   // defer to the "next?" symbol
+          //   return await next(document, position, context, token);
+          // }

-	// Create the language client and start the client.
-	client = new LanguageClient(
-		'languageServerExample',
-		'Language Server Example',
-		serverOptions,
-		clientOptions
-	);
+          // Otherwise, move the counters forward
+          const start = match.index;
+          const end = start + match.length;

-	// Start the client. This will also launch the server
-	client.start();
+          // Ensure the cursor is within the match
+          // Break if so
+          if (offset >= start && offset <= end) {
+            matchBody = match[1];
+            break;
+          }
+        }
+
+        // If we looped through all the matches and the match wasn't defined, then bail
+        if (matchBody === undefined) {
+          return await next(document, position, context, token);
+        }
+
+        // If we're inside the style region, then provide CSS completions with the CSS provider
+        const originalUri = document.uri.toString();
+        virtualDocumentContents.set(originalUri, matchBody);
+        // getCSSVirtualContent(htmlLanguageService, document.getText())
+
+        const vdocUriString = `embedded-content://html/${encodeURIComponent(
+          originalUri
+        )}.html`;
+
+        const vdocUri = Uri.parse(vdocUriString);
+        return await commands.executeCommand<CompletionList>(
+          "vscode.executeCompletionItemProvider",
+          vdocUri,
+          position,
+          context.triggerCharacter
+        );
+      },
+    },
+  };
+
+  // Create the language client and start the client.
+  client = new LanguageClient(
+    "languageServerExample",
+    "Language Server Example",
+    serverOptions,
+    clientOptions
+  );
+  // Start the client. This will also launch the server
+  client.start();
 }

 export function deactivate(): Thenable<void> | undefined {
-	if (!client) {
-		return undefined;
-	}
-	return client.stop();
+  if (!client) {
+    return undefined;
+  }
+  return client.stop();
 }
+
+const macroRegex = /html! {([\s\S]*?)}/g;