packages/vscode/src/panel.js

const vscode = require('vscode');
const path = require('path');
const { bruToJson } = require('./utils/bru');
const { runSingleRequest } = require('./runner/run-single-request');

class BrunoPanel {
  /**
   * @param {vscode.ExtensionContext} context
   */
  static createOrShow(context) {
    const column = vscode.window.activeTextEditor
      ? vscode.window.activeTextEditor.viewColumn
      : vscode.ViewColumn.One;

    if (BrunoPanel.currentPanel) {
      BrunoPanel.currentPanel.panel.reveal(column);
      return;
    }

    const panel = vscode.window.createWebviewPanel(
      BrunoPanel.viewType,
      'Bruno',
      vscode.ViewColumn.Beside,
      {
        enableScripts: true,
        retainContextWhenHidden: true,
        localResourceRoots: [vscode.Uri.file(path.join(context.extensionPath, 'out'))]
      }
    );

    BrunoPanel.currentPanel = new BrunoPanel(panel, context);
  }

  /**
   * @param {vscode.WebviewPanel} panel
   * @param {vscode.ExtensionContext} context
   */
  constructor(panel, context) {
    this.panel = panel;
    this.context = context;

    this.panel.onDidDispose(() => this.dispose(), null, context.subscriptions);
    this.update();
  }

  dispose() {
    BrunoPanel.currentPanel = undefined;
    this.panel.dispose();
  }

  async update() {
    const editor = vscode.window.activeTextEditor;

    const document = editor.document;
    const text = document.getText();
    const filename = document.uri.fsPath;
    const collectionPath = document.uri.fsPath;
    const collectionVariables = {};
    const envVars = {};

    const scriptUri = this.panel.webview.asWebviewUri(
      vscode.Uri.joinPath(this.context.extensionUri, 'out', 'bruno', 'index.js')
    );

    try {
      const bruJson = bruToJson(text);

      this.panel.webview.html = `<!DOCTYPE html>
        <html lang="en">
        <head>
          <meta charset="UTF-8">
          <meta name="viewport" content="width=device-width, initial-scale=1.0">
          <meta http-equiv="Content-Security-Policy" content="default-src 'none'; img-src vscode-resource: https:; script-src 'unsafe-eval' 'unsafe-inline' vscode-resource: https:; style-src vscode-resource: 'unsafe-inline' https:;">
          <title>Bruno</title>
        </head>
        <body>
          <div id="root"></div>
          <script src="${scriptUri}"></script>
        </body>
        </html>
      `;

      const result = await runSingleRequest(filename, bruJson, collectionPath, collectionVariables, envVars);
      console.log(result);

      this.panel.webview.postMessage({
        command: 'runResult',
        result,
      });

    } catch (err) {
      this.panel.webview.html = `<html><body>Error executing Bru file: ${err.message}</body></html>`;
    }
  }
}

BrunoPanel.viewType = 'BrunoPanel';

/**
 * @type {BrunoPanel | undefined}
 */
BrunoPanel.currentPanel = undefined;

module.exports = BrunoPanel;