feat: add g4f provider

Author: rafael-vasconcellos

readme.md

@@ -18,8 +18,11 @@ the translation of your favorite AI model (the first) is cached by default in **
 ![app screenshot](imgs/screenshot-01.png)
 
 ## Models
-the available models are gemini, gpt-3.5-turbo, gpt-4o-mini, llama, cohere models  
-other models: Qwen, DeepSeek, mixtral, nous mixtral, yi, and etc.  
+the available models are:  
+o1, claude-3-opus, claude-3.5-sonnet  
+DeepSeek-R1, DeepSeek-V3, gpt-4o, gpt-4o-mini, gpt-3.5-turbo  
+gemini, cohere models, Qwen, llama  
+other models: mixtral, nous mixtral, yi, and etc.  
 
 there's also available: DeepLX, google translate, and SugoiV4
 

src/providers/g4f.ts

@@ -0,0 +1,82 @@
+import { OpenAIChat } from "../global/lib";
+import { systemPrompt, userPrompt } from "../global/text";
+
+
+
+export async function g4fHandler(text: string, model_name: string, tag: HTMLTextAreaElement) { 
+    if (!text || !tag || !model_name) { return "" }
+    const client = new OpenAIChat("https://playmak3r-g4f.hf.space/v1/chat/completions", { 
+        model: model_name,
+        system_prompt: systemPrompt
+    })
+
+    tag.value = ""
+    const stream = await client.sendPrompt(userPrompt({ text }))
+    if (stream) { 
+        for await (const chunk of stream) { 
+          const text = chunk?.choices?.[0]?.delta?.content;
+          if (text) { tag.value += text; }
+          else if (chunk?.error) { tag.value = chunk.error?.message }
+          else if (chunk) { console.log(chunk) }
+        }
+    }
+
+    return tag.value
+}
+
+
+export default { 
+    provider_name: "GPT4Free",
+    api_key: undefined,
+    models: [ 
+        { 
+            name: "qwen-2.5-72b",
+            owned_by: "Qwen",
+            auto_fetch: false
+        }, { 
+            name: "command-r-plus",
+            owned_by: "cohere",
+            auto_fetch: false
+        }, { 
+            name: "grok-2",
+            owned_by: "X AI",
+            auto_fetch: false
+        }, { 
+            name: "deepseek-r1",
+            owned_by: "DeepSeek AI",
+            auto_fetch: false
+        }, { 
+            name: "deepseek-chat",
+            owned_by: "DeepSeek AI",
+            auto_fetch: false
+        }, { 
+            name: "claude-3.5-sonnet",
+            owned_by: "anthropic",
+            auto_fetch: false
+        }, { 
+            name: "claude-3-opus",
+            owned_by: "anthropic",
+            auto_fetch: false
+        }, { 
+            name: "gpt-3.5-turbo",
+            owned_by: "openai",
+            auto_fetch: false
+        }, { 
+            name: "gpt-4o-mini",
+            owned_by: "openai",
+            auto_fetch: false
+        }, { 
+            name: "gpt-4o",
+            owned_by: "openai",
+            auto_fetch: false
+        }, { 
+            name: "o1",
+            owned_by: "openai",
+            auto_fetch: false
+        }, { 
+            name: "o1-mini",
+            owned_by: "openai",
+            auto_fetch: false
+        }, 
+    ]
+}

src/providers/index.ts

@@ -5,6 +5,7 @@ import Cohere, { CohereHandler } from './Cohere'
 import HuggingFace, { HuggingFaceHandler } from './HuggingFace'
 import Auto, { AutomaticHandler } from './Auto'
 import OpenRouter, { OpenRouterHandler } from './openrouter-ai'
+import g4f, { g4fHandler } from './g4f'
 
 
 
@@ -32,17 +33,18 @@ const Handlers = {
     Cohere: CohereHandler,
     Auto: AutomaticHandler,
     HuggingSpaces: HuggingSpacesHandler,
-    OpenRouter: OpenRouterHandler
+    OpenRouter: OpenRouterHandler,
+    g4f: g4fHandler
 }
 
 export function getHandler(provider_key: string, _: string): 
     (text: string, model_name: string, tag: HTMLTextAreaElement) => Promise<string> { 
         return Handlers[provider_key as keyof typeof Handlers]
 }
 
-export { GroqCloud, Google, HuggingFace, Cohere, Auto, HuggingSpaces, OpenRouter }
+export { GroqCloud, Google, HuggingFace, Cohere, Auto, HuggingSpaces, OpenRouter, g4f }
 
-const Providers = { GroqCloud, Google, HuggingFace, Cohere, Auto, HuggingSpaces, OpenRouter }
+const Providers = { GroqCloud, Google, HuggingFace, Cohere, Auto, HuggingSpaces, OpenRouter, g4f }
 
 export type TProviderKeys = Exclude<keyof typeof Providers, "getModel">