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

Rename and refresh commands

Browse Source
This commit is contained in:
Sandeep Somavarapu
2017-12-03 19:46:09 +01:00
parent 60bd6be48b
commit 4b33ad5e68
3 changed files with 63 additions and 5 deletions
Download Patch File Download Diff File Expand all files Collapse all files

29
tree-view-sample/package.json
View File

@ -63,6 +63,14 @@
"light": "resources/light/refresh.svg",
"dark": "resources/dark/refresh.svg"
}
},
{
"command": "jsonOutline.refreshNode",
"title": "Refresh"
},
{
"command": "jsonOutline.renameNode",
"title": "Rename"
}
],
"menus": {
@ -86,9 +94,28 @@
{
"command": "nodeDependencies.deleteEntry",
"when": "view == nodeDependencies && viewItem == dependency"
},
{
"command": "jsonOutline.renameNode",
"when": "view == jsonOutline"
},
{
"command": "jsonOutline.refreshNode",
"when": "view == jsonOutline"
}
]
}
},
"configuration": [
{
"title": "JSON Outline",
"properties": {
"jsonOutline.autorefresh": {
"type": "boolean",
"default": true
}
}
}
]
},
"scripts": {
"vscode:prepublish": "tsc -p ./",

2
tree-view-sample/src/extension.ts
View File

@ -15,6 +15,8 @@ export function activate(context: vscode.ExtensionContext) {
vscode.window.registerTreeDataProvider('nodeDependencies', nodeDependenciesProvider);
vscode.commands.registerCommand('jsonOutline.refresh', () => jsonOutlineProvider.refresh());
vscode.commands.registerCommand('jsonOutline.refreshNode', offset => jsonOutlineProvider.refresh(offset));
vscode.commands.registerCommand('jsonOutline.renameNode', offset => jsonOutlineProvider.rename(offset));
vscode.window.registerTreeDataProvider('jsonOutline', jsonOutlineProvider);
vscode.window.registerTreeDataProvider('ftpExplorer', ftpExplorerProvider);

37
tree-view-sample/src/jsonOutline.ts
View File

@ -1,6 +1,7 @@
import * as vscode from 'vscode';
import * as json from 'jsonc-parser';
import * as path from 'path';
import { isNumber } from 'util';
export class JsonOutlineProvider implements vscode.TreeDataProvider<string> {
@ -10,6 +11,7 @@ export class JsonOutlineProvider implements vscode.TreeDataProvider<string> {
private tree: json.Node;
private text: string;
private editor: vscode.TextEditor;
private autoRefresh: boolean = true;
constructor(private context: vscode.ExtensionContext) {
vscode.window.onDidChangeActiveTextEditor(editor => {
@ -17,15 +19,42 @@ export class JsonOutlineProvider implements vscode.TreeDataProvider<string> {
});
vscode.workspace.onDidChangeTextDocument(e => this.onDocumentChanged(e));
this.parseTree();
this.autoRefresh = vscode.workspace.getConfiguration('jsonOutline').get('autorefresh');
vscode.workspace.onDidChangeConfiguration(() => {
this.autoRefresh = vscode.workspace.getConfiguration('jsonOutline').get('autorefresh');
});
}
refresh(): void {
this.parseTree();
this._onDidChangeTreeData.fire();
refresh(offset?: string): void {
if (isNumber(offset)) {
this._onDidChangeTreeData.fire(offset);
} else {
this.parseTree();
this._onDidChangeTreeData.fire();
}
}
rename(offset: string): void {
vscode.window.showInputBox({ placeHolder: 'Enter the new label' })
.then(value => {
if (value !== null && value !== undefined) {
this.editor.edit(editBuilder => {
const path = json.getLocation(this.text, parseInt(offset)).path
let propertyNode = json.findNodeAtLocation(this.tree, path);
if (propertyNode.parent.type !== 'array') {
propertyNode = propertyNode.parent.children[0];
}
const range = new vscode.Range(this.editor.document.positionAt(propertyNode.offset), this.editor.document.positionAt(propertyNode.offset + propertyNode.length));
editBuilder.replace(range, `"${value}"`);
this.parseTree();
this.refresh(offset);
});
}
});
}
private onDocumentChanged(changeEvent: vscode.TextDocumentChangeEvent): void {
if (changeEvent.document.uri.toString() === this.editor.document.uri.toString()) {
if (this.autoRefresh && changeEvent.document.uri.toString() === this.editor.document.uri.toString()) {
for (const change of changeEvent.contentChanges) {
const path = json.getLocation(this.text, this.editor.document.offsetAt(change.range.start)).path;
path.pop();