feat(vuex): group getters by module

Author: Guillaume Chau

packages/app-frontend/src/views/settings/GlobalPreferences.vue

@@ -121,6 +121,16 @@
         May impact performance or cause crashes
       </template>
     </VueFormField>
+
+    <VueFormField>
+      <template #title>
+        Group getters by module
+        <NewTag :version="2" />
+      </template>
+      <VueSwitch v-model="$shared.vuexGroupGettersByModule">
+        Enable
+      </VueSwitch>
+    </VueFormField>
   </div>
 </template>
 

packages/app-frontend/src/views/settings/SettingsTab.vue

@@ -8,7 +8,7 @@
 import GlobalPreferences from './GlobalPreferences.vue'
 import { mapState } from 'vuex'
 
-export const SETTINGS_VERSION = 2
+export const SETTINGS_VERSION = 3
 export const SETTINGS_VERSION_ID = 'vue-devtools-settings-version'
 
 export default {

packages/app-frontend/src/views/vuex/module.js

@@ -139,6 +139,27 @@ const getters = {
       res.getters = data.getters
     }
 
+    if (SharedData.vuexGroupGettersByModule && res.getters) {
+      const getterGroups = {}
+      const keys = Object.keys(res.getters)
+      keys.forEach(key => {
+        const parts = key.split('/')
+        let parent = getterGroups
+        for (let p = 0; p < parts.length - 1; p++) {
+          const part = parts[p]
+          parent = parent[part] = parent[part] || {
+            _custom: {
+              value: {},
+              abstract: true
+            }
+          }
+          parent = parent._custom.value
+        }
+        parent[parts.pop()] = res.getters[key]
+      })
+      res.getters = getterGroups
+    }
+
     return res
   },
 

packages/shared-utils/src/shared-data.js

@@ -15,7 +15,8 @@ const internalSharedData = {
   editableProps: false,
   logDetected: true,
   vuexNewBackend: false,
-  vuexAutoload: false
+  vuexAutoload: false,
+  vuexGroupGettersByModule: true
 }
 
 const persisted = [
@@ -27,6 +28,7 @@ const persisted = [
   'logDetected',
   'vuexNewBackend',
   'vuexAutoload',
+  'vuexGroupGettersByModule',
   'timeFormat'
 ]