Add Ooui.Wasm sample
This commit is contained in:
Frank A. Krueger
parent
91627643e2
commit
3de84bb20f
|
|
@ -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
|
# Social media files
|
||||||
/Media
|
/Media
|
||||||
|
|
||||||
|
|
|
||||||
|
|
@ -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`
|
||||||
|
|
@ -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 ();
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
@ -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>
|
||||||
Loading…
Reference in New Issue