[{"_1":2,"_3":-5,"_4":-5},"loaderData",{"_5":6,"_7":8,"_9":10},"actionData","errors","root",{"_217":218,"_219":220},"routes/_app.x.$handle.$name",{"_116":115,"_34":62,"_124":102,"_29":125,"_13":14,"_126":-5,"_11":127,"_128":129,"_130":131,"_132":133,"_134":135,"_22":-5,"_136":137,"_138":139,"_140":27,"_141":142,"_143":74,"_144":-5,"_145":-5,"_146":147},"routes/_app.x.$handle.$name.branch.$branch.version.$version.diff",{"_11":12,"_13":14,"_15":16,"_17":-5,"_18":-5},"project",{"_60":61,"_34":62,"_40":63,"_64":-5,"_65":27,"_66":67,"_68":67,"_69":-5,"_70":-5,"_18":71,"_72":48,"_73":74,"_75":74,"_76":-5,"_77":78,"_79":80,"_81":-5,"_82":-5,"_83":-5,"_84":-5,"_85":86,"_87":86,"_88":89,"_90":89,"_91":89,"_92":86,"_93":86,"_94":95,"_96":97,"_98":99,"_100":27},"version",22,"changes",[19,20,21],"aiChatInfo","userId",{"_22":53,"_24":54,"_26":27,"_28":27,"_29":55,"_31":55},{"_22":45,"_24":46,"_26":27,"_28":27,"_29":47,"_31":47},{"_22":23,"_24":25,"_26":27,"_28":27,"_29":30,"_31":30},"file",{"_32":33,"_34":30,"_35":36,"_37":39,"_40":41,"_42":14,"_43":44,"_26":27},"previous",{"_32":33,"_34":30,"_35":36,"_37":38},"deleted",false,"deletedHere","path","sdk.ts","latestPath","fileId","01988ad8-d085-76e8-8e23-c84b88af09e4","name","fileType","script","content","import { listFiles } from \"https://esm.town/v/std/utils/index.ts\";\n\nexport async function clay(data: any): Promise {\n const response = await fetch(`${await getClayAPIURL()}/enrich`, {\n method: \"POST\",\n headers: {\n \"Content-Type\": \"application/json\",\n },\n body: JSON.stringify(data),\n });\n\n if (!response.ok) {\n throw new Error(`Clay API error: ${response.status}`);\n }\n\n return response.json();\n}\n\n// This SDK calls the HTTP proxy defined in ./main.tsx.\n// This code gets that file's HTTP endpoint via the Val Town Rest API.\n// You could skip this lookup by hardcoding CLAY_API_URL to the HTTP endpoint.\nlet CLAY_API_URL: string | undefined;\nasync function getClayAPIURL() {\n if (CLAY_API_URL) return CLAY_API_URL;\n const files = await listFiles(import.meta.url);\n // First look for main.tsx\n let endpoint = files.find(\n (file) => file.path === \"main.tsx\" && file.links.endpoint,\n ).links.endpoint;\n // Then just look for any HTTP file\n endpoint ||= files.find(\n (file) => file.links.endpoint,\n ).links.endpoint;\n CLAY_API_URL = endpoint;\n return CLAY_API_URL;\n}","<<<<<<< main\nimport { listFiles } from \"https://esm.town/v/std/utils/index.ts\";\n=======\n// Note: this URL should be in the format of https://clayapidemo.val.run/, WITH the extra trailing slash!\nconst CLAY_API_URL = \"https://setupclayproxydemo.val.run/\";\n>>>>>>> main\n\nexport async function clay(data: any): Promise {\n<<<<<<< main\n const response = await fetch(`${await getClayAPIURL()}/enrich`, {\n=======\n console.log(data);\n const response = await fetch(`${CLAY_API_URL}enrich`, {\n>>>>>>> main\n method: \"POST\",\n headers: {\n \"Content-Type\": \"application/json\",\n },\n body: JSON.stringify(data),\n });\n\n if (!response.ok) {\n throw new Error(`Clay API error: ${response.status}`);\n }\n\n return response.json();\n}\n\n// This SDK calls the HTTP proxy defined in ./main.tsx.\n// This code gets that file's HTTP endpoint via the Val Town Rest API.\n// You could skip this lookup by hardcoding CLAY_API_URL to the HTTP endpoint.\nlet CLAY_API_URL: string | undefined;\nasync function getClayAPIURL() {\n if (CLAY_API_URL) return CLAY_API_URL;\n const files = await listFiles(import.meta.url);\n // First look for main.tsx\n let endpoint = files.find(\n (file) => file.path === \"main.tsx\" && file.links.endpoint,\n ).links.endpoint;\n // Then just look for any HTTP file\n endpoint ||= files.find(\n (file) => file.links.endpoint,\n ).links.endpoint;\n CLAY_API_URL = endpoint;\n return CLAY_API_URL;\n}","createdAt",["D",1754676797840],"branchVersion","branchId","c8ceb4ee-7481-11f0-aadb-0224a6c84d84",{"_32":48,"_34":47,"_35":49,"_37":51,"_40":52,"_42":14,"_43":44,"_26":27},{"_32":48,"_34":47,"_35":49,"_37":50},"main.tsx","01988ad8-d085-76e8-8e23-c589ddb99187","http","import { Hono } from \"https://deno.land/x/hono@v3.12.11/mod.ts\";\nimport { sqlite } from \"https://esm.town/v/std/sqlite\";\nimport { parseBearerString } from \"https://esm.town/v/andreterron/parseBearerString\";\n\nconst app = new Hono();\n\nconst CLAY_WEBHOOK_URL = Deno.env.get('CLAY_WEBHOOK_URL');\n\n// Originally stored in memory but it was working unreliably, so switching to using a SQLite DB\nawait sqlite.execute(`\n CREATE TABLE IF NOT EXISTS enrichments (\n id TEXT PRIMARY KEY,\n data TEXT NOT NULL,\n created_at DATETIME DEFAULT CURRENT_TIMESTAMP\n )\n`);\n\nfunction sleep(ms) {\n return new Promise((resolve) => setTimeout(resolve, ms));\n}\n\nasync function pollEnrichments(id) {\n while (true) {\n const result = await sqlite.execute({\n sql: `SELECT data FROM enrichments WHERE id = ?`,\n args: [id]\n });\n \n if (result.rows.length > 0) {\n const data = JSON.parse(result.rows[0][0]);\n await sqlite.execute({\n sql: `DELETE FROM enrichments WHERE id = ?`,\n args: [id]\n });\n return data;\n }\n await sleep(1000);\n }\n}\n\napp.post(\"/enrich\", async (c) => {\n const data = await c.req.json();\n const id = Math.random().toString(36);\n console.log(`📨 Starting enrichment for ${data.email || data.github_username} (ID: ${id})`);\n\n await fetch(CLAY_WEBHOOK_URL, {\n method: \"POST\",\n headers: { \"Content-Type\": \"application/json\" },\n body: JSON.stringify({ \n ...data, \n id: id\n })\n });\n\n console.log(`⏳ Polling for result (ID: ${id})`);\n const result = await pollEnrichments(id);\n console.log(`Returning enriched data (ID: ${id})`);\n return c.json(result);\n});\n\napp.post(\"/clay-webhook\", async (c) => {\n const data = await c.req.json();\n console.log(\"📥 Clay webhook data:\", data);\n const { id, ...enrichedData } = data;\n \n if (id) {\n console.log(`Received enriched data for ID: ${id}`);\n await sqlite.execute({\n sql: `INSERT OR REPLACE INTO enrichments (id, data) VALUES (?, ?)`,\n args: [id, JSON.stringify(enrichedData)]\n });\n } else {\n console.log(\"Webhook received data without ID\");\n }\n \n return c.json({ status: \"ok\" });\n});\n\napp.get(\"/\", (c) => {\n return c.text(\"Clay API Proxy - POST /enrich to start, Clay calls /clay-webhook when done\");\n});\n\nexport default app.fetch;","import { Hono } from \"https://deno.land/x/hono@v3.12.11/mod.ts\";\nimport { sqlite } from \"https://esm.town/v/std/sqlite\";\nimport { parseBearerString } from \"https://esm.town/v/andreterron/parseBearerString\";\n\nconst app = new Hono();\n\nconst CLAY_WEBHOOK_URL = Deno.env.get('CLAY_WEBHOOK_URL');\n\n// Originally stored in memory but it was working unreliably, so switching to using a SQLite DB\nawait sqlite.execute(`\n CREATE TABLE IF NOT EXISTS enrichments (\n id TEXT PRIMARY KEY,\n data TEXT NOT NULL,\n created_at DATETIME DEFAULT CURRENT_TIMESTAMP\n )\n`);\n\nfunction sleep(ms) {\n return new Promise((resolve) => setTimeout(resolve, ms));\n}\n\nasync function pollEnrichments(id) {\n while (true) {\n const result = await sqlite.execute({\n sql: `SELECT data FROM enrichments WHERE id = ?`,\n args: [id]\n });\n \n if (result.rows.length > 0) {\n const data = JSON.parse(result.rows[0][0]);\n await sqlite.execute({\n sql: `DELETE FROM enrichments WHERE id = ?`,\n args: [id]\n });\n return data;\n }\n await sleep(1000);\n }\n}\n\napp.post(\"/enrich\", async (c) => {\n const data = await c.req.json();\n const id = Math.random().toString(36);\n console.log(`📨 Starting enrichment for ${data.email} (ID: ${id})`);\n\n await fetch(CLAY_WEBHOOK_URL, {\n method: \"POST\",\n headers: { \"Content-Type\": \"application/json\" },\n body: JSON.stringify({ \n ...data, \n id: id\n })\n });\n\n console.log(`⏳ Polling for result (ID: ${id})`);\n const result = await pollEnrichments(id);\n console.log(`Returning enriched data (ID: ${id})`);\n return c.json(result);\n});\n\napp.post(\"/clay-webhook\", async (c) => {\n const data = await c.req.json();\n console.log(\"📥 Clay webhook data:\", data);\n const { id, ...enrichedData } = data;\n \n if (id) {\n console.log(`Received enriched data for ID: ${id}`);\n await sqlite.execute({\n sql: `INSERT OR REPLACE INTO enrichments (id, data) VALUES (?, ?)`,\n args: [id, JSON.stringify(enrichedData)]\n });\n } else {\n console.log(\"Webhook received data without ID\");\n }\n \n return c.json({ status: \"ok\" });\n});\n\napp.get(\"/\", (c) => {\n return c.text(\"Clay API Proxy - POST /enrich to start, Clay calls /clay-webhook when done\");\n});\n\nexport default app.fetch;",["D",1754676797840],{"_32":56,"_34":55,"_35":22,"_37":58,"_40":59,"_42":14,"_43":44,"_26":27},{"_32":56,"_34":55,"_35":22,"_37":57},"README.md","01988ad8-d085-76e8-8e23-c3003381f0fe","# Clay API + SDK\n\nSetup your own API / SDK to enrich data with Clay.\n\n# Setup\n\n1. Remix this val\n\n2. Set up a Clay workbook with both a `Webhook column` and an `HTTP API` column\n (or use\n [this template](https://app.clay.com/shared-workbook/share_0t0oqpwRR8KDw4RRQnZ))\n\n3. Copy your Clay workbook's `Webhook column` URL\n\n ![CleanShot 2025-08-08 at 13.23.47@2x.png](https://imagedelivery.net/iHX6Ovru0O7AjmyT5yZRoA/48cd9c4d-2990-480f-9d07-fb09e2282500/public)\n\n4. Set that as `CLAY_WEBHOOK_URL` in\n this val's env variables\n\n5. Copy [main.tsx](./main.tsx)'s HTTP endpoint URL\n\n6. Paste that in the `HTTP API` column in Clay, with `/clay-webhook` on the end\n of it\n\n7. Try it out: click Run in [demo.ts](./demo.ts)","# Clay API + SDK\n\nSetup your own API / SDK to enrich data with Clay.\n\n# Setup\n\n1. Remix this val\n\n2. Set up a Clay workbook with both a `Webhook column` and an `HTTP API` column\n (or use\n [this template](https://app.clay.com/shared-workbook/share_0t0oqpwRR8KDw4RRQnZ))\n\n3. Copy your Clay workbook's `Webhook column` URL\n\n ![CleanShot 2025-08-08 at 13.23.47@2x.png](https://imagedelivery.net/iHX6Ovru0O7AjmyT5yZRoA/48cd9c4d-2990-480f-9d07-fb09e2282500/public)\n\n4. Set that as `CLAY_WEBHOOK_URL` in\n this val's env variables\n\n5. Copy [main.tsx](./main.tsx)'s HTTP endpoint URL\n\n6. Paste that in the `HTTP API` column in Clay, with `/clay-webhook` on the end\n of it\n\n<<<<<<< main\n7. Try it out: click Run in [demo.ts](./demo.ts)\n=======\n8. Also paste that in `CLAY_API_URL =` in [sdk.ts](./sdk.ts)\n\n## Enrich by Email\n\n```ts\n// Update this to the module URL of your sdk.ts file\nimport { clay } from \"https://esm.town/v/[YOUR_USERNAME]/setup-clay-proxy/sdk.ts\";\n\nconst result = await clay({\n email: \"charmainekmlee@gmail.com\"\n});\n\nconsole.log(result);\n```\n>>>>>>> main",["D",1754676797840],"id","c8cabd44-7481-11f0-aadb-0224a6c84d84","setup-clay-proxy-2",["D",1754676121652],"deletedAt","legacyEnvVars","privacy","public","httpPrivacy","description","imageUrl","a0bf3b31-15a5-4d5c-880e-4b1e22c9bc18","pinnedFileId","pinPreview",true,"pinMigrated","screenshotVersion","likeCount",0,"orgId","e81e7335-6d4c-4764-a902-d0962bbfa9f7","tursoName","tursoHostname","tursoMeasuredAt","pinned","userPerm","r","valPerm","blobPerm","rw","emailPerm","sqlitePerm","projectPerm","telemetryPerm","user",{"_116":115,"_123":119},"org",{"_116":115,"_117":-5,"_118":119,"_18":71,"_120":121,"_122":27},"branch",{"_13":101,"_34":102,"_60":44,"_103":61,"_104":105,"_106":107,"_108":67,"_109":110,"_111":112,"_113":62,"_114":115},"isOwned",48,"main","projectId","forkedBranchId","8b66794e-747b-11f0-9f8e-0224a6c84d84","forkedBranchVersion",63,"forkedProjectPrivacy","forkedProjectId","8b62acec-747b-11f0-9f8e-0224a6c84d84","forkedProjectOrgId","2019e55b-c541-4c51-bef0-008eef10ef88","projectName","userHandle","stevekrouse","handle","displayName","avatar","https://images.clerk.dev/uploaded/img_2PqHa2Gsy93xQrjh2w78Xu0cChW.jpeg","tier","pro","canRestrictVals","profileImageUrl","branchName","","adoptOrgId",{"_60":61,"_34":62,"_40":213,"_64":-5,"_65":27,"_66":67,"_68":67,"_69":-5,"_70":-5,"_18":71,"_72":48,"_73":74,"_75":74,"_76":-5,"_77":78,"_79":80,"_81":-5,"_82":-5,"_83":-5,"_84":-5,"_85":86,"_87":86,"_88":89,"_90":89,"_91":89,"_92":86,"_93":86,"_94":214,"_96":215,"_98":216,"_100":27},"tree",[196,197,198,199],"files",[196,197,198,199],"counts",{"_186":78,"_187":172,"_188":78,"_189":190,"_191":192},"contents",[159,160,161,162],"upstreamProject",{"_60":110,"_34":155,"_69":156,"_70":-5,"_66":67,"_94":157},"upstreamBranch",{"_60":105,"_40":148,"_149":150,"_34":102,"_103":110,"_13":151,"_104":-5,"_106":-5,"_152":153,"_64":-5,"_100":27,"_66":67,"_114":154,"_79":112,"_113":155},"emptyEnvVars","flags",[],"hasHttpFiles","grants","orgs","customDomains",{},["D",1754673441650],"updatedAt",["D",1754684852060],73,"lockfileKey","1755612402528-esm.town_v_charmaine_clay-api-proxy@73-main","charmaine","clay-api-proxy","Set up your own Clay proxy",{"_116":154,"_123":158},"https://img.clerk.com/eyJ0eXBlIjoicHJveHkiLCJzcmMiOiJodHRwczovL2ltYWdlcy5jbGVyay5kZXYvdXBsb2FkZWQvaW1nXzJ4cFpFME5pSXNZamJNd296dlZSYVJ0OVF1RSJ9",{"_60":182,"_34":55,"_32":56,"_164":-5,"_43":44,"_42":14,"_165":27,"_40":183,"_13":184,"_35":22,"_37":58,"_26":27,"_168":-5,"_29":185},{"_60":174,"_34":175,"_32":176,"_164":-5,"_43":44,"_42":177,"_165":27,"_40":178,"_13":179,"_35":36,"_37":180,"_26":27,"_168":-5,"_29":181},{"_60":170,"_34":47,"_32":48,"_164":-5,"_43":44,"_42":14,"_165":27,"_40":171,"_13":172,"_35":49,"_37":51,"_26":27,"_168":-5,"_29":173},{"_60":163,"_34":30,"_32":33,"_164":-5,"_43":44,"_42":14,"_165":27,"_40":166,"_13":167,"_35":36,"_37":39,"_26":27,"_168":-5,"_29":169},"5bd2c37e-7483-11f0-9ad3-0224a6c84d84","parentId","latest",["D",1754676797840],14,"label",[30],"5bd2bf14-7483-11f0-9ad3-0224a6c84d84",["D",1754676797840],1,[47],"37c77304-7482-11f0-9fc2-0224a6c84d84","demo.ts","304108a2-7482-11f0-b2a5-0224a6c84d84",6,["D",1754676307873],2,"import { clay } from \"./sdk.ts\";\n\nconst result = await clay({\n email: \"charmainekmlee@gmail.com\",\n});\n\nconsole.log(result);",[175],"5bd2ba32-7483-11f0-9ad3-0224a6c84d84",["D",1754676797840],5,[55],"pulls","branches","forks","envVars",{"_193":172,"_195":172},"connections",{"_193":78,"_194":78},"count","unfilledCount","emptyCount",{"_60":182,"_34":55,"_32":56,"_164":-5,"_43":44,"_42":14,"_165":27,"_40":210,"_13":184,"_35":22,"_37":58,"_26":27,"_168":-5,"_201":211,"_29":212},{"_60":174,"_34":175,"_32":176,"_164":-5,"_43":44,"_42":177,"_165":27,"_40":207,"_13":179,"_35":36,"_37":180,"_26":27,"_168":-5,"_201":208,"_29":209},{"_60":170,"_34":47,"_32":48,"_164":-5,"_43":44,"_42":14,"_165":27,"_40":204,"_13":172,"_35":49,"_37":51,"_26":27,"_168":-5,"_201":205,"_29":206},{"_60":163,"_34":30,"_32":33,"_164":-5,"_43":44,"_42":14,"_165":27,"_40":200,"_13":167,"_35":36,"_37":39,"_26":27,"_168":-5,"_201":202,"_29":203},["D",1754676797840],"children",[],[30],["D",1754676797840],[],[47],["D",1754676307873],[],[175],["D",1754676797840],[],[55],["D",1754676121652],{"_116":115,"_123":119},{"_116":115,"_117":-5,"_118":119,"_18":71,"_120":121,"_122":27},{"_13":101,"_34":102,"_60":44,"_103":61,"_104":105,"_106":107,"_108":67,"_109":110,"_111":112,"_113":62,"_114":115},"ctx",{"_94":-5,"_145":250,"_251":252,"_253":254,"_255":27,"_256":27,"_257":27,"_258":74,"_259":-5,"_260":-7,"_261":-7,"_262":78,"_263":27,"_264":27,"_265":-5,"_266":27,"_267":27,"_268":27,"_269":-5},"ENV",{"_221":222,"_223":224,"_225":102,"_226":227,"_228":229,"_230":231,"_232":233,"_234":235,"_236":237,"_238":239,"_240":241,"_242":243,"_244":245,"_246":247,"_248":249},"REACT_APP_SENTRY_DSN","https://586020d86f05489db63a554690acf1e9@o1398359.ingest.sentry.io/6724499","RENDER_GIT_COMMIT","811aa22498c9b0b5a47e8d778de579cdb990f332","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 · v22