* Copyright (c) 2025 Huawei Device Co., Ltd.
* Licensed under the Apache License, Version 2.0 (the "License");
* you may not use this file except in compliance with the License.
* You may obtain a copy of the License at
*
* http://www.apache.org/licenses/LICENSE-2.0
*
* Unless required by applicable law or agreed to in writing, software
* distributed under the License is distributed on an "AS IS" BASIS,
* WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
* See the License for the specific language governing permissions and
* limitations under the License.
*/
import * as vscode from 'vscode';
import * as fs from 'fs';
import * as path from 'path';
export class DevtoolsProvider implements vscode.WebviewViewProvider {
private context: vscode.ExtensionContext;
constructor(context: vscode.ExtensionContext) {
this.context = context;
}
private _view?: vscode.WebviewView;
resolveWebviewView(
webviewView: vscode.WebviewView,
context: vscode.WebviewViewResolveContext,
token: vscode.CancellationToken,
): Thenable<void> | void {
this._view = webviewView;
webviewView.webview.options = {
enableScripts: true,
localResourceRoots: [this.context.extensionUri],
};
const htmlPath = vscode.Uri.joinPath(this.context.extensionUri, 'src', 'devtools.html');
webviewView.webview.html = fs.readFileSync(htmlPath.fsPath, 'utf8');
}
public async showHtmlContent(uri: vscode.Uri) {
try {
const content = await fs.promises.readFile(uri.fsPath, 'utf-8');
this._view!.webview.html = content;
} catch (error) {
vscode.window.showErrorMessage(`can not resolve targe file: ${error}`);
}
}
}