make demoMessages accessible

demo.html

@@ -16,42 +16,49 @@
   title: "Chat with a bot",
   container: document.querySelector(".chat-container"),
 });
-function startDemo() {
-  window.chatroom.demo([
-    {
-      message: { type: "text", text: "Hello how can I help you?" },
-      username: "bot",
-    },
-    {
-      message: { type: "text", text: "I need glue" },
-      username: "user",
-    },
-    {
-      message: {
-        type: "text",
-        text: "We have many sorts of adhesives. Let me help you find the right one.",
-      },
-      username: "bot",
+
+window.demoMessages = [
+  {
+    message: { type: "text", text: "Hello how can I help you?" },
+    username: "bot"
+  },
+  {
+    message: { type: "text", text: "I need glue" },
+    username: "user"
+  },
+  {
+    message: {
+      type: "text",
+      text:
+        "We have many sorts of adhesives. Let me help you find the right one."
     },
-    {
-      message: {
-        type: "text",
-        text: "Are you bonding magnets?",
-      },
-      username: "bot",
+    username: "bot"
+  },
+  {
+    message: {
+      type: "text",
+      text: "Are you bonding magnets?"
     },
-    {
-      message: {
-        type: "button",
-        buttons: [{ title: "Yes", payload: "Yes" }, { title: "No", payload: "No" }],
-      },
-      username: "bot",
+    username: "bot"
+  },
+  {
+    message: {
+      type: "button",
+      buttons: [
+        { title: "Yes", payload: "Yes" },
+        { title: "No", payload: "No" }
+      ]
     },
-    {
-      message: { type: "text", text: "No" },
-      username: "user",
-    },
-  ]);
+    username: "bot"
+  },
+  {
+    message: { type: "text", text: "No" },
+    username: "user"
+  }
+];
+
+function startDemo() {
+  window.chatroom.demo(window.demoMessages);
 }
 document.getElementById("demo-button").addEventListener("click", startDemo, false);
 window.addEventListener("load", startDemo, false);