upgrade to onnx-runtime 1.11

Author: Jo Kristian Bergum

package-lock.json

@@ -9,11 +9,11 @@
     "@testing-library/jest-dom": "^5.16.1",
     "@testing-library/react": "^12.1.2",
     "@testing-library/user-event": "^13.5.0",
-    "onnxruntime-web": "^1.10.0",
+    "onnxruntime-web": "^1.11.0",
     "react": "^17.0.2",
     "react-dom": "^17.0.2",
     "react-google-charts": "^3.0.15",
-    "react-scripts": "5.0.0",
+    "react-scripts": "^5.0.1",
     "typescript": "^4.5.4",
     "web-vitals": "^2.1.2"
   },

package.json

@@ -12,7 +12,7 @@ class TextInputArea extends React.Component {
   constructor(props) {
     super(props);
     this.state = {
-      text: 'Enter text to classify emotion, model trained on English text',
+      text: 'Enter text to classify emotion, model trained on English text.',
       data:columnNames,
       latency:0.0,
       downloading:modelDownloadInProgress()
@@ -23,7 +23,7 @@ class TextInputArea extends React.Component {
   componentDidMount() {
     this.timerID = setInterval(
       () => this.checkModelStatus(),
-      2000
+      1000
     );
   }
 
@@ -53,7 +53,7 @@ class TextInputArea extends React.Component {
     return (
       <div className="App">
       <header className="App-header">   
-      <em>In-Browser NLP Inference</em>
+      <em>In-Browser Transformer Inference</em>
       <Chart  
         width={'400px'}
         height={'200px'}
@@ -95,7 +95,8 @@ class TextInputArea extends React.Component {
        placeholder={this.state.text} autoFocus onChange={this.handleChange}>
       </textarea>
        <div><font size="3">Inference Latency {this.state.latency} ms</font></div>
-      <div><font size="3"><a href="https://github.com/jobergum/browser-ml-inference">Github browser-ml-inference </a></font></div>
+      <div><font size="3">GitHub Repo: <a href="https://github.com/jobergum/browser-ml-inference">browser-ml-inference</a></font></div>
+      <div><font size="3">Model was trained on the <a href="https://ai.googleblog.com/2021/10/goemotions-dataset-for-fine-grained.html">GoEmotions</a> dataset.</font></div>
       </header>
     </div>   
     );

public/static/js/ort-wasm-simd-threaded.wasm

@@ -21,7 +21,7 @@ const model = "./xtremedistill-go-emotion-int8.onnx";
 const session = ort.InferenceSession.create(model, options);
 session.then(t => { 
   downLoadingModel = false;
-  //warmup the Virtual Machine tata
+  //warmup the VM
   for(var i = 0; i < 10; i++) {
     lm_inference("this is a warmup inference");
   }
@@ -122,12 +122,10 @@ async function lm_inference(text) {
     if(encoded_ids.length === 0) {
       return [0.0, EMOJI_DEFAULT_DISPLAY];
     }
-    const model_input = create_model_input(encoded_ids);
     const start = performance.now();
+    const model_input = create_model_input(encoded_ids);
     const output =  await session.then(s => { return s.run(model_input,['output_0'])});
     const duration = (performance.now() - start).toFixed(1);
-    //const sequence_length = model_input['input_ids'].size;
-    //console.log("Inference latency = " + duration + "ms, sequence_length=" + sequence_length);
     const probs = output['output_0'].data.map(sigmoid).map( t => Math.floor(t*100));
 
     const result = [];