feat(viewer): throttles progress updates

packages/frontend/package-lock.json

@@ -9580,6 +9580,11 @@
         "lodash._reinterpolate": "^3.0.0"
       }
     },
+    "lodash.throttle": {
+      "version": "4.1.1",
+      "resolved": "https://registry.npmjs.org/lodash.throttle/-/lodash.throttle-4.1.1.tgz",
+      "integrity": "sha1-wj6RtxAkKscMN/HhzaknTMOb8vQ="
+    },
     "lodash.transform": {
       "version": "4.6.0",
       "resolved": "https://registry.npmjs.org/lodash.transform/-/lodash.transform-4.6.0.tgz",

packages/frontend/package.json

@@ -10,12 +10,14 @@
     "serve:setup": "vue-cli-service serve"
   },
   "dependencies": {
+    "@speckle/viewer": "^2.0.0",
     "@vuejs-community/vue-filter-date-format": "^1.6.3",
     "@vuejs-community/vue-filter-date-parse": "^1.1.6",
     "core-js": "^3.8.1",
     "crypto-random-string": "^3.3.0",
     "dompurify": "^2.2.4",
     "lodash.debounce": "^4.0.8",
+    "lodash.throttle": "^4.1.1",
     "marked": "^1.2.6",
     "v-tooltip": "^2.0.3",
     "vue": "^2.6.12",
@@ -26,8 +28,7 @@
     "vue-timeago": "^5.1.2",
     "vuetify": "^2.3.21",
     "vuetify-image-input": "^19.1.0",
-    "vuex": "^3.6.0",
-    "@speckle/viewer": "^2.0.0"
+    "vuex": "^3.6.0"
   },
   "devDependencies": {
     "@mdi/font": "^5.8.55",

packages/frontend/src/components/Renderer.vue

@@ -42,6 +42,7 @@
   </v-sheet>
 </template>
 <script>
+import throttle from 'lodash.throttle'
 import { Viewer } from '@speckle/viewer'
 
 export default {
@@ -114,9 +115,16 @@ export default {
       if (!this.objectUrl) return
       this.hasLoadedModel = true
       window.__viewer.loadObject(this.objectUrl)
-      window.__viewer.on('load-progress', (args) => {
-        this.loadProgress = args.progress * 100
-      })
+      window.__viewer.on(
+        'load-progress',
+        throttle(
+          function (args) {
+            this.loadProgress = args.progress * 100
+            this.zoomEx()
+          }.bind(this),
+          200
+        )
+      )
     }
   }
 }