[{"_1":2,"_243":-5,"_244":-5},"loaderData",{"_3":4,"_93":94,"_227":228},"root",{"_5":6,"_36":37,"_66":67},"ctx",{"_7":8,"_23":-5,"_24":25,"_26":27,"_28":22,"_29":22,"_30":22,"_31":-5,"_32":33,"_34":22,"_35":22},"auth",{"_9":10,"_11":-5,"_12":-5,"_13":-5,"_14":-5,"_15":-5,"_16":-5,"_17":-5,"_18":-5,"_19":-5,"_20":-5,"_21":22},"tokenType","session_token","sessionClaims","sessionId","sessionStatus","userId","actor","orgId","orgRole","orgSlug","orgPermissions","factorVerificationAge","isAuthenticated",false,"user","preferencesKeybindings","default","preferencesTheme","light","preferencesFixers","preferencesCopilot","preferencesSelectionAi","preferencesChatPanelState","notificationCount",0,"flagDenols","isTeamOrgMember","ENV",{"_38":39,"_40":41,"_42":43,"_44":45,"_46":47,"_48":49,"_50":51,"_52":53,"_54":55,"_56":57,"_58":59,"_60":61,"_62":63,"_64":65},"REACT_APP_SENTRY_DSN","https://586020d86f05489db63a554690acf1e9@o1398359.ingest.sentry.io/6724499","VAL_RUNTIME_NAME","prod","RENDER_GIT_COMMIT","36441c579db8e61d09c811328adf62c8bb2c38d5","RENDER_GIT_BRANCH","main","CLERK_PUBLISHABLE_KEY","pk_live_Y2xlcmsudmFsLnRvd24k","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","API_URL","https://api.val.town","clerkState",{"_68":69},"__internal_clerk_state",{"_70":71,"_72":47,"_73":74,"_75":74,"_76":22,"_77":74,"_78":74,"_79":74,"_80":74,"_81":82,"_91":22,"_92":22},"__clerk_ssr_state",{"_9":10,"_11":-5,"_12":-5,"_13":-5,"_14":-5,"_15":-5,"_16":-5,"_17":-5,"_18":-5,"_19":-5,"_20":-5,"_21":22},"__publishableKey","__proxyUrl","","__domain","__isSatellite","__signInUrl","__signUpUrl","__afterSignInUrl","__afterSignUpUrl","__clerk_debug",{"_83":22,"_21":22,"_84":74,"_85":86,"_87":74,"_88":47,"_89":22,"_90":74},"isSignedIn","proxyUrl","reason","session-token-and-uat-missing","message","publishableKey","isSatellite","domain","__telemetryDisabled","__telemetryDebug","routes/_app.x.$handle.$name",{"_95":96,"_97":98,"_99":-7,"_100":74,"_101":-7,"_102":103,"_156":157,"_196":197,"_198":199,"_210":211,"_171":-5,"_221":-5,"_222":-5,"_223":22,"_224":22,"_225":226},"handle","dcm31","name","gmail-drafts-template","branchName","path","version","project",{"_104":105,"_97":98,"_106":107,"_108":-5,"_109":22,"_110":111,"_112":113,"_114":-5,"_14":115,"_116":117,"_118":22,"_119":-5,"_120":-5,"_121":33,"_16":122,"_123":-5,"_124":-5,"_125":-5,"_126":127,"_128":127,"_129":130,"_131":130,"_132":130,"_133":127,"_134":127,"_23":135,"_138":139,"_143":144,"_155":22},"id","2432f288-01ee-11f1-8684-42dde27851f2","createdAt",["D",1770225774603],"deletedAt","legacyEnvVars","privacy","public","description","Create Gmail drafts via Apps Script","imageUrl","9319c175-2593-4f88-ba21-04f2ef7b1c28","pinnedFileId","019c29ad-b069-764e-96d8-0e6ce41446eb","pinPreview","pinMigrated","screenshotVersion","likeCount","d663a026-6449-42f6-9156-1d4a2d64d38c","tursoName","tursoHostname","pinned","userPerm","r","valPerm","blobPerm","rw","emailPerm","sqlitePerm","projectPerm","telemetryPerm",{"_95":96,"_136":137},"profileImageUrl","https://imagedelivery.net/iHX6Ovru0O7AjmyT5yZRoA/260ec866-bb5d-4641-4bfe-526cca896a00/square512","org",{"_95":96,"_140":137,"_14":115,"_141":142},"avatar","tier","pro","branch",{"_101":145,"_97":45,"_104":146,"_147":105,"_148":-5,"_149":-5,"_150":-5,"_151":-5,"_152":-5,"_153":98,"_154":96},2,"2437ff3a-01ee-11f1-8684-42dde27851f2","projectId","forkedBranchId","forkedBranchVersion","forkedProjectPrivacy","forkedProjectId","forkedProjectOrgId","projectName","userHandle","isOwned","tree",[158,179,188],{"_104":159,"_97":160,"_161":162,"_163":-5,"_164":146,"_165":145,"_166":167,"_106":168,"_101":169,"_170":171,"_172":173,"_174":22,"_175":-5,"_176":177,"_100":178},"a5683c1a-0206-11f1-8c68-42dde27851f2","README.md","fileId","019c29ad-b069-764e-96d8-061ec6af3188","parentId","branchId","branchVersion","latest",true,["D",1770236299318],1,"fileType","file","content","# Gmail Drafts API\n\nA simple API that creates Gmail drafts via Google Apps Script. Perfect for automating outreach, notifications, or any workflow that needs to queue up emails for review before sending.\n\n## How It Works\n\n```\nYour App → Val Town HTTP Endpoint → Google Apps Script → Gmail Draft\n```\n\n1. **Val Town** exposes an HTTP endpoint that accepts draft requests\n2. **Google Apps Script** runs in your Google account with Gmail permissions\n3. Drafts appear in your Gmail, ready for review and sending\n\n## Setup\n\n### Step 1: Deploy the Apps Script\n\n1. Go to [script.google.com](https://script.google.com) and create a new project\n2. Copy the contents of `appscript.ts` into the editor\n3. Click **Deploy → New deployment**\n4. Select **Web app** as the type\n5. Set \"Execute as\" to **Me** and \"Who has access\" to **Anyone**\n6. Click **Deploy** and copy the web app URL\n\n### Step 1b: Approve Permissions\n\nBefore the web app can create drafts, you need to authorize it to access your Gmail:\n\n1. In the Apps Script editor, find the `testCreateDraft` function\n2. Click the **Run** button (▶️) to execute it\n3. A dialog will appear asking you to authorize the app\n4. Click **Review permissions** → Select your Google account\n5. Click **Advanced** → **Go to [project name] (unsafe)** → **Allow**\n6. The test will create a sample draft in your Gmail — check that it worked!\n\n> **Note:** You only need to do this once. After granting permissions, the web app will be able to create drafts automatically.\n\n### Step 2: Configure Val Town\n\n1. Fork this val to your account\n2. Add an environment variable:\n - **Key:** `APPS_SCRIPT_URL`\n - **Value:** Your Apps Script web app URL from Step 1\n\n### Step 3: Test It\n\n```bash\ncurl -X POST https://YOUR-VAL-ENDPOINT/draft \\\n -H \"Content-Type: application/json\" \\\n -d '{\n \"recipient\": \"test@example.com\",\n \"subject\": \"Hello from the API\",\n \"body\": \"This is a test draft!\"\n }'\n```\n\n## API Reference\n\n### `POST /draft`\n\nCreate a new Gmail draft.\n\n**Request Body:**\n```json\n{\n \"recipient\": \"user@example.com\",\n \"subject\": \"Email subject\",\n \"body\": \"HTML body content with formatting\",\n \"cc\": \"optional@example.com\"\n}\n```\n\n**Response:**\n```json\n{\n \"status\": \"success\",\n \"message\": \"Draft created successfully\",\n \"draftId\": \"r1234567890\"\n}\n```\n\n### `GET /`\n\nHealth check endpoint.\n\n**Response:**\n```json\n{\n \"status\": \"Gmail Drafts API ready\",\n \"endpoints\": [\"POST /draft\"]\n}\n```\n\n## Email Body Tips\n\n- Use `
` for line breaks (not `\\n`)\n- Full HTML is supported: ``, ``, ``, `
`, etc.\n- The plain text version is auto-generated by stripping HTML tags\n\n## Files\n\n| File | Purpose |\n|------|---------|\n| `main.ts` | HTTP endpoint (Val Town) |\n| `appscript.ts` | Google Apps Script code (copy to script.google.com) |\n\n## Security Notes\n\n- The Apps Script runs with your Gmail permissions\n- Anyone with the Val Town endpoint URL can create drafts in your account\n- Consider adding authentication if exposing publicly\n- Drafts are only created—never sent automatically\n\n## License\n\nMIT\n","deleted","label","children",[],[160],{"_104":180,"_97":181,"_161":182,"_163":-5,"_164":146,"_165":169,"_166":167,"_106":183,"_101":33,"_170":184,"_172":185,"_174":22,"_175":-5,"_176":186,"_100":187},"243e3422-01ee-11f1-8684-42dde27851f2","appscript.ts","019c29ad-b069-764e-96d8-0966bcedf304",["D",1770225774603],"script","/**\n * 1. WEB APP ENDPOINT\n */\nfunction doPost(e) {\n try {\n if (!e || !e.postData || !e.postData.contents) {\n throw new Error(\n \"No payload found. Ensure you are sending a POST request with a JSON body.\",\n );\n }\n\n var data = JSON.parse(e.postData.contents);\n\n // UPDATE existing draft\n if (data.draftId) {\n if (!data.recipient || !data.subject || !data.body) {\n throw new Error(\n \"Missing required fields: 'recipient', 'subject', or 'body'.\",\n );\n }\n var draft = updateDraftInternal(\n data.draftId,\n data.recipient,\n data.subject,\n data.body,\n data.cc,\n );\n return ContentService.createTextOutput(JSON.stringify({\n status: \"success\",\n message: \"Draft updated successfully\",\n draftId: draft.getId(),\n })).setMimeType(ContentService.MimeType.JSON);\n }\n\n // CREATE new draft\n if (!data.recipient || !data.subject || !data.body) {\n throw new Error(\n \"Missing required fields: 'recipient', 'subject', or 'body'.\",\n );\n }\n var draft = createDraftInternal(\n data.recipient,\n data.subject,\n data.body,\n data.cc,\n );\n return ContentService.createTextOutput(JSON.stringify({\n status: \"success\",\n message: \"Draft created successfully\",\n draftId: draft.getId(),\n })).setMimeType(ContentService.MimeType.JSON);\n } catch (error) {\n return ContentService.createTextOutput(JSON.stringify({\n status: \"error\",\n message: error.toString(),\n })).setMimeType(ContentService.MimeType.JSON);\n }\n}\n\n/**\n * 2. CREATE DRAFT\n */\nfunction createDraftInternal(recipient, subject, htmlBody, cc) {\n var plainTextBody = htmlBody.replace(/<[^>]+>/g, \"\");\n var options = { htmlBody: htmlBody };\n if (cc) options.cc = cc;\n return GmailApp.createDraft(recipient, subject, plainTextBody, options);\n}\n\n/**\n * 3. UPDATE DRAFT\n */\nfunction updateDraftInternal(draftId, recipient, subject, htmlBody, cc) {\n var draft = GmailApp.getDraft(draftId);\n var plainTextBody = htmlBody.replace(/<[^>]+>/g, \"\");\n var options = { htmlBody: htmlBody };\n if (cc) options.cc = cc;\n return draft.update(recipient, subject, plainTextBody, options);\n}\n\n/**\n * 4. TESTER FUNCTION\n */\nfunction testDraftCreation() {\n console.log(\"Starting test...\");\n var testRecipient = Session.getActiveUser().getEmail();\n var testSubject = \"TEST: API Draft \" + new Date().toLocaleTimeString();\n var testHtmlBody =\n \"
Success!
This draft was created via Apps Script.
\";\n\n try {\n var draft = createDraftInternal(testRecipient, testSubject, testHtmlBody);\n console.log(\"✅ SUCCESS! Draft created.\");\n console.log(\"Draft ID: \" + draft.getId());\n } catch (e) {\n console.log(\"❌ FAILED: \" + e.toString());\n }\n}",[],[181],{"_104":189,"_97":190,"_161":117,"_163":-5,"_164":146,"_165":169,"_166":167,"_106":191,"_101":33,"_170":192,"_172":193,"_174":22,"_175":-5,"_176":194,"_100":195},"243e41c4-01ee-11f1-8684-42dde27851f2","main.ts",["D",1770225774603],"http","import { Hono } from \"npm:hono@4\";\n\nconst app = new Hono();\n\nconst APPS_SCRIPT_URL = Deno.env.get(\"APPS_SCRIPT_URL\");\n\napp.post(\"/draft\", async (c) => {\n if (!APPS_SCRIPT_URL) {\n return c.json({ error: \"APPS_SCRIPT_URL not configured\" }, 500);\n }\n\n const { recipient, subject, body, cc } = await c.req.json();\n\n if (!recipient || !subject || !body) {\n return c.json({ error: \"Missing required fields: recipient, subject, body\" }, 400);\n }\n\n const res = await fetch(APPS_SCRIPT_URL, {\n method: \"POST\",\n headers: { \"Content-Type\": \"application/json\" },\n body: JSON.stringify({ recipient, subject, body, cc }),\n });\n\n const result = await res.json();\n return c.json(result);\n});\n\napp.get(\"/\", (c) => {\n return c.json({ status: \"Gmail Drafts API ready\", endpoints: [\"POST /draft\"] });\n});\n\nexport default app.fetch;\n",[],[190],"files",[158,179,188],"counts",{"_200":33,"_201":169,"_202":33,"_203":204,"_207":208},"pulls","branches","forks","envVars",{"_205":169,"_206":169},"count","emptyCount","connections",{"_205":33,"_209":33},"unfilledCount","contents",[212,215,218],{"_104":159,"_97":160,"_161":162,"_163":-5,"_164":146,"_165":145,"_166":167,"_106":213,"_101":169,"_170":171,"_172":173,"_174":22,"_175":-5,"_100":214},["D",1770236299318],[160],{"_104":180,"_97":181,"_161":182,"_163":-5,"_164":146,"_165":169,"_166":167,"_106":216,"_101":33,"_170":184,"_172":185,"_174":22,"_175":-5,"_100":217},["D",1770225774603],[181],{"_104":189,"_97":190,"_161":117,"_163":-5,"_164":146,"_165":169,"_166":167,"_106":219,"_101":33,"_170":192,"_172":193,"_174":22,"_175":-5,"_100":220},["D",1770225774603],[190],"upstreamProject","upstreamBranch","emptyEnvVars","isNew","flags",[],"routes/_app.x.$handle.$name.environment-variables",{"_95":96,"_97":98,"_102":229,"_203":234,"_242":22},{"_104":105,"_97":98,"_106":230,"_108":-5,"_109":22,"_110":111,"_112":113,"_114":-5,"_14":115,"_116":117,"_118":22,"_119":-5,"_120":-5,"_121":33,"_16":122,"_123":-5,"_124":-5,"_125":-5,"_126":127,"_128":127,"_129":130,"_131":130,"_132":130,"_133":127,"_134":127,"_23":231,"_138":232,"_143":233,"_155":22},["D",1770225774603],{"_95":96,"_136":137},{"_95":96,"_140":137,"_14":115,"_141":142},{"_101":145,"_97":45,"_104":146,"_147":105,"_148":-5,"_149":-5,"_150":-5,"_151":-5,"_152":-5,"_153":98,"_154":96},[235],{"_236":237,"_106":238,"_239":-5,"_112":240,"_241":167},"key","APPS_SCRIPT_URL",["D",1770225774603],"updatedAt","Apps Script URL for creating Gmail drafts","isEmpty","isTeamOrg","actionData","errors"]

dcm31

gmail-drafts-template

Environment variables