JS cache cookie fix

app.py

@@ -1302,6 +1302,8 @@ def enable():
 def unblur_text():
     return gr.update(elem_classes=[])
 
+# JavaScript within HTML head
+head_js = ""
 unblur_js = 'document.getElementById("arena-text-input").classList.remove("blurred-text")'
 shortcut_js = """
 <script>
@@ -1326,8 +1328,11 @@ function shortcuts(e) {
     }
 }
 document.addEventListener('keypress', shortcuts, false);
-</script>
+
 """
+head_js += shortcut_js
+head_js += open("cookie.js").read()
+head_js += '</script>'
 
 with gr.Blocks() as vote:
     session_hash = gr.Textbox(visible=False, value='')
@@ -1502,7 +1507,7 @@ with gr.Blocks() as tts_info:
 #         ddb = gr.Button("Delete DB")
 #     ddb.click(del_db, inputs=dbtext, outputs=ddb)
 # Blur cached sample text so the voting user picks up mispronouncements
-with gr.Blocks(theme=theme, css="footer {visibility: hidden}textbox{resize:none} .blurred-text {filter: blur(0.15em);}", head=shortcut_js, title="TTS Arena") as demo:
+with gr.Blocks(theme=theme, css="footer {visibility: hidden}textbox{resize:none} .blurred-text {filter: blur(0.15em);}", head=head_js, title="TTS Arena") as demo:
     gr.Markdown(DESCR)
     # gr.TabbedInterface([vote, leaderboard, about, admin], ['Vote', 'Leaderboard', 'About', 'Admin (ONLY IN BETA)'])
     gr.TabbedInterface([vote, leaderboard, about, tts_info], ['🗳️ Vote', '🏆 Leaderboard', '📄 About', '🗣 Contenders'])

cookie.js

@@ -1,31 +1,30 @@
-function () {
-    window.getArenaCookie = function getArenaCookie(cname) {
-        let name = cname + "=";
-        let decodedCookie = decodeURIComponent(window.document.cookie);
-        let ca = decodedCookie.split(';');
-        for (let i = 0; i < ca.length; i++) {
-            let c = ca[i];
-            while (c.charAt(0) == ' ') {
-            c = c.substring(1);
-            }
-            if (c.indexOf(name) == 0) {
-            return c.substring(name.length, c.length);
-            }
+window.getArenaCookie = function getArenaCookie(cname) {
+    let name = cname + "=";
+    let decodedCookie = decodeURIComponent(window.document.cookie);
+    let ca = decodedCookie.split(';');
+    for (let i = 0; i < ca.length; i++) {
+        let c = ca[i];
+        while (c.charAt(0) == ' ') {
+        c = c.substring(1);
+        }
+        if (c.indexOf(name) == 0) {
+        return c.substring(name.length, c.length);
         }
-        return "";
     }
+    return "";
+}
 
-    window.setArenaCookie = function setArenaCookie(cname, cvalue, exdays) {
-        const d = new Date();
-        d.setTime(d.getTime() + (exdays * 24 * 60 * 60 * 1000));
-        let expires = "expires=" + d.toUTCString();
-        window.document.cookie = cname + "=" + cvalue + ";" + expires + ";path=/";
-    }
+window.setArenaCookie = function setArenaCookie(cname, cvalue, exdays) {
+    const d = new Date();
+    d.setTime(d.getTime() + (exdays * 24 * 60 * 60 * 1000));
+    let expires = "expires=" + d.toUTCString();
+    window.document.cookie = cname + "=" + cvalue + ";" + expires + ";Domain=.huggingface.co; path=/; SameSite=None;";
+}
 
-    if (window.getArenaCookie('session').length == 0)
-    {
-        const d = new Date();
-        window.setArenaCookie('session', d.getTime().toString(), 90);
-        console.log('Session cookie created')
-    }
+if (window.getArenaCookie('session').length == 0)
+{
+    const d = new Date();
+    // store cookie for 90 days, about the time the the cached audio should be deleted
+    window.setArenaCookie('session', d.getTime().toString(), 90);
+    console.log('Session cookie created')
 }