Update index.html

index.html

@@ -3,11 +3,11 @@
     <script
       type="module"
       crossorigin
-      src="https://cdn.jsdelivr.net/npm/@gradio/lite/dist/lite.js"
+      src="https://cdn.jsdelivr.net/npm/@gradio/lite@4.26.0/dist/lite.js"
     ></script>
     <link
       rel="stylesheet"
-      href="https://cdn.jsdelivr.net/npm/@gradio/lite/dist/lite.css"
+      href="https://cdn.jsdelivr.net/npm/@gradio/lite@4.26.0/dist/lite.css"
     />
     <script type="module">
       const MODEL_URL =
@@ -72,7 +72,7 @@
         import gradio as gr
 
 
-        get_point_mask = """
+        js = """
         async function getPointMask(image, points) {
             console.log("getting point mask");
             console.log(points)
@@ -90,7 +90,7 @@
             points_state.append([evt.index[0]/image.width, evt.index[1]/image.height, True])
             return points_state, points_state
  
-        with gr.Blocks() as demo:
+        with gr.Blocks(js=js) as demo:
             gr.Markdown("""## Segment Anything Model (SAM) with Gradio Lite
             This demo uses [Gradio Lite](https://www.gradio.app/guides/gradio-lite) as UI for running the Segment Anything Model (SAM) with WASM build with [Candle](https://github.com/huggingface/candle).