Create app_js.py

app_js.py

@@ -0,0 +1,196 @@
+
+saved_prompts_refresh_btn__click_js = """(global_state_json, saved_prompts)=>{
+    try {
+        if(global_state_json=="") {global_state_json=null;};
+        console.log('global_state_json:\\n', global_state_json);
+        const global_state = JSON.parse(global_state_json??"{ }")??{ };
+
+        const saved = (JSON.parse(localStorage?.getItem?.('[gradio][chat-gpt-ui][prompts]') ?? '[]'));
+        console.log('saved:\\n', saved);
+        global_state['saved_prompts'] = saved;
+        global_state['selected_saved_prompt_title'] = saved.map(it=>it?.title??"[untitled]")[0];
+
+        const results = [JSON.stringify(global_state), global_state['selected_saved_prompt_title']];
+        console.log(results);
+        return results;
+    } catch(error) {
+        console.log(error);
+        return ["{ }", ""];
+    };
+}"""
+
+
+selected_saved_prompt_title__change_js = """(global_state_json, selected_saved_prompt_title)=>{
+    if(global_state_json=="") {global_state_json=null;};
+    const global_state = JSON.parse(global_state_json??"{ }")??{ };
+    const found = (global_state?.['saved_prompts']??[]).find(it=>it?.title==selected_saved_prompt_title);
+    return [JSON.stringify(global_state), found?.title??'', found?.content??{data:[], headers:["role", "content"]}];
+}"""
+
+
+saved_prompts_delete_btn__click_js = """(global_state_json, saved_prompts, prompt_title, prompt_table)=>{
+    if(prompt_title==""||!prompt_title){
+        return [global_state_json, selected_saved_prompt_title, prompt_title, prompt_table];
+    };
+    console.log('global_state_json:\\n', global_state_json);
+
+    if(global_state_json=="") {global_state_json=null;};
+    const global_state = JSON.parse(global_state_json??"{ }")??{ };
+    console.log(global_state);
+
+    const saved = (JSON.parse(localStorage?.getItem?.('[gradio][chat-gpt-ui][prompts]') ?? '[]'));
+    console.log('saved:\\n', saved);
+
+
+    global_state['saved_prompts'] = saved?.filter?.(it=>it.title!=prompt_title)??[];
+
+    global_state['selected_saved_prompt_title'] = "";
+
+    console.log(global_state);
+
+    localStorage?.setItem?.('[gradio][chat-gpt-ui][prompts]', JSON.stringify(global_state['saved_prompts']));
+
+    return [JSON.stringify(global_state), "", "", {data: [], headers: ['role', 'content']}];
+}"""
+
+
+saved_prompts_save_btn__click_js = """(global_state_json, saved_prompts, prompt_title, prompt_table)=>{
+    if(prompt_title==""||!prompt_title){
+        return [global_state_json, selected_saved_prompt_title, prompt_title, prompt_table];
+    };
+    console.log('global_state_json:\\n', global_state_json);
+
+    if(global_state_json=="") {global_state_json=null;};
+    const global_state = JSON.parse(global_state_json??"{ }")??{ };
+    console.log(global_state);
+
+    const saved = (JSON.parse(localStorage?.getItem?.('[gradio][chat-gpt-ui][prompts]') ?? '[]'));
+    console.log('saved:\\n', saved);
+
+
+    const new_prompt_obj = {
+        title: prompt_title, content: prompt_table,
+    };
+
+    global_state['saved_prompts'] = saved?.filter?.(it=>it.title!=prompt_title)??[];
+
+    global_state['saved_prompts'].unshift(new_prompt_obj);
+
+    global_state['selected_saved_prompt_title'] = prompt_title;
+
+    console.log(global_state);
+
+    localStorage?.setItem?.('[gradio][chat-gpt-ui][prompts]', JSON.stringify(global_state['saved_prompts']));
+
+    return [JSON.stringify(global_state), prompt_title, prompt_title, prompt_table];
+}"""
+
+
+copy_prompt__click_js = """(prompt_title, prompt_table)=>{
+    try {
+        const txt = JSON.stringify({
+            title: prompt_title,
+            content: prompt_table,
+        }, null, 2);
+        console.log(txt);
+        const promise = navigator?.clipboard?.writeText?.(txt);
+    } catch(error) {console?.log?.(error);};
+    return [prompt_title, prompt_table];
+}"""
+
+
+paste_prompt__click_js = """async (prompt_title, prompt_table)=>{
+    console.log("flag1");
+    try {
+        const promise = navigator?.clipboard?.readText?.();
+        console.log(promise);
+        console.log("flag1 p");
+        const result = await promise?.then?.((txt)=>{
+            console.log("flag1 t");
+            const json = JSON.parse(txt);
+            const title = json?.title ?? "";
+            console.log("flag1 0");
+            console.log(title);
+            const content = json?.content ?? {data: [], headers: ['role', 'content']};
+            console.log(content);
+            const result = [title, content];
+            console.log("flag1 1");
+            console.log(result);
+            console.log("flag1 2");
+            return result;
+        });
+        console.log("flag1 3");
+        if (result!=null) {
+            return result;
+        };
+    } catch(error) {console?.log?.(error);};
+    console.log("flag2");
+    try {
+        const promise = navigator?.clipboard?.read?.();
+        console.log(promise);
+        promise?.then?.((data)=>{
+            console.log(data);
+        });
+    } catch(error) {console?.log?.(error);};
+    console.log("flag3");
+    return [prompt_title, prompt_table];
+}"""
+
+
+chat_copy_history_btn__click_js = """(txt)=>{
+    console.log(txt);
+    try {let promise = navigator?.clipboard?.writeText?.(txt);}
+    catch(error) {console?.log?.(error);};
+}"""
+
+
+chat_copy_history_md_btn__click_js = """(txt)=>{
+    console.log(txt);
+    try {let promise = navigator?.clipboard?.writeText?.(txt);}
+    catch(error) {console?.log?.(error);};
+}"""
+
+
+# api_key_refresh_btn__click_js = """()=>{
+#     const the_api_key = localStorage?.getItem?.('[gradio][chat-gpt-ui][api_key_text]') ?? '';
+#     return the_api_key;
+# }"""
+
+
+# api_key_save_btn__click_js = """(api_key_text)=>{
+#     localStorage.setItem('[gradio][chat-gpt-ui][api_key_text]', api_key_text);
+#     return api_key_text;
+# }"""
+
+
+api_key_refresh_btn__click_js = """()=>{
+    const the_api_key = localStorage?.getItem?.('[gradio][chat-gpt-ui][api_key_text]') ?? '';
+    return the_api_key;
+}"""
+
+
+api_key_save_btn__click_js = """(api_key_text)=>{
+    localStorage.setItem('[gradio][chat-gpt-ui][api_key_text]', api_key_text);
+    return api_key_text;
+}"""
+
+
+api_key__get_from_browser = """()=>{
+    const api_key = localStorage?.getItem?.('[gradio][chat-gpt-ui][api_key]') ?? '';
+    const token = localStorage?.getItem?.('[gradio][chat-gpt-ui][token]') ?? '';
+    return [api_key, token];
+}"""
+
+api_key__save_to_browser = """(api_key, token)=>{
+    localStorage?.setItem?.('[gradio][chat-gpt-ui][api_key]', api_key);
+    token = localStorage?.getItem?.('[gradio][chat-gpt-ui][token]') ?? token ?? '';
+    if (!token?.length) {
+        const temp_url = URL.createObjectURL(new Blob());
+        const uuid = temp_url.toString();
+        URL.revokeObjectURL(temp_url);
+        token = uuid.substr(uuid.lastIndexOf("/") + 1);
+    };
+    localStorage.setItem('[gradio][chat-gpt-ui][token]', token);
+    return [api_key, token];
+}"""
+