Add revealItem method and pass through to DataExtensionsEditorView

Author: robertbrignull

extensions/ql-vscode/src/data-extensions-editor/data-extensions-editor-module.ts

@@ -148,6 +148,7 @@ export class DataExtensionsEditorModule extends DisposableObject {
               modelFile,
               Mode.Application,
               this.modelDetailsPanel.setState.bind(this.modelDetailsPanel),
+              this.modelDetailsPanel.revealItem.bind(this.modelDetailsPanel),
             );
             await view.openView();
           },

extensions/ql-vscode/src/data-extensions-editor/data-extensions-editor-view.ts

@@ -31,7 +31,7 @@ import { showResolvableLocation } from "../databases/local-databases/locations";
 import { decodeBqrsToExternalApiUsages } from "./bqrs";
 import { redactableError } from "../common/errors";
 import { readQueryResults, runQuery } from "./external-api-usage-query";
-import { ExternalApiUsage } from "./external-api-usage";
+import { ExternalApiUsage, Usage } from "./external-api-usage";
 import { ModeledMethod } from "./modeled-method";
 import { ExtensionPack } from "./shared/extension-pack";
 import { autoModel, ModelRequest, ModelResponse } from "./auto-model-api";
@@ -74,6 +74,7 @@ export class DataExtensionsEditorView extends AbstractWebview<
       externalApiUsages: ExternalApiUsage[],
       databaseItem: DatabaseItem,
     ) => void,
+    private readonly revealItemInDetailsPanel: (usage: Usage) => Promise<void>,
   ) {
     super(ctx);
 
@@ -503,6 +504,7 @@ export class DataExtensionsEditorView extends AbstractWebview<
         modelFile,
         Mode.Framework,
         this.updateModelDetailsPanelState,
+        this.revealItemInDetailsPanel,
       );
       await view.openView();
     });

extensions/ql-vscode/src/data-extensions-editor/model-details/model-details-data-provider.ts

@@ -63,7 +63,7 @@ export class ModelDetailsDataProvider
   }
 }
 
-type ModelDetailsTreeViewItem = ExternalApiUsage | Usage;
+export type ModelDetailsTreeViewItem = ExternalApiUsage | Usage;
 
 function isExternalApiUsage(
   item: ModelDetailsTreeViewItem,

extensions/ql-vscode/src/data-extensions-editor/model-details/model-details-panel.ts

@@ -1,21 +1,25 @@
-import { window } from "vscode";
+import { TreeView, window } from "vscode";
 import { DisposableObject } from "../../common/disposable-object";
-import { ModelDetailsDataProvider } from "./model-details-data-provider";
-import { ExternalApiUsage } from "../external-api-usage";
+import {
+  ModelDetailsDataProvider,
+  ModelDetailsTreeViewItem,
+} from "./model-details-data-provider";
+import { ExternalApiUsage, Usage } from "../external-api-usage";
 import { DatabaseItem } from "../../databases/local-databases";
 
 export class ModelDetailsPanel extends DisposableObject {
   private readonly dataProvider: ModelDetailsDataProvider;
+  private readonly treeView: TreeView<ModelDetailsTreeViewItem>;
 
   public constructor() {
     super();
 
     this.dataProvider = new ModelDetailsDataProvider();
 
-    const treeView = window.createTreeView("codeQLModelDetails", {
+    this.treeView = window.createTreeView("codeQLModelDetails", {
       treeDataProvider: this.dataProvider,
     });
-    this.push(treeView);
+    this.push(this.treeView);
   }
 
   public setState(
@@ -24,4 +28,8 @@ export class ModelDetailsPanel extends DisposableObject {
   ): void {
     this.dataProvider.setState(externalApiUsages, databaseItem);
   }
+
+  public async revealItem(usage: Usage): Promise<void> {
+    await this.treeView.reveal(usage);
+  }
 }