Update index.html

index.html

@@ -21,36 +21,38 @@
         <gradio-lite>
             <gradio-file name="app.py" entrypoint>
 import gradio as gr
+from js import self
 
-from filters import as_gray
+session = None
+try:
+    can_ai_create = await self.ai.canCreateTextSession()
+    if can_ai_create != "no":
+        session = await self.ai.createTextSession()
+except:
+    pass
 
-def process(input_image):
-    output_image = as_gray(input_image)
-    return output_image
 
-demo = gr.Interface(
-    process,
-    "image",
-    "image",
-    examples=["lion.jpg", "logo.png"],
-)
+self.ai_text_session = session
 
-demo.launch()
-            </gradio-file>
 
-            <gradio-file name="filters.py">
-from skimage.color import rgb2gray
+async def prompt(message, history):
+    session = self.ai_text_session
+    if not session:
+        raise Exception("Gemini Nano is not available in your browser.")
+
+    stream = session.promptStreaming(message)
+    async for chunk in stream:
+        yield chunk
 
-def as_gray(image):
-    return rgb2gray(image)
-            </gradio-file>
 
-            <gradio-file name="lion.jpg" url="https://raw.githubusercontent.com/gradio-app/gradio/main/gradio/test_data/lion.jpg" />
-            <gradio-file name="logo.png" url="https://raw.githubusercontent.com/gradio-app/gradio/main/guides/assets/logo.png" />
+demo = gr.ChatInterface(fn=prompt)
+
+demo.launch()
+
+            </gradio-file>
 
             <gradio-requirements>
-# Same syntax as requirements.txt
-scikit-image
+transformers-js-py
             </gradio-requirements>
         </gradio-lite>
     </body>