/*--------------------------------------------------------------------------------------------- * Copyright (c) Microsoft Corporation. All rights reserved. * Licensed under the MIT License. See License.txt in the project root for license information. *--------------------------------------------------------------------------------------------*/ import * as vscode from 'vscode'; import * as nls from 'vscode-nls'; import { Disposable } from './dispose'; const localize = nls.loadMessageBundle(); export interface ShowOptions { readonly preserveFocus?: boolean; readonly viewColumn?: vscode.ViewColumn; } export class SimpleBrowserView extends Disposable { public static readonly viewType = 'simpleBrowser.view'; private static readonly title = localize('view.title', "Simple Browser"); private readonly _webviewPanel: vscode.WebviewPanel; private readonly _onDidDispose = this._register(new vscode.EventEmitter()); public readonly onDispose = this._onDidDispose.event; constructor( private readonly extensionUri: vscode.Uri, url: string, showOptions?: ShowOptions ) { super(); this._webviewPanel = this._register(vscode.window.createWebviewPanel(SimpleBrowserView.viewType, SimpleBrowserView.title, { viewColumn: showOptions?.viewColumn ?? vscode.ViewColumn.Active, preserveFocus: showOptions?.preserveFocus }, { enableScripts: true, retainContextWhenHidden: true, localResourceRoots: [ vscode.Uri.joinPath(extensionUri, 'media') ] })); this._register(this._webviewPanel.webview.onDidReceiveMessage(e => { switch (e.type) { case 'openExternal': try { const url = vscode.Uri.parse(e.url); vscode.env.openExternal(url); } catch { // Noop } break; } })); this._register(this._webviewPanel.onDidDispose(() => { this.dispose(); })); this._register(vscode.workspace.onDidChangeConfiguration(e => { if (e.affectsConfiguration('simpleBrowser.focusLockIndicator.enabled')) { const configuration = vscode.workspace.getConfiguration('simpleBrowser'); this._webviewPanel.webview.postMessage({ type: 'didChangeFocusLockIndicatorEnabled', focusLockEnabled: configuration.get('focusLockIndicator.enabled', true) }); } })); this.show(url); } public dispose() { this._onDidDispose.fire(); super.dispose(); } public show(url: string, options?: ShowOptions) { this._webviewPanel.webview.html = this.getHtml(url); this._webviewPanel.reveal(options?.viewColumn, options?.preserveFocus); } private getHtml(url: string) { const configuration = vscode.workspace.getConfiguration('simpleBrowser'); const nonce = new Date().getTime() + '' + new Date().getMilliseconds(); const mainJs = this.extensionResourceUrl('media', 'index.js'); const mainCss = this.extensionResourceUrl('media', 'main.css'); const codiconsUri = this.extensionResourceUrl('media', 'codicon.css'); const codiconsFontUri = this.extensionResourceUrl('media', 'codicon.ttf'); return /* html */ `

${localize('view.iframe-focused', "Focus Lock")}

`; } private extensionResourceUrl(...parts: string[]): vscode.Uri { return this._webviewPanel.webview.asWebviewUri(vscode.Uri.joinPath(this.extensionUri, ...parts)); } } function escapeAttribute(value: string | vscode.Uri): string { return value.toString().replace(/"/g, '"'); }