bingyi/vscode-extension-samples
1
0
Fork 0
mirror of https://github.com/microsoft/vscode-extension-samples.git synced 2026-06-13 07:10:26 +08:00
Code Issues Packages Projects Releases Wiki Activity

Pretter for each ts file

Browse Source
This commit is contained in:
Pine Wu
2018-10-10 09:37:51 -07:00
parent c945fe9288
commit 23674b2cfe
55 changed files with 1755 additions and 1479 deletions
Download Patch File Download Diff File Expand all files Collapse all files

22
legacy-samples/previewhtml-sample/src/extension.ts
View File

@ -6,7 +6,6 @@
import * as vscode from 'vscode';
export function activate(context: vscode.ExtensionContext) {
let previewUri = vscode.Uri.parse('css-preview://authority/css-preview');
class TextDocumentContentProvider implements vscode.TextDocumentContentProvider {
@ -27,7 +26,7 @@ export function activate(context: vscode.ExtensionContext) {
private createCssSnippet() {
let editor = vscode.window.activeTextEditor;
if (!(editor.document.languageId === 'css')) {
return this.errorSnippet("Active editor doesn't show a CSS document - no properties to preview.")
return this.errorSnippet("Active editor doesn't show a CSS document - no properties to preview.");
}
return this.extractSnippet();
}
@ -61,7 +60,9 @@ export function activate(context: vscode.ExtensionContext) {
}
</style>
<body>
<div>Preview of the <a href="${encodeURI('command:extension.revealCssRule?' + JSON.stringify([document.uri, propStart, propEnd]))}">CSS properties</a></div>
<div>Preview of the <a href="${encodeURI(
'command:extension.revealCssRule?' + JSON.stringify([document.uri, propStart, propEnd])
)}">CSS properties</a></div>
<hr>
<div id="el">Lorem ipsum dolor sit amet, mi et mauris nec ac luctus lorem, proin leo nulla integer metus vestibulum lobortis, eget</div>
</body>`;
@ -81,19 +82,22 @@ export function activate(context: vscode.ExtensionContext) {
if (e.textEditor === vscode.window.activeTextEditor) {
provider.update(previewUri);
}
})
});
let disposable = vscode.commands.registerCommand('extension.showCssPropertyPreview', () => {
return vscode.commands.executeCommand('vscode.previewHtml', previewUri, vscode.ViewColumn.Two, 'CSS Property Preview').then((success) => {
}, (reason) => {
vscode.window.showErrorMessage(reason);
});
return vscode.commands
.executeCommand('vscode.previewHtml', previewUri, vscode.ViewColumn.Two, 'CSS Property Preview')
.then(
success => {},
reason => {
vscode.window.showErrorMessage(reason);
}
);
});
let highlight = vscode.window.createTextEditorDecorationType({ backgroundColor: 'rgba(200,200,200,.35)' });
vscode.commands.registerCommand('extension.revealCssRule', (uri: vscode.Uri, propStart: number, propEnd: number) => {
for (let editor of vscode.window.visibleTextEditors) {
if (editor.document.uri.toString() === uri.toString()) {
let start = editor.document.positionAt(propStart);