Kinetic Spell Engine

[{"_1":2,"_3":-5,"_4":-5},"loaderData",{"_5":6,"_7":8,"_9":10},"actionData","errors","root",{"_151":152,"_153":154},"routes/_app.x.$handle.$name",{"_95":94,"_32":45,"_103":85,"_27":36,"_13":14,"_104":-5,"_11":105,"_106":107,"_108":109,"_110":111,"_112":113,"_20":-5,"_114":-5,"_115":-5,"_116":25,"_117":118,"_119":25,"_120":-5,"_121":-5,"_122":123},"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",2,"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","970a69c4-a787-11f0-865b-0224a6c84d84","name","fileType","script","content","","// @ts-ignore\nimport { OpenAI } from \"https://esm.town/v/std/openai?v=4\";\nimport { Hono } from \"npm:hono@4.4.12\";\n\n// --- TYPE DEFINITIONS ---\ninterface Landmark {\n x: number;\n y: number;\n z: number;\n}\ninterface FrameData {\n landmarks: Landmark[];\n handedness: \"Left\" | \"Right\";\n}\ninterface SpellClassification {\n spellName: string;\n description: string;\n justification: string;\n confidence: number;\n powerLevel: \"Cantrip\" | \"Invocation\" | \"Evocation\" | \"Enchantment\";\n}\n\n// --- AI BEHAVIORAL GUIDELINES ---\nconst GENERATION_STYLE_GUIDE =\n \"As the Arcane Interpreter, you must adopt the persona of a master chronomancer and kinetic sorcerer. Your analysis must be articulated with the precision of a scholar and the insight of a seer. Employ a sophisticated, 'third-choice' vocabulary appropriate for arcane study. Avoid colloquialisms and simplistic descriptions. The objective is to provide an interpretation that feels authentically derived from ancient, complex magical principles, not algorithmically generated.\";\n\nconst GESTURE_INTERPRETER_PROMPT = `\nYou are an Arcane Interpreter AI, an expert in thaumaturgical kinematics. You will analyze a time-series sequence of 21-point 3D hand landmarks, captured over approximately 1.5 seconds. Your task is to codify this dynamic gesture into a named magical spell.\n\nThe input data represents the hand's motion. You must interpret the gesture's velocity, path, and final configuration to determine its intent and nature.\n\n- A swift, linear motion might be an 'Arcane Bolt'.\n- A complex, weaving motion could be an 'Ethereal Weave'.\n- A gesture closing into a fist might be for 'Grasping Shadows'.\n- An open palm pushing forward could be a 'Force Ward'.\n\nYou MUST respond ONLY with a single, minified JSON object. This object must conform to the following structure:\n{\n \"spellName\": \"Name of the Spell\",\n \"description\": \"A brief, evocative description of what the spell does.\",\n \"justification\": \"A detailed analysis of the kinematic data that led to this classification. Reference the motion's characteristics (e.g., 'The rapid terminal velocity of the index finger metacarpal...' or 'The sustained rotational torque observed in the wrist...').\",\n \"confidence\": A number between 0.0 and 1.0 representing your certainty.,\n \"powerLevel\": \"Cantrip\" | \"Invocation\" | \"Evocation\" | \"Enchantment\"\n}\n\nDo not reject a gesture for being ambiguous; instead, classify it as a lesser-powered spell (a 'Cantrip') and provide your justification. Prioritize imaginative and plausible interpretations based on the provided data.\n${GENERATION_STYLE_GUIDE}\n`;\n\n/**\n * Extracts a JSON object from a string that may contain conversational text.\n * @param text The text potentially containing a JSON object.\n * @returns The parsed JSON object or null if not found.\n */\nfunction extractJson(text: string): object | null {\n const jsonRegex = /\\{[\\s\\S]*\\}/;\n const match = text.match(jsonRegex);\n if (!match) {\n return null;\n }\n try {\n return JSON.parse(match[0]);\n } catch (e) {\n console.error(\"Failed to parse extracted JSON:\", e);\n return null;\n }\n}\n\n// --- HTML & FRONTEND ---\nfunction generateHtml(sourceUrl: string) {\n return `\n\n\n \n \n Kinetic Spell Engine\n \n \n\n\n

\n \n \n

Power Level:

Justification:

\n \n

\n\n \n\n`;\n}\n\n// --- BACKEND LOGIC ---\nconst app = new Hono();\n\napp.post(\"/interpret\", async (c) => {\n try {\n const openai = new OpenAI();\n const body = await c.req.json();\n const gestureData = body.gestureData;\n\n if (!Array.isArray(gestureData) || gestureData.length === 0) {\n return c.json({ error: \"Invalid gesture data provided.\" }, 400);\n }\n\n const simplifiedData = gestureData.map((frame) => ({\n handedness: frame.handedness,\n landmarks: frame.landmarks.map((lm) =>\n `(${lm.x.toFixed(3)},${lm.y.toFixed(3)},${lm.z.toFixed(3)})`\n ).join(\" \"),\n }));\n\n const completion = await openai.chat.completions.create({\n model: \"gpt-4o\",\n messages: [\n { role: \"system\", content: GESTURE_INTERPRETER_PROMPT },\n {\n role: \"user\",\n content: `Analyze the following kinematic sequence:\\n${\n JSON.stringify(simplifiedData)\n }`,\n },\n ],\n response_format: { type: \"json_object\" },\n });\n\n const content = completion.choices[0].message.content;\n const parsedJson = extractJson(content);\n\n if (!parsedJson) {\n throw new Error(\"AI did not return a valid JSON object.\");\n }\n\n // Additional validation of the AI's response structure\n const classification = parsedJson as SpellClassification;\n if (!classification.spellName || !classification.justification) {\n throw new Error(\"AI response is missing required fields.\");\n }\n\n return c.json(classification, 200);\n } catch (error) {\n console.error(\"Hono Handler Error:\", error);\n return c.json({\n error: error.message || \"An internal server error occurred.\",\n }, 500);\n }\n});\n\napp.get(\"/\", (c) => {\n const url = new URL(c.req.url);\n const sourceUrl = `https://${url.hostname}${url.pathname}`;\n const finalUrl = sourceUrl.endsWith(\"/\") ? sourceUrl : `${sourceUrl}/`;\n return c.html(generateHtml(finalUrl));\n});\n\nexport default app.fetch;","createdAt",["D",1760286134739],"branchVersion","branchId","970799f6-a787-11f0-865b-0224a6c84d84","id","9703ac1a-a787-11f0-865b-0224a6c84d84","spells",["D",1760286124445],"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",10,"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":147,"_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":148,"_79":149,"_81":150,"_83":25},"tree",[142],"files",[142],"counts",{"_132":61,"_133":129,"_134":61,"_135":136,"_137":138},"contents",[124],"upstreamProject","upstreamBranch","emptyEnvVars","flags",[],"hasHttpFiles","grants","orgs","customDomains",{},{"_43":125,"_32":28,"_30":31,"_126":-5,"_41":42,"_40":14,"_127":25,"_38":128,"_13":129,"_33":34,"_35":37,"_24":25,"_130":-5,"_27":131},"9d276780-a787-11f0-a144-0224a6c84d84","parentId","latest",["D",1760286134739],1,"label",[28],"pulls","branches","forks","envVars",{"_139":61,"_141":61},"connections",{"_139":61,"_140":61},"count","unfilledCount","emptyCount",{"_43":125,"_32":28,"_30":31,"_126":-5,"_41":42,"_40":14,"_127":25,"_38":143,"_13":129,"_33":34,"_35":37,"_24":25,"_130":-5,"_144":145,"_27":146},["D",1760286134739],"children",[],[28],["D",1760286124445],{"_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,"_121":184,"_185":186,"_187":188,"_189":25,"_190":25,"_191":25,"_192":57,"_193":-5,"_194":-7,"_195":-7,"_196":61,"_197":25,"_198":25,"_199":-5,"_200":25,"_201":25,"_202":25,"_203":-5},"ENV",{"_155":156,"_157":158,"_159":85,"_160":161,"_162":163,"_164":165,"_166":167,"_168":169,"_170":171,"_172":173,"_174":175,"_176":177,"_178":179,"_180":181,"_182":183},"REACT_APP_SENTRY_DSN","https://586020d86f05489db63a554690acf1e9@o1398359.ingest.sentry.io/6724499","RENDER_GIT_COMMIT","811aa22498c9b0b5a47e8d778de579cdb990f332","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 · v2