ckaczor/azuredatastudio
1
0
Fork 0
mirror of https://github.com/ckaczor/azuredatastudio.git synced 2026-01-18 17:22:45 -05:00
Code Issues Packages Projects Releases Wiki Activity

Add debug logging for ModelView (#13346)

Browse Source
This commit is contained in:
Charles Gagnon
2020-11-11 10:33:13 -08:00
committed by GitHub
parent c37f178e71
commit b32e5f8f25
2 changed files with 48 additions and 9 deletions
Download Patch File Download Diff File Expand all files Collapse all files

6
src/sql/workbench/browser/modelComponents/modelViewContent.component.ts
View File

@@ -15,6 +15,7 @@ import { ViewBase } from 'sql/workbench/browser/modelComponents/viewBase';
import { IModelViewService } from 'sql/platform/modelComponents/browser/modelViewService';
import * as azdata from 'azdata';
import { ILogService } from 'vs/platform/log/common/log';
@Component({
selector: 'modelview-content',
@@ -36,9 +37,10 @@ export class ModelViewContent extends ViewBase implements OnInit, IModelView {
constructor(
@Inject(forwardRef(() => CommonServiceInterface)) private _commonService: CommonServiceInterface,
@Inject(forwardRef(() => ChangeDetectorRef)) changeRef: ChangeDetectorRef,
@Inject(IModelViewService) private modelViewService: IModelViewService
@Inject(IModelViewService) private modelViewService: IModelViewService,
@Inject(ILogService) logService
) {
super(changeRef);
super(changeRef, logService);
}
ngOnInit() {

51
src/sql/workbench/browser/modelComponents/viewBase.ts
View File

@@ -16,6 +16,7 @@ import { ModelStore } from 'sql/workbench/browser/modelComponents/modelStore';
import { Event, Emitter } from 'vs/base/common/event';
import { assign } from 'vs/base/common/objects';
import { IModelStore, IComponentDescriptor, IComponent, ModelComponentTypes } from 'sql/platform/dashboard/browser/interfaces';
import { ILogService } from 'vs/platform/log/common/log';
const componentRegistry = <IComponentRegistry>Registry.as(Extensions.ComponentContribution);
@@ -28,7 +29,7 @@ export abstract class ViewBase extends AngularDisposable implements IModelView {
protected rootDescriptor: IComponentDescriptor;
protected _onDestroy = new Emitter<void>();
public readonly onDestroy = this._onDestroy.event;
constructor(protected changeRef: ChangeDetectorRef) {
constructor(protected changeRef: ChangeDetectorRef, protected logService: ILogService) {
super();
this.modelStore = new ModelStore();
}
@@ -41,6 +42,7 @@ export abstract class ViewBase extends AngularDisposable implements IModelView {
initializeModel(rootComponent: IComponentShape, validationCallback: (componentId: string) => Thenable<boolean>): void {
let descriptor = this.defineComponent(rootComponent);
this.logService.debug(`Initializing view ${this.id} with root component ${rootComponent.id}`);
this.rootDescriptor = descriptor;
this.modelStore.registerValidationCallback(validationCallback);
// Kick off the build by detecting changes to the model
@@ -50,8 +52,10 @@ export abstract class ViewBase extends AngularDisposable implements IModelView {
}
private defineComponent(component: IComponentShape): IComponentDescriptor {
this.logService.debug(`Defining component ${component.id} in view ${this.id}`);
let existingDescriptor = this.modelStore.getComponentDescriptor(component.id);
if (existingDescriptor) {
this.logService.debug(`Component ${component.id} already defined`);
return existingDescriptor;
}
let typeId = componentRegistry.getIdForTypeMapping(component.type);
@@ -73,6 +77,7 @@ export abstract class ViewBase extends AngularDisposable implements IModelView {
}
private removeComponent(component: IComponentShape): void {
this.logService.debug(`Removing component ${component.id} from view ${this.id}`);
if (component.itemConfigs) {
for (let item of component.itemConfigs) {
this.removeFromContainer(component.id, item);
@@ -81,20 +86,28 @@ export abstract class ViewBase extends AngularDisposable implements IModelView {
}
clearContainer(componentId: string): void {
this.queueAction(componentId, (component) => component.clearContainer());
this.logService.debug(`Queuing action to clear component ${componentId}`);
this.queueAction(componentId, (component) => {
this.logService.debug(`Clearing component ${componentId}`);
component.clearContainer();
});
}
addToContainer(containerId: string, itemConfig: IItemConfig, index?: number, initial: boolean = false): void {
this.logService.debug(`Queueing action to add component ${itemConfig.componentShape.id} to container ${containerId}`);
// Do not return the promise as this should be non-blocking
this.queueAction(containerId, (component) => {
this.logService.debug(`Adding component ${itemConfig.componentShape.id} to container ${containerId}`);
let childDescriptor = this.defineComponent(itemConfig.componentShape);
component.addToContainer(childDescriptor, itemConfig.config, index);
}, initial);
}
removeFromContainer(containerId: string, itemConfig: IItemConfig): void {
this.logService.debug(`Queueing action to remove component ${itemConfig.componentShape.id} from container ${containerId}`);
let childDescriptor = this.modelStore.getComponentDescriptor(itemConfig.componentShape.id);
this.queueAction(containerId, (component) => {
this.logService.debug(`Removing component ${itemConfig.componentShape.id} from container ${containerId}`);
component.removeFromContainer(childDescriptor);
this.removeComponent(itemConfig.componentShape);
});
@@ -104,12 +117,18 @@ export abstract class ViewBase extends AngularDisposable implements IModelView {
if (!layout) {
return;
}
this.queueAction(componentId, (component) => component.setLayout(layout), initial);
this.logService.debug(`Queuing action to set layout for component ${componentId}`);
this.queueAction(componentId, (component) => {
this.logService.debug(`Setting layout for component ${componentId}. Layout : ${JSON.stringify(layout)}`);
component.setLayout(layout);
}, initial);
}
setItemLayout(containerId: string, itemConfig: IItemConfig): void {
this.logService.debug(`Queuing action to set item layout for component ${itemConfig.componentShape.id} in container ${containerId}`);
let childDescriptor = this.modelStore.getComponentDescriptor(itemConfig.componentShape.id);
this.queueAction(containerId, (component) => {
this.logService.debug(`Setting item layout for component ${itemConfig.componentShape.id} in container ${containerId}. Layout : ${JSON.stringify(itemConfig.config)}`);
component.setItemLayout(childDescriptor, itemConfig.config);
});
}
@@ -118,11 +137,19 @@ export abstract class ViewBase extends AngularDisposable implements IModelView {
if (!properties) {
return;
}
this.queueAction(componentId, (component) => component.setProperties(properties), initial);
this.logService.debug(`Queuing action to set properties for component ${componentId}`);
this.queueAction(componentId, (component) => {
this.logService.debug(`Setting properties for component ${componentId}. Properties : ${JSON.stringify(properties)}`);
component.setProperties(properties);
}, initial);
}
refreshDataProvider(componentId: string, item: any): void {
this.queueAction(componentId, (component) => component.refreshDataProvider(item));
this.logService.debug(`Queuing action to refresh data provider for component ${componentId}`);
this.queueAction(componentId, (component) => {
this.logService.debug(`Refreshing data provider for component ${componentId}`);
component.refreshDataProvider(item);
});
}
private queueAction<T>(componentId: string, action: (component: IComponent) => T, initial: boolean = false): void {
@@ -130,7 +157,9 @@ export abstract class ViewBase extends AngularDisposable implements IModelView {
}
registerEvent(componentId: string, initial: boolean = false) {
this.logService.debug(`Queuing action to register event handler for component ${componentId}`);
this.queueAction(componentId, (component) => {
this.logService.debug(`Registering event handler for component ${componentId}`);
this._register(component.registerEventHandler(e => {
let modelViewEvent: IModelViewEventArgs = assign({
componentId: componentId,
@@ -154,10 +183,18 @@ export abstract class ViewBase extends AngularDisposable implements IModelView {
}
public focus(componentId: string): void {
return this.queueAction(componentId, (component) => component.focus(), false);
this.logService.debug(`Queuing action to focus component ${componentId}`);
return this.queueAction(componentId, (component) => {
this.logService.debug(`Focusing component ${componentId}`);
component.focus();
});
}
public doAction(componentId: string, action: string, ...args: any[]): void {
return this.queueAction(componentId, (component) => component.doAction(action, ...args), false);
this.logService.debug(`Queuing action to do action ${action} for component ${componentId}`);
return this.queueAction(componentId, (component) => {
this.logService.debug(`Doing action ${action} for component ${componentId}`);
component.doAction(action, ...args);
});
}
}