Mercurial > hg > orthanc-stone
annotate Resources/CodeGeneration/testWasmIntegrated/testWasmIntegrated.ts @ 499:baa9e1e932db bgo-commands-codegen
wasm + ts demonstrator WORKS!
| author | bgo-osimis |
|---|---|
| date | Sun, 24 Feb 2019 20:22:56 +0100 |
| parents | 6d62fc8a6988 |
| children | 329f229c2794 |
| rev | line source |
|---|---|
| 499 | 1 var SendMessageToCpp: Function = null; |
| 2 export var TestWasmIntegratedModule : any; | |
| 3 | |
| 4 /* | |
| 5 +--------------------------------------------------+ | |
| 6 | install emscripten handlers | | |
| 7 +--------------------------------------------------+ | |
| 8 */ | |
|
496
8b6ceae45ba0
Finished (untested) C++, html, typescript, tsc & browserify production.
bgo-osimis
parents:
diff
changeset
|
9 |
| 499 | 10 // (<any> window).Module = { |
| 11 // preRun: [ | |
| 12 // function() { | |
| 13 // console.log('Loading the Stone Framework using WebAssembly'); | |
| 14 // } | |
| 15 // ], | |
| 16 // postRun: [ | |
| 17 // function() { | |
| 18 // // This function is called by ".js" wrapper once the ".wasm" | |
| 19 // // WebAssembly module has been loaded and compiled by the | |
| 20 // // browser | |
| 21 // console.log('WebAssembly is ready'); | |
| 22 // // window.SendMessageToCpp = (<any> window).Module.cwrap('SendMessageToCpp', 'string', ['string']); | |
| 23 // // window.SendFreeTextToCpp = (<any> window).Module.cwrap('SendFreeTextToCpp', 'string', ['string']); | |
| 24 // } | |
| 25 // ], | |
| 26 // print: function(text : string) { | |
| 27 // console.log(text); | |
| 28 // }, | |
| 29 // printErr: function(text : string) { | |
| 30 // console.error(text); | |
| 31 // }, | |
| 32 // totalDependencies: 0 | |
| 33 // }; | |
| 34 | |
| 35 /* | |
| 36 +--------------------------------------------------+ | |
| 37 | install handlers | | |
| 38 +--------------------------------------------------+ | |
| 39 */ | |
| 498 | 40 document.querySelectorAll(".TestWasm-button").forEach((e) => { |
| 41 (e as HTMLButtonElement).addEventListener("click", () => { | |
| 42 ButtonClick(e.attributes["tool-selector"].value); | |
| 43 }); | |
| 44 }); | |
| 45 | |
| 499 | 46 /* |
| 47 +--------------------------------------------------+ | |
| 48 | define stock messages | | |
| 49 +--------------------------------------------------+ | |
| 50 */ | |
| 498 | 51 let stockSerializedMessages = new Map<string,string>(); |
| 499 | 52 stockSerializedMessages["Test 1"] = `{ |
| 53 "type" : "testWasmIntegratedCpp.Message2", | |
| 54 "value" : | |
| 55 { | |
| 56 "lulu" : | |
| 57 { | |
| 58 "54" : | |
| 59 { | |
| 60 "a" : 43, | |
| 61 "b" : "Sandrine", | |
| 62 "c" : 2, | |
| 63 "d" : true | |
| 64 }, | |
| 65 "55" : | |
| 66 { | |
| 67 "a" : 42, | |
| 68 "b" : "Benjamin", | |
| 69 "c" : 0, | |
| 70 "d" : false | |
| 71 } | |
| 72 }, | |
| 73 "tata" : | |
| 74 [ | |
| 75 { | |
| 76 "a" : 42, | |
| 77 "b" : "Benjamin", | |
| 78 "c" : 0, | |
| 79 "d" : false | |
| 80 }, | |
| 81 { | |
| 82 "a" : 43, | |
| 83 "b" : "Sandrine", | |
| 84 "c" : 2, | |
| 85 "d" : false | |
| 86 } | |
| 87 ], | |
| 88 "titi" : | |
| 89 { | |
| 90 "44" : "key 44", | |
| 91 "45" : "key 45" | |
| 92 }, | |
| 93 "toto" : "Prout zizi", | |
| 94 "tutu" : | |
| 95 [ | |
| 96 "Mercadet", | |
| 97 "Poisson" | |
| 98 ] | |
| 99 } | |
| 100 }`; | |
| 498 | 101 stockSerializedMessages["Test 2"] = "Test 2 stock message bccbbbbbb"; |
| 102 stockSerializedMessages["Test 3"] = "Test 3 stock message sdfsfsdfsdf"; | |
| 103 stockSerializedMessages["Test 4"] = "Test 4 stock message 355345345"; | |
| 104 stockSerializedMessages["Test 5"] = "Test 5 stock message 34535"; | |
| 105 stockSerializedMessages["Test 6"] = "Test 6 stock message xcvcxvx"; | |
| 106 stockSerializedMessages["Test 7"] = "Test 7 stock message fgwqewqdgg"; | |
| 107 stockSerializedMessages["Test 8"] = "Test 8 stock message fgfsdfsdgg"; | |
| 108 | |
| 499 | 109 /* |
| 110 +--------------------------------------------------+ | |
| 111 | define handler | | |
| 112 +--------------------------------------------------+ | |
| 113 */ | |
| 114 | |
| 115 function setSerializedInputValue(text: string) { | |
| 116 let e : HTMLTextAreaElement = document.getElementById('TestWasm-SerializedInput') as HTMLTextAreaElement; | |
| 117 e.value = text; | |
| 118 } | |
| 119 | |
| 120 function getSerializedInputValue(): string { | |
| 121 let e : HTMLTextAreaElement = document.getElementById('TestWasm-SerializedInput') as HTMLTextAreaElement; | |
| 122 return e.value; | |
| 123 } | |
| 124 | |
| 125 function setCppOutputValue(text: string) { | |
| 126 let e : HTMLTextAreaElement = document.getElementById('TestWasm-CppOutput') as HTMLTextAreaElement; | |
| 127 e.value = text; | |
| 128 } | |
| 129 | |
| 130 function getCppOutputValue(): string { | |
| 131 let e : HTMLTextAreaElement = document.getElementById('TestWasm-CppOutput') as HTMLTextAreaElement; | |
| 132 return e.value; | |
| 133 } | |
| 134 | |
| 135 function SendFreeTextFromCpp(txt: string):string | |
| 136 { | |
| 137 setCppOutputValue(getCppOutputValue() + txt); | |
| 138 return ""; | |
| 139 } | |
| 140 (<any> window).SendFreeTextFromCpp = SendFreeTextFromCpp; | |
| 141 | |
| 142 | |
| 498 | 143 function ButtonClick(buttonName: string) { |
| 144 if (buttonName.startsWith('Test ')) { | |
| 499 | 145 setSerializedInputValue(stockSerializedMessages[buttonName]); |
| 498 | 146 } |
| 147 else if(buttonName == 'Trigger') | |
| 148 { | |
| 499 | 149 let serializedInputValue:string = getSerializedInputValue(); |
| 150 | |
| 151 let SendMessageToCppLocal = (<any> window).Module.cwrap('SendMessageToCpp', 'string', ['string']); | |
| 152 SendMessageToCppLocal(serializedInputValue); | |
| 498 | 153 } |
|
496
8b6ceae45ba0
Finished (untested) C++, html, typescript, tsc & browserify production.
bgo-osimis
parents:
diff
changeset
|
154 } |
|
8b6ceae45ba0
Finished (untested) C++, html, typescript, tsc & browserify production.
bgo-osimis
parents:
diff
changeset
|
155 |
| 498 | 156 |
|
496
8b6ceae45ba0
Finished (untested) C++, html, typescript, tsc & browserify production.
bgo-osimis
parents:
diff
changeset
|
157 |
|
8b6ceae45ba0
Finished (untested) C++, html, typescript, tsc & browserify production.
bgo-osimis
parents:
diff
changeset
|
158 // this method is called "from the C++ code" when the StoneApplication is updated. |
|
8b6ceae45ba0
Finished (untested) C++, html, typescript, tsc & browserify production.
bgo-osimis
parents:
diff
changeset
|
159 // it can be used to update the UI of the application |
|
8b6ceae45ba0
Finished (untested) C++, html, typescript, tsc & browserify production.
bgo-osimis
parents:
diff
changeset
|
160 function UpdateWebApplication(statusUpdateMessageString: string) { |
|
8b6ceae45ba0
Finished (untested) C++, html, typescript, tsc & browserify production.
bgo-osimis
parents:
diff
changeset
|
161 console.log("updating web application: ", statusUpdateMessageString); |
|
8b6ceae45ba0
Finished (untested) C++, html, typescript, tsc & browserify production.
bgo-osimis
parents:
diff
changeset
|
162 let statusUpdateMessage = JSON.parse(statusUpdateMessageString); |
|
8b6ceae45ba0
Finished (untested) C++, html, typescript, tsc & browserify production.
bgo-osimis
parents:
diff
changeset
|
163 |
|
8b6ceae45ba0
Finished (untested) C++, html, typescript, tsc & browserify production.
bgo-osimis
parents:
diff
changeset
|
164 if ("event" in statusUpdateMessage) |
|
8b6ceae45ba0
Finished (untested) C++, html, typescript, tsc & browserify production.
bgo-osimis
parents:
diff
changeset
|
165 { |
|
8b6ceae45ba0
Finished (untested) C++, html, typescript, tsc & browserify production.
bgo-osimis
parents:
diff
changeset
|
166 let eventName = statusUpdateMessage["event"]; |
|
8b6ceae45ba0
Finished (untested) C++, html, typescript, tsc & browserify production.
bgo-osimis
parents:
diff
changeset
|
167 if (eventName == "appStatusUpdated") |
|
8b6ceae45ba0
Finished (untested) C++, html, typescript, tsc & browserify production.
bgo-osimis
parents:
diff
changeset
|
168 { |
|
8b6ceae45ba0
Finished (untested) C++, html, typescript, tsc & browserify production.
bgo-osimis
parents:
diff
changeset
|
169 //ui.onAppStatusUpdated(statusUpdateMessage["data"]); |
|
8b6ceae45ba0
Finished (untested) C++, html, typescript, tsc & browserify production.
bgo-osimis
parents:
diff
changeset
|
170 } |
|
8b6ceae45ba0
Finished (untested) C++, html, typescript, tsc & browserify production.
bgo-osimis
parents:
diff
changeset
|
171 } |
|
8b6ceae45ba0
Finished (untested) C++, html, typescript, tsc & browserify production.
bgo-osimis
parents:
diff
changeset
|
172 } |