Apps Script ↔ Val Town

[{"_1":2,"_3":-5,"_4":-5},"loaderData",{"_5":6,"_7":8,"_9":10},"actionData","errors","root",{"_179":180,"_181":182},"routes/_app.x.$handle.$name",{"_11":12,"_13":14,"_15":-7,"_61":144,"_16":-7,"_145":-5,"_17":146,"_147":148,"_28":149,"_21":150,"_23":151,"_152":-5,"_153":-5,"_154":-5,"_155":35,"_156":157,"_158":38,"_159":-5,"_160":-5,"_161":162},"routes/_app.x.$handle.$name._index",{"_11":12,"_13":14,"_15":-7,"_16":-7,"_17":18,"_19":20,"_21":22,"_23":24,"_25":-7,"_26":-5,"_27":-5,"_28":29,"_30":31,"_32":-5,"_33":-5,"_34":35,"_36":35,"_37":38},"handle","mohammadrezaahmad","name","apps-script-valtown","branchName","version","project",{"_39":87,"_13":14,"_50":88,"_89":-5,"_90":35,"_91":92,"_93":92,"_94":95,"_96":-5,"_97":98,"_99":43,"_100":38,"_101":-5,"_102":-5,"_103":52,"_104":105,"_106":-5,"_107":-5,"_108":-5,"_109":-5,"_110":111,"_112":111,"_113":114,"_115":114,"_116":114,"_117":111,"_118":111,"_119":120,"_121":122,"_123":124,"_125":35},"tags",[],"counts",{"_77":52,"_78":48,"_79":52,"_80":81,"_82":83},"contents",[71,72],"readme","upstream","pull","files",[63,31],"preview",{"_39":40,"_13":41,"_42":43,"_44":-5,"_45":46,"_47":48,"_49":38,"_50":51,"_16":52,"_53":54,"_55":56,"_57":35,"_58":-5,"_59":60,"_61":62},"ahead","behind","showHomeCustomizationHint",false,"showHTTPPreviewSettingsHint","hasHTTPFiles",true,"id","10074aae-47e7-11f1-af66-42b51c65c3df","main.tsx","fileId","10074ba8-47e7-11f1-af66-42b51c65c3df","parentId","branchId","008d53ac-47e7-11f1-a172-42b51c65c3df","branchVersion",1,"latest","createdAt",["D",1777919315697],0,"fileType","http","content","/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport { renderToString } from \"https://esm.sh/react-dom@18.2.0/server\";\nimport { parseVal } from \"https://esm.town/v/std/utils/index.ts\";\n\nexport default async function(req: Request): Promise {\n const url = new URL(req.url);\n\n // API endpoint for Apps Script to call\n if (url.pathname === \"/api\") {\n if (req.method === \"POST\") {\n const body = await req.json();\n return Response.json({\n success: true,\n message: `Hello from Val Town! Received: ${JSON.stringify(body)}`,\n timestamp: new Date().toISOString(),\n });\n }\n return Response.json({\n success: true,\n message: \"Hello from Val Town!\",\n timestamp: new Date().toISOString(),\n endpoints: { GET: \"/api\", POST: \"/api (send JSON body)\" },\n });\n }\n\n if (url.pathname === \"/source\") {\n return new Response(null, { status: 302, headers: { Location: parseVal().links.self.val } });\n }\n\n const endpointUrl = `${url.origin}/api`;\n const appsScriptCode = `// Paste this into Google Apps Script (script.google.com)\n\nfunction callValTown() {\n // GET request\n var response = UrlFetchApp.fetch(\"${endpointUrl}\");\n var data = JSON.parse(response.getContentText());\n Logger.log(data.message);\n\n // POST request with data\n var options = {\n method: \"post\",\n contentType: \"application/json\",\n payload: JSON.stringify({\n name: \"from Apps Script\",\n sheet: SpreadsheetApp.getActiveSpreadsheet().getName()\n })\n };\n var postResponse = UrlFetchApp.fetch(\"${endpointUrl}\", options);\n Logger.log(JSON.parse(postResponse.getContentText()));\n}`;\n\n const html = renderToString(\n \n \n Apps Script ↔ Val Town\n \n \n