examples : add wchess.wasm to wasm examples build (#3443)

* examples : add wchess.wasm to wasm examples build

This commit add the wchess.wasm example to the wasm examples that are
deployed to https://ggml.ai/whisper.cpp.

Refs: https://github.com/ggml-org/whisper.cpp/issues/3434#issuecomment-3346980420

.github/workflows/examples-wasm.yml

@@ -67,6 +67,12 @@ jobs:
           cp ${build_dir}/stream.wasm/{index.html,stream.js,helpers.js} ${target_dir}
           cp ${build_dir}/libstream.js ${target_dir}
 
+          # wchess.wasm
+          target_dir=staging/wchess.wasm
+          mkdir -p ${target_dir}
+          cp -r ${build_dir}/wchess.wasm/{index.html,css,img,js} ${target_dir}
+          cp ${build_dir}/wchess.wasm.js ${target_dir}
+
           # whisper.wasm (this will be the main example page)
           target_dir=staging
           mkdir -p ${target_dir}

examples/CMakeLists.txt

@@ -98,6 +98,7 @@ if (EMSCRIPTEN)
     add_subdirectory(stream.wasm)
     add_subdirectory(command.wasm)
     add_subdirectory(bench.wasm)
+    add_subdirectory(wchess)
 elseif(CMAKE_JS_VERSION)
     add_subdirectory(addon.node)
 else()

examples/bench.wasm/index-tmpl.html

@@ -42,6 +42,7 @@
                 <a href="../bench.wasm/">bench</a> |
                 <a href="../stream.wasm">stream</a> |
                 <a href="../command.wasm/">command</a> |
+                <a href="../wchess.wasm/">wchess</a> |
 
             <br><br>
 

examples/command.wasm/index-tmpl.html

@@ -42,6 +42,7 @@
                 <a href="../bench.wasm/">bench</a> |
                 <a href="../stream.wasm">stream</a> |
                 <a href="../command.wasm/">command</a> |
+                <a href="../wchess.wasm/">wchess</a> |
 
             <br><br>
 

examples/server.py

@@ -47,7 +47,12 @@ class CustomHTTPRequestHandler(http.server.SimpleHTTPRequestHandler):
 
             elif actual_path == '/':
                 self.path = '/whisper.wasm/index.html'
-            elif actual_path.startswith('/bench.wasm/') or actual_path.startswith('/command.wasm/') or actual_path.startswith('/stream.wasm/'):
+            elif any(actual_path.startswith(prefix) for prefix in (
+                '/bench.wasm/',
+                '/command.wasm/',
+                '/stream.wasm/',
+                '/wchess.wasm/'
+            )):
                 # Keep the path as is, just remove the context root
                 self.path = actual_path
             # For all other paths under the context root

examples/stream.wasm/index-tmpl.html

@@ -42,6 +42,7 @@
                 <a href="../bench.wasm/">bench</a> |
                 <a href="../stream.wasm">stream</a> |
                 <a href="../command.wasm/">command</a> |
+                <a href="../wchess.wasm/">wchess</a> |
 
             <br><br>
 

examples/wchess/README.md

@@ -2,7 +2,7 @@
 
 Voice-controlled chess using Whisper
 
-Online demo: https://whisper.ggerganov.com/wchess/
+Online demo: https://ggml.ai/whisper.cpp/
 
 https://github.com/ggerganov/whisper.cpp/assets/1991296/c2b2f03c-9684-49f3-8106-357d2d4e67fa
 

examples/wchess/wchess.wasm/CMakeLists.txt

@@ -32,11 +32,10 @@ set_target_properties(${TARGET} PROPERTIES LINK_FLAGS " \
     -s INITIAL_MEMORY=1024MB \
     -s TOTAL_MEMORY=1024MB \
     -s FORCE_FILESYSTEM=1 \
-    -s EXPORTED_RUNTIME_METHODS=\"['print', 'printErr', 'ccall', 'cwrap', 'HEAPU8']]\" \
+    -s EXPORTED_RUNTIME_METHODS=\"['print', 'printErr', 'ccall', 'cwrap', 'HEAPU8']\" \
     ${EXTRA_FLAGS} \
     ")
 
-
 add_custom_command(
         TARGET ${TARGET} POST_BUILD
         COMMAND ${CMAKE_COMMAND} -E copy_directory

examples/wchess/wchess.wasm/index-tmpl.html

@@ -120,11 +120,10 @@
                 <br><br>
 
                 <b>More examples:</b>
-                    <a href="https://whisper.ggerganov.com/">main</a> |
-                    <a href="https://whisper.ggerganov.com/bench">bench</a> |
-                    <a href="https://whisper.ggerganov.com/stream">stream</a> |
-                    <a href="https://whisper.ggerganov.com/command">command</a> |
-                    <a href="https://whisper.ggerganov.com/talk">talk</a> |
+                    <a href="../">main</a> |
+                    <a href="../bench.wasm">bench</a> |
+                    <a href="../stream.wasm">stream</a> |
+                    <a href="../command.wasm">command</a> |
 
                 <br><br>
 

examples/whisper.wasm/index-tmpl.html

@@ -52,6 +52,7 @@
                 <a href="bench.wasm/">bench</a> |
                 <a href="stream.wasm">stream</a> |
                 <a href="command.wasm/">command</a> |
+                <a href="wchess.wasm/">wchess</a> |
 
             <hr>