Adding data to the model

controller/package.json

@@ -0,0 +1,11 @@
+{
+  "name": "pie-toggle-controller",
+  "version": "1.0.0",
+  "description": "",
+  "main": "src/index.js",
+  "scripts": {
+    "test": "echo \"Error: no test specified\" && exit 1"
+  },
+  "author": "",
+  "license": "ISC"
+}

controller/src/index.js

@@ -0,0 +1,15 @@
+export function outcome(question, session) {
+
+  return new Promise((resolve) => {
+    resolve({});
+  });
+
+}
+
+export function model(question, session, env) {
+
+  return new Promise((resolve) => {
+    resolve(question);
+  });
+
+}

docs/demo/config.json

@@ -5,7 +5,8 @@
   "models": [
     {
       "id": "1",
-      "element": "pie-toggle"
+      "element": "pie-toggle",
+      "message": "hello, PIE"
     }
   ]
 }

src/index.js

@@ -2,11 +2,40 @@ export default class Toggle extends HTMLElement {
 
   constructor() {
     super();
+    this._model = null;
+    this._session = null;
+    this._rerender();
+  }
+
+  set model(m) {
+    this._model = m;
+    this._rerender();
+  }
+
+  set session(s) {
+    this._session = s;
+    this._rerender();
+  }
+
+  get session() {
+    return this._session;
+  }
+
+  _message() {
+    return this._model ? this._model.message : 'hello, world';
+  }
+
+  _rerender() {
     this.innerHTML = [
       '<div>',
-        "hello, world",
+        this._message(),
       '</div>'
     ].join('\n');
   }
 
+  connectedCallback() {
+    this.dispatchEvent(new CustomEvent('pie.register', { bubbles: true }));
+    this._rerender();
+  }
+
 }