feat: add vscode extension

extension/src/extension.ts

@@ -0,0 +1,57 @@
+'use strict';
+
+import * as vscode from 'vscode';
+import { spawn } from "child_process";
+
+export function activate(context: vscode.ExtensionContext) {
+	const htmlToPureRsx = vscode.commands.registerCommand('extension.htmlToRsx', function () {
+		// Get the active text editor
+		const editor = vscode.window.activeTextEditor;
+
+		if (editor) {
+			const document = editor.document;
+			const selection = editor.selection;
+			const word = document.getText(selection);
+
+			const child_proc = spawn("dioxus", ["translate", "-t", word]);
+
+			let result = '';
+			child_proc.stdout?.on('data', data => result += data);
+
+			child_proc.on('close', () => {
+				editor.edit(editBuilder => {
+					if (result != '') {
+						editBuilder.replace(selection, result)
+					}
+				})
+			});
+		}
+	});
+
+	const htmlToComponent = vscode.commands.registerCommand('extension.htmlToComponent', function () {
+		// Get the active text editor
+		const editor = vscode.window.activeTextEditor;
+
+		if (editor) {
+			const document = editor.document;
+			const selection = editor.selection;
+			const word = document.getText(selection);
+
+			const child_proc = spawn("dioxus", ["translate", "-c", "-t", word]);
+
+			let result = '';
+			child_proc.stdout?.on('data', data => result += data);
+
+			child_proc.on('close', () => {
+				editor.edit(editBuilder => {
+					if (result != '') {
+						editBuilder.replace(selection, result)
+					}
+				})
+			});
+		}
+	});
+
+	context.subscriptions.push(htmlToPureRsx);
+	context.subscriptions.push(htmlToComponent);
+}