Merge pull request #56 from modulor-js/fixes

Fixes

Author: nvignola

components/sandbox-manager/sandbox-manager.js

@@ -5,6 +5,7 @@ const { Router } = require('modulor/router');
 const { getStories } = require('../../js/story');
 const Channel = require('../../js/channel');
 const AddonsApi = require('../../addons');
+const { getDefaultParams } = require('../../js/config');
 
 const template = require('./sandbox-manager.html');
 
@@ -42,14 +43,13 @@ class ManagerApp extends HTMLElement {
 
     const firstStory = stories[Object.keys(stories)[0]];
     const addonPanels = AddonsApi.getPanels();
+    const defaultParams = getDefaultParams();
 
-    const DEFAULT_PARAMS = {
-      width: 80,
-      height: 75,
+    const DEFAULT_PARAMS = Object.assign({}, defaultParams, {
       story: firstStory.storyName,
       storyKind: Object.keys(firstStory.getStories())[0],
       addon: Object.keys(addonPanels)[0],
-    };
+    });
 
     this.router = new Router({
       base: window.location.pathname,
@@ -120,7 +120,7 @@ class ManagerApp extends HTMLElement {
      *  here all routes changes will be observed
      *  only query parameters will be used
      * */
-    this.router.add('*', (path, query) => {
+    this.router.add('(.*)', (path, query) => {
       // set sizes
       const width = Number(query.width);
       const height = Number(query.height);

js/config.js

@@ -0,0 +1,15 @@
+const config = {
+  width: 80,
+  height: 75,
+};
+
+module.exports = {
+  getDefaultParams(){
+    return Object.assign({}, config);
+  },
+
+  setDefaultParams(params){
+    return Object.assign(config, params);
+  }
+}
+