author: abc <98614666+xtekky@users.noreply.github.com> 2023-10-10 00:47:58 +0200
committer: abc <98614666+xtekky@users.noreply.github.com> 2023-10-10 00:47:58 +0200
commit: e05987ace34b3db38d3849f7c33405bcc7e50ee9 (patch)
tree: 66259762fb0f2cd5eb470d0bfa9ed5ee03663809 /g4f/gui/client
parent: ~ (diff)
download: gpt4free-e05987ace34b3db38d3849f7c33405bcc7e50ee9.tar
gpt4free-e05987ace34b3db38d3849f7c33405bcc7e50ee9.tar.gz
gpt4free-e05987ace34b3db38d3849f7c33405bcc7e50ee9.tar.bz2
gpt4free-e05987ace34b3db38d3849f7c33405bcc7e50ee9.tar.lz
gpt4free-e05987ace34b3db38d3849f7c33405bcc7e50ee9.tar.xz
gpt4free-e05987ace34b3db38d3849f7c33405bcc7e50ee9.tar.zst
gpt4free-e05987ace34b3db38d3849f7c33405bcc7e50ee9.zip
2 files changed, 163 insertions, 142 deletions
diff --git a/g4f/gui/client/html/index.html b/g4f/gui/client/html/index.html
index 3acde2df..bb472706 100644
--- a/g4f/gui/client/html/index.html
+++ b/g4f/gui/client/html/index.html
@@ -1,161 +1,178 @@
 <!DOCTYPE html>
 <html lang="en">
-    <head>
-        <meta charset="UTF-8">
-        <meta http-equiv="X-UA-Compatible" content="IE=edge">
-        <meta name="viewport" content="width=device-width, initial-scale=1.0 maximum-scale=1.0">
-        <meta name="description" content="A conversational AI system that listens, learns, and challenges">
-        <meta property="og:title" content="ChatGPT">
-        <meta property="og:image" content="https://openai.com/content/images/2022/11/ChatGPT.jpg">
-        <meta property="og:description" content="A conversational AI system that listens, learns, and challenges">
-        <meta property="og:url" content="https://g4f.ai">
-        <link rel="stylesheet" href="/assets/css/style.css">
-        <link rel="apple-touch-icon" sizes="180x180" href="/assets/img/apple-touch-icon.png">
-        <link rel="icon" type="image/png" sizes="32x32" href="/assets/img/favicon-32x32.png">
-        <link rel="icon" type="image/png" sizes="16x16" href="/assets/img/favicon-16x16.png">
-        <link rel="manifest" href="/assets/img/site.webmanifest">
-        <script src="/assets/js/icons.js"></script>
-        <script src="/assets/js/highlightjs-copy.min.js"></script>
-        <script src="/assets/js/chat.v2.js" defer></script>
-        <script src="https://cdn.jsdelivr.net/npm/markdown-it@13.0.1/dist/markdown-it.min.js"></script>
-        <link rel="stylesheet" href="//cdn.jsdelivr.net/gh/highlightjs/cdn-release@11.7.0/build/styles/base16/dracula.min.css">
-        <script>
-            const user_image        = `<img src="/assets/img/user.png" alt="your avatar">`;
-            const gpt_image         = `<img src="/assets/img/gpt.png" alt="your avatar">`;
-        </script>
-        <style>
-            .hljs {
-                color: #e9e9f4;
-                background: #28293629;
-                border-radius: var(--border-radius-1);
-                border: 1px solid var(--blur-border);
-                font-size: 15px;
-            }
 
-            #message-input {
-                margin-right: 30px;
-                height: 80px;
-            }
+<head>
+    <meta charset="UTF-8">
+    <meta http-equiv="X-UA-Compatible" content="IE=edge">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0 maximum-scale=1.0">
+    <meta name="description" content="A conversational AI system that listens, learns, and challenges">
+    <meta property="og:title" content="ChatGPT">
+    <meta property="og:image" content="https://openai.com/content/images/2022/11/ChatGPT.jpg">
+    <meta property="og:description" content="A conversational AI system that listens, learns, and challenges">
+    <meta property="og:url" content="https://g4f.ai">
+    <link rel="stylesheet" href="/assets/css/style.css">
+    <link rel="apple-touch-icon" sizes="180x180" href="/assets/img/apple-touch-icon.png">
+    <link rel="icon" type="image/png" sizes="32x32" href="/assets/img/favicon-32x32.png">
+    <link rel="icon" type="image/png" sizes="16x16" href="/assets/img/favicon-16x16.png">
+    <link rel="manifest" href="/assets/img/site.webmanifest">
+    <script src="/assets/js/icons.js"></script>
+    <script src="/assets/js/highlightjs-copy.min.js"></script>
+    <script src="/assets/js/chat.v2.js" defer></script>
+    <script src="https://cdn.jsdelivr.net/npm/markdown-it@13.0.1/dist/markdown-it.min.js"></script>
+    <link rel="stylesheet"
+        href="//cdn.jsdelivr.net/gh/highlightjs/cdn-release@11.7.0/build/styles/base16/dracula.min.css">
+    <script>
+        const user_image = `<img src="/assets/img/user.png" alt="your avatar">`;
+        const gpt_image = `<img src="/assets/img/gpt.png" alt="your avatar">`;
+    </script>
+    <style>
+        .hljs {
+            color: #e9e9f4;
+            background: #28293629;
+            border-radius: var(--border-radius-1);
+            border: 1px solid var(--blur-border);
+            font-size: 15px;
+        }
+
+        #message-input {
+            margin-right: 30px;
+            height: 80px;
+        }
 
-            #message-input::-webkit-scrollbar {
-                width: 5px;
-            }
+        #message-input::-webkit-scrollbar {
+            width: 5px;
+        }
 
-            /* Track */
-            #message-input::-webkit-scrollbar-track {
-                background: #f1f1f1; 
-            }
-            
-            /* Handle */
-            #message-input::-webkit-scrollbar-thumb {
-                background: #c7a2ff; 
-            }
+        /* Track */
+        #message-input::-webkit-scrollbar-track {
+            background: #f1f1f1;
+        }
 
-            /* Handle on hover */
-            #message-input::-webkit-scrollbar-thumb:hover {
-                background: #8b3dff; 
-            }
-        </style>
-        <script src="/assets/js/highlight.min.js"></script>
-        <script>window.conversation_id = `{{chat_id}}`</script>
-        <title>g4f - gui</title>
-    </head>
-    <body>
-        <div class="gradient"></div>
-        <div class="row">
-            <div class="box conversations">
-                <div class="top">
-                    <button class="new_convo" onclick="new_conversation()">
-                        <i class="fa-regular fa-plus"></i>
-                        <span>New Conversation</span>
-                    </button>
+        /* Handle */
+        #message-input::-webkit-scrollbar-thumb {
+            background: #c7a2ff;
+        }
+
+        /* Handle on hover */
+        #message-input::-webkit-scrollbar-thumb:hover {
+            background: #8b3dff;
+        }
+    </style>
+    <script src="/assets/js/highlight.min.js"></script>
+    <script>window.conversation_id = `{{chat_id}}`</script>
+    <title>g4f - gui</title>
+</head>
+
+<body>
+    <div class="gradient"></div>
+    <div class="row">
+        <div class="box conversations">
+            <div class="top">
+                <button class="new_convo" onclick="new_conversation()">
+                    <i class="fa-regular fa-plus"></i>
+                    <span>New Conversation</span>
+                </button>
+            </div>
+            <div class="bottom_buttons">
+                <button onclick="delete_conversations()">
+                    <i class="fa-regular fa-trash"></i>
+                    <span>Clear Conversations</span>
+                </button>
+                <div class="info">
+                    <i class="fa-brands fa-discord"></i>
+                    <span class="convo-title">telegram: <a href="https://t.me/g4f_official">@g4f_official</a><br>
+                    </span>
                 </div>
-                <div class="bottom_buttons">
-                    <button onclick="delete_conversations()">
-                        <i class="fa-regular fa-trash"></i>
-                        <span>Clear Conversations</span>
-                    </button>
-                    <div class="info">
-                        <i class="fa-brands fa-discord"></i>
-                        <span class="convo-title">telegram: <a href="https://t.me/g4f_official">@g4f_official</a><br>
-                        </span>
-                    </div>
-                    <div class="info">
-                        <i class="fa-brands fa-github"></i>
-                        <span class="convo-title">github: <a href="https://github.com/xtekky/gpt4free">@gpt4free</a><br>
-                            leave a star ; )
-                        </span>
-                    </div>
+                <div class="info">
+                    <i class="fa-brands fa-github"></i>
+                    <span class="convo-title">github: <a href="https://github.com/xtekky/gpt4free">@gpt4free</a><br>
+                        leave a star ; )
+                    </span>
                 </div>
             </div>
-            <div class="conversation">
-                <div class="stop_generating stop_generating-hidden">
-                    <button id="cancelButton">
-                        <span>Stop Generating</span>
-                        <i class="fa-regular fa-stop"></i>
-                    </button>
+        </div>
+        <div class="conversation">
+            <div class="stop_generating stop_generating-hidden">
+                <button id="cancelButton">
+                    <span>Stop Generating</span>
+                    <i class="fa-regular fa-stop"></i>
+                </button>
+            </div>
+            <div class="box" id="messages">
+            </div>
+            <div class="user-input">
+                <div class="box input-box">
+                    <textarea id="message-input" placeholder="Ask a question" cols="30" rows="10"
+                        style="white-space: pre-wrap;resize: none;"></textarea>
+                    <div id="send-button">
+                        <i class="fa-solid fa-paper-plane-top"></i>
+                    </div>
                 </div>
-                <div class="box" id="messages">
+            </div>
+            <div class="buttons">
+                <div class="field">
+                    <input type="checkbox" id="switch" />
+                    <label for="switch"></label>
+                    <span class="about">Web Access</span>
                 </div>
-                <div class="user-input">
-                    <div class="box input-box">
-                        <textarea id="message-input" placeholder="Ask a question" cols="30" rows="10" style="white-space: pre-wrap;resize: none;"></textarea>
-                        <div id="send-button">
-                            <i class="fa-solid fa-paper-plane-top"></i>
-                        </div>
-                    </div>
+                <div class="field">
+                    <select name="model" id="model">
+                        <option value="gpt-3.5-turbo" selected>gpt-3.5</option>
+                        <option value="gpt-4">gpt-4</option>
+                        <option value="gpt-3.5-turbo-0613">gpt-3.5 fast</option>
+                        <option value="gpt-3.5-turbo-16k">gpt-3.5 16k</option>
+                    </select>
                 </div>
-                <div class="buttons">
-                    <div class="field">
-                        <input type="checkbox" id="switch"/>
-                        <label for="switch"></label>
-                        <span class="about">Web Access</span>
-                    </div>
+                <div class="field">
+                    <select name="jailbreak" id="jailbreak">
+                        <option value="default" selected>Set Jailbreak</option>
+                        <option value="gpt-math-1.0">math 1.0</option>
+                        <option value="gpt-dude-1.0">dude 1.0</option>
+                        <option value="gpt-dan-1.0">dan 1.0</option>
+                        <option value="gpt-dan-2.0">dan 2.0</option>
+                        <option value="gpt-dev-2.0">dev 2.0</option>
+                        <option value="gpt-evil-1.0">evil 1.0</option>
+                    </select>
                     <div class="field">
-                        <select name="model" id="model">
-                            <option value="gpt-3.5-turbo" selected>gpt-3.5</option>
-                            <option value="gpt-4">gpt-4</option>
-                            <option value="gpt-3.5-turbo-0613">gpt-3.5 fast</option>
-                            <option value="gpt-3.5-turbo-16k">gpt-3.5 16k</option>
+                        <select name="provider" id="provider">
+                            <option value="g4f.Provider.Auto" selected>Set Provider</option>
+                            <option value="g4f.Provider.AItianhuSpace">AItianhuSpace</option>
+                            <option value="g4f.Provider.ChatgptLogin">ChatgptLogin</option>
+                            <option value="g4f.Provider.ChatgptDemo">ChatgptDemo</option>
+                            <option value="g4f.Provider.ChatgptDuo">ChatgptDuo</option>
+                            <option value="g4f.Provider.Vitalentum">Vitalentum</option>
+                            <option value="g4f.Provider.ChatgptAi">ChatgptAi</option>
+                            <option value="g4f.Provider.AItianhu">AItianhu</option>
+                            <option value="g4f.Provider.ChatBase">ChatBase</option>
+                            <option value="g4f.Provider.Liaobots">Liaobots</option>
+                            <option value="g4f.Provider.Yqcloud">Yqcloud</option>
+                            <option value="g4f.Provider.Myshell">Myshell</option>
+                            <option value="g4f.Provider.FreeGpt">FreeGpt</option>
+                            <option value="g4f.Provider.Vercel">Vercel</option>
+                            <option value="g4f.Provider.DeepAi">DeepAi</option>
+                            <option value="g4f.Provider.Aichat">Aichat</option>
+                            <option value="g4f.Provider.GPTalk">GPTalk</option>
+                            <option value="g4f.Provider.GptGod">GptGod</option>
+                            <option value="g4f.Provider.AiAsk">AiAsk</option>
+                            <option value="g4f.Provider.GptGo">GptGo</option>
+                            <option value="g4f.Provider.Ylokh">Ylokh</option>
+                            <option value="g4f.Provider.Bard">Bard</option>
+                            <option value="g4f.Provider.Aibn">Aibn</option>
+                            <option value="g4f.Provider.Bing">Bing</option>
+                            <option value="g4f.Provider.You">You</option>
+                            <option value="g4f.Provider.H2o">H2o</option>
+                            <option value="g4f.Provider.Aivvm">Aivvm</option>
                         </select>
                     </div>
-                    <div class="field">
-                        <select name="jailbreak" id="jailbreak">
-                            <option value="default" selected>default</option>
-                            <option value="gpt-math-1.0">math 1.0</option>
-                            <option value="gpt-dude-1.0">dude 1.0</option>
-                            <option value="gpt-dan-1.0">dan 1.0</option>
-                            <option value="gpt-dan-2.0">dan 2.0</option>
-                            <option value="gpt-dev-2.0">dev 2.0</option>
-                            <option value="gpt-evil-1.0">evil 1.0</option>
-                        </select>
-                        <form class="color-picker" action="">
-                            <fieldset>
-                                <legend class="visually-hidden">Pick a color scheme</legend>
-                                <label for="light" class="visually-hidden">Light</label>
-                                <input type="radio" name="theme" id="light" checked>
-                            
-                                <label for="pink" class="visually-hidden">Pink theme</label>
-                                <input type="radio" id="pink" name="theme">
-                            
-                                <label for="blue" class="visually-hidden">Blue theme</label>
-                                <input type="radio" id="blue" name="theme">
-                                
-                                <label for="green" class="visually-hidden">Green theme</label>
-                                <input type="radio" id="green" name="theme">
-                            
-                                <label for="dark" class="visually-hidden">Dark theme</label>
-                                <input type="radio" id="dark" name="theme">
-                            </fieldset>
-                            </form>
-                    </div>
                 </div>
             </div>
         </div>
+    </div>
     <div class="mobile-sidebar">
         <i class="fa-solid fa-bars"></i>
     </div>
     <script>
     </script>
-    </body>
+</body>
+
 </html>
 \ No newline at end of file
diff --git a/g4f/gui/client/js/chat.v2.js b/g4f/gui/client/js/chat.v2.js
index df827030..e1faa6bb 100644
--- a/g4f/gui/client/js/chat.v2.js
+++ b/g4f/gui/client/js/chat.v2.js
@@ -52,7 +52,7 @@ const remove_cancel_button = async () => {
 
 const ask_gpt = async (message) => {
     try {
-        message_input.value = ``;
+        message_input.value     = ``;
         message_input.innerHTML = ``;
         message_input.innerText = ``;
 
@@ -60,10 +60,11 @@ const ask_gpt = async (message) => {
         window.scrollTo(0, 0);
         window.controller = new AbortController();
 
-        jailbreak = document.getElementById("jailbreak");
-        model = document.getElementById("model");
-        prompt_lock = true;
-        window.text = ``;
+        jailbreak    = document.getElementById("jailbreak");
+        provider     = document.getElementById("provider");
+        model        = document.getElementById("model");
+        prompt_lock  = true;
+        window.text  = ``;
         window.token = message_id();
 
         stop_generating.classList.remove(`stop_generating-hidden`);
@@ -109,12 +110,15 @@ const ask_gpt = async (message) => {
             headers: {
                 "content-type": `application/json`,
                 accept: `text/event-stream`,
+                // v: `1.0.0`,
+                // ts: Date.now().toString(),
             },
             body: JSON.stringify({
                 conversation_id: window.conversation_id,
                 action: `_ask`,
                 model: model.options[model.selectedIndex].value,
                 jailbreak: jailbreak.options[jailbreak.selectedIndex].value,
+                provider: provider.options[provider.selectedIndex].value,
                 meta: {
                     id: window.token,
                     content: {
author	abc <98614666+xtekky@users.noreply.github.com>	2023-10-10 00:47:58 +0200
committer	abc <98614666+xtekky@users.noreply.github.com>	2023-10-10 00:47:58 +0200
commit	e05987ace34b3db38d3849f7c33405bcc7e50ee9 (patch)
tree	66259762fb0f2cd5eb470d0bfa9ed5ee03663809 /g4f/gui/client
parent	~ (diff)
download	gpt4free-e05987ace34b3db38d3849f7c33405bcc7e50ee9.tar gpt4free-e05987ace34b3db38d3849f7c33405bcc7e50ee9.tar.gz gpt4free-e05987ace34b3db38d3849f7c33405bcc7e50ee9.tar.bz2 gpt4free-e05987ace34b3db38d3849f7c33405bcc7e50ee9.tar.lz gpt4free-e05987ace34b3db38d3849f7c33405bcc7e50ee9.tar.xz gpt4free-e05987ace34b3db38d3849f7c33405bcc7e50ee9.tar.zst gpt4free-e05987ace34b3db38d3849f7c33405bcc7e50ee9.zip