[{"_1":2,"_3":-5,"_4":-5},"loaderData",{"_5":6,"_7":8,"_9":10},"actionData","errors","root",{"_176":177,"_178":179},"routes/_app.x.$handle.$name",{"_96":95,"_32":45,"_104":84,"_27":105,"_13":14,"_106":-5,"_11":107,"_108":109,"_110":111,"_112":113,"_114":115,"_20":-5,"_116":117,"_118":119,"_120":25,"_121":122,"_123":49,"_124":-5,"_125":-5,"_126":127},"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":49,"_50":51,"_52":51,"_53":-5,"_54":-5,"_18":55,"_56":31,"_57":49,"_58":-5,"_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",30,"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.tsx","latestPath","fileId","3385e7ba-27b3-11f0-aecd-569c3dd06744","name","fileType","http","content","let graffitiWebsite = async (req: express.Request, res: express.Response) => {\n const { default: htm } = await import(\"npm:htm\");\n const { default: vhtml } = await import(\"npm:vhtml\");\n const html = htm.bind(vhtml);\n const head = html`\n Graffiti Wall\n \n \n \n \n `;\n const formClass =\n \"p-2 pt-16 group min-h-screen animate-all bg-emerald-50 w-full max-w-2xl mx-auto\";\n const inputClass = \"p-2 border rounded w-full\";\n const labelClass = \"w-full flex flex-col gap-2\";\n const inputNameClass = \"pl-0.5 text-sm font-bold uppercase text-emerald-800\";\n const inputDescriptionClass = \"pl-0.5 text-xs text-emerald-700\";\n if (req.method === \"POST\") {\n const value = req.body;\n if (\n !(\"x\" in value) ||\n !value.x ||\n !(\"y\" in value) ||\n !value.y ||\n !(\"color\" in value) ||\n !value.color\n ) {\n return res.end(\"Bad input\");\n }\n await api(\n @andreterron.paintGraffitiPixel,\n value.x,\n value.y,\n value.color,\n );\n await new Promise((resolve) => setTimeout(() => resolve(), 150));\n }\n const code = `await api(\n @andreterron.paintGraffitiPixel,\n ${Math.min(Math.floor(Math.random() * 64), 64)}, // x\n ${Math.min(Math.floor(Math.random() * 32), 32)}, // y\n \"#ffffff\", // color\n);`;\n const query = new URLSearchParams({ code });\n const url = `https://www.val.town/embed/new?${query.toString()}`;\n return res.end(html`\n ${head}\n \n

\n Graffiti Wall\n

\n \n X\n 0 ≤ x ${\"<\"} 64\n \n \n \n Y\n 0 ≤ y ${\"<\"} 32\n \n \n \n Color\n \"#ff0000\" or \"rgb(255,0,0)\"\n \n \n \n

\n or\n

\n \n Create a val\n reload the page after running the code\n \n

Diff · v30