[{"_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",{"_94":93,"_32":45,"_102":84,"_27":103,"_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":120,"_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":-5,"_56":25,"_57":-5,"_58":-5,"_59":60,"_61":62,"_63":-5,"_64":-5,"_65":-5,"_66":-5,"_67":68,"_69":68,"_70":71,"_72":71,"_73":71,"_74":68,"_75":68,"_76":77,"_78":79,"_80":81,"_82":25},"version",14,"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","865f79b0-3eb4-11f1-ab88-42b51c65c3df","name","fileType","http","content","function normalize(stroke, size = 255) {\n const xs = stroke.x || stroke[0];\n const ys = stroke.y || stroke[1];\n if (!xs || !ys || xs.length === 0) return { x: [], y: [] };\n const minX = Math.min(...xs), maxX = Math.max(...xs);\n const minY = Math.min(...ys), maxY = Math.max(...ys);\n const rangeX = maxX - minX || 1;\n const rangeY = maxY - minY || 1;\n return {\n x: xs.map((x) => ((x - minX) / rangeX) * size),\n y: ys.map((y) => ((y - minY) / rangeY) * size),\n };\n}\n\nfunction resample(stroke, n = 32) {\n const pts = stroke.x.map((x, i) => ({ x, y: stroke.y[i] }));\n if (pts.length === 0) return { x: [], y: [] };\n if (pts.length === 1) {\n return { x: Array(n).fill(pts[0].x), y: Array(n).fill(pts[0].y) };\n }\n const result = [pts[0]];\n let totalLen = 0;\n for (let i = 1; i < pts.length; i++) {\n totalLen += Math.hypot(pts[i].x - pts[i - 1].x, pts[i].y - pts[i - 1].y);\n }\n const interval = totalLen / (n - 1);\n let d = 0;\n for (let i = 1; i < pts.length && result.length < n; i++) {\n const seg = Math.hypot(pts[i].x - pts[i - 1].x, pts[i].y - pts[i - 1].y);\n if (d + seg >= interval) {\n const t = (interval - d) / seg;\n const nx = pts[i - 1].x + t * (pts[i].x - pts[i - 1].x);\n const ny = pts[i - 1].y + t * (pts[i].y - pts[i - 1].y);\n result.push({ x: nx, y: ny });\n pts.splice(i, 0, { x: nx, y: ny });\n d = 0;\n } else {\n d += seg;\n }\n }\n while (result.length < n) result.push(pts[pts.length - 1]);\n return {\n x: result.slice(0, n).map((p) => p.x),\n y: result.slice(0, n).map((p) => p.y),\n };\n}\n\nfunction strokeDistance(a, b) {\n if (a.x.length === 0 || b.x.length === 0) return Infinity;\n let dist = 0;\n for (let i = 0; i < a.x.length; i++) {\n dist += Math.hypot(a.x[i] - b.x[i], a.y[i] - b.y[i]);\n }\n return dist / a.x.length;\n}\n\nfunction compareDrawing(inputStrokes, templateStrokes) {\n if (!inputStrokes || inputStrokes.length === 0) return Infinity;\n let totalDist = 0;\n const n = Math.min(inputStrokes.length, templateStrokes.length);\n for (let i = 0; i < n; i++) {\n const inp = resample(\n normalize({ x: inputStrokes[i][0], y: inputStrokes[i][1] }),\n );\n const tmpl = resample(\n normalize({ x: templateStrokes[i][0], y: templateStrokes[i][1] }),\n );\n if (inp.x.length === 0 || tmpl.x.length === 0) continue;\n totalDist += strokeDistance(inp, tmpl);\n }\n return totalDist / n;\n}\n\nconst templates = {\n egg: [\n [[[\n 128,\n 140,\n 160,\n 180,\n 190,\n 185,\n 170,\n 148,\n 128,\n 108,\n 88,\n 70,\n 65,\n 70,\n 88,\n 108,\n 128,\n ], [\n 80,\n 65,\n 55,\n 65,\n 85,\n 110,\n 130,\n 145,\n 148,\n 145,\n 130,\n 110,\n 88,\n 70,\n 65,\n 65,\n 80,\n ], [\n 0,\n 50,\n 100,\n 150,\n 200,\n 250,\n 300,\n 350,\n 400,\n 450,\n 500,\n 550,\n 600,\n 650,\n 700,\n 750,\n 800,\n ]]],\n ],\n fish: [\n [[[50, 70, 100, 130, 160, 185, 200, 185, 160, 200, 220], [\n 128,\n 110,\n 100,\n 95,\n 100,\n 110,\n 128,\n 146,\n 156,\n 140,\n 128,\n ], [0, 80, 160, 240, 320, 400, 480, 560, 640, 720, 800]]],\n ],\n apple: [\n [[[128, 110, 90, 80, 85, 100, 128, 156, 170, 168, 155, 128], [\n 100,\n 85,\n 90,\n 110,\n 130,\n 145,\n 148,\n 145,\n 130,\n 110,\n 90,\n 100,\n ], [0, 80, 160, 240, 320, 400, 480, 560, 640, 720, 800, 880]]],\n ],\n bread: [\n [[[60, 80, 128, 176, 196, 196, 176, 128, 80, 60, 60], [\n 110,\n 80,\n 65,\n 80,\n 110,\n 140,\n 160,\n 160,\n 140,\n 110,\n 110,\n ], [0, 80, 160, 240, 320, 400, 480, 560, 640, 720, 800]]],\n ],\n carrot: [\n [[[128, 120, 115, 120, 128, 136, 141, 136, 128], [\n 60,\n 90,\n 130,\n 170,\n 200,\n 170,\n 130,\n 90,\n 60,\n ], [0, 100, 200, 300, 400, 500, 600, 700, 800]]],\n ],\n pizza: [\n [[[128, 60, 196, 128], [80, 200, 200, 80], [0, 300, 600, 900]]],\n ],\n};\n\nexport default async function (req) {\n if (req.method !== \"POST\") {\n return new Response(\"Method not allowed\", { status: 405 });\n }\n\n try {\n const { ink } = await req.json();\n\n if (!ink || ink.length === 0) {\n return new Response(JSON.stringify({ error: \"No ink data\" }), {\n status: 400,\n });\n }\n\n let bestGuess = \"unknown\";\n let bestScore = Infinity;\n\n for (const [label, templateList] of Object.entries(templates)) {\n for (const template of templateList) {\n const score = compareDrawing(ink, template);\n if (score < bestScore) {\n bestScore = score;\n bestGuess = label;\n }\n }\n }\n\n return new Response(\n JSON.stringify({\n guess: bestGuess,\n confidence: Math.round(100 - Math.min(bestScore / 2, 99)),\n }),\n {\n headers: { \"Content-Type\": \"application/json\" },\n },\n );\n } catch (e) {\n return new Response(JSON.stringify({ error: e.message }), { status: 500 });\n }\n}","function normalize(stroke, size = 255) {\n const xs = stroke.x || stroke[0];\n const ys = stroke.y || stroke[1];\n if (!xs || !ys || xs.length === 0) return { x: [], y: [] };\n const minX = Math.min(...xs), maxX = Math.max(...xs);\n const minY = Math.min(...ys), maxY = Math.max(...ys);\n const rangeX = maxX - minX || 1;\n const rangeY = maxY - minY || 1;\n return {\n x: xs.map((x) => ((x - minX) / rangeX) * size),\n y: ys.map((y) => ((y - minY) / rangeY) * size),\n };\n}\n\nfunction resample(stroke, n = 32) {\n const pts = stroke.x.map((x, i) => ({ x, y: stroke.y[i] }));\n if (pts.length === 0) return { x: [], y: [] };\n if (pts.length === 1) {\n return { x: Array(n).fill(pts[0].x), y: Array(n).fill(pts[0].y) };\n }\n const result = [pts[0]];\n let totalLen = 0;\n for (let i = 1; i < pts.length; i++) {\n totalLen += Math.hypot(pts[i].x - pts[i - 1].x, pts[i].y - pts[i - 1].y);\n }\n const interval = totalLen / (n - 1);\n let d = 0;\n for (let i = 1; i < pts.length && result.length < n; i++) {\n const seg = Math.hypot(pts[i].x - pts[i - 1].x, pts[i].y - pts[i - 1].y);\n if (d + seg >= interval) {\n const t = (interval - d) / seg;\n const nx = pts[i - 1].x + t * (pts[i].x - pts[i - 1].x);\n const ny = pts[i - 1].y + t * (pts[i].y - pts[i - 1].y);\n result.push({ x: nx, y: ny });\n pts.splice(i, 0, { x: nx, y: ny });\n d = 0;\n } else {\n d += seg;\n }\n }\n while (result.length < n) result.push(pts[pts.length - 1]);\n return {\n x: result.slice(0, n).map((p) => p.x),\n y: result.slice(0, n).map((p) => p.y),\n };\n}\n\nfunction strokeDistance(a, b) {\n if (a.x.length === 0 || b.x.length === 0) return Infinity;\n let dist = 0;\n for (let i = 0; i < a.x.length; i++) {\n dist += Math.hypot(a.x[i] - b.x[i], a.y[i] - b.y[i]);\n }\n return dist / a.x.length;\n}\n\nfunction compareDrawing(inputStrokes, templateStrokes) {\n if (!inputStrokes || inputStrokes.length === 0) return Infinity;\n let totalDist = 0;\n const n = Math.min(inputStrokes.length, templateStrokes.length);\n for (let i = 0; i < n; i++) {\n const inp = resample(\n normalize({ x: inputStrokes[i][0], y: inputStrokes[i][1] }),\n );\n const tmpl = resample(\n normalize({ x: templateStrokes[i][0], y: templateStrokes[i][1] }),\n );\n if (inp.x.length === 0 || tmpl.x.length === 0) continue;\n totalDist += strokeDistance(inp, tmpl);\n }\n return totalDist / n;\n}\n\nconst templates = {\n cheese: [\n [[[60, 196, 196, 60, 60], [80, 80, 180, 180, 80], [0, 200, 400, 600, 800]]],\n ],\n bread: [\n [[[60, 80, 128, 176, 196, 196, 176, 128, 80, 60, 60], [\n 110,\n 80,\n 65,\n 80,\n 110,\n 140,\n 160,\n 160,\n 140,\n 110,\n 110,\n ], [0, 80, 160, 240, 320, 400, 480, 560, 640, 720, 800]]],\n ],\n tomato: [\n [[[128, 110, 90, 80, 85, 100, 128, 156, 170, 168, 155, 128], [\n 100,\n 85,\n 90,\n 110,\n 130,\n 145,\n 148,\n 145,\n 130,\n 110,\n 90,\n 100,\n ], [0, 80, 160, 240, 320, 400, 480, 560, 640, 720, 800, 880]]],\n ],\n pineapple: [\n [[[128, 120, 115, 120, 128, 136, 141, 136, 128], [\n 60,\n 90,\n 130,\n 170,\n 200,\n 170,\n 130,\n 90,\n 60,\n ], [0, 100, 200, 300, 400, 500, 600, 700, 800]]],\n ],\n pepperoni: [\n [[[128, 148, 168, 178, 175, 160, 128, 96, 80, 83, 98, 128], [\n 80,\n 75,\n 85,\n 105,\n 130,\n 148,\n 155,\n 148,\n 130,\n 105,\n 85,\n 80,\n ], [0, 60, 120, 180, 240, 300, 360, 420, 480, 540, 600, 660]]],\n ],\n fish: [\n [[[50, 70, 100, 130, 160, 185, 200, 185, 160, 200, 220], [\n 128,\n 110,\n 100,\n 95,\n 100,\n 110,\n 128,\n 146,\n 156,\n 140,\n 128,\n ], [0, 80, 160, 240, 320, 400, 480, 560, 640, 720, 800]]],\n ],\n meat: [\n [[[60, 80, 120, 160, 196, 196, 160, 120, 80, 60], [\n 100,\n 80,\n 70,\n 80,\n 100,\n 140,\n 155,\n 140,\n 100,\n 100,\n ], [0, 80, 160, 240, 320, 400, 480, 560, 640, 720]]],\n ],\n};\n\nexport default async function (req) {\n if (req.method !== \"POST\") {\n return new Response(\"Method not allowed\", { status: 405 });\n }\n\n try {\n const { ink } = await req.json();\n\n if (!ink || ink.length === 0) {\n return new Response(JSON.stringify({ error: \"No ink data\" }), {\n status: 400,\n });\n }\n\n let bestGuess = \"unknown\";\n let bestScore = Infinity;\n\n for (const [label, templateList] of Object.entries(templates)) {\n for (const template of templateList) {\n const score = compareDrawing(ink, template);\n if (score < bestScore) {\n bestScore = score;\n bestGuess = label;\n }\n }\n }\n\n return new Response(\n JSON.stringify({\n guess: bestGuess,\n confidence: Math.round(100 - Math.min(bestScore / 2, 99)),\n }),\n {\n headers: { \"Content-Type\": \"application/json\" },\n },\n );\n } catch (e) {\n return new Response(JSON.stringify({ error: e.message }), { status: 500 });\n }\n}","createdAt",["D",1776991758992],"branchVersion","branchId","865b44e4-3eb4-11f1-ab88-42b51c65c3df","id","865a26d6-3eb4-11f1-ab88-42b51c65c3df","untitled-1362",["D",1776908049428],"deletedAt","legacyEnvVars","privacy","public","httpPrivacy","description","imageUrl","4861eab4-b7c4-41f1-bb52-7da0f9df758f","pinnedFileId","pinPreview","pinMigrated","screenshotVersion","likeCount",0,"orgId","019db7f0-79c3-77a6-9d03-0f20b507a760","tursoName","tursoHostname","tursoMeasuredAt","pinned","userPerm","r","valPerm","blobPerm","rw","emailPerm","sqlitePerm","projectPerm","telemetryPerm","user",{"_94":93,"_101":97},"org",{"_94":93,"_95":-5,"_96":97,"_18":54,"_98":99,"_100":25},"branch",{"_13":83,"_32":84,"_43":42,"_85":44,"_86":-5,"_87":-5,"_88":-5,"_89":-5,"_90":-5,"_91":45,"_92":93},"isOwned",16,"main","projectId","forkedBranchId","forkedBranchVersion","forkedProjectPrivacy","forkedProjectId","forkedProjectOrgId","projectName","userHandle","YogiDaDev","handle","displayName","avatar","https://avatars.githubusercontent.com/u/260574037?v=4","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":-5,"_56":25,"_57":-5,"_58":-5,"_59":60,"_61":62,"_63":-5,"_64":-5,"_65":-5,"_66":-5,"_67":68,"_69":68,"_70":71,"_72":71,"_73":71,"_74":68,"_75":68,"_76":150,"_78":151,"_80":152,"_82":25},"tree",[144],"files",[144],"counts",{"_133":60,"_134":135,"_136":60,"_137":138,"_139":140},"contents",[125],"upstreamProject","upstreamBranch","emptyEnvVars","flags",[],"hasHttpFiles",true,"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},"6d2616f2-3f77-11f1-a71d-42b51c65c3df","parentId","latest",["D",1776991758992],13,"label",[28],"pulls","branches",1,"forks","envVars",{"_141":60,"_143":60},"connections",{"_141":60,"_142":60},"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",1776991758992],"children",[],[28],["D",1776908049428],{"_94":93,"_101":97},{"_94":93,"_95":-5,"_96":97,"_18":54,"_98":99,"_100":25},{"_13":83,"_32":84,"_43":42,"_85":44,"_86":-5,"_87":-5,"_88":-5,"_89":-5,"_90":-5,"_91":45,"_92":93},"ctx",{"_76":-5,"_122":186,"_187":188,"_189":190,"_191":25,"_192":25,"_193":25,"_194":120,"_195":-5,"_196":-7,"_197":-7,"_198":60,"_199":25,"_200":25,"_201":-5,"_202":25,"_203":25,"_204":25,"_205":-5},"ENV",{"_157":158,"_159":160,"_161":84,"_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","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"]

Diff · v14