Kabuki Gesture Mask

[{"_1":2,"_3":-5,"_4":-5},"loaderData",{"_5":6,"_7":8,"_9":10},"actionData","errors","root",{"_153":154,"_155":156},"routes/_app.x.$handle.$name",{"_95":94,"_32":45,"_103":85,"_27":104,"_13":14,"_105":-5,"_11":106,"_107":108,"_109":110,"_111":112,"_113":114,"_20":-5,"_115":-5,"_116":-5,"_117":25,"_118":119,"_120":57,"_121":-5,"_122":-5,"_123":124},"routes/_app.x.$handle.$name.branch.$branch.version.$version.diff",{"_11":12,"_13":14,"_15":16,"_17":-5,"_18":-5},"project",{"_43":44,"_32":45,"_38":46,"_47":-5,"_48":25,"_49":50,"_51":50,"_52":-5,"_53":-5,"_18":54,"_55":31,"_56":57,"_58":57,"_59":-5,"_60":61,"_62":63,"_64":-5,"_65":-5,"_66":-5,"_67":-5,"_68":69,"_70":69,"_71":72,"_73":72,"_74":72,"_75":69,"_76":69,"_77":78,"_79":80,"_81":82,"_83":25},"version",4,"changes",[19],"aiChatInfo","userId",{"_20":21,"_22":23,"_24":25,"_26":25,"_27":28,"_29":28},"file",{"_30":31,"_32":28,"_33":34,"_35":37,"_38":39,"_40":14,"_41":42,"_24":25},"previous",{"_30":31,"_32":28,"_33":34,"_35":36},"deleted",false,"deletedHere","path","main.ts","latestPath","fileId","321204ea-b24b-11f0-a5f1-0224a6c84d84","name","fileType","http","content","// Learn more: https://docs.val.town/vals/http/\nexport default async function (req: Request): Promise {\n return Response.json({ ok: true })\n}","// @ts-ignore\nimport { OpenAI } from \"https://esm.town/v/std/openai?v=4\";\n// @ts-ignore\nimport { Hono } from \"npm:hono@4.4.12\";\n// @ts-ignore\nimport { cors } from \"npm:hono@4.4.12/cors\";\n\n// --- AI BEHAVIORAL GUIDELINES ---\nconst GENERATION_STYLE_GUIDE =\n \"As the AI playwright, you must adopt the persona of a seasoned Kabuki theater historian. Your responses should be evocative, profound, and concise, adhering to the principles of Japanese aesthetics (e.g., yūgen). Employ precise, intelligent language. Avoid clichés. The objective is to provide a line of dialogue or a 5-7-5 haiku that captures the essence of the gesture.\";\n\nconst INTERPRET_GESTURE_PROMPT = `\nYou are an AI playwright specializing in Kabuki theater. A performer has made a gesture.\nYour task is to generate a single, powerful line of dialogue (or a 5-7-5 haiku) that encapsulates the emotion of this gesture.\nThe user will provide the gesture name.\nGestures and their typical emotions:\n- \"Victory\" (✌️): Triumph, peace, a moment of resolution.\n- \"Thumb_Up\" (👍): Approval, strength, a declaration of 'good'.\n- \"Thumb_Down\" (👎): Disapproval, sorrow, a statement of 'bad'.\n- \"Closed_Fist\" (👊): Power, anger, determination, a contained force.\n- \"Open_Palm\" (✋): Rejection, openness, a barrier, or a declaration.\n- \"Pointing_Up\" (☝️): A command, a realization, addressing the heavens.\n- \"ILoveYou\" (🤟): A complex emotional statement.\n\nRespond STRICTLY with a single JSON object: { \"dialogue\": \"Your generated text here.\", \"reason\": \"A brief explanation of your interpretation of the gesture in a theatrical context.\" }\n${GENERATION_STYLE_GUIDE}\n`;\n\n// --- HTML & FRONTEND GENERATION ---\nfunction generateHtml(sourceUrl: string) {\n // This function returns the complete HTML document, including the\n // React/Babel-based frontend provided by the user, modified to\n // communicate with this val's backend.\n return `\n\n\n \n \n Kabuki Gesture Mask\n \n \n \n \n \n \n\n\n

\n\n \n\n`;\n}\n\n// --- BACKEND API ROUTING (Hono) ---\nconst app = new Hono();\n\n// Add CORS middleware\napp.use(\"*\", cors());\n\n/**\n * GET /\n * Serves the main HTML page with the React application.\n */\napp.get(\"/\", (c) => {\n const url = new URL(c.req.url);\n // Ensure the source URL passed to the client has a trailing slash\n // to prevent incorrect relative path resolution by the browser.\n const sourceUrl = `https://${url.host}${url.pathname}`.replace(/\\/?$/, \"/\");\n return c.html(generateHtml(sourceUrl));\n});\n\n/**\n * POST /interpret\n * Receives a gesture and returns an AI-generated interpretation.\n */\napp.post(\"/interpret\", async (c) => {\n let openai: OpenAI;\n try {\n // Securely initialize OpenAI with the environment variable.\n openai = new OpenAI({ apiKey: Deno.env.get(\"OPENAI_API_KEY\") });\n } catch (e) {\n console.error(\"Failed to initialize OpenAI:\", e.message);\n return c.json({ error: \"OpenAI API key is not configured.\" }, 500);\n }\n\n try {\n const { gesture } = await c.req.json();\n\n if (!gesture || typeof gesture !== \"string\") {\n return c.json({ error: \"Invalid 'gesture' parameter.\" }, 400);\n }\n\n const completion = await openai.chat.completions.create({\n model: \"gpt-4o-mini\",\n messages: [\n { role: \"system\", content: INTERPRET_GESTURE_PROMPT },\n { role: \"user\", content: `The gesture is: \"${gesture}\"` },\n ],\n response_format: { type: \"json_object\" },\n });\n\n const aiResponseContent = completion.choices[0].message.content;\n\n // Treat AI response as untrusted: attempt to parse and validate.\n let parsedResponse;\n try {\n parsedResponse = JSON.parse(aiResponseContent);\n } catch (e) {\n console.error(\"Failed to parse AI JSON response:\", aiResponseContent);\n throw new Error(\"AI returned malformed data.\");\n }\n\n // Sanitize by only returning the fields we expect.\n if (!parsedResponse.dialogue || !parsedResponse.reason) {\n console.error(\"AI response missing required fields:\", parsedResponse);\n throw new Error(\"AI response did not contain 'dialogue' and 'reason'.\");\n }\n\n // Log the AI's justification for debugging and transparency.\n console.log(`Gesture: ${gesture}, Reason: ${parsedResponse.reason}`);\n\n return c.json({\n dialogue: parsedResponse.dialogue,\n });\n } catch (error) {\n console.error(\"Error in /interpret:\", error.message);\n return c.json({ error: \"Failed to process AI interpretation.\" }, 500);\n }\n});\n\nexport default app.fetch;","createdAt",["D",1761469658381],"branchVersion","branchId","320fb2ee-b24b-11f0-a5f1-0224a6c84d84","id","320f5024-b24b-11f0-a5f1-0224a6c84d84","kabuki",["D",1761469648059],"deletedAt","legacyEnvVars","privacy","public","httpPrivacy","description","imageUrl","0199b749-1e1c-7399-b093-a7ba99382572","pinnedFileId","pinPreview",true,"pinMigrated","screenshotVersion","likeCount",0,"orgId","0199b749-1e1c-7399-b093-a97ac9fff69e","tursoName","tursoHostname","tursoMeasuredAt","pinned","userPerm","r","valPerm","blobPerm","rw","emailPerm","sqlitePerm","projectPerm","telemetryPerm","user",{"_95":94,"_102":98},"org",{"_95":94,"_96":-5,"_97":98,"_18":54,"_99":100,"_101":25},"branch",{"_13":84,"_32":85,"_43":42,"_86":44,"_87":-5,"_88":-5,"_89":-5,"_90":-5,"_91":-5,"_92":45,"_93":94},"isOwned",25,"main","projectId","forkedBranchId","forkedBranchVersion","forkedProjectPrivacy","forkedProjectId","forkedProjectOrgId","projectName","userHandle","volt","handle","displayName","avatar","https://img.clerk.com/eyJ0eXBlIjoiZGVmYXVsdCIsImlpZCI6Imluc18yTm10cGhQUklwU0tqZHNiOHNnNGd2ZjJURFUiLCJyaWQiOiJ1c2VyXzMzZm1qMllGY2JhQmhhWFYwVXVvQ05aT2tJciJ9","tier","free","canRestrictVals","profileImageUrl","branchName","","adoptOrgId",{"_43":44,"_32":45,"_38":149,"_47":-5,"_48":25,"_49":50,"_51":50,"_52":-5,"_53":-5,"_18":54,"_55":31,"_56":57,"_58":57,"_59":-5,"_60":61,"_62":63,"_64":-5,"_65":-5,"_66":-5,"_67":-5,"_68":69,"_70":69,"_71":72,"_73":72,"_74":72,"_75":69,"_76":69,"_77":150,"_79":151,"_81":152,"_83":25},"tree",[144],"files",[144],"counts",{"_133":61,"_134":135,"_136":61,"_137":138,"_139":140},"contents",[125],"upstreamProject","upstreamBranch","emptyEnvVars","flags",[],"hasHttpFiles","grants","orgs","customDomains",{},{"_43":126,"_32":28,"_30":31,"_127":-5,"_41":42,"_40":14,"_128":25,"_38":129,"_13":130,"_33":34,"_35":37,"_24":25,"_131":-5,"_27":132},"3837ca8a-b24b-11f0-92b3-0224a6c84d84","parentId","latest",["D",1761469658381],3,"label",[28],"pulls","branches",1,"forks","envVars",{"_141":61,"_143":61},"connections",{"_141":61,"_142":61},"count","unfilledCount","emptyCount",{"_43":126,"_32":28,"_30":31,"_127":-5,"_41":42,"_40":14,"_128":25,"_38":145,"_13":130,"_33":34,"_35":37,"_24":25,"_131":-5,"_146":147,"_27":148},["D",1761469658381],"children",[],[28],["D",1761469648059],{"_95":94,"_102":98},{"_95":94,"_96":-5,"_97":98,"_18":54,"_99":100,"_101":25},{"_13":84,"_32":85,"_43":42,"_86":44,"_87":-5,"_88":-5,"_89":-5,"_90":-5,"_91":-5,"_92":45,"_93":94},"ctx",{"_77":-5,"_122":186,"_187":188,"_189":190,"_191":25,"_192":25,"_193":25,"_194":57,"_195":-5,"_196":-7,"_197":-7,"_198":61,"_199":25,"_200":25,"_201":-5,"_202":25,"_203":25,"_204":25,"_205":-5},"ENV",{"_157":158,"_159":160,"_161":85,"_162":163,"_164":165,"_166":167,"_168":169,"_170":171,"_172":173,"_174":175,"_176":177,"_178":179,"_180":181,"_182":183,"_184":185},"REACT_APP_SENTRY_DSN","https://586020d86f05489db63a554690acf1e9@o1398359.ingest.sentry.io/6724499","RENDER_GIT_COMMIT","5015b8df46402d8bba4f485ecc37aec202b0e06b","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 · v4