52 lines
1.4 KiB
TypeScript
52 lines
1.4 KiB
TypeScript
|
import * as vscode from "vscode";
|
||
|
|
import * as uri from "vscode-uri";
|
||
|
|
import { getWebviewContent } from "./utils";
|
||
|
|
|
||
|
|
export const registerPreviewCommand = (context: vscode.ExtensionContext) => {
|
||
|
|
context.subscriptions.push(
|
||
|
|
vscode.commands.registerTextEditorCommand("squiggle.preview", (editor) => {
|
||
|
|
// Create and show a new webview
|
||
|
|
const title = `Preview ${uri.Utils.basename(editor.document.uri)}`;
|
||
|
|
|
||
|
|
const panel = vscode.window.createWebviewPanel(
|
||
|
|
"squigglePreview",
|
||
|
|
title,
|
||
|
|
vscode.ViewColumn.Beside,
|
||
|
|
{} // Webview options. More on these later.
|
||
|
|
);
|
||
|
|
|
||
|
|
panel.webview.options = {
|
||
|
|
enableScripts: true,
|
||
|
|
};
|
||
|
|
|
||
|
|
panel.webview.html = getWebviewContent({
|
||
|
|
context,
|
||
|
|
webview: panel.webview,
|
||
|
|
title,
|
||
|
|
script: "media/previewWebview.js",
|
||
|
|
});
|
||
|
|
|
||
|
|
const updateWebview = () => {
|
||
|
|
panel.webview.postMessage({
|
||
|
|
type: "update",
|
||
|
|
text: editor.document.getText(),
|
||
|
|
});
|
||
|
|
};
|
||
|
|
|
||
|
|
updateWebview();
|
||
|
|
|
||
|
|
const changeDocumentSubscription =
|
||
|
|
vscode.workspace.onDidChangeTextDocument((e) => {
|
||
|
|
if (e.document.uri.toString() === editor.document.uri.toString()) {
|
||
|
|
updateWebview();
|
||
|
|
}
|
||
|
|
});
|
||
|
|
|
||
|
|
// Make sure we get rid of the listener when our editor is closed.
|
||
|
|
panel.onDidDispose(() => {
|
||
|
|
changeDocumentSubscription.dispose();
|
||
|
|
});
|
||
|
|
})
|
||
|
|
);
|
||
|
|
};
|