\n \n {String(children).replace(/\\n$/, '')}\n \n ) : (\n \n {children}\n \n );\n },\n h1: ({ node, ...props }) =>

,\n h2: ({ node, ...props }) =>

,\n h3: ({ node, ...props }) =>

,\n a: ({ node, ...props }) => (\n \n ),\n blockquote: ({ node, ...props }) => (\n
\n ),\n table: ({ node, ...props }) => (\n \n ),\n ul: ({ node, ...props }) => (\n
\n ),\n ol: ({ node, ...props }) => (\n
\n )\n }}\n >\n {content}\n \n \n );\n}\n\nfunction App() {\n const [messages, setMessages] = useState([]);\n const [input, setInput] = useState('');\n const [model, setModel] = useState(MODELS[0]);\n const [vqd, setVqd] = useState('');\n const [isLoading, setIsLoading] = useState(false);\n\n const messagesEndRef = useRef(null);\n\n const scrollToBottom = () => {\n messagesEndRef.current?.scrollIntoView({ behavior: \"smooth\" });\n };\n\n useEffect(scrollToBottom, [messages]);\n\n const getVQD = async () => {\n try {\n const response = await fetch(STATUS_URL, {\n headers: {\n \"User-Agent\": \"Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/129.0.0.0 Safari/537.3\",\n \"x-vqd-accept\": \"1\"\n }\n });\n\n console.log('VQD Fetch Headers:', Object.fromEntries(response.headers.entries()));\n const newVQD = response.headers.get('x-vqd-4') || '';\n console.log('Fetched VQD:', newVQD);\n setVqd(newVQD);\n return newVQD;\n } catch (error) {\n console.error('VQD Fetch Error:', error);\n return '';\n }\n };\n\n const sendMessage = async () => {\n if (!input.trim()) return;\n\n const userMessage = { role: 'user', content: input };\n const updatedMessages = [...messages, userMessage];\n setMessages(updatedMessages);\n setInput('');\n setIsLoading(true);\n\n try {\n let currentVQD = vqd || await getVQD();\n \n const response = await fetch(CHAT_URL, {\n method: 'POST',\n headers: {\n \"User-Agent\": \"Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/129.0.0.0 Safari/537.3\",\n \"Content-Type\": \"application/json\",\n \"x-vqd-4\": currentVQD\n },\n body: JSON.stringify({\n model: MODEL_MAP[model],\n messages: updatedMessages\n })\n });\n\n console.log('Chat Request Headers:', Object.fromEntries(response.headers.entries()));\n \n const reader = response.body?.getReader();\n const decoder = new TextDecoder();\n let assistantResponse = '';\n\n while (true) {\n const { done, value } = await reader.read();\n if (done) break;\n\n const chunk = decoder.decode(value);\n console.log('Raw Chunk:', chunk);\n\n const lines = chunk.split('\\n');\n for (const line of lines) {\n if (line.startsWith('data:')) {\n try {\n const data = JSON.parse(line.slice(5).trim());\n console.log('Parsed Chunk Data:', data);\n\n if (data.action === 'success' && data.message) {\n assistantResponse += data.message;\n setMessages(prev => {\n const updatedMsgs = [...prev];\n if (updatedMsgs.length > 0 && updatedMsgs[updatedMsgs.length - 1].role === 'assistant') {\n updatedMsgs[updatedMsgs.length - 1].content = assistantResponse;\n } else {\n updatedMsgs.push({ role: 'assistant', content: assistantResponse });\n }\n return updatedMsgs;\n });\n }\n } catch (parseError) {\n console.error('Parsing Error:', parseError);\n }\n }\n }\n }\n\n const newVQD = response.headers.get('x-vqd-4');\n if (newVQD) {\n console.log('Updated VQD:', newVQD);\n setVqd(newVQD);\n }\n } catch (error) {\n console.error('Chat Error:', error);\n } finally {\n setIsLoading(false);\n }\n };\n\n const clearChat = () => {\n setMessages([]);\n setVqd('');\n };\n\n return (\n
\n
\n \n \n
\n
\n {messages.map((msg, index) => (\n \n ))}\n {isLoading &&
Generating...
}\n
\n
\n
\n setInput(e.target.value)}\n onKeyPress={(e) => e.key === 'Enter' && sendMessage()}\n style={styles.input}\n placeholder=\"Type a message...\"\n />\n \n
\n
\n );\n}\n\nconst styles = {\n container: {\n maxWidth: '800px',\n margin: '0 auto',\n fontFamily: 'Inter, system-ui, sans-serif',\n display: 'flex',\n flexDirection: 'column',\n height: '100vh',\n backgroundColor: '#f4f4f5'\n },\n header: {\n display: 'flex',\n justifyContent: 'space-between',\n padding: '15px',\n backgroundColor: '#e4e4e7',\n borderBottom: '1px solid #d4d4d8'\n },\n modelSelect: {\n padding: '8px',\n borderRadius: '6px',\n border: '1px solid #a1a1aa',\n backgroundColor: 'white'\n },\n clearButton: {\n padding: '8px 15px',\n backgroundColor: '#ef4444',\n color: 'white',\n border: 'none',\n borderRadius: '6px',\n cursor: 'pointer',\n transition: 'background-color 0.2s'\n },\n messagesContainer: {\n flex: 1,\n overflowY: 'auto',\n padding: '20px',\n backgroundColor: 'white',\n display: 'flex',\n flexDirection: 'column',\n gap: '15px'\n },\n userMessage: {\n alignSelf: 'flex-end',\n backgroundColor: '#e6f2ff',\n borderRadius: '12px',\n padding: '15px',\n maxWidth: '80%',\n boxShadow: '0 1px 3px rgba(0,0,0,0.1)'\n },\n assistantMessage: {\n alignSelf: 'flex-start',\n backgroundColor: '#f4f4f5',\n borderRadius: '12px',\n padding: '15px',\n maxWidth: '80%',\n boxShadow: '0 1px 3px rgba(0,0,0,0.1)'\n },\n inputContainer: {\n display: 'flex',\n padding: '15px',\n backgroundColor: '#f4f4f5',\n borderTop: '1px solid #e4e4e7'\n },\n input: {\n flex: 1,\n padding: '12px',\n borderRadius: '8px',\n border: '1px solid #a1a1aa',\n marginRight: '15px',\n fontSize: '16px'\n },\n sendButton: {\n padding: '12px 20px',\n backgroundColor: '#10b981',\n color: 'white',\n border: 'none',\n borderRadius: '8px',\n cursor: 'pointer',\n transition: 'background-color 0.2s'\n },\n loadingIndicator: {\n textAlign: 'center',\n color: '#71717a',\n padding: '15px',\n fontStyle: 'italic'\n },\n markdownH1: {\n fontSize: '1.5em',\n color: '#18181b',\n borderBottom: '1px solid #e4e4e7',\n paddingBottom: '0.3em'\n },\n markdownH2: {\n fontSize: '1.3em',\n color: '#27272a'\n },\n markdownH3: {\n fontSize: '1.1em',\n color: '#3f3f46'\n },\n markdownLink: {\n color: '#0284c7',\n textDecoration: 'none',\n fontWeight: 'bold'\n },\n markdownBlockquote: {\n borderLeft: '4px solid #a1a1aa',\n paddingLeft: '10px',\n color: '#71717a',\n fontStyle: 'italic'\n },\n markdownTable: {\n width: '100%',\n borderCollapse: 'collapse',\n marginBottom: '1em'\n },\n markdownList: {\n paddingLeft: '30px'\n }\n};\n\nfunction client() {\n createRoot(document.getElementById(\"root\")).render();\n}\n\nif (typeof document !== \"undefined\") { client(); }\n\nexport default async function server(request: Request): Promise {\n // Proxy for DuckDuckGo API calls\n if (request.method === 'OPTIONS') {\n return new Response(null, {\n headers: {\n 'Access-Control-Allow-Origin': '',\n 'Access-Control-Allow-Methods': 'GET, POST, OPTIONS',\n 'Access-Control-Allow-Headers': 'Content-Type, x-vqd-accept, x-vqd-4, User-Agent',\n }\n });\n }\n\n if (request.url.includes('/api/status')) {\n try {\n const statusResponse = await fetch('https://duckduckgo.com/duckchat/v1/status', {\n headers: {\n \"User-Agent\": \"Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/129.0.0.0 Safari/537.3\",\n \"x-vqd-accept\": \"1\"\n }\n });\n\n const vqdToken = statusResponse.headers.get('x-vqd-4') || '';\n \n return new Response(null, {\n status: statusResponse.status,\n headers: {\n 'Access-Control-Allow-Origin': '',\n 'x-vqd-4': vqdToken,\n 'Content-Type': 'application/json'\n }\n });\n } catch (error) {\n console.error('Status Proxy Error:', error);\n return new Response(JSON.stringify({ error: 'Failed to fetch VQD' }), {\n status: 500,\n headers: { \n 'Access-Control-Allow-Origin': '',\n 'Content-Type': 'application/json' \n }\n });\n }\n }\n\n if (request.url.includes('/api/chat')) {\n try {\n const requestBody = await request.json();\n const chatResponse = await fetch('https://duckduckgo.com/duckchat/v1/chat', {\n method: 'POST',\n headers: {\n \"User-Agent\": \"Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/129.0.0.0 Safari/537.3\",\n \"Content-Type\": \"application/json\",\n \"x-vqd-4\": request.headers.get('x-vqd-4') || ''\n },\n body: JSON.stringify(requestBody)\n });\n\n const newVqdToken = chatResponse.headers.get('x-vqd-4') || '';\n \n // Create a streaming response\n const { readable, writable } = new TransformStream();\n chatResponse.body.pipeTo(writable);\n\n return new Response(readable, {\n status: chatResponse.status,\n headers: {\n 'Access-Control-Allow-Origin': '',\n 'x-vqd-4': newVqdToken,\n 'Content-Type': 'text/event-stream'\n }\n });\n } catch (error) {\n console.error('Chat Proxy Error:', error);\n return new Response(JSON.stringify({ error: 'Failed to proxy chat request' }), {\n status: 500,\n headers: { \n 'Access-Control-Allow-Origin': '*',\n 'Content-Type': 'application/json' \n }\n });\n }\n }\n\n // Default HTML response\n return new Response(`\n \n \n DuckDuckGo Chat\n \n \n \n \n \n
\n \n \n \n `, {\n headers: { \"content-type\": \"text/html\" }\n });\n}",["D",1732277160124],"version","currentUserHasLiked","referenceCount","dependencyCount","commentCount","prCount","mergedPr",{"_96":97,"_101":102},"forkedVal","interval","description","latestEvaluation","slug","kauri/ddg_chat","versions",[159,163,166],{"_98":160,"_143":90,"_161":162},["D",1732277160124],"n","1",{"_98":164,"_143":110,"_161":165},["D",1732275716006],"2",{"_98":167,"_143":31,"_161":168},["D",1732275211925],"3","hasNext","filters",{"_172":173,"_174":175,"_131":132},"sort","newest","type","all","routes/_app","actionData","errors"]