Apps Script ↔ Val Town

[{"_1":2,"_3":-5,"_4":-5},"loaderData",{"_5":6,"_7":8,"_9":10},"actionData","errors","root",{"_169":170,"_171":172},"routes/_app.x.$handle.$name",{"_11":12,"_13":14,"_15":16,"_18":19,"_17":-7,"_128":-5,"_20":129,"_22":130,"_131":132,"_133":134,"_25":135,"_24":-5,"_136":-5,"_137":-5,"_138":54,"_139":140,"_141":45,"_142":-5,"_143":-5,"_144":145},"routes/_app.x.$handle.$name.branch.$branch.code.$",{"_11":12,"_13":14,"_15":16,"_17":-7,"_18":19,"_20":21,"_22":23,"_24":-7,"_25":26,"_27":-5,"_28":-5,"_29":-5,"_30":-5,"_31":-5},"handle","mohammadrezaahmad","name","apps-script-valtown","branchName","main","version","path","","project",{"_34":72,"_13":14,"_46":73,"_74":-5,"_75":54,"_76":77,"_78":77,"_79":80,"_81":-5,"_82":83,"_84":38,"_85":45,"_86":-5,"_87":-5,"_88":48,"_89":90,"_91":-5,"_92":-5,"_93":-5,"_94":-5,"_95":96,"_97":96,"_98":99,"_100":99,"_101":99,"_102":96,"_103":96,"_104":105,"_106":107,"_108":109,"_110":54},"tree",[63,64],"file","contents",[32,33],"upstream","pull","ahead","behind","envVars",{"_34":57,"_13":58,"_37":59,"_39":-5,"_40":41,"_42":60,"_44":45,"_46":61,"_17":48,"_49":50,"_51":52,"_53":54,"_55":-5,"_18":62},{"_34":35,"_13":36,"_37":38,"_39":-5,"_40":41,"_42":43,"_44":45,"_46":47,"_17":48,"_49":50,"_51":52,"_53":54,"_55":-5,"_18":56},"id","10074aae-47e7-11f1-af66-42b51c65c3df","main.tsx","fileId","10074ba8-47e7-11f1-af66-42b51c65c3df","parentId","branchId","008d53ac-47e7-11f1-a172-42b51c65c3df","branchVersion",1,"latest",true,"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