Update app.py

app.py

@@ -36,6 +36,11 @@ head = '''
 <script type="module">
         import { matcha_tts,env } from "https://akjava.github.io/Matcha-TTS-Japanese/js-esm/v001-20240921/matcha_tts_onnx_en.js";
         window.MatchaTTSEn = matcha_tts
+        function replaceSpecialChars(text) {
+        const pattern = /[^a-zA-Z0-9,.!?-_']/g;
+        return text.replace(pattern, ' ');
+        }
+        window.replaceSpecialChars = replaceSpecialChars
 </script>
 '''
 with gr.Blocks(title="LLM with TTS",head=head) as demo:
@@ -43,14 +48,9 @@ with gr.Blocks(title="LLM with TTS",head=head) as demo:
     gr.Markdown("**gemma-2-27b-it/LJSpeech**.LLM and TTS models will change without notice.")
     
     js = """
-    function replaceSpecialChars(text) {
-    const pattern = /[^a-zA-Z0-9,.!?-_']/g;
-    return text.replace(pattern, ' ');
-    }
-
     function(chatbot){
     text = (chatbot[chatbot.length -1])["content"]
-    window.MatchaTTSEn(replaceSpecialChars(text))
+    window.MatchaTTSEn(window.replaceSpecialChars(text))
     }
     """
     chatbot = gr.Chatbot(type="messages")