GoodNotes
diff --git a/‎Example/JavaScriptKitExample/Sources/JavaScriptKitExample/main.swift‎
Lines changed: 7 additions & 1 deletion b/‎Example/JavaScriptKitExample/Sources/JavaScriptKitExample/main.swift‎
Lines changed: 7 additions & 1 deletion
diff --git a/‎Example/index.html‎ ‎Example/public/index.html‎Example/index.html renamed to Example/public/index.html
Lines changed: 1 addition & 1 deletion b/‎Example/index.html‎ ‎Example/public/index.html‎Example/index.html renamed to Example/public/index.html
Lines changed: 1 addition & 1 deletion
diff --git a/‎Example/src/index.js‎
Lines changed: 1 addition & 1 deletion b/‎Example/src/index.js‎
Lines changed: 1 addition & 1 deletion
diff --git a/‎Example/webpack.config.js‎
Lines changed: 7 additions & 2 deletions b/‎Example/webpack.config.js‎
Lines changed: 7 additions & 2 deletions
diff --git a/‎Sources/JavaScriptKit/JSValue.swift‎
Lines changed: 6 additions & 0 deletions b/‎Sources/JavaScriptKit/JSValue.swift‎
Lines changed: 6 additions & 0 deletions
@@ -8,4 +8,10 @@ divElement.innerText = "Hello, world"
 let body = document.body.object!
 _ = body.appendChild!(divElement)
 
-alert("Swift is running on browser!")
+let buttonElement = document.createElement!("button").object!
+buttonElement.innerText = "Click me!"
+buttonElement.onclick = .function { _ in
+    alert("Swift is running on browser!")
+}
+
+_ = body.appendChild!(buttonElement)
@@ -4,6 +4,6 @@
     <title>Getting Started</title>
   </head>
   <body>
-    <script src="./dist/main.js"></script>
+    <script src="main.js"></script>
   </body>
 </html>
@@ -17,7 +17,7 @@ let wasi = new WASI({
 
 const startWasiTask = async () => {
   // Fetch our Wasm File
-  const response = await fetch("./dist/JavaScriptKitExample.wasm");
+  const response = await fetch("JavaScriptKitExample.wasm");
   const responseArrayBuffer = await response.arrayBuffer();
 
   // Instantiate the WebAssembly file
 
@@ -9,6 +9,11 @@ module.exports = {
     path: outputPath,
   },
   devServer: {
-    hot: true
-  }
+    inline: true,
+    watchContentBase: true,
+    contentBase: [
+      path.join(__dirname, 'public'),
+      path.join(__dirname, 'dist'),
+    ],
+  },
 };
@@ -44,6 +44,12 @@ public enum JSValue: Equatable {
     }
 }
 
+extension JSValue {
+    public static func function(_ body: @escaping ([JSValue]) -> JSValue) -> JSValue {
+        .function(JSFunctionRef.from(body))
+    }
+}
+
 extension JSValue: ExpressibleByStringLiteral {
     public init(stringLiteral value: String) {
         self = .string(value)
Original file line number	Diff line number	Diff line change
`@@ -44,6 +44,12 @@ public enum JSValue: Equatable {`
`44`	`44`	`}`
`45`	`45`	`}`
`46`	`46`
	`47`	`+extension JSValue {`
	`48`	`+ public static func function(_ body: @escaping ([JSValue]) -> JSValue) -> JSValue {`
	`49`	`+ .function(JSFunctionRef.from(body))`
	`50`	`+ }`
	`51`	`+}`
	`52`	`+`
`47`	`53`	`extension JSValue: ExpressibleByStringLiteral {`
`48`	`54`	`public init(stringLiteral value: String) {`
`49`	`55`	`self = .string(value)`