Fix escaping on snippet export.

templates.py

@@ -60,7 +60,7 @@ def load_js(demo_type: DemoType) -> str:
 
             let template = `{gradio_lite_html_template.replace('STARTING_CODE', starting_app_code(demo_type))}`;    
             if (codeValue) {{
-                template = `{gradio_lite_html_template}`.replace('STARTING_CODE', codeValue.replace(String.fromCharCode(92), String.fromCharCode(92) + String.fromCharCode(92)).replace('`', String.fromCharCode(92) + '`'));
+                template = `{gradio_lite_html_template}`.replace('STARTING_CODE', codeValue.replaceAll(String.fromCharCode(92), String.fromCharCode(92) + String.fromCharCode(92)).replaceAll('`', String.fromCharCode(92) + '`'));
             }}
             template = template.replace('STARTING_REQUIREMENTS', requirementsValue || '');
             const frame = document.getElementById('gradio-iframe');
@@ -182,17 +182,17 @@ def copy_share_link_js(demo_type: DemoType) -> str:
 def copy_snippet_js(demo_type: DemoType) -> str:
     if demo_type == DemoType.GRADIO:
         return f"""async (code, requirements) => {{
-            const escapedCode = code.replace(String.fromCharCode(92), String.fromCharCode(92) + String.fromCharCode(92)).replace('`', String.fromCharCode(92) + '`');
+            const escapedCode = code.replaceAll(String.fromCharCode(92), String.fromCharCode(92) + String.fromCharCode(92) + String.fromCharCode(92) + String.fromCharCode(92)).replaceAll('`', String.fromCharCode(92) + '`');
             const template = `{gradio_lite_snippet_template}`;
             // Step 1: Generate the HTML content
-            const completedTemplate = template.replace('STARTING_CODE', code).replace('STARTING_REQUIREMENTS', requirements);
+            const completedTemplate = template.replace('STARTING_CODE', escapedCode).replace('STARTING_REQUIREMENTS', requirements);
             const snippet = completedTemplate;
             await navigator.clipboard.writeText(snippet);
             return [code, requirements];
         }}"""
     elif demo_type == DemoType.STREAMLIT:
         return f"""async (code) => {{
-            const escapedCode = code.replace('`', String.fromCharCode(92) + '`');
+            const escapedCode = code.replaceAll(String.fromCharCode(92), String.fromCharCode(92) + String.fromCharCode(92) + String.fromCharCode(92)).replaceAll('`', String.fromCharCode(92) + '`');
             const template = `{stlite_snippet_template}`;
             // Step 1: Generate the HTML content
             const completedTemplate = template.replace('STARTING_CODE', code);
@@ -206,7 +206,7 @@ def copy_snippet_js(demo_type: DemoType) -> str:
 def download_code_js(demo_type: DemoType) -> str:
     if demo_type == demo_type.GRADIO:
         return f"""(code, requirements) => {{
-            const escapedCode = code.replace(String.fromCharCode(92), String.fromCharCode(92) + String.fromCharCode(92)).replace('`', String.fromCharCode(92) + '`');
+            const escapedCode = code.replaceAll(String.fromCharCode(92), String.fromCharCode(92) + String.fromCharCode(92)).replaceAll('`', String.fromCharCode(92) + '`');
             // Step 1: Generate the HTML content
             const completedTemplate = `{gradio_lite_html_template}`.replace('STARTING_CODE', escapedCode).replace('STARTING_REQUIREMENTS', requirements);
 
@@ -229,7 +229,7 @@ def download_code_js(demo_type: DemoType) -> str:
         }}"""
     elif demo_type == demo_type.STREAMLIT:
         return f"""(code) => {{
-            const escapedCode = code.replace('`', String.fromCharCode(92) + '`');
+            const escapedCode = code.replaceAll(String.fromCharCode(92), String.fromCharCode(92) + String.fromCharCode(92)).replaceAll('`', String.fromCharCode(92) + '`');
             // Step 1: Generate the HTML content
             const completedTemplate = `{stlite_html_template}`.replace('STARTING_CODE', escapedCode);