Update Example

kateinoigakukun · kateinoigakukun · commit 9f34011cf52a · 2020-04-06T13:39:05.000+09:00
diff --git a/Example/JavaScriptKitExample/Sources/JavaScriptKitExample/main.swift b/Example/JavaScriptKitExample/Sources/JavaScriptKitExample/main.swift
@@ -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)
diff --git a/Example/public/index.html b/Example/public/index.html
@@ -4,6 +4,6 @@
     <title>Getting Started</title>
   </head>
   <body>
-    <script src="./dist/main.js"></script>
+    <script src="main.js"></script>
   </body>
 </html>
diff --git a/Example/src/index.js b/Example/src/index.js
@@ -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
diff --git a/Example/webpack.config.js b/Example/webpack.config.js
@@ -9,6 +9,11 @@ module.exports = {
     path: outputPath,
   },
   devServer: {
-    hot: true
-  }
+    inline: true,
+    watchContentBase: true,
+    contentBase: [
+      path.join(__dirname, 'public'),
+      path.join(__dirname, 'dist'),
+    ],
+  },
 };
diff --git a/Sources/JavaScriptKit/JSValue.swift b/Sources/JavaScriptKit/JSValue.swift
@@ -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)`