refactor(vuex): removed state loading progress => now indeterminate

Author: Guillaume Chau

src/backend/vuex.js

@@ -136,12 +136,7 @@ export function initVuexBackend (hook, bridge, isLegacy) {
       const { state } = parse(snapshot.state, true)
       store.replaceState(state)
 
-      const total = index - snapshot.index
-      SharedData.snapshotLoading = {
-        current: 0,
-        total
-      }
-      let time = Date.now()
+      SharedData.snapshotLoading = true
 
       // Replay mutations
       for (let i = snapshot.index + 1; i <= index; i++) {
@@ -162,15 +157,6 @@ export function initVuexBackend (hook, bridge, isLegacy) {
         if (i !== index && i % SharedData.cacheVuexSnapshotsEvery === 0) {
           takeSnapshot(i, state)
         }
-
-        const now = Date.now()
-        if (now - time <= 100) {
-          time = now
-          SharedData.snapshotLoading = {
-            current: i - snapshot.index,
-            total
-          }
-        }
       }
 
       // Send final state after replay

src/devtools/index.js

@@ -155,7 +155,7 @@ function initApp (shell) {
       }
 
       requestAnimationFrame(() => {
-        SharedData.snapshotLoading = null
+        SharedData.snapshotLoading = false
       })
     })
 

src/devtools/views/vuex/VuexStateInspector.vue

@@ -65,9 +65,7 @@
           Loading state...
         </div>
 
-        <VueLoadingBar
-          :value="$shared.snapshotLoading.current / $shared.snapshotLoading.total"
-        />
+        <VueLoadingIndicator />
       </div>
       <div
         v-else-if="isOnlyMutationPayload"

src/devtools/views/vuex/actions.js

@@ -59,10 +59,7 @@ export function inspect ({ commit, getters }, entryOrIndex) {
   if (cached) {
     commit('UPDATE_INSPECTED_STATE', cached)
   } else {
-    SharedData.snapshotLoading = {
-      current: 0,
-      total: 1
-    }
+    SharedData.snapshotLoading = true
     commit('UPDATE_INSPECTED_STATE', null)
     bridge.send('vuex:inspect-state', mutationIndex)
   }
@@ -91,10 +88,7 @@ function travelTo (state, commit, index, apply = true) {
     const { inspectedIndex } = state
 
     commit('UPDATE_INSPECTED_STATE', null)
-    SharedData.snapshotLoading = {
-      current: 0,
-      total: 1
-    }
+    SharedData.snapshotLoading = true
     bridge.send('vuex:travel-to-state', { index, apply })
 
     if (index !== inspectedIndex) {

src/shared-data.js

@@ -9,7 +9,7 @@ const internalSharedData = {
   recordVuex: true,
   cacheVuexSnapshotsEvery: 50,
   cacheVuexSnapshotsLimit: 10,
-  snapshotLoading: null,
+  snapshotLoading: false,
   recordPerf: false,
   editableProps: false,
   logDetected: true