[{"_1":2,"_3":-5,"_4":-5},"loaderData",{"_5":6,"_7":8,"_9":10},"actionData","errors","root",{"_158":159,"_160":161},"routes/_app.x.$handle.$name",{"_11":12,"_13":14,"_15":16,"_18":19,"_17":-7,"_119":-5,"_20":120,"_22":121,"_122":123,"_124":125,"_25":126,"_24":-5,"_127":-5,"_128":-5,"_129":53,"_130":131,"_132":44,"_133":-5,"_134":-5,"_135":136},"routes/_app.x.$handle.$name.branch.$branch.code.$",{"_11":12,"_13":14,"_15":16,"_17":-7,"_18":19,"_20":21,"_22":23,"_24":-7,"_25":26,"_27":-5,"_28":-5,"_29":-5,"_30":-5,"_31":-5},"handle","tyrannocoffee","name","v60-recipe","branchName","main","version","path","","project",{"_33":61,"_13":14,"_45":62,"_63":-5,"_64":53,"_65":66,"_67":66,"_68":19,"_69":-5,"_70":71,"_72":-5,"_73":53,"_74":-5,"_75":-5,"_76":77,"_78":79,"_80":81,"_82":83,"_84":85,"_86":-5,"_87":88,"_89":88,"_90":91,"_92":91,"_93":91,"_94":88,"_95":88,"_96":97,"_98":99,"_100":101,"_102":53},"tree",[56],"file","contents",[32],"upstream","pull","ahead","behind","envVars",{"_33":34,"_13":35,"_36":37,"_38":-5,"_39":40,"_41":42,"_43":44,"_45":46,"_17":47,"_48":49,"_50":51,"_52":53,"_54":-5,"_18":55},"id","54d88f67-5f92-4d59-8273-efb29c93a801","main.ts","fileId","fa16a588-78ff-11f1-b0d3-1607ee4eb77e","parentId","branchId","4c587ae2-3028-430d-bdad-b4c0d61b5b86","branchVersion",16,"latest",true,"createdAt",["D",1783415262691],15,"fileType","http","content","// Val Town HTTP val — 豆ラベル写真(base64) → V60レシピカード v7 \"trois affiches\"\n// 環境変数: ANTHROPIC_API_KEY（必須）, APP_TOKEN（任意）\n//\n// ==== 回帰防止ルール(michie-review-persona.md 準拠 / 編集時に必ず維持) ====\n// 1. 文字色のコントラスト比4.5:1以上 / 2. 1ページ厳守 / 3. 本文15px・説明16px・数値28px以上\n// 4. 注ぎの説明は全幅の2行目 / 5. 事後調整情報は載せない / 6. 生成文字列は必ずエスケープ\n// 7. .pour/.blk は break-inside:avoid / 8. 変更したら必ずレンダリングテストを実行\n\nconst SYSTEM = `あなたはスペシャルティコーヒーの抽出専門家。\n豆ラベルの写真から情報を読み取り、Hario V60のレシピを設計して、\n次のJSONだけを返す。マークダウンの囲みや説明文は一切付けない。\n\n{\n \"title\": \"豆の名前 / ロースター名\",\n \"intro\": \"豆の紹介1〜2文・80字以内。産地・精製・焙煎度を自然な文章で。読めない項目は触れない\",\n \"dose\": \"20g\", \"water\": \"320g\", \"ratio\": \"1:16\", \"temp\": \"93℃\", \"grind\": \"24\",\n \"grind_reason\": \"目盛が22以外のときだけ理由を1文・50字以内。22なら空文字\",\n \"flavors\": [\"カカオ\", \"プラム\", \"オレンジブロッサム\"],\n \"palette\": [\"#5C3A21\", \"#8E3B52\", \"#E8A13C\"],\n \"pours\": [\n {\"time\": \"0:00\", \"add\": \"40g\", \"total\": \"40g\", \"note\": \"蒸らし45秒。全体を湿らせ軽く一混ぜ\"},\n {\"time\": \"0:45\", \"add\": \"100g\", \"total\": \"140g\", \"note\": \"中心から外へ円を描いてゆっくり\"}\n ],\n \"target\": \"狙いの味を1文\",\n \"message\": \"朝の一言1〜2文・70字以内。カードの他の欄で使った単語(産地名・フレーバー・精製方法など)を繰り返さないこと。コーヒー文化や科学の意外な豆知識、または今日を頑張る背中をそっと押す一言。毎回まったく違う切り口で、説教くさくならないこと\"\n}\n\n設計条件:\n- グラインダーはVaria Model J。目盛で指定(ドリップ推奨範囲22〜30、ユーザー基準は22で浅煎り中心。\n 豆に合わせて範囲内で最適値を提案してよい)\n- 豆量はユーザー指定値、湯量は1:16〜16.7で計算\n- flavorsはラベル記載のフレーバー最大3つ(記載なければ豆から推定)。\n paletteは各フレーバーを連想させる色を同数、彩度を抑えた上品なHEXで\n- poursは蒸らし含め全投数分。noteは注ぎ方の要点を35字以内の1文で\n- 全体が縦に長くならないよう文字量を最小限に。文体はやわらかく、ひらがな多め`;\n\n// ---- 色ユーティリティ ----\nconst hexRGB = (h: string) => {\n const n = parseInt(\n (h ?? \"#8B6F47\").replace(\"#\", \"\").padEnd(6, \"0\").slice(0, 6),\n 16,\n );\n return [(n >> 16) & 255, (n >> 8) & 255, n & 255];\n};\nconst tint = (h: string, k: number) => { // 白と混ぜる k=0..1\n const [r, g, b] = hexRGB(h);\n const m = (x: number) => Math.round(x + (255 - x) * k);\n return `rgb(${m(r)},${m(g)},${m(b)})`;\n};\nconst shade = (h: string, k: number) => { // 黒と混ぜる\n const [r, g, b] = hexRGB(h);\n const m = (x: number) => Math.round(x * (1 - k));\n return `rgb(${m(r)},${m(g)},${m(b)})`;\n};\n\nconst escStr = (v: string) =>\n v.replace(/&/g, \"&\").replace(//g, \">\");\nconst escapeDeep = (v: any): any =>\n typeof v === \"string\"\n ? escStr(v)\n : Array.isArray(v)\n ? v.map(escapeDeep)\n : v && typeof v === \"object\"\n ? Object.fromEntries(Object.entries(v).map(([k, x]) => [k, escapeDeep(x)]))\n : v;\n\nconst pourRows = (c: any) =>\n (c.pours ?? []).map((p: any) =>\n `

${p.time}+${p.add} → ${p.total}

${p.note}

`\n ).join(\"\");\n\n// ============ theme 1: encre — 漆黒。白抜きの巨大数字。ギャラリーのキャプション ============\nconst encre = (c: any) => {\n const pal = c.palette ?? [];\n return `\n

V60 — ${\n new Date().toLocaleDateString(\"ja-JP\", { month: \"long\", day: \"numeric\" })\n }

${c.title}

${\n (c.flavors ?? []).map((f: string, i: number) =>\n `${f}`\n ).join(\"\")\n }

${c.intro}

RECIPE

豆

${c.dose}

湯

${c.water} ${\n c.ratio ?? \"\"\n }

湯温

${c.temp}

MODEL J

${c.grind}

\n${c.grind_reason ? `

${c.grind_reason}

` : \"\"}\n

POUR

\n${pourRows(c)}\n

${c.target}

${c.message}

`;\n};\n\n// ============ theme 2: revue — クリーム地の雑誌。Didotの特大数字と縦罫 ============\nconst revue = (c: any) => {\n const pal = c.palette ?? [];\n return `\n

V60 BREWING CARD${\n new Date().toLocaleDateString(\"ja-JP\", { month: \"2-digit\", day: \"2-digit\" })\n }

${c.title}

${\n pal.map((h: string) => `

`).join(\"\") ||\n `

`\n }

${(c.flavors ?? []).join(\"　／　\")}

${c.intro}

レシピ

豆

${c.dose}

湯

${c.water} ${\n c.ratio ?? \"\"\n }

湯温

${c.temp}

MODEL J

${c.grind}

\n${c.grind_reason ? `

— ${c.grind_reason}

` : \"\"}\n

注ぎ

\n${pourRows(c)}\n

狙いの味

${c.target}

${c.message}

`;\n};\n\n// ============ theme 3: affiche — 豆の色に染まるポスター。透かしの巨大目盛 ============\nconst affiche = (c: any) => {\n const base = (c.palette ?? [])[0] ?? \"#7A5C43\";\n const bg = tint(base, 0.86), ink = shade(base, 0.72), mid = shade(base, 0.5);\n const line = tint(base, 0.55);\n return `\n

V60 BREWING CARD

${c.title}

${\n (c.flavors ?? []).map((f: string) => `${f}`).join(\n \"\",\n )\n }

${c.intro}

${c.grind}

レシピ

豆

${c.dose}

湯

${c.water} ${\n c.ratio ?? \"\"\n }

湯温

${c.temp}

Model J

${c.grind}

\n${c.grind_reason ? `

${c.grind_reason}

` : \"\"}

注ぎ

\n${pourRows(c)}\n

${c.target}

${c.message}

`;\n};\n\nconst THEMES = [encre, revue, affiche];\n\nexport default async function (req: Request): Promise {\n if (req.method !== \"POST\") {\n return new Response('POST / body: {\"image\": \"\", \"dose\": \"15\"}', {\n status: 405,\n });\n }\n const token = Deno.env.get(\"APP_TOKEN\");\n if (token && req.headers.get(\"x-app-token\") !== token) {\n return new Response(\"unauthorized\", { status: 401 });\n }\n\n const body = await req.json().catch(() => ({}));\n const data = String(body.image ?? \"\").replace(/\\s/g, \"\");\n if (!data) return new Response(\"imageがありません\", { status: 400 });\n const dose = String(body.dose ?? \"15\").replace(/[^0-9.]/g, \"\") || \"15\";\n\n const r = await fetch(\"https://api.anthropic.com/v1/messages\", {\n method: \"POST\",\n headers: {\n \"content-type\": \"application/json\",\n \"x-api-key\": Deno.env.get(\"ANTHROPIC_API_KEY\") ?? \"\",\n \"anthropic-version\": \"2023-06-01\",\n },\n body: JSON.stringify({\n model: \"claude-sonnet-4-6\",\n max_tokens: 1100,\n system: SYSTEM,\n messages: [{\n role: \"user\",\n content: [\n {\n type: \"image\",\n source: {\n type: \"base64\",\n media_type: body.media_type ?? \"image/jpeg\",\n data,\n },\n },\n {\n type: \"text\",\n text: `このラベル写真からレシピJSONを。豆量は${dose}gで。`,\n },\n ],\n }],\n }),\n });\n\n const j = await r.json();\n const text = (j.content ?? []).map((b: { text?: string }) => b.text ?? \"\")\n .join(\"\\n\");\n try {\n const c = escapeDeep(JSON.parse(text.replace(/```json|```/g, \"\").trim()));\n const render = THEMES[Math.floor(Math.random() * THEMES.length)];\n return new Response(render(c), {\n headers: { \"content-type\": \"text/html; charset=utf-8\" },\n });\n } catch {\n return new Response(text || JSON.stringify(j), {\n headers: { \"content-type\": \"text/plain; charset=utf-8\" },\n });\n }\n}","deleted",false,"label",[35],{"_33":34,"_13":35,"_36":37,"_38":-5,"_39":40,"_41":42,"_43":44,"_45":57,"_17":47,"_48":49,"_50":51,"_52":53,"_54":-5,"_58":59,"_18":60},["D",1783415262691],"children",[],[35],"8a6d6a14-3efe-4a14-85f9-b4a913d332c2",["D",1783317623266],"deletedAt","legacyEnvVars","privacy","public","httpPrivacy","description","imageUrl","userId","72838d15-9e81-4ab9-89a2-a2652259502d","pinnedFileId","pinPreview","pinMigrated","screenshotVersion","likeCount",0,"orgId","019f3601-031e-77f9-9a5e-88169763f307","tursoName","8a6d6a143efe4a1485f9b4a913d332c2","tursoHostname","8a6d6a143efe4a1485f9b4a913d332c2-val-town.aws-us-east-2.turso.io","tursoMeasuredAt",["D",1789525843977],"pinned","userPerm","r","valPerm","blobPerm","rw","emailPerm","sqlitePerm","projectPerm","telemetryPerm","user",{"_11":12,"_118":114},"org",{"_11":12,"_111":112,"_113":114,"_70":71,"_115":116,"_117":53},"branch",{"_17":42,"_13":16,"_33":40,"_103":61,"_104":-5,"_105":-5,"_106":-5,"_107":-5,"_108":-5,"_109":14,"_110":12},"isOwned","projectId","forkedBranchId","forkedBranchVersion","forkedProjectPrivacy","forkedProjectId","forkedProjectOrgId","projectName","userHandle","displayName","Michie IMANISHI","avatar","https://lh3.googleusercontent.com/a/ACg8ocLeYbV1cfdKsdi_EcxvMzpeT9zPRScBOJVgadQQ0JH8wUzzA_qwoQ=s96-c","tier","free","canRestrictVals","profileImageUrl","adoptOrgId",{"_33":61,"_13":14,"_45":153,"_63":-5,"_64":53,"_65":66,"_67":66,"_68":19,"_69":-5,"_70":71,"_72":-5,"_73":53,"_74":-5,"_75":-5,"_76":77,"_78":79,"_80":81,"_82":83,"_84":154,"_86":-5,"_87":88,"_89":88,"_90":91,"_92":91,"_93":91,"_94":88,"_95":88,"_96":155,"_98":156,"_100":157,"_102":53},[150],"files",[150],"counts",{"_139":77,"_140":141,"_142":77,"_31":143,"_144":145},[137],"upstreamProject","upstreamBranch","emptyEnvVars","flags",[],"hasHttpFiles","grants","orgs","customDomains",{},{"_33":34,"_13":35,"_36":37,"_38":-5,"_39":40,"_41":42,"_43":44,"_45":46,"_17":47,"_48":49,"_50":51,"_52":53,"_54":-5,"_18":138},[35],"pulls","branches",1,"forks",{"_146":148,"_149":77},"connections",{"_146":77,"_147":77},"count","unfilledCount",2,"emptyCount",{"_33":34,"_13":35,"_36":37,"_38":-5,"_39":40,"_41":42,"_43":44,"_45":57,"_17":47,"_48":49,"_50":51,"_52":53,"_54":-5,"_58":151,"_18":152},[],[35],["D",1783317623266],["D",1789525843977],{"_11":12,"_118":114},{"_11":12,"_111":112,"_113":114,"_70":71,"_115":116,"_117":53},{"_17":42,"_13":16,"_33":40,"_103":61,"_104":-5,"_105":-5,"_106":-5,"_107":-5,"_108":-5,"_109":14,"_110":12},"ctx",{"_96":-5,"_134":191,"_192":193,"_194":195,"_196":53,"_197":53,"_198":53,"_199":44,"_200":-5,"_201":-7,"_202":-7,"_203":77,"_204":53,"_205":53,"_206":-5,"_207":53,"_208":53,"_209":53,"_210":-5},"ENV",{"_162":163,"_164":165,"_166":16,"_167":168,"_169":170,"_171":172,"_173":174,"_175":176,"_177":178,"_179":180,"_181":182,"_183":184,"_185":186,"_187":188,"_189":190},"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"]

Code