Cerebras Searcher

\n setQuery(e.target.value)}\n placeholder=\"Ask anything...\"\n className=\"search-input\"\n />\n \n \n

\n {DEFAULT_SEARCHES.map((searchQuery, index) => (\n handleSearch(searchQuery)}\n className=\"suggestion-button\"\n disabled={searchLoading || summaryLoading}\n >\n {searchQuery}\n \n ))}\n

\n\n {searchLoading &&

Searching for relevant information...

}\n {summaryLoading &&

Analyzing search results...

}\n\n {response && (\n

{response}

\n {sources.length > 0 && (\n

Sources:

\n setShowRawResults(!showRawResults)}\n className=\"toggle-button\"\n >\n {showRawResults ? \"Hide Raw Results\" : \"Show Raw Results\"}\n \n {showRawResults && searchResults && (\n

Raw Search Results:

{JSON.stringify(searchResults, null, 2)}

\n )}\n

\n
\n \n {source.snippet}\n \n
\n {source.date &&
{source.date}
}\n

\n )}\n

\n )}\n\n \n

\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(req: Request): Promise {\n if (req.method === \"POST\") {\n const url = new URL(req.url);\n\n if (url.pathname === \"/api/search\") {\n const { query } = await req.json();\n\n // Search using SerpApi\n try {\n const searchResponse = await fetch(\n `https://serpapi.com/search.json?q=${encodeURIComponent(query)}&api_key=${Deno.env.get(\"SERP_API_KEY\")}`,\n );\n const searchData = await searchResponse.json();\n const sources = searchData.organic_results.map(result => ({\n link: result.link,\n snippet: result.snippet,\n date: result.date || result.published_date || null,\n }));\n\n return new Response(\n JSON.stringify({ sources }),\n {\n headers: { \"Content-Type\": \"application/json\" },\n },\n );\n } catch (error) {\n console.error(error);\n return new Response(\n JSON.stringify({\n sources: [{\n link: \"\",\n snippet: \"Sorry, the SerpAPI is not working. Maybe you need to set your SerpAPI or buy more credits\",\n date: new Date(),\n }],\n }),\n {\n headers: { \"Content-Type\": \"application/json\" },\n },\n );\n }\n }\n\n if (url.pathname === \"/api/summarize\") {\n const { query, searchData } = await req.json();\n const sources = searchData.sources;\n\n // Extract relevant content from search results\n const context = sources\n .map((result) =>\n `Link: ${result.link}\\nDescription: ${result.snippet}${result.date ? `\\nDate: ${result.date}` : \"\"}`\n )\n .join(\"\\n\\n\");\n\n // Use Cerebras chat completion\n const { Cerebras } = await import(\"https://esm.sh/@cerebras/cerebras_cloud_sdk\");\n const client = new Cerebras();\n\n const completion = await client.chat.completions.create({\n messages: [{\n role: \"user\",\n content:\n `Based on the following search results, please provide a comprehensive answer to the question: \"${query}\"\\n\\nSearch Results:\\n${context}`,\n }],\n model: \"llama3.1-70b\",\n });\n\n return new Response(\n JSON.stringify({ answer: completion?.choices[0]?.message?.content }),\n {\n headers: { \"Content-Type\": \"application/json\" },\n },\n );\n }\n }\n\n return new Response(\n `\n \n \n Cerebras Searcher\n \n \n \n \n \n

\n \n \n \n `,\n {\n headers: { \"Content-Type\": \"text/html\" },\n },\n );\n}\n\nconst css = `\n .container {\n max-width: 800px;\n margin: 0 auto;\n padding: 2rem;\n font-family: system-ui, -apple-system, sans-serif;\n }\n\n .search-form {\n display: flex;\n gap: 0.5rem;\n margin-bottom: 1rem;\n }\n\n .default-searches {\n display: flex;\n flex-direction: row;\n flex-wrap: wrap;\n gap: 0.5rem;\n margin-bottom: 1.5rem;\n }\n\n .suggestion-button {\n padding: 0.5rem 1rem;\n background: #f0f0f0;\n color: #333;\n border: 1px solid #ddd;\n border-radius: 4px;\n cursor: pointer;\n transition: all 0.2s ease;\n font-size: 0.9rem;\n }\n\n .suggestion-button:hover {\n background: #e0e0e0;\n transform: translateY(-1px);\n }\n\n .suggestion-button:disabled {\n background: #ccc;\n cursor: not-allowed;\n transform: none;\n }\n\n .search-input {\n flex-grow: 1;\n padding: 0.75rem;\n font-size: 1rem;\n border: 1px solid #ddd;\n border-radius: 4px;\n transition: border-color 0.2s ease;\n }\n\n .search-input:focus {\n outline: none;\n border-color: #0066ff;\n }\n\n button {\n padding: 0.75rem 1.5rem;\n background: #0066ff;\n color: white;\n border: none;\n border-radius: 4px;\n cursor: pointer;\n transition: all 0.2s ease;\n }\n\n button:hover:not(:disabled) {\n background: #0052cc;\n transform: translateY(-1px);\n }\n\n button:disabled {\n background: #ccc;\n cursor: not-allowed;\n transform: none;\n }\n\n .toggle-button {\n margin: 1rem 0;\n padding: 0.5rem 1rem;\n font-size: 0.875rem;\n background: #f0f0f0;\n color: #333;\n border: 1px solid #ddd;\n }\n\n .loading {\n margin: 1rem 0;\n color: #666;\n }\n\n .raw-results {\n margin-top: 1rem;\n padding: 1rem;\n background: #f5f5f5;\n border-radius: 4px;\n overflow-x: auto;\n }\n\n .raw-results pre {\n margin: 0;\n white-space: pre-wrap;\n word-wrap: break-word;\n }\n\n .response {\n margin-top: 2rem;\n padding: 1.5rem;\n background: #f8f9fa;\n border-radius: 8px;\n box-shadow: 0 2px 4px rgba(0,0,0,0.05);\n }\n\n .answer {\n white-space: pre-wrap;\n margin-bottom: 1rem;\n line-height: 1.5;\n }\n\n .sources {\n border-top: 1px solid #ddd;\n padding-top: 1rem;\n }\n\n .sources ul {\n padding-left: 1.5rem;\n }\n\n .sources li {\n margin-bottom: 1rem;\n }\n\n .sources a {\n color: #0066ff;\n text-decoration: none;\n }\n\n .sources a:hover {\n text-decoration: underline;\n }\n\n .source-date {\n font-size: 0.875rem;\n color: #666;\n margin-top: 0.25rem;\n }\n\n footer {\n margin-top: 2rem;\n text-align: center;\n font-size: 0.875rem;\n }\n\n footer a {\n color: #0066ff;\n text-decoration: none;\n }\n\n footer a:hover {\n text-decoration: underline;\n }\n`;","createdAt",["D",1737128960445],"version",19,"currentUserHasLiked","likeCount",3,"forkCount","referenceCount","dependencyCount","commentCount","prCount","mergedPr",{"_131":132,"_133":134},"handle","stevekrouse","profileImageUrl","https://images.clerk.dev/uploaded/img_2PqHa2Gsy93xQrjh2w78Xu0cChW.jpeg","forkedVal","interval","slug","stevekrouse/cerebras_searcher","description","Cerebras Searcher a Perplexity clone that uses the SerpAPI to do RAG\nand summaries with Cerebras ( requires a SerpAPI key ) This val might not be working because we're out of SerpAPI credits,\nbut if you fork it and get your own SerpAPI key, it should work. Comment on this\nval if you still have trouble, thanks! Setup Fork this val Sign up for Cerebras and get an API key Save it in a Val Town environment variable called CEREBRAS_API_KEY Get a SerpAPI key (free trial available) Set your SerpAPI API key into you Val Town Environment Variables Done!","versions",[143,146,150,154,158,163,167,171,175,179,183,187,191,195,199,203,207,210,213,217],{"_119":120,"_144":-5,"_117":145,"_114":112},"prId",["D",1737128960445],{"_119":147,"_144":-5,"_117":148,"_114":149},18,["D",1737128897259],"7803dea4-d4ea-11ef-8312-e6cdfca9ef9f",{"_119":151,"_144":-5,"_117":152,"_114":153},17,["D",1729877812393],"b8a1d338-92f7-11ef-b195-de64eea55b61",{"_119":155,"_144":-5,"_117":156,"_114":157},16,["D",1729877571091],"28ce137a-92f7-11ef-b425-de64eea55b61",{"_119":159,"_144":160,"_117":161,"_114":162},15,"f67621ba-92f6-11ef-9e71-de64eea55b61",["D",1729877489011],"f7e19e3a-92f6-11ef-9714-de64eea55b61",{"_119":164,"_144":-5,"_117":165,"_114":166},14,["D",1729871280412],"83445aa8-92e8-11ef-8d5c-de64eea55b61",{"_119":168,"_144":-5,"_117":169,"_114":170},13,["D",1729871230616],"65965416-92e8-11ef-a4f3-de64eea55b61",{"_119":172,"_144":-5,"_117":173,"_114":174},12,["D",1729871091767],"12d3a972-92e8-11ef-bbef-de64eea55b61",{"_119":176,"_144":-5,"_117":177,"_114":178},11,["D",1729871032936],"efc292c2-92e7-11ef-8265-de64eea55b61",{"_119":180,"_144":-5,"_117":181,"_114":182},10,["D",1729870813466],"6cf24d56-92e7-11ef-9e00-de64eea55b61",{"_119":184,"_144":-5,"_117":185,"_114":186},9,["D",1729870810859],"6b646104-92e7-11ef-8718-de64eea55b61",{"_119":188,"_144":-5,"_117":189,"_114":190},8,["D",1729870373796],"66e1d342-92e6-11ef-b4a3-de64eea55b61",{"_119":192,"_144":-5,"_117":193,"_114":194},7,["D",1729866601870],"9ea4531c-92dd-11ef-84bb-de64eea55b61",{"_119":196,"_144":-5,"_117":197,"_114":198},6,["D",1729866561934],"86d5b3fc-92dd-11ef-b743-de64eea55b61",{"_119":200,"_144":-5,"_117":201,"_114":202},5,["D",1729866558414],"84bcb692-92dd-11ef-82e2-de64eea55b61",{"_119":204,"_144":-5,"_117":205,"_114":206},4,["D",1729866501224],"62a6720a-92dd-11ef-9b7e-de64eea55b61",{"_119":123,"_144":-5,"_117":208,"_114":209},["D",1729866491469],"5cd5aa9e-92dd-11ef-8239-de64eea55b61",{"_119":90,"_144":-5,"_117":211,"_114":212},["D",1729866414978],"2f3f5058-92dd-11ef-916a-de64eea55b61",{"_119":214,"_144":-5,"_117":215,"_114":216},1,["D",1729866344019],"04f2b98e-92dd-11ef-9a3f-de64eea55b61",{"_119":31,"_144":-5,"_117":218,"_114":219},["D",1729866293337],"e6bd6770-92dc-11ef-916a-de64eea55b61","recentThread","breadcrumbs","comments",[],"isOwner","routes/_app.v.$handle.$name.versions.$(version)",{"_93":227,"_228":229,"_94":230},"single","redirect","/v/stevekrouse/cerebras_searcher/versions",{"_114":174,"_115":231,"_119":172,"_117":232,"_233":99,"_100":101,"_109":110,"_131":132,"_11":96,"_234":-5,"_235":-5,"_236":-5,"_224":26,"_137":138},"/** @jsxImportSource https://esm.sh/react */\nimport React, { useState } from \"https://esm.sh/react\";\nimport { createRoot } from \"https://esm.sh/react-dom/client\";\n\nfunction App() {\n const [query, setQuery] = useState(\"\");\n const [loading, setLoading] = useState(false);\n const [response, setResponse] = useState(\"\");\n const [sources, setSources] = useState([]);\n\n const handleSubmit = async (e) => {\n e.preventDefault();\n setLoading(true);\n setResponse(\"\");\n setSources([]);\n\n try {\n const result = await fetch(\"/api/search\", {\n method: \"POST\",\n headers: { \"Content-Type\": \"application/json\" },\n body: JSON.stringify({ query }),\n });\n const data = await result.json();\n setResponse(data.answer);\n setSources(data.sources);\n } catch (error) {\n console.error(error);\n setResponse(\"Sorry, something went wrong. Please try again.\");\n } finally {\n setLoading(false);\n }\n };\n\n return (\n

cerebras_searcher

Version 12