From 3de84bb20ff2677ce9c1ac57d067d798f00f19d6 Mon Sep 17 00:00:00 2001
From: "Frank A. Krueger" <fak@praeclarum.org>
Date: Fri, 9 Mar 2018 15:58:17 -0800
Subject: [PATCH] Add Ooui.Wasm sample

---
 .gitignore                 |  13 +++
 Ooui.Wasm/README.md        |  26 ++++++
 Ooui.Wasm/ooui-sample.cs   |  16 ++++
 Ooui.Wasm/ooui-sample.html | 176 +++++++++++++++++++++++++++++++++++++
 4 files changed, 231 insertions(+)
 create mode 100644 Ooui.Wasm/README.md
 create mode 100644 Ooui.Wasm/ooui-sample.cs
 create mode 100644 Ooui.Wasm/ooui-sample.html
diff --git a/.gitignore b/.gitignore
index fd8fca6..7da3b43 100644
--- a/.gitignore
+++ b/.gitignore
@@ -1,3 +1,16 @@
+
+# Wasm SDK
+/Ooui.Wasm/bcl
+/Ooui.Wasm/debug
+/Ooui.Wasm/release
+/Ooui.Wasm/managed
+/Ooui.Wasm/driver.c
+/Ooui.Wasm/mono.js
+/Ooui.Wasm/server.py
+/Ooui.Wasm/sample*
+/Ooui.Wasm/lib*
+/Ooui.Wasm/*.w*
+
 # Social media files
 /Media
 
diff --git a/Ooui.Wasm/README.md b/Ooui.Wasm/README.md
new file mode 100644
index 0000000..f2518cf
--- /dev/null
+++ b/Ooui.Wasm/README.md
@@ -0,0 +1,26 @@
+
+## Install
+
+Download [Mono WebAssembly support on Jenkins](https://jenkins.mono-project.com//job/test-mono-mainline-webassembly/) by
+grabbing the latest build's Azure Artifact.
+
+[mono-wasm-03914603a3b.zip](https://jenkins.mono-project.com/job/test-mono-mainline-webassembly/71/label=highsierra/Azure/processDownloadRequest/71/highsierra/sdks/wasm/mono-wasm-03914603a3b.zip)
+
+Expand that into this directory.
+
+
+
+## Build
+
+```bash
+csc /nostdlib /target:library /r:managed/mscorlib.dll /r:managed/Ooui.dll /out:managed/Ooui.Sample.dll ooui-sample.cs
+```
+
+
+## Run
+
+```bash
+python server.py
+```
+
+Go to `locahost:8000/ooui.html`
diff --git a/Ooui.Wasm/ooui-sample.cs b/Ooui.Wasm/ooui-sample.cs
new file mode 100644
index 0000000..a080e86
--- /dev/null
+++ b/Ooui.Wasm/ooui-sample.cs
@@ -0,0 +1,16 @@
+using System;
+using Ooui;
+
+public class Math {
+	public static string Add (string a, string b) {
+		try {
+			Console.WriteLine ("ENTER");
+			var e = new Div ();
+			return e.Id;
+		}
+		catch (Exception e) {
+			Console.WriteLine (e);
+			return e.ToString ();
+		}
+	}
+}
diff --git a/Ooui.Wasm/ooui-sample.html b/Ooui.Wasm/ooui-sample.html
new file mode 100644
index 0000000..9062d34
--- /dev/null
+++ b/Ooui.Wasm/ooui-sample.html
@@ -0,0 +1,176 @@
+<!doctype html>
+<html lang="en-us">
+  <head>
+  </head>
+  <body>
+	  C# output:
+	  <br>
+		 <textarea rows="10" cols="100" id="output"></textarea>
+	  <br>
+		  <button type="button" onclick="App.onClick()" id="button" disabled="true">Run</button>
+	  <br>
+	
+	<script type='text/javascript'>
+		var mainAsmName = "Ooui.Sample";
+
+		var startLoadTime = Date.now();
+		var runtimeLoadTime = null;
+		var bclLoadTime = null;
+		var runtimeLoadTime = null;
+
+		var Module = { 
+			onRuntimeInitialized: function () {
+				var assemblies = [
+					"mscorlib.dll",
+					"System.dll",
+					"System.Core.dll",
+					"System.Runtime.dll",
+					"System.Xml.XDocument.dll",
+					"System.Threading.Tasks.dll",
+					"System.Diagnostics.Debug.dll",
+					"System.ComponentModel.TypeConverter.dll",
+					"System.Dynamic.Runtime.dll",
+					"System.Runtime.Serialization.Primitives.dll",
+					"System.Collections.dll",
+					"System.ObjectModel.dll",
+					"System.Text.RegularExpressions.dll",
+					"System.Text.Encoding.dll",
+					"System.Text.Encoding.Extensions.dll",
+					"System.Xml.ReaderWriter.dll",
+					"System.Xml.dll",
+					"System.IO.dll",
+					"System.Threading.dll",
+					"System.Globalization.dll",
+					"System.Runtime.Extensions.dll",
+					"System.Reflection.dll",
+					"System.Reflection.Extensions.dll",
+					"Microsoft.CSharp.dll",
+					"System.Linq.dll",
+					"System.Linq.Expressions.dll",
+					"Newtonsoft.Json.dll",
+					"Ooui.dll",
+					mainAsmName + ".dll"
+				];
+				runtimeLoadTime = Date.now ();
+				console.log ("Done with WASM module instantiation. Took " + (runtimeLoadTime - startLoadTime) + " ms");
+
+				Module.FS_createPath ("/", "managed", true, true);
+
+				var pending = 0;
+				assemblies.forEach (function(asm_name) {
+					console.log ("loading " + asm_name);
+					++pending;
+					fetch ("managed/" + asm_name, { credentials: 'same-origin' }).then (function (response) {
+						if (!response.ok)
+							throw "failed to load Assembly '" + asm_name + "'";
+						return response['arrayBuffer']();
+					}).then (function (blob) {
+						var asm = new Uint8Array (blob);
+						Module.FS_createDataFile ("managed/" + asm_name, null, asm, true, true, true);
+						console.log ("LOADED: " + asm_name);
+						--pending;
+						if (pending == 0)
+							Module.bclLoadingDone ();
+					});
+				});
+			},
+			
+			bclLoadingDone: function () {
+				bclLoadTime = Date.now ();
+				console.log ("Done loading the BCL. Took " + (bclLoadTime - runtimeLoadTime) + " ms");
+
+				MonoRuntime.init ();
+			}
+		};
+
+		var MonoRuntime = {
+			init: function () {
+				this.load_runtime = Module.cwrap ('mono_wasm_load_runtime', null, ['string', 'number']);
+				this.assembly_load = Module.cwrap ('mono_wasm_assembly_load', 'number', ['string']);
+				this.find_class = Module.cwrap ('mono_wasm_assembly_find_class', 'number', ['number', 'string', 'string']);
+				this.find_method = Module.cwrap ('mono_wasm_assembly_find_method', 'number', ['number', 'string', 'number']);
+				this.invoke_method = Module.cwrap ('mono_wasm_invoke_method', 'number', ['number', 'number', 'number']);
+				this.mono_string_get_utf8 = Module.cwrap ('mono_wasm_string_get_utf8', 'number', ['number']);
+				this.mono_string = Module.cwrap ('mono_wasm_string_from_js', 'number', ['string'])
+
+				this.load_runtime ("managed", 1);
+				this.main_module = this.assembly_load (mainAsmName)
+				if (!this.main_module)
+					throw "Could not find Main Module sample.dll";
+
+				this.math_class = this.find_class (this.main_module, "", "Math")
+				if (!this.math_class)
+					throw "Could not find Math class in main module";
+
+				this.add_method = this.find_method (this.math_class, "Add", -1)
+				if (!this.add_method)
+					throw "Could not find add method";
+
+				runtimeLoadTime = Date.now ();
+
+				console.log ("Done initializing the runtime. Took " + (runtimeLoadTime - bclLoadTime) + " ms");
+
+				App.init ();
+			},
+
+			conv_string: function (mono_obj) {
+				if (mono_obj == 0)
+					return null;
+				var raw = this.mono_string_get_utf8 (mono_obj);
+				var res = Module.UTF8ToString (raw);
+				Module._free (raw);
+
+				return res;
+			},
+		
+			call_method: function (method, this_arg, args) {
+				var args_mem = Module._malloc (args.length * 4);
+				var eh_throw = Module._malloc (4);
+				for (var i = 0; i < args.length; ++i)
+					Module.setValue (args_mem + i * 4, args [i], "i32");
+				Module.setValue (eh_throw, 0, "i32");
+
+				var res = this.invoke_method (method, this_arg, args_mem, eh_throw);
+
+				var eh_res = Module.getValue (eh_throw, "i32");
+
+				Module._free (args_mem);
+				Module._free (eh_throw);
+
+				if (eh_res != 0) {
+					var msg = this.conv_string (res);
+					throw new Error (msg);
+				}
+
+				return res;
+			},
+
+			perform_add: function (a, b) {
+				try {
+					var res = this.call_method (this.add_method, null, [this.mono_string (a), this.mono_string (b)]);
+					return this.conv_string (res);
+				} catch (e) {
+					return e.msg;
+				}
+			},
+
+		};
+
+		var App = {
+			onClick: function () {
+				this.output.value = "...";
+				var res = MonoRuntime.perform_add("1", "2");
+				this.output.value = res;
+			},
+
+			init: function () {
+				this.output = document.getElementById ("output");
+				this.button = document.getElementById ("button");
+
+				this.button.disabled = false;
+			},
+		};
+      </script>
+      <script async type="text/javascript" src="mono.js"></script>
+  </body>
+  </html>
\ No newline at end of file
