perf(vuex): freeze getters & modules

Guillaume Chau · Guillaume Chau · commit 07e867671deb · 2019-10-29T12:54:47.000+01:00
diff --git a/packages/app-frontend/src/views/vuex/module.js b/packages/app-frontend/src/views/vuex/module.js
@@ -74,16 +74,16 @@ const mutations = {
   },
 
   'UPDATE_INSPECTED_STATE' (state, value) {
-    state.inspectedState = parse(value)
+    state.inspectedState = parseStoreState(value)
   },
 
   'RECEIVE_STATE' (state, { index, snapshot }) {
-    state.lastReceivedState = parse(snapshot)
+    state.lastReceivedState = parseStoreState(snapshot)
     snapshotsCache.set(index, snapshot)
   },
 
   'UPDATE_BASE_STATE' (state, value) {
-    state.base = parse(value)
+    state.base = parseStoreState(value)
   },
 
   'TIME_TRAVEL' (state, index) {
@@ -162,6 +162,17 @@ const getters = {
   }
 }
 
+function parseStoreState (state) {
+  const data = parse(state)
+  if (data) {
+    return {
+      state: data.state,
+      getters: Object.freeze(data.getters),
+      modules: Object.freeze(data.modules)
+    }
+  }
+}
+
 function processInspectedState ({ entry, data, inspectedModule }) {
   const res = {}
 
