temp: wip

getappmap · Mar 26, 2024 · 727af3b · 727af3b
1 parent f8b049f
commit 727af3b
Show file tree

Hide file tree

Showing 2 changed files with 9 additions and 1 deletion.
diff --git a/packages/components/src/components/DiagramComponent.vue b/packages/components/src/components/DiagramComponent.vue
@@ -140,14 +140,16 @@ export default {
     },
 
     renderDiagram() {
-      this.$nextTick(() => {
+      this.$emit('dependencyMapLoading', true);
+      this.$nextTick(async () => {
         this.componentDiagram = new ComponentDiagram(this.$el, {
           theme: this.theme,
           zoom: {
             controls: this.zoomButtons,
           },
         });
         this.componentDiagram.render(this.classMap);
+        await new Promise((resolve) => setTimeout(resolve, 1000));
 
         this.componentDiagram
           .on('click', (codeObject) => this.selectCodeObject(codeObject))
@@ -162,6 +164,8 @@ export default {
         } else {
           this.handleHighlightedEvent();
         }
+        await this.$nextTick();
+        this.$emit('dependencyMapLoading', false);
       });
     },
 

diff --git a/packages/components/src/pages/VsCodeExtension.vue b/packages/components/src/pages/VsCodeExtension.vue
@@ -85,6 +85,7 @@
             <v-diagram-component
               :class-map="filteredAppMap.classMap"
               :highlighted-event-index="eventFilterMatchIndex"
+              @dependencyMapLoading="setIsDiagramLoading"
             />
           </v-lazy-loader>
         </v-tab>
@@ -910,6 +911,9 @@ export default {
     },
   },
   methods: {
+    setIsDiagramLoading(isLoading) {
+      this.isDiagramLoading = isLoading;
+    },
     async applyFilters(filter, appMap) {
       this.isDiagramLoading = true;
       this.$nextTick(async () => {