Code at the end of the live stream: https://www.youtube.com/watch?v=i5smyibHf5o

Author: quantuminformation

demo/typescriptImport/index.ts

@@ -1,21 +1,29 @@
 import WarpRouter from 'warp-router'
 import {Configuration} from "../../src/Configuration";
 import {Route} from "../../src/Route";
+import {myFunction} from "./page2";
 
 function createDemo() {
   const configuration = new Configuration()
   configuration.defaultRoute = ""
   const router = new WarpRouter('.container', configuration)
   let routes: Map<string,Route> = new Map()
-  routes.set("", new Route(function () {
+  routes.set("", new Route((): string => {
     return "This is the home page"
   }))
-  routes.set("#page1", new Route(() => {
-    router.hostElement.innerHTML = `<p>This content was generated by a routing function</p>`
+  routes.set("#page1", new Route((): void => {
+      router.hostElement.innerHTML = `<p>This content was generated by a routing function page 1</p>`
+    }
+  ))
+  routes.set("#page2", new Route((): void => {
+     myFunction(router.hostElement)
     }
   ))
 
   router.setRoutes(routes)
+
+
+  router.attach()
 }
 
 createDemo()

demo/typescriptImport/page2.ts

@@ -0,0 +1,14 @@
+export const myFunction = (hostElement) => {
+  hostElement.innerHTML = `
+         <p>This content was generated by a routing function page 2</p>
+         <button id="page2btn">This button will do something</button>
+      `
+
+  function addListeners() {
+    document.querySelector('#page2btn').addEventListener('click', function () {
+      alert("It workew")
+    })
+  }
+
+  addListeners()
+}

src/Route.ts

@@ -6,4 +6,8 @@ export class Route {
   constructor(public routingFunction: RoutingFunction, public context= null) {
 
   }
+
+  run(){
+    return this.routingFunction()
+  }
 }