GH-46 Add javacript run before model run

src/runtime/Builder.js

@@ -18,6 +18,7 @@ import perf from './builders/widgets/Performance/build'
 import spinner from './builders/widgets/Spinner/build'
 import model from './builders/widgets/Model/build'
 import widget from './builders/widgets/Widget/build'
+import javascript from './builders/widgets/Javascript/build'
 
 import api from './builders/api/build'
 
@@ -56,6 +57,7 @@ class Builder {
       spinner(),
       toggle(),
       model(),
+      javascript(),
 
       api(),
 

src/runtime/builders/application/init/init.js

@@ -4,6 +4,7 @@
 /* global models */
 /* global animateFps */
 /* global spinner */
+/* global javascript */
 
 function init() {
   createjs.Ticker.framerate = animateFps
@@ -16,11 +17,15 @@ function init() {
       initWidgets()
     ]).then(() => {
       resolveValueProviders()
-      Object.entries(models).forEach(([id, model]) => model.init())
-      Object.entries(widgets).forEach(([id, widget]) => widget.updateComponent())
+      Object.entries(models).forEach(([, model]) => model.init())
+
+      javascript.onBeforeModelRun.forEach(fn => fn())
+
+      Object.entries(models).forEach(([, model]) => model.play())
+      Object.entries(widgets).forEach(([, widget]) => widget.updateComponent())
       spinner.hide()
     })
   })
 }
 
-export default init
+export default init

src/runtime/builders/widgets/Javascript/build.js

@@ -0,0 +1,10 @@
+import configuration from './configuration'
+import generateTemplate from '@runtime/builders/generateTemplate'
+
+export default () => {
+  const script = `const javascript = ${generateTemplate(configuration())}`
+  const html = ''
+  const css = ''
+
+  return { script, html, css }
+}

src/runtime/builders/widgets/Javascript/configuration.js

@@ -0,0 +1,17 @@
+import configureStore from '@src/configureStore'
+import { getJavascripts } from '@reducers'
+
+export default () => {
+  const store = configureStore().store.getState()
+
+  let javascript = {
+    onBeforeModelRun: []
+  }
+
+  Object.entries(getJavascripts(store)).forEach(([, item]) => {
+    const fn = `function() {${item.javascript}}`
+    javascript.onBeforeModelRun.push(new Function(`return ${fn}`)())
+  })
+
+  return javascript
+}

src/runtime/builders/widgets/Model/template/init.js

@@ -3,5 +3,4 @@ export default function init() {
 
   this.instantiate()
   this.setup()
-  this.play()
-}
+}