flue-quickstart

flue-quickstart

Flue hello-world quickstart ported to a native Val Town HTTP val. POST a payload to get a Claude-generated, valibot-validated translation back.

${example}

Requires ANTHROPIC_API_KEY set as an environment variable on this val.

`;\n return new Response(html, {\n status: 200,\n headers: { \"content-type\": \"text/html; charset=utf-8\" },\n });\n }\n\n if (req.method !== \"POST\") {\n return new Response(\"Method not allowed\", { status: 405 });\n }\n\n if (!Deno.env.get(\"ANTHROPIC_API_KEY\")) {\n return Response.json(\n { error: \"ANTHROPIC_API_KEY env var is not set on this val\" },\n { status: 500 },\n );\n }\n\n let payload: v.InferOutput;\n try {\n payload = v.parse(PayloadSchema, await req.json());\n } catch (e) {\n return Response.json(\n { error: \"invalid payload\", detail: String(e) },\n { status: 400 },\n );\n }\n\n const client = new Anthropic();\n const message = await client.messages.create({\n model: \"claude-sonnet-4-6\",\n max_tokens: 1024,\n tool_choice: { type: \"tool\", name: \"return_translation\" },\n tools: [\n {\n name: \"return_translation\",\n description: \"Return the translation result.\",\n input_schema: {\n type: \"object\",\n properties: {\n translation: { type: \"string\" },\n confidence: { type: \"string\", enum: [\"low\", \"medium\", \"high\"] },\n },\n required: [\"translation\", \"confidence\"],\n },\n },\n ],\n messages: [\n {\n role: \"user\",\n content: `Translate this to ${payload.language}: \"${payload.text}\"`,\n },\n ],\n });\n\n const toolUse = message.content.find((b) => b.type === \"tool_use\");\n if (!toolUse || toolUse.type !== \"tool_use\") {\n return Response.json(\n { error: \"model did not call the tool\" },\n { status: 502 },\n );\n }\n\n const data = v.parse(ResponseSchema, toolUse.input);\n return Response.json(data);\n}\n","children",[],[171],["D",1778619627590],[],[18,64],["D",1778619627590],[168],[18],["D",1778619617187],{"_11":12,"_122":70},{"_11":12,"_117":118,"_69":70,"_31":68,"_119":120,"_121":30},{"_39":108,"_13":16,"_33":36,"_109":74,"_110":-5,"_111":-5,"_112":-5,"_113":-5,"_114":-5,"_115":14,"_116":12},"ctx",{"_52":-5,"_141":222,"_223":224,"_225":226,"_227":30,"_228":30,"_229":30,"_230":24,"_231":-5,"_232":-7,"_233":-7,"_234":26,"_235":30,"_236":30,"_237":-5,"_238":30,"_239":30,"_240":30,"_241":-5},"ENV",{"_193":194,"_195":196,"_197":16,"_198":199,"_200":201,"_202":203,"_204":205,"_206":207,"_208":209,"_210":211,"_212":213,"_214":215,"_216":217,"_218":219,"_220":221},"REACT_APP_SENTRY_DSN","https://586020d86f05489db63a554690acf1e9@o1398359.ingest.sentry.io/6724499","RENDER_GIT_COMMIT","71c1b20804b3232a7e513be260cfffc1932a9e97","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"]

History · flue-original