import * as vscode from 'vscode' ; export function activate ( context ) { let currentPanel = undefined ; let disposable = vscode . commands . registerCommand ( 'reacticons.reacticons' , ( ) => { const columnToShowIn = vscode . window . activeTextEditor ? vscode . window . activeTextEditor . viewColumn : undefined ; if ( currentPanel ) { currentPanel . reveal ( columnToShowIn ) ; } else { currentPanel = vscode . window . createWebviewPanel ( 'reacticons' , 'React Icons' , vscode . ViewColumn . Beside , { enableScripts : true , retainContextWhenHidden : true } ) ; currentPanel . webview . html = getWebviewContent ( ) ; currentPanel . onDidDispose ( ( ) => { currentPanel = undefined ; } , null , context . subscriptions ) ; } } ) ; context . subscriptions . push ( disposable ) ; } export function deactivate ( ) { } function getWebviewContent ( ) { return `<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
		<title>React Icons</title>
		<style>
		.full {
			height: 100vh;
			width: 100vw;
			margin: 0;
			padding: 0;
			border: 0;
			outline: none;
		}
		
		</style>
</head>
<body class="full">
    <iframe src="https://react-icons-preview.vercel.app/" class="full" sandbox="allow-scripts allow-same-origin">/>
</body>
</html>` ; }