Support electron-packager

Author: huningxin

README.md

@@ -37,11 +37,12 @@ using bazel and emsdk.
      sure Chrome has these two features
      [turned on](https://drive.google.com/file/d/13hqGwBOTJFoqMQVUAn_tiYp-uqQN_NUq/view?usp=sharing)
      from `chrome://flags`.
-   - Run `yarn run electron` to start the demo in electron.js. As electron.js has issues to support WebWorker, add the single thread build target `tflite_model_runner_cc_st` and use it when running in electron.js.
+   - Run `yarn run electron` to start the demo in electron.js.
+   - Run `yarn run electron-packager` to build an electron.js app of this demo.
 5. The WebNN delegate support
    - `tensorflow_lite_webnn_delegate.patch`: the WebNN delegate implementation.
    - `emscripten_webnn_support.patch`: WebNN support of emscripten.
    - `emsdk.patch`: workaround the frozen cache setting of emscripten so WebNN support can be regenerated. As the cache is cleared, the first `yarn build` would fail. Please rerun, it would succeed.
    - Add `TFLiteWebModelRunnerOptions.enableWebNNDelegate` to enable or disable WebNN delegate.
    - Demo in browser is using webnn-polyfill.
-   - Demo in electron.js could use WebNN-native node.js binding. Add it via `npm install <path_to_webnn_native_node>`. See [WebNN-native node.js binding](https://github.com/webmachinelearning/webnn-native/tree/main/node) for more details.
+   - Demo in electron.js could use [WebNN-native node.js binding](https://github.com/webmachinelearning/webnn-native/tree/main/node) for more details.

tensorflow_lite_support/web/tflite_model_runner/demo/README.md

@@ -0,0 +1,44 @@
+# TFLite Web API Model Runner Demo
+
+## Use Cases
+
+### 1. MobileNetV2
+
+### 2. ResNet50V2
+
+## Run TFLite Web API Model Runner Demo
+
+### Install Dependencies
+
+```
+npm install
+```
+
+### Build TFLite Web from source
+
+```
+npm run build
+```
+
+### Serve the demo
+
+**Serve the demo in localhost**
+
+```
+npm run start
+```
+
+### Electron support
+
+```
+npm run electron
+```
+
+This demo can also be packaged as a Linux desktop app using Electron
+
+```
+npm run electron-packager
+```
+
+This will create a new `/tflite-web-api-model-runner-demo-linux-x64` folder. Run `/tflite-web-api-model-runner-demo-linux-x64/demo-launcher` to enjoy Electron desktop app.
+

tensorflow_lite_support/web/tflite_model_runner/demo/demo-launcher

@@ -0,0 +1,44 @@
+#!/bin/bash
+#
+# Copyright (c) 2011 The Chromium Authors. All rights reserved.
+# Use of this source code is governed by a BSD-style license that can be
+# found in the LICENSE file.
+
+# Let the wrapped binary know that it has been run through the wrapper.
+export CHROME_WRAPPER="`readlink -f "$0"`"
+
+HERE="`dirname "$CHROME_WRAPPER"`"
+
+# We include some xdg utilities next to the binary, and we want to prefer them
+# over the system versions when we know the system versions are very old. We
+# detect whether the system xdg utilities are sufficiently new to be likely to
+# work for us by looking for xdg-settings. If we find it, we leave $PATH alone,
+# so that the system xdg utilities (including any distro patches) will be used.
+if ! which xdg-settings &> /dev/null; then
+  # Old xdg utilities. Prepend $HERE to $PATH to use ours instead.
+  export PATH="$HERE:$PATH"
+else
+  # Use system xdg utilities. But first create mimeapps.list if it doesn't
+  # exist; some systems have bugs in xdg-mime that make it fail without it.
+  xdg_app_dir="${XDG_DATA_HOME:-$HOME/.local/share/applications}"
+  mkdir -p "$xdg_app_dir"
+  [ -f "$xdg_app_dir/mimeapps.list" ] || touch "$xdg_app_dir/mimeapps.list"
+fi
+
+# Always use our versions of ffmpeg libs.
+# This also makes RPMs find the compatibly-named library symlinks.
+if [[ -n "$LD_LIBRARY_PATH" ]]; then
+  LD_LIBRARY_PATH="$HERE:$HERE/lib:$HERE/resources/app/node_modules/webnn-node/build/Release:$LD_LIBRARY_PATH"
+else
+  LD_LIBRARY_PATH="$HERE:$HERE/lib;$HERE/resources/app/node_modules/webnn-node/build/Release"
+fi
+export LD_LIBRARY_PATH
+
+# Sanitize std{in,out,err} because they'll be shared with untrusted child
+# processes (http://crbug.com/376567).
+exec < /dev/null
+exec > >(exec cat)
+exec 2> >(exec cat >&2)
+
+# Note: exec -a below is a bashism.
+exec -a "$0" "$HERE/tflite-web-api-model-runner-demo" "$@"

tensorflow_lite_support/web/tflite_model_runner/demo/package.json

@@ -1,15 +1,20 @@
 {
+  "name": "tflite-web-api-model-runner-demo",
+  "version": "0.1.0",
+  "private": true,
   "devDependencies": {
-    "clang-format": "~1.2.4"
+    "clang-format": "~1.2.4",
+    "electron": "^15.0.0",
+    "electron-packager": "^15.4.0"
   },
   "dependencies": {
-    "electron": "^15.0.0",
-    "webnn-node": "file:webnn-native/node"
+    "webnn-node": "file:deps/webnn-native/node"
   },
   "main": "main.js",
   "scripts": {
     "build": "./build.sh",
     "start": "./start.sh",
-    "electron": "./electron.sh"
+    "electron": "./electron.sh",
+    "electron-packager": "electron-packager . tflite-web-api-model-runner-demo --linux --ignore=\"/(deps|src)\"; cp demo-launcher ./tflite-web-api-model-runner-demo-linux-x64"
   }
 }