Cheshire Cat AI Client

Connection Status: {connectionStatus}

\n {loading &&

}\n {error &&

{error}

}\n

\n {messages.map((message, index) => (\n

\n {message.type === 'user' ? 'You' : 'AI'}: {message.content}\n

\n ))}\n

\n setInputMessage(e.target.value)}\n onKeyPress={(e) => e.key === 'Enter' && sendMessage()}\n style={{ width: '80%', marginRight: '10px' }}\n />\n \n

Available Plugins

{plugin.name}

\n );\n}\n\nfunction client() {\n createRoot(document.getElementById(\"root\")).render();\n}\n\nif (typeof document !== \"undefined\") {\n client();\n}\n\nexport default async function server(request: Request): Promise {\n if (request.url.endsWith('/get-cat-config')) {\n const config = {\n host: Deno.env.get(\"CCAT_CORE_HOST\") || \"localhost\",\n port: parseInt(Deno.env.get(\"CCAT_CORE_PORT\") || \"1865\"),\n secure: Deno.env.get(\"CCAT_CORE_USE_SECURE_PROTOCOLS\") === \"true\",\n credential: Deno.env.get(\"CCAT_API_KEY\"),\n openaiApiKey: Deno.env.get(\"OPENAI_API_KEY\"),\n };\n\n return new Response(JSON.stringify(config), {\n headers: { \"Content-Type\": \"application/json\" },\n });\n }\n\n return new Response(`\n \n \n Cheshire Cat AI Client\n \n \n \n

\n \n \n \n \n `,\n {\n headers: {\n \"content-type\": \"text/html\",\n },\n });\n}\n\nconst css = `\nbody {\n font-family: system-ui, sans-serif;\n max-width: 800px;\n margin: 0 auto;\n padding: 20px;\n}\nul {\n list-style-type: none;\n padding: 0;\n}\nli {\n margin-bottom: 10px;\n padding: 10px;\n background-color: #f0f0f0;\n border-radius: 5px;\n}\ninput[type=\"text\"] {\n padding: 5px;\n font-size: 16px;\n}\nbutton {\n padding: 5px 10px;\n font-size: 16px;\n background-color: #4CAF50;\n color: white;\n border: none;\n cursor: pointer;\n}\nbutton:hover {\n background-color: #45a049;\n}\nbutton:disabled {\n background-color: #cccccc;\n cursor: not-allowed;\n}\n`;","deleted","label",[98],"permalink","https://www.val.town/x/gigmx/chatGPTClone/code/main.tsx","extension","actionData","errors"]