\n \n \n \n",[],[165,233],"aa56e6da-0cb6-11f1-8b14-42dde27851f2","favicon.svg","019c7059-0ed3-724f-869d-5ce97042364a",["D",1771411410564],"\n",[],[165,240],"aa56c2cc-0cb6-11f1-8b14-42dde27851f2","App.tsx","019c7059-0ed3-724f-869d-558a3819401a","019c7059-0ed3-724f-869d-5b56e15573c6",["D",1771411410564],"/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport { useState } from \"https://esm.sh/react@18.2.0\";\n\nexport function App() {\n const [clicked, setClicked] = useState(0);\n return (\n

Val Town React + Hono Starter

\n I've been clicked times\n

\n );\n}",[],[165,254,247],"components","aa56e478-0cb6-11f1-8b14-42dde27851f2",["D",1771411410564],[191],[165,254],["D",1771411410564],[190,192,193,194,195],[165],"906ab6c4-0cb7-11f1-908d-42dde27851f2","langgraph.ts","906ab7a0-0cb7-11f1-908d-42dde27851f2",4,["D",1771411796643],"import { Annotation, END, START, StateGraph } from \"npm:@langchain/langgraph\";\nimport OpenAI from \"npm:openai\";\nimport { Langfuse } from \"npm:langfuse\";\n\nexport type ChatRole = \"user\" | \"assistant\";\n\nexport interface ChatMessage {\n role: ChatRole;\n content: string;\n}\n\ninterface ChatState {\n messages: ChatMessage[];\n assistantMessage: string;\n sessionId: string;\n}\n\nconst ChatStateAnnotation = Annotation.Root({\n messages: Annotation({\n reducer: (_current, next) => next,\n default: () => [],\n }),\n assistantMessage: Annotation({\n reducer: (_current, next) => next,\n default: () => \"\",\n }),\n sessionId: Annotation({\n reducer: (_current, next) => next,\n default: () => \"anonymous-session\",\n }),\n});\n\nconst OPENAI_MODEL = Deno.env.get(\"OPENAI_MODEL\") ?? \"gpt-4o-mini\";\n\nfunction requireEnv(name: string): string {\n const value = Deno.env.get(name);\n if (!value) {\n throw new Error(`Missing required environment variable: ${name}`);\n }\n return value;\n}\n\nfunction extractAssistantText(response: OpenAI.Responses.Response): string {\n if (typeof response.output_text === \"string\" && response.output_text.trim().length > 0) {\n return response.output_text;\n }\n\n for (const item of response.output) {\n if (item.type !== \"message\") {\n continue;\n }\n\n for (const content of item.content) {\n if (content.type === \"output_text\" && content.text.trim().length > 0) {\n return content.text;\n }\n }\n }\n\n throw new Error(\"OpenAI response did not include assistant text output\");\n}\n\nfunction toOpenAIInput(messages: ChatMessage[]): OpenAI.Responses.ResponseInput {\n return messages.map((message) => ({\n role: message.role,\n content: [{ type: \"input_text\", text: message.content }],\n }));\n}\n\nasync function generateAssistantMessage(state: ChatState): Promise> {\n const openai = new OpenAI({\n apiKey: requireEnv(\"OPENAI_API_KEY\"),\n });\n\n const langfuse = new Langfuse({\n publicKey: requireEnv(\"LANGFUSE_PUBLIC_KEY\"),\n secretKey: requireEnv(\"LANGFUSE_SECRET_KEY\"),\n baseUrl: Deno.env.get(\"LANGFUSE_BASE_URL\"),\n });\n\n const trace = langfuse.trace({\n name: \"langgraph-chat\",\n sessionId: state.sessionId,\n input: state.messages,\n });\n\n const generation = trace.generation({\n name: \"openai-response\",\n model: OPENAI_MODEL,\n input: state.messages,\n metadata: {\n runtime: \"val-town\",\n graph: \"chat-graph-v1\",\n },\n });\n\n const response = await openai.responses.create({\n model: OPENAI_MODEL,\n input: toOpenAIInput(state.messages),\n });\n\n const assistantMessage = extractAssistantText(response);\n\n generation.end({\n output: assistantMessage,\n usageDetails: response.usage,\n });\n trace.update({\n output: assistantMessage,\n });\n await langfuse.flushAsync();\n\n return {\n assistantMessage,\n messages: [\n ...state.messages,\n { role: \"assistant\", content: assistantMessage },\n ],\n };\n}\n\nconst graph = new StateGraph(ChatStateAnnotation)\n .addNode(\"generateAssistantMessage\", generateAssistantMessage)\n .addEdge(START, \"generateAssistantMessage\")\n .addEdge(\"generateAssistantMessage\", END)\n .compile();\n\nexport async function runChatGraph(\n messages: ChatMessage[],\n sessionId: string,\n): Promise<{ assistantMessage: string; messages: ChatMessage[] }> {\n const result = await graph.invoke({\n messages,\n assistantMessage: \"\",\n sessionId,\n });\n\n return {\n assistantMessage: result.assistantMessage,\n messages: result.messages,\n };\n}\n",[],[171,263],["D",1771411796427],[188],[171],["D",1771411410564],{"_93":92,"_101":97},{"_93":92,"_94":95,"_96":97,"_18":-5,"_98":99,"_100":24},{"_13":82,"_31":83,"_40":39,"_84":41,"_85":-5,"_86":-5,"_87":-5,"_88":-5,"_89":-5,"_90":42,"_91":92},"ctx",{"_75":-5,"_121":310,"_311":312,"_313":314,"_315":24,"_316":24,"_317":24,"_318":119,"_319":-5,"_320":-7,"_321":-7,"_322":59,"_323":24,"_324":24,"_325":-5,"_326":24,"_327":24,"_328":24,"_329":-5},"ENV",{"_281":282,"_283":284,"_285":83,"_286":287,"_288":289,"_290":291,"_292":293,"_294":295,"_296":297,"_298":299,"_300":301,"_302":303,"_304":305,"_306":307,"_308":309},"REACT_APP_SENTRY_DSN","https://586020d86f05489db63a554690acf1e9@o1398359.ingest.sentry.io/6724499","RENDER_GIT_COMMIT","e87eb04e707cf64e7e532c8e8ec395f209e17f15","RENDER_GIT_BRANCH","POSTHOG_API_TOKEN","phc_nmoyuAkStEZuUp69rYlg1DZgrIt19Gx0Y4Hwf8tGgJP","POSTHOG_API_HOST","https://wart.val.town","WEB_API_TEMPLATE","https://{val}.web.val.run","APP_URL","https://www.val.town","MODULE_URL","https://esm.town","VANITY_WEB_API_TEMPLATE","https://{label}.val.run/","DENOLS_URL","https://lsp.val.town","NODE_ENV","production","CLOUDFLARE_TURNSTILE_SITE_KEY","0x4AAAAAACtaIZJH7s9rBMZ6","GOOGLE_CLIENT_ID","875989696899-jtsqkhlbdv5jrlsk8631p7ipjg3c6o62.apps.googleusercontent.com","STRIPE_PUBLISHABLE_KEY","pk_live_51N2zvWEpZTTLipIkVEwXrUG9AT0yeOOEYxszarZT1jpsZV58Ly6wlg3SltZpHN26CUalOBmUSY7adQRQiSkCZz2500qSXNkf8Y","API_URL","https://api.val.town",[],"preferencesKeybindings","default","preferencesTheme","light","preferencesFixers","preferencesCopilot","preferencesSelectionAi","preferencesCloseBrackets","preferencesChatPanelState","preferencesDprint","preferencesDenofmt","notificationCount","flagDenols","isBusinessOrgMember","businessOrgHandle","isBusinessOrgAdmin","isHigherTownieTier","navCollapsed","currentOrgId"]

Diff · v6