140 lines
4.5 KiB
TypeScript
140 lines
4.5 KiB
TypeScript
import * as vscode from 'vscode';
|
|
import { spawn } from "child_process";
|
|
|
|
export function activate(context: vscode.ExtensionContext) {
|
|
|
|
|
|
function translate(component: boolean) {
|
|
const editor = vscode.window.activeTextEditor;// Get the active text editor
|
|
if (!editor) return;
|
|
|
|
const html = editor.document.getText(editor.selection);
|
|
if (html.length == 0) {
|
|
vscode.window.showWarningMessage("Please select HTML fragment before invoking this command!");
|
|
return;
|
|
}
|
|
|
|
let params = ["translate"];
|
|
if (component) params.push("--component");
|
|
params.push("--raw");
|
|
params.push(html);
|
|
|
|
const child_proc = spawn("dioxus", params);
|
|
|
|
let result = '';
|
|
child_proc.stdout?.on('data', data => result += data);
|
|
|
|
child_proc.on('close', () => {
|
|
if (result.length > 0) editor.edit(editBuilder => editBuilder.replace(editor.selection, result));
|
|
});
|
|
|
|
child_proc.on('error', (err) => {
|
|
vscode.window.showWarningMessage(`Errors occurred while translating. Make sure you have the most recent Dioxus-CLI installed! \n${err}`);
|
|
});
|
|
}
|
|
|
|
function autoformat_selection() {
|
|
const editor = vscode.window.activeTextEditor;// Get the active text editor
|
|
if (!editor) return;
|
|
|
|
const unformatted = editor.document.getText(editor.selection);
|
|
if (unformatted.length == 0) {
|
|
vscode.window.showWarningMessage("Please select rsx invoking this command!");
|
|
return;
|
|
}
|
|
|
|
let args = ["fmt", "--raw", unformatted.toString()];
|
|
const child_proc = spawn("dioxus", args);
|
|
let result = '';
|
|
|
|
child_proc.stdout?.on('data', data => result += data);
|
|
|
|
child_proc.on('close', () => {
|
|
if (result.length > 0) editor.edit(editBuilder => editBuilder.replace(editor.selection, result));
|
|
});
|
|
|
|
child_proc.on('error', (err) => {
|
|
vscode.window.showWarningMessage(`Errors occurred while translating. Make sure you have the most recent Dioxus-CLI installed! \n${err}`);
|
|
});
|
|
}
|
|
|
|
|
|
function autoformat_document(document: vscode.TextDocument) {
|
|
// check the settings to make sure format on save is configured
|
|
// const formatOnSave: string | undefined = vscode.workspace.getConfiguration('rust').get('formatOnSave');
|
|
|
|
if (document.languageId === "rust" && document.uri.scheme === "file") {
|
|
const active_editor = vscode.window.activeTextEditor;// Get the active text editor
|
|
|
|
if (active_editor?.document.fileName === document.fileName) {
|
|
const text = document.getText();
|
|
|
|
console.error(text);
|
|
|
|
const child_proc = spawn("dioxus", ["fmt", "-f", text]);
|
|
|
|
let result = '';
|
|
|
|
child_proc.stdout?.on('data', data => result += data);
|
|
|
|
type RsxEdit = {
|
|
formatted: string,
|
|
start: number,
|
|
end: number
|
|
}
|
|
|
|
child_proc.on('close', () => {
|
|
|
|
if (result.length > 0) {
|
|
let decoded: RsxEdit[] = JSON.parse(result);
|
|
|
|
console.log("Decoded edits: ", decoded);
|
|
|
|
// Get the active text editor
|
|
const cur_editor = vscode.window.activeTextEditor;
|
|
|
|
|
|
// even if we build an empty edit stream, it tries to save the editor
|
|
// this makes sure the editor is actually saved
|
|
if (decoded.length > 0 && cur_editor == active_editor) {
|
|
active_editor.edit(editBuilder => {
|
|
|
|
for (let edit of decoded) {
|
|
console.log("Handling Edit: ", edit);
|
|
|
|
let start = document.positionAt(edit.start - 1);
|
|
let end = document.positionAt(edit.end + 1);
|
|
const range = new vscode.Range(start, end);
|
|
|
|
editBuilder.replace(range, `{ ${edit.formatted} }`);
|
|
// editor.edit(editBuilder => editBuilder.replace(range, `{ ${edit.formatted} }`)).then((could_be_applied) => {
|
|
// });
|
|
// editor.edit(editBuilder => editBuilder.replace(range, `{ ${edit.formatted} }`)).then((could_be_applied) => {
|
|
// console.log("Edit applied: ", could_be_applied);
|
|
// });
|
|
}
|
|
})
|
|
}
|
|
}
|
|
});
|
|
|
|
child_proc.on('error', (err) => {
|
|
vscode.window.showWarningMessage(`Errors occurred while translating. Make sure you have the most recent Dioxus-CLI installed! \n${err}`);
|
|
});
|
|
}
|
|
}
|
|
}
|
|
|
|
context.subscriptions.push(
|
|
vscode.commands.registerCommand('extension.htmlToDioxusRsx', () => translate(false)),
|
|
vscode.commands.registerCommand('extension.htmlToDioxusComponent', () => translate(true)),
|
|
vscode.commands.registerCommand('extension.formatRsx', () => autoformat_selection()),
|
|
vscode.commands.registerCommand('extension.formatRsxDocument', () => {
|
|
const editor = vscode.window.activeTextEditor;// Get the active text editor
|
|
if (!editor) return;
|
|
autoformat_document(editor.document);
|
|
}),
|
|
vscode.workspace.onDidSaveTextDocument(autoformat_document)
|
|
);
|
|
}
|