fix(store): Use SIMPUT_ prefix for store entry that should be public

Author: jourdain

src/app.js

@@ -26,7 +26,7 @@ Vue.use(Vuetify);
 export const { applyHook, registerHook } = HookManager;
 
 export function registerWidget(name, component) {
-  Store.commit(Mutations.ADD_PROPERTY_MAPPING, { name, component });
+  Store.commit(Mutations.SIMPUT_ADD_PROPERTY_MAPPING, { name, component });
 }
 
 export function registerType(type, urls) {
@@ -86,16 +86,17 @@ export function createViewer() {
               type: dataset.type,
               data: dataset.data,
             });
-            return Store.dispatch(Actions.LOAD_TEMPLATE, dataset.type);
+            return Store.dispatch(Actions.SIMPUT_LOAD_TEMPLATE, dataset.type);
           }
           return Promise.reject(new Error('No model found in download'));
         });
-      } else if (type) {
+      }
+      if (type) {
         Store.commit(Mutations.SET_MODEL, {
           type,
           data: {},
         });
-        return Store.dispatch(Actions.LOAD_TEMPLATE, type);
+        return Store.dispatch(Actions.SIMPUT_LOAD_TEMPLATE, type);
       }
       return Promise.resolve();
     },

src/components/core/ControlsDrawer/script.js

@@ -14,7 +14,7 @@ export default {
   },
   computed: Object.assign(
     mapGetters({
-      dataModel: Getters.MODEL,
+      dataModel: Getters.SIMPUT_MODEL,
     })
   ),
   data() {

src/components/core/Landing/script.js

@@ -18,7 +18,7 @@ export default {
         window.open(sample.goTo, '_blank');
       } else {
         this.$store.commit(Mutations.SET_MODEL, sample.model);
-        this.$store.dispatch(Actions.LOAD_TEMPLATE, sample.model.type);
+        this.$store.dispatch(Actions.SIMPUT_LOAD_TEMPLATE, sample.model.type);
       }
     },
   },

src/components/core/PropertyFactory/script.js

@@ -1,13 +1,16 @@
-import { mapState } from 'vuex';
+import { mapGetters } from 'vuex';
 
 // ---------------------------------------------------------------------------
 
 export default {
   name: 'PropertyFactory',
   props: ['prop', 'viewData'],
-  computed: mapState({
-    component(state) {
-      return state.properties.mapping[this.prop.ui.propType.toLowerCase()];
+  computed: {
+    ...mapGetters({
+      getComponent: 'SIMPUT_COMPONENT_GET',
+    }),
+    component() {
+      return this.getComponent(this.prop.ui.propType);
     },
-  }),
+  },
 };

src/components/core/PropertyPanel/script.js

@@ -25,7 +25,7 @@ export default {
       return (property.show || alwaysShow)(this.viewData) ? 'block' : 'none';
     },
     updateViewData(newData) {
-      this.$store.state.templates.dataManager.updateViewData(newData);
+      this.$store.getters.SIMPUT_DATAMANAGER.updateViewData(newData);
     },
   },
 };

src/components/core/WorkflowContent/script.js

@@ -1,4 +1,4 @@
-import { mapState } from 'vuex';
+import { mapGetters } from 'vuex';
 
 import PropertyPanel from 'simput/src/components/core/PropertyPanel';
 
@@ -9,23 +9,21 @@ export default {
   components: {
     PropertyPanel,
   },
-  computed: Object.assign(
-    {
-      panelData() {
-        if (this.dataManager) {
-          return this.dataManager.getPropertyList();
-        }
-        return [];
-      },
-      viewData() {
-        if (this.dataManager) {
-          return this.dataManager.getActiveViewData();
-        }
-        return {};
-      },
+  computed: {
+    ...mapGetters({
+      dataManager: 'SIMPUT_DATAMANAGER',
+    }),
+    panelData() {
+      if (this.dataManager) {
+        return this.dataManager.getPropertyList();
+      }
+      return [];
     },
-    mapState({
-      dataManager: (state) => state.templates.dataManager,
-    })
-  ),
+    viewData() {
+      if (this.dataManager) {
+        return this.dataManager.getActiveViewData();
+      }
+      return {};
+    },
+  },
 };

src/components/core/WorkflowMenu/script.js

@@ -6,15 +6,13 @@ import { Getters } from 'simput/src/stores/types';
 export default {
   name: 'WorkflowMenu',
   computed: mapGetters({
-    dataModel: Getters.DATAMANAGER,
+    dataModel: 'SIMPUT_DATAMANAGER',
+    getListComponentByName: 'SIMPUT_COMPONENT_GET',
   }),
   methods: {
     viewHasChildren(viewId) {
       const viewItem = this.dataModel.model.views[viewId];
       return 'size' in viewItem || 'children' in viewItem;
     },
-    getListComponentByName(name) {
-      return this.$store.state.properties.mapping[name.toLowerCase()];
-    },
   },
 };

src/components/properties/CellProperty/script.js

@@ -101,7 +101,7 @@ export default {
   },
   beforeMount() {
     const update = () => this.$nextTick(this.$forceUpdate);
-    this.unsubscribe = this.$store.state.templates.dataManager.subscribe(
+    this.unsubscribe = this.$store.getters.SIMPUT_DATAMANAGER.subscribe(
       update
     ).unsubscribe;
   },

src/components/properties/CheckboxProperty/script.js

@@ -29,7 +29,7 @@ export default {
   },
   beforeMount() {
     const update = () => this.$nextTick(this.$forceUpdate);
-    this.unsubscribe = this.$store.state.templates.dataManager.subscribe(
+    this.unsubscribe = this.$store.getters.SIMPUT_DATAMANAGER.subscribe(
       update
     ).unsubscribe;
   },

src/components/properties/ColorProperty/script.js

@@ -60,7 +60,7 @@ export default {
   },
   beforeMount() {
     const update = () => this.$nextTick(this.$forceUpdate);
-    this.unsubscribe = this.$store.state.templates.dataManager.subscribe(
+    this.unsubscribe = this.$store.getters.SIMPUT_DATAMANAGER.subscribe(
       update
     ).unsubscribe;
   },