flue-quickstart

[{"_1":2,"_3":-5,"_4":-5},"loaderData",{"_5":6,"_7":8,"_9":10},"actionData","errors","root",{"_192":193,"_194":195},"routes/_app.x.$handle.$name",{"_11":12,"_13":14,"_15":-7,"_63":154,"_16":-7,"_155":-5,"_17":156,"_157":158,"_28":159,"_21":160,"_23":161,"_162":-5,"_163":-5,"_164":-5,"_165":36,"_166":167,"_168":34,"_169":-5,"_170":-5,"_171":172},"routes/_app.x.$handle.$name._index",{"_11":12,"_13":14,"_15":-7,"_16":-7,"_17":18,"_19":20,"_21":22,"_23":24,"_25":-7,"_26":-5,"_27":-5,"_28":29,"_30":-5,"_31":-5,"_32":-5,"_33":34,"_35":36,"_37":34},"handle","dcm31","name","flue-quickstart","branchName","version","project",{"_41":98,"_13":14,"_52":99,"_100":-5,"_101":36,"_102":103,"_104":103,"_105":106,"_107":-5,"_108":109,"_110":-5,"_111":36,"_112":-5,"_113":-5,"_114":71,"_115":116,"_117":-5,"_118":-5,"_119":-5,"_120":-5,"_121":122,"_123":122,"_124":125,"_126":125,"_127":125,"_128":122,"_129":122,"_130":131,"_132":133,"_134":135,"_136":36},"tags",[],"counts",{"_88":71,"_89":54,"_90":71,"_91":92,"_93":94},"contents",[82,83],"readme","upstream","pull","files",[38,39,40],"preview","ahead","behind","showHomeCustomizationHint",true,"showHTTPPreviewSettingsHint",false,"hasHTTPFiles",{"_41":77,"_13":76,"_44":68,"_46":-5,"_47":48,"_49":69,"_51":34,"_52":78,"_16":71,"_55":79,"_57":-5,"_59":36,"_60":-5,"_61":80,"_63":81},{"_41":65,"_13":66,"_44":67,"_46":68,"_47":48,"_49":69,"_51":34,"_52":70,"_16":71,"_55":72,"_57":73,"_59":36,"_60":-5,"_61":74,"_63":75},{"_41":42,"_13":43,"_44":45,"_46":-5,"_47":48,"_49":50,"_51":34,"_52":53,"_16":54,"_55":56,"_57":58,"_59":36,"_60":-5,"_61":62,"_63":64},"id","d771be26-4e45-11f1-a880-ee650bb23af1","main.tsx","fileId","944ade84-4e45-11f1-b6e3-ee650bb23af1","parentId","branchId","943d011a-4e45-11f1-b6e3-ee650bb23af1","branchVersion",3,"latest","createdAt",["D",1778619729930],1,"fileType","http","content","import Anthropic from \"npm:@anthropic-ai/sdk\";\nimport * as v from \"npm:valibot\";\n\n// Mirrors the Flue quickstart's session.prompt({ schema }) — schema-validated\n// structured output from Claude. Flue: `triggers = { webhook: true }`; here the\n// webhook IS the val (HTTP file type).\nconst ResponseSchema = v.object({\n translation: v.string(),\n confidence: v.picklist([\"low\", \"medium\", \"high\"]),\n});\n\nconst PayloadSchema = v.object({\n language: v.string(),\n text: v.string(),\n});\n\nexport default async function (req: Request): Promise {\n const url = new URL(req.url);\n\n if (req.method === \"GET\") {\n const example = `curl -X POST ${url.origin}${url.pathname} \\\\\n -H 'content-type: application/json' \\\\\n -d '{\"language\":\"French\",\"text\":\"Hello world\"}'`;\n const html = `flue-quickstart\n\n

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","deleted","label","children",[],"path",[43],"9a719b18-4e45-11f1-9a65-ee650bb23af1","hello-world.ts","9a719bf4-4e45-11f1-9a65-ee650bb23af1","22f56039-9e8f-4439-8417-cd1a40d146df",2,["D",1778619627590],0,"script","// Original Flue quickstart from https://github.com/withastro/flue#quickstart\n// Kept here for reference. Does NOT run on Val Town — Flue is a framework\n// with its own CLI (`flue dev` / `flue build`) targeting Node.js or\n// Cloudflare Workers. The Val Town port lives in ../main.tsx.\n\n// .flue/agents/hello-world.ts\nimport type { FlueContext } from \"@flue/sdk/client\";\nimport * as v from \"valibot\";\n\n// Every agent needs a trigger. This agent is invoked as an API endpoint, via HTTP.\nexport const triggers = { webhook: true };\n\n// The agent handler. Where the orchestration of the agent lives.\nexport default async function ({ init, payload }: FlueContext) {\n // `harness` -- Your initialized harness including sandbox, tools, skills, etc.\n const harness = await init({ model: \"anthropic/claude-sonnet-4-6\" });\n const session = await harness.session();\n\n // prompt() sends a message in the session, triggering action.\n const { data } = await session.prompt(\n `Translate this to ${payload.language}: \"${payload.text}\"`,\n {\n // Pass a `schema` to get typed, schema-validated data back from your agent.\n schema: v.object({\n translation: v.string(),\n confidence: v.picklist([\"low\", \"medium\", \"high\"]),\n }),\n },\n );\n\n return data;\n}\n",[],[76,66],"flue-original","9a71ceb2-4e45-11f1-9a65-ee650bb23af1",["D",1778619627590],"directory",[39],[76],{"_41":77,"_13":76,"_44":68,"_46":-5,"_47":48,"_49":69,"_51":34,"_52":86,"_16":71,"_55":79,"_57":-5,"_59":36,"_60":-5,"_63":87},{"_41":42,"_13":43,"_44":45,"_46":-5,"_47":48,"_49":50,"_51":34,"_52":84,"_16":54,"_55":56,"_57":58,"_59":36,"_60":-5,"_63":85},["D",1778619729930],[43],["D",1778619627590],[76],"pulls","branches","forks","envVars",{"_95":54,"_97":71},"connections",{"_95":71,"_96":71},"count","unfilledCount","emptyCount","943c3e24-4e45-11f1-b6e3-ee650bb23af1",["D",1778619617187],"deletedAt","legacyEnvVars","privacy","public","httpPrivacy","description","Flue hello-world quickstart ported to a native Val Town HTTP val","imageUrl","userId","9319c175-2593-4f88-ba21-04f2ef7b1c28","pinnedFileId","pinPreview","pinMigrated","screenshotVersion","likeCount","orgId","d663a026-6449-42f6-9156-1d4a2d64d38c","tursoName","tursoHostname","tursoMeasuredAt","pinned","userPerm","r","valPerm","blobPerm","rw","emailPerm","sqlitePerm","projectPerm","telemetryPerm","user",{"_11":12,"_153":149},"org",{"_11":12,"_146":147,"_148":149,"_108":109,"_150":151,"_152":36},"branch",{"_16":50,"_13":137,"_41":48,"_138":98,"_139":-5,"_140":-5,"_141":-5,"_142":-5,"_143":-5,"_144":14,"_145":12},"isOwned","main","projectId","forkedBranchId","forkedBranchVersion","forkedProjectPrivacy","forkedProjectId","forkedProjectOrgId","projectName","userHandle","displayName","Charlie","avatar","https://imagedelivery.net/iHX6Ovru0O7AjmyT5yZRoA/3e904faa-3764-4629-c475-f561a49b0000/square512?exp=1789679929&sig=ce006ef10daa27fe77de821a1032ac27694ccacfe98c9514d54aba00c5198e83","tier","pro","canRestrictVals","profileImageUrl","","adoptOrgId",{"_41":98,"_13":14,"_52":188,"_100":-5,"_101":36,"_102":103,"_104":103,"_105":106,"_107":-5,"_108":109,"_110":-5,"_111":36,"_112":-5,"_113":-5,"_114":71,"_115":116,"_117":-5,"_118":-5,"_119":-5,"_120":-5,"_121":122,"_123":122,"_124":125,"_126":125,"_127":125,"_128":122,"_129":122,"_130":189,"_132":190,"_134":191,"_136":36},"tree",[179,181],[179,180,181],{"_88":71,"_89":54,"_90":71,"_91":177,"_93":178},[173,174],"file","upstreamProject","upstreamBranch","emptyEnvVars","flags",[],"hasHttpFiles","grants","orgs","customDomains",{},{"_41":77,"_13":76,"_44":68,"_46":-5,"_47":48,"_49":69,"_51":34,"_52":86,"_16":71,"_55":79,"_57":-5,"_59":36,"_60":-5,"_63":176},{"_41":42,"_13":43,"_44":45,"_46":-5,"_47":48,"_49":50,"_51":34,"_52":84,"_16":54,"_55":56,"_57":58,"_59":36,"_60":-5,"_63":175},[43],[76],{"_95":54,"_97":71},{"_95":71,"_96":71},{"_41":77,"_13":76,"_44":68,"_46":-5,"_47":48,"_49":69,"_51":34,"_52":78,"_16":71,"_55":79,"_57":-5,"_59":36,"_60":-5,"_61":186,"_63":187},{"_41":65,"_13":66,"_44":67,"_46":68,"_47":48,"_49":69,"_51":34,"_52":70,"_16":71,"_55":72,"_57":73,"_59":36,"_60":-5,"_61":184,"_63":185},{"_41":42,"_13":43,"_44":45,"_46":-5,"_47":48,"_49":50,"_51":34,"_52":53,"_16":54,"_55":56,"_57":58,"_59":36,"_60":-5,"_61":182,"_63":183},[],[43],[],[76,66],[180],[76],["D",1778619617187],{"_11":12,"_153":149},{"_11":12,"_146":147,"_148":149,"_108":109,"_150":151,"_152":36},{"_16":50,"_13":137,"_41":48,"_138":98,"_139":-5,"_140":-5,"_141":-5,"_142":-5,"_143":-5,"_144":14,"_145":12},"ctx",{"_130":-5,"_170":225,"_226":227,"_228":229,"_230":36,"_231":36,"_232":36,"_233":34,"_234":-5,"_235":-7,"_236":-7,"_237":71,"_238":36,"_239":36,"_240":-5,"_241":36,"_242":36,"_243":36,"_244":-5},"ENV",{"_196":197,"_198":199,"_200":137,"_201":202,"_203":204,"_205":206,"_207":208,"_209":210,"_211":212,"_213":214,"_215":216,"_217":218,"_219":220,"_221":222,"_223":224},"REACT_APP_SENTRY_DSN","https://586020d86f05489db63a554690acf1e9@o1398359.ingest.sentry.io/6724499","RENDER_GIT_COMMIT","e8c4b7030cb7600e4eb0736b15f422c8b8bd130f","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"]