[{"_1":2,"_3":-5,"_4":-5},"loaderData",{"_5":6,"_7":8,"_9":10},"actionData","errors","root",{"_343":344,"_345":346},"routes/_app.x.$handle.$name",{"_11":12,"_13":14,"_15":16,"_70":145,"_41":-7,"_146":-5,"_17":147,"_148":149,"_150":151,"_152":153,"_154":155,"_156":-5,"_157":-5,"_158":159,"_160":49,"_161":162,"_163":26,"_164":-5,"_165":-5,"_166":167},"routes/_app.x.$handle.$name.compare.$branch",{"_11":12,"_13":14,"_15":16,"_17":18,"_19":20,"_21":22,"_23":24,"_25":26,"_27":28,"_29":30,"_31":-5},"handle","bradnoble","name","ValTownForNotion","branchName","embeds","project",{"_32":40,"_13":14,"_34":103,"_47":-5,"_104":49,"_50":51,"_105":51,"_106":107,"_108":109,"_110":111,"_112":113,"_114":26,"_115":-5,"_116":117,"_118":119,"_53":54,"_120":-5,"_121":-5,"_122":-5,"_123":-5,"_124":125,"_126":125,"_127":128,"_129":128,"_130":128,"_131":125,"_132":125,"_133":134,"_135":136,"_137":28,"_48":49},"ahead",89,"behind",39,"diff",{"_62":63,"_64":65,"_66":67},"hasChanges",true,"sourceBranch",{"_41":56,"_13":16,"_32":57,"_39":40,"_43":33,"_44":58,"_59":51,"_60":40,"_61":54,"_55":14,"_52":12},"targetBranch",{"_32":33,"_34":35,"_36":37,"_13":38,"_39":40,"_41":42,"_43":-5,"_44":-5,"_45":46,"_47":-5,"_48":49,"_50":51,"_52":12,"_53":54,"_55":14},"pull","id","d8176b5c-1613-11f0-91f5-569c3dd06744","createdAt",["D",1744293493384],"updatedAt",["D",1745504421946],"main","projectId","d814c30c-1613-11f0-91f5-569c3dd06744","version",1127,"forkedBranchId","forkedBranchVersion","lockfileKey","1745504426655-esm.town_v_bradnoble_ValTownForNotion@1127-main","deletedAt","isOwned",false,"privacy","public","userHandle","orgId","553221cb-cf30-487d-a0cb-f2ba0209ad00","projectName",90,"1dc24ce4-1ac9-11f0-ab7c-569c3dd06744",818,"forkedProjectPrivacy","forkedProjectId","forkedProjectOrgId","added",[68,69],"deleted",[],"modified",[],{"_70":16,"_72":-7,"_73":93},{"_70":71,"_72":-7,"_73":74},"path","form","targetFile","sourceFile",{"_32":75,"_13":71,"_76":77,"_78":-5,"_79":57,"_80":56,"_81":26,"_34":82,"_41":83,"_84":85,"_86":87,"_64":49,"_88":-5,"_89":-7,"_70":90,"_91":92},"5ab03754-1b2a-11f0-9eba-569c3dd06744","fileId","9cac6582-1b0d-11f0-b254-569c3dd06744","parentId","branchId","branchVersion","latest",["D",1744852917243],11,"fileType","http","content","export default async function(req: Request): Promise {\n const endpoint = \"https://valtownfornotion.val.run/example/callout\";\n const x_api_key = \"valtownfornotion\";\n const askingFor = \"val.town\";\n\n const html = `\n\n\n\n \n \n API Request Button\n \n\n \n \n \n

API Response:

\n\n \n\n\n `;\n\n return new Response(html, {\n headers: {\n \"Content-Type\": \"text/html\",\n },\n });\n}","label","children",[71],"contentHash","53d98128903d53e7fbb6aaaf810eefd114f22af398458284757c3f3db94e0c62",{"_32":94,"_13":16,"_76":95,"_78":-5,"_79":57,"_80":96,"_81":26,"_34":97,"_41":98,"_84":99,"_86":100,"_64":49,"_88":-5,"_89":-7,"_70":101,"_91":102},"4fd5d3e6-1ae6-11f0-8112-569c3dd06744","2dec1fdc-1ac9-11f0-b280-569c3dd06744",71,["D",1744823693257],69,"script","import { blob } from \"https://esm.town/v/std/blob?v=12\";\nimport ValTown from \"npm:@valtown/sdk\";\n\nconst client = new ValTown();\n\n// list projects\nasync function getProjects() {\n // Automatically fetches more pages as needed.\n for await (const projectListResponse of client.me.projects.list({ limit: 1, offset: 0 })) {\n console.log(projectListResponse);\n }\n}\n\nasync function getFiles() {\n let files = await client.projects.files.retrieve(\"d814c30c-1613-11f0-91f5-569c3dd06744\", {\n path: \"routes\",\n limit: 20,\n offset: 0,\n });\n return files;\n // console.log(files.body?.data.length);\n // console.log(files.body?.data);\n}\n\n// list files of first project\n// d814c30c-1613-11f0-91f5-569c3dd06744\n// const projects = await getProjects();\nconst files = await getFiles();\n// console.log(files);\nconst data = (files?.body?.data).filter((file) => file.name.includes(\"example\"));\n// console.log(data);\n\nfor (let value of data) {\n console.log(value.name.replaceAll(\"-\", \"/\").replace(\".ts\", \"\"));\n}",[16],"366544ad81da5c1f3cc11e538e42105f8b53149769c504d90803c245ca6c1e30",["D",1744293493384],"legacyEnvVars","httpPrivacy","description","Augmenting Notion with webhooks and val.town.","imageUrl","https://imagedelivery.net/iHX6Ovru0O7AjmyT5yZRoA/f25cb5fe-2b5b-4f08-5492-f088b3195400/square512?exp=1789591148&sig=bd7f53f45ba5444d40b719eeaded66be810c44b5b5bb4dd3bf8ac318ba3571f2","userId","5df592ef-f349-498c-a580-fdeaf4cbe6c9","pinnedFileId","6b696612-f13d-46cc-a0c0-612473883f2c","pinPreview","pinMigrated","screenshotVersion",812,"likeCount",7,"tursoName","tursoHostname","tursoMeasuredAt","pinned","userPerm","r","valPerm","blobPerm","rw","emailPerm","sqlitePerm","projectPerm","telemetryPerm","user",{"_11":12,"_144":140},"org",{"_11":12,"_138":-5,"_139":140,"_110":111,"_141":142,"_143":49},"branch","displayName","avatar","https://img.clerk.com/eyJ0eXBlIjoicHJveHkiLCJzcmMiOiJodHRwczovL2ltYWdlcy5jbGVyay5kZXYvdXBsb2FkZWQvaW1nXzJ4YUNlWnM0S3Z6OWxiOUlLS25sWjNJWFhzSSJ9","tier","free","canRestrictVals","profileImageUrl","","adoptOrgId",{"_32":40,"_13":14,"_34":339,"_47":-5,"_104":49,"_50":51,"_105":51,"_106":107,"_108":109,"_110":111,"_112":113,"_114":26,"_115":-5,"_116":117,"_118":119,"_53":54,"_120":-5,"_121":-5,"_122":-5,"_123":-5,"_124":125,"_126":125,"_127":128,"_129":128,"_130":128,"_131":125,"_132":125,"_133":340,"_135":341,"_137":342,"_48":49},"tree",[226,236,239,240,241,242,243],"files",[226,227,228,229,230,231,232,233,234,235,236,237,238,239,240,241,242,243],"counts",{"_213":182,"_214":215,"_216":217,"_218":219,"_220":221},"contents",[170,171,172,173,174,175,176],"file","upstreamProject","upstreamBranch",{"_32":33,"_34":168,"_36":169,"_13":38,"_39":40,"_41":42,"_43":-5,"_44":-5,"_45":46,"_47":-5,"_48":49,"_50":51,"_52":12,"_53":54,"_55":14},"emptyEnvVars","flags",[],"hasHttpFiles","grants","orgs","customDomains",{},["D",1744293493384],["D",1745504421946],{"_32":208,"_13":209,"_76":210,"_78":-5,"_79":57,"_80":180,"_81":26,"_34":211,"_41":182,"_84":206,"_86":-5,"_64":49,"_88":-5,"_70":212},{"_32":202,"_13":203,"_76":204,"_78":-5,"_79":57,"_80":180,"_81":26,"_34":205,"_41":182,"_84":206,"_86":-5,"_64":49,"_88":-5,"_70":207},{"_32":196,"_13":197,"_76":198,"_78":-5,"_79":57,"_80":180,"_81":26,"_34":199,"_41":182,"_84":156,"_86":200,"_64":49,"_88":-5,"_70":201},{"_32":94,"_13":16,"_76":95,"_78":-5,"_79":57,"_80":96,"_81":26,"_34":194,"_41":98,"_84":99,"_86":100,"_64":49,"_88":-5,"_70":195},{"_32":75,"_13":71,"_76":77,"_78":-5,"_79":57,"_80":56,"_81":26,"_34":192,"_41":83,"_84":85,"_86":87,"_64":49,"_88":-5,"_70":193},{"_32":185,"_13":186,"_76":187,"_78":-5,"_79":57,"_80":180,"_81":26,"_34":188,"_41":182,"_84":189,"_86":190,"_64":49,"_88":-5,"_70":191},{"_32":177,"_13":178,"_76":179,"_78":-5,"_79":57,"_80":180,"_81":26,"_34":181,"_41":182,"_84":85,"_86":183,"_64":49,"_88":-5,"_70":184},"1dc655a0-1ac9-11f0-ab7c-569c3dd06744","webhookAPI","38d62c5c-e3e5-443b-bc46-c86b0fefa5b8",1,["D",1744811153867],0,"import { Hono } from \"npm:hono@3\";\n// import { cors } from \"npm:hono@3/cors\";\n\n// Import route modules\nimport auth from \"./routes/auth.ts\";\nimport countExamples from \"./routes/count-examples.ts\";\nimport exampleCallout from \"./routes/example-callout.ts\";\nimport exampleChildPages from \"./routes/example-child-pages.ts\";\nimport exampleDatabasePage from \"./routes/example-database-page.ts\";\nimport exampleDatabasePages from \"./routes/example-database-pages.ts\";\nimport root from \"./routes/root.ts\";\nimport testRoutes from \"./routes/test-routes.ts\";\n\n// Create main app\nconst app = new Hono();\n\n// Mount root route\napp.route(\"/\", root);\n\n// Apply authentication middleware to all routes\napp.use(\"*\", auth);\n\n// Mount route modules\napp.route(\"/example/database/pages\", exampleDatabasePages);\napp.route(\"/example/database/page\", exampleDatabasePage);\napp.route(\"/example/child_pages\", exampleChildPages);\napp.route(\"/example/callout\", exampleCallout);\napp.route(\"/countExamples\", countExamples);\n\n// Mount test routes - these include /asdf, /qwer/:id, and /test/:id\napp.route(\"/\", testRoutes);\n\n/* this should go up just after initializing hono, if enabling cors\napp.use(\n \"/*\",\n cors({\n origin: [\"https://notion.so\", \"https://notion.com\"],\n }),\n);\napp.post(\"/test/button\", async (c) => {\n // console.log(await c);\n // console.log(await c.req.json());\n console.log(await c.res);\n console.log(await c.res.headers);\n return c.json({ ok: true });\n});\n*/\n\n// Unwrap Hono errors to see original error details\napp.onError((err, c) => {\n throw err;\n});\n\nexport default app.fetch;",[178],"1dc652c6-1ac9-11f0-ab7c-569c3dd06744","valtownfornotion.val.run","3066d9b7-859c-4b49-896e-e517f33dfee7",["D",1744811153867],"interval","import { blob } from \"https://esm.town/v/std/blob?v=12\";\n\nexport default async function(interval: Interval) {\n // Get the name of this file, ie \"valtownfornotion.val.run\".\n // This is the string at the beginning of each blob key\n const url = await import.meta.url;\n const subdomain = url.split(\"/\").pop();\n const items = await blob.list(subdomain);\n\n for (const item of items) {\n // get data from last run in the blob\n const lastRun = await blob.getJSON(item.key);\n const lastRunAt = new Date(lastRun?.date);\n const content = lastRun?.content;\n const fetchURL = \"https://\" + item.key;\n console.log(item.key);\n console.log({ content });\n\n // make sure that the lastRunAt isn't recent\n // so that you don't end up switching page content underneath a user\n const now = new Date();\n const diffInMs = Math.abs(now - lastRunAt);\n const diffInMinutes = diffInMs / 1000 / 60;\n console.log({ diffInMinutes });\n\n if (content != \"default\" && diffInMinutes > .5) {\n const response = await fetch(fetchURL, {\n method: \"POST\",\n headers: {\n \"Content-Type\": \"application/json\",\n \"target_id\": lastRun.id, // custom header from Notion webhook, id of target block\n \"asking_for\": \"default\", // custom header from Notion webhook, reset content to the Notion default\n \"x-api-key\": Deno.env.get(\"X_API_KEY\"),\n },\n body: JSON.stringify(fetchURL),\n });\n }\n }\n}",[186],["D",1744852917243],[71],["D",1744823693257],[16],"1dc65082-1ac9-11f0-ab7c-569c3dd06744","README.md","15740cca-3b8f-40ae-8077-437698b31cef",["D",1744811153867],"# ValTownForNotion\n\nThis val.town project catches webhooks from Notion, makes changes to the data payload, and sends those changes back to Notion as page updates.\n\nRead up on it and try the examples:\n\n[https://bradnoble.notion.site/val-town-for-Notion-1cbc200736c2807bb445eccf64d0afe9?pvs=4](https://bradnoble.notion.site/val-town-for-Notion-1cbc200736c2807bb445eccf64d0afe9?pvs=4)\n\n![image.png](https://imagedelivery.net/iHX6Ovru0O7AjmyT5yZRoA/a8afa60b-7ff7-4707-b07b-6011b8e2b700/public)\n\n## Handling Notion Webhooks\n\nThis is done in the webhookAPI file.\n\n## Resetting state\n\nEvery minute, this project has a cron that resets all the state, so that the next visitor to the Notion page has a clean experience. The name of that cron is the same as the short subomain URL of the webhook URL so they can more easily coordianate and be kept in sync. That subdomain is also the prefix for all the blob storage.",[197],"1dc64ec0-1ac9-11f0-ab7c-569c3dd06744","utils","80c33f17-7cf2-41a5-89fd-ecb29c9ec1f1",["D",1744811153867],"directory",[203],"1dc63cd2-1ac9-11f0-ab7c-569c3dd06744","routes","f5d72503-340f-4ce2-b5da-9ab026259dd4",["D",1744811153867],[209],"pulls","branches",5,"forks",8,"envVars",{"_222":224,"_225":182},"connections",{"_222":182,"_223":182},"count","unfilledCount",3,"emptyCount",{"_32":208,"_13":209,"_76":210,"_78":-5,"_79":57,"_80":180,"_81":26,"_34":336,"_41":182,"_84":206,"_86":-5,"_64":49,"_88":-5,"_89":337,"_70":338},{"_32":330,"_13":197,"_76":331,"_78":210,"_79":57,"_80":180,"_81":26,"_34":332,"_41":182,"_84":156,"_86":333,"_64":49,"_88":-5,"_89":334,"_70":335},{"_32":323,"_13":324,"_76":325,"_78":210,"_79":57,"_80":180,"_81":26,"_34":326,"_41":182,"_84":99,"_86":327,"_64":49,"_88":-5,"_89":328,"_70":329},{"_32":316,"_13":317,"_76":318,"_78":210,"_79":57,"_80":180,"_81":26,"_34":319,"_41":182,"_84":99,"_86":320,"_64":49,"_88":-5,"_89":321,"_70":322},{"_32":309,"_13":310,"_76":311,"_78":210,"_79":57,"_80":180,"_81":26,"_34":312,"_41":182,"_84":99,"_86":313,"_64":49,"_88":-5,"_89":314,"_70":315},{"_32":302,"_13":303,"_76":304,"_78":210,"_79":57,"_80":180,"_81":26,"_34":305,"_41":182,"_84":99,"_86":306,"_64":49,"_88":-5,"_89":307,"_70":308},{"_32":295,"_13":296,"_76":297,"_78":210,"_79":57,"_80":180,"_81":26,"_34":298,"_41":182,"_84":99,"_86":299,"_64":49,"_88":-5,"_89":300,"_70":301},{"_32":288,"_13":289,"_76":290,"_78":210,"_79":57,"_80":180,"_81":26,"_34":291,"_41":182,"_84":99,"_86":292,"_64":49,"_88":-5,"_89":293,"_70":294},{"_32":281,"_13":282,"_76":283,"_78":210,"_79":57,"_80":180,"_81":26,"_34":284,"_41":182,"_84":99,"_86":285,"_64":49,"_88":-5,"_89":286,"_70":287},{"_32":274,"_13":275,"_76":276,"_78":210,"_79":57,"_80":180,"_81":26,"_34":277,"_41":182,"_84":99,"_86":278,"_64":49,"_88":-5,"_89":279,"_70":280},{"_32":202,"_13":203,"_76":204,"_78":-5,"_79":57,"_80":180,"_81":26,"_34":271,"_41":182,"_84":206,"_86":-5,"_64":49,"_88":-5,"_89":272,"_70":273},{"_32":264,"_13":265,"_76":266,"_78":204,"_79":57,"_80":180,"_81":26,"_34":267,"_41":182,"_84":99,"_86":268,"_64":49,"_88":-5,"_89":269,"_70":270},{"_32":257,"_13":258,"_76":259,"_78":204,"_79":57,"_80":180,"_81":26,"_34":260,"_41":182,"_84":99,"_86":261,"_64":49,"_88":-5,"_89":262,"_70":263},{"_32":196,"_13":197,"_76":198,"_78":-5,"_79":57,"_80":180,"_81":26,"_34":254,"_41":182,"_84":156,"_86":200,"_64":49,"_88":-5,"_89":255,"_70":256},{"_32":94,"_13":16,"_76":95,"_78":-5,"_79":57,"_80":96,"_81":26,"_34":97,"_41":98,"_84":99,"_86":100,"_64":49,"_88":-5,"_89":252,"_70":253},{"_32":75,"_13":71,"_76":77,"_78":-5,"_79":57,"_80":56,"_81":26,"_34":82,"_41":83,"_84":85,"_86":87,"_64":49,"_88":-5,"_89":250,"_70":251},{"_32":185,"_13":186,"_76":187,"_78":-5,"_79":57,"_80":180,"_81":26,"_34":247,"_41":182,"_84":189,"_86":190,"_64":49,"_88":-5,"_89":248,"_70":249},{"_32":177,"_13":178,"_76":179,"_78":-5,"_79":57,"_80":180,"_81":26,"_34":244,"_41":182,"_84":85,"_86":183,"_64":49,"_88":-5,"_89":245,"_70":246},["D",1744811153867],[],[178],["D",1744811153867],[],[186],[],[71],[],[16],["D",1744811153867],[],[197],"1dc644d4-1ac9-11f0-ab7c-569c3dd06744","notionHelpers.ts","f9d2dc5f-3088-44ae-9674-45aa3ce23100",["D",1744811153867],"import { Client } from \"npm:@notionhq/client\";\nimport * as helpers from \"./helpers.ts\";\n\n// Initialize Notion client\nconst notion = new Client({\n auth: Deno.env.get(\"NOTION_API_KEY\"),\n});\n\nexport async function setPageStatus(object: any) {\n const { data, section, step } = object;\n const pageId = data?.id;\n // statuses are passed to val.town from Notion in the payload\n const statuses = await getWebhookPropertyValue(data, \"Statuses\");\n // loop through statuses to find items that have the section in their value\n const sectionStatuses = await statuses.split(\",\").filter(status => status.toLowerCase().includes(section));\n // console.log(sectionStatuses);\n const status = (() => {\n switch (step) {\n case \"first\":\n return sectionStatuses[0];\n case \"last\":\n return sectionStatuses[sectionStatuses.length - 1];\n default:\n return sectionStatuses[0];\n }\n })();\n console.log(status);\n\n try {\n const response = await notion.pages.update({\n page_id: pageId,\n properties: {\n Status: {\n select: {\n name: status,\n },\n },\n },\n });\n if (!response) {\n throw new Error(\"Failed to update page in Notion\");\n }\n return response;\n } catch (error) {\n console.error(`Error updating Notion page ${pageId}:`, error);\n }\n}\n\nexport async function setBlockContent(blockId: string, askingFor: string) {\n const now = new Date();\n\n const formattedDate = now.toLocaleString(\"en-US\", {\n timeZone: \"America/New_York\",\n hour: \"numeric\",\n minute: \"numeric\",\n second: \"numeric\",\n });\n\n const blockProperties = {\n \"val.town\": {\n content: `val.town says, \"It's ${formattedDate} in Boston.\"`,\n backgroundColor: \"yellow_background\",\n iconURL: \"https://static.esm.town/build/_assets/vt-whiteOnBlack-VOLODW64.svg\",\n },\n \"default\": {\n content: \"Notion says, \\\"I wish I could tell the reader what time it is in Boston.\\\"\",\n backgroundColor: \"default_background\",\n iconURL: \"https://www.notion.so/icons/notion_blue.svg\",\n },\n };\n\n const newBlock = await notion.blocks.update({\n \"block_id\": blockId, // globals.callout_block_id, // global block id\n \"callout\": {\n \"rich_text\": [\n {\n \"type\": \"text\",\n \"text\": {\n content: blockProperties[askingFor].content,\n },\n },\n ],\n color: blockProperties[askingFor].backgroundColor,\n icon: {\n type: \"external\",\n external: {\n url: blockProperties[askingFor].iconURL,\n },\n },\n },\n });\n return newBlock;\n}\n\nexport async function listChildrenChildPages(blockId: string) {\n try {\n const response = await notion.blocks.children.list({\n block_id: blockId,\n });\n\n if (!response) {\n throw new Error(\"Failed to retrieve pages from Notion\");\n }\n const pages = response.results.filter((page) => page.type === \"child_page\");\n return pages;\n } catch (error) {\n console.error(`Error getting Notion pages that are children of ${blockId}:`, error);\n }\n}\n\nexport async function addFavicon(data?: any) {\n const pageId = data?.id;\n // use notion if nothing if the URL property is empty\n const url = await getWebhookPropertyValue(data, \"Website\") || \"notion.com\";\n // send the URL value to the function that will get the site's favicon location\n const faviconURL = await helpers.scrapeFaviconUrl(url);\n console.log({ \"Verified favicon URL\": faviconURL });\n // update the page icon\n await updatePageIcon(pageId, faviconURL);\n\n return pageId;\n}\n\nexport async function updatePageIcon(pageId: string, faviconURL?: string) {\n try {\n const response = await notion.pages.update({\n page_id: pageId,\n icon: {\n type: \"external\",\n external: {\n url: faviconURL,\n },\n },\n });\n if (!response) {\n throw new Error(\"Failed to update page in Notion\");\n }\n return response;\n } catch (error) {\n console.error(`Error updating Notion page ${pageId}:`, error);\n }\n}\n\nexport async function listChildren(pageId: string) {\n // get page properties\n try {\n const response = await notion.blocks.children.list({\n block_id: pageId,\n });\n\n if (!response) {\n throw new Error(\"Failed to retrieve pages from Notion\");\n }\n return response;\n } catch (error) {\n console.error(`Error getting Notion pages that are children of ${pageId}:`, error);\n }\n}\n\n// Helper function to get property value from webhook payload\nexport async function getWebhookPropertyValue(payload: any, propertyName: any) {\n let result = null;\n // check to see if the whole payload was sent, or just the data object\n const properties = payload.data?.properties || payload.properties;\n\n if (properties) {\n const property = properties[propertyName];\n\n if (property) {\n // Different property types have different value structures\n switch (property.type) {\n case \"select\":\n result = property.select?.name;\n break;\n case \"formula\":\n result = property.formula?.string;\n break;\n case \"rich_text\":\n result = property.rich_text?.[0]?.plain_text;\n break;\n case \"title\":\n result = property.title?.[0]?.plain_text;\n break;\n case \"url\":\n result = property.url;\n break;\n case \"text\":\n result = property.text?.content;\n break;\n default:\n result = property.value;\n }\n }\n }\n\n return result;\n}\n\nexport async function getNotionPage(pageId: string) {\n // get page properties\n try {\n const response = await notion.pages.retrieve({\n page_id: pageId,\n });\n if (!response) {\n throw new Error(\"Failed to retrieve page from Notion\");\n }\n return response;\n } catch (error) {\n console.error(`Error getting Notion page ${pageId}:`, error);\n }\n}",[],[203,258],"1dc63ef8-1ac9-11f0-ab7c-569c3dd06744","helpers.ts","9bfb177a-0cfb-4014-aed2-1cb690db173a",["D",1744811153867],"// Function to scrape favicon URL from a website\nexport async function scrapeFaviconUrl(url: string) {\n try {\n // Ensure URL has protocol\n if (!url.startsWith(\"http://\") && !url.startsWith(\"https://\")) {\n url = \"https://\" + url;\n }\n\n // Parse the URL to get the origin\n const parsedUrl = new URL(url);\n const origin = parsedUrl.origin;\n\n // Fetch the HTML from the URL\n const response = await fetch(url);\n const html = await response.text();\n\n // Find favicon links in the HTML\n // Using regex patterns to find icon link tags\n let faviconUrl = null;\n\n // Look for link tags with rel=\"icon\" or similar\n const iconRegex = /]*rel=[\"'](?:icon|shortcut icon|apple-touch-icon)[^>]*href=[\"']([^\"']+)[\"'][^>]*>/gi;\n const matches = html.matchAll(iconRegex);\n\n for (const match of matches) {\n if (match && match[1]) {\n faviconUrl = match[1];\n break;\n }\n }\n\n // If we didn't find an icon in link tags, try the default location\n if (!faviconUrl) {\n faviconUrl = \"/favicon.ico\";\n }\n\n // Make sure the URL is absolute\n if (!faviconUrl.startsWith(\"http://\") && !faviconUrl.startsWith(\"https://\")) {\n if (faviconUrl.startsWith(\"/\")) {\n faviconUrl = origin + faviconUrl;\n } else {\n faviconUrl = origin + \"/\" + faviconUrl;\n }\n }\n\n // Verify the favicon exists\n const faviconResponse = await fetch(faviconUrl, { method: \"HEAD\" });\n\n if (!faviconResponse.ok) {\n return null; // Favicon not found\n }\n\n return faviconUrl;\n } catch (error) {\n console.error(\"Error scraping favicon:\", error);\n return null;\n }\n}\n\nexport async function extractCamelCaseWords(str: string) {\n if (!str) return [];\n\n // This regex looks for word boundaries:\n // - Start of string\n // - Transitions from lowercase to uppercase\n const words = str.split(/(?=[A-Z])/).map(word => word.toLowerCase());\n const watchWords = [\"favicon\", \"team\", \"invoice\", \"estimate\"];\n\n // Remove words that are not in the watchWords array\n words.forEach((word, index) => {\n if (!watchWords.includes(word)) {\n words.splice(index, 1);\n }\n });\n return words;\n}",[],[203,265],["D",1744811153867],[237,238],[203],"1dc63b24-1ac9-11f0-ab7c-569c3dd06744","test-routes.ts","2223bbb8-7ea3-4fe9-b2a3-c8e5feb5f0a3",["D",1744811153867],"import { Hono } from \"npm:hono@3\";\n\nconst app = new Hono();\n\napp.post(\"/asdf\", async (c) => {\n const requestData = await c.req.json();\n console.log(requestData);\n return c.json({ ok: true });\n});\n\napp.post(\"/qwer/:id\", async (c) => {\n const action = c.req.param(\"id\");\n console.log({ action });\n return c.json({ action });\n});\n\napp.post(\"/test/:id\", async (c) => {\n const requestData = await c.req.json();\n const id = c.req.param(\"id\");\n\n // Make internal requests to other routes\n await app.request(\"/asdf\", {\n method: \"POST\",\n headers: {\n \"Content-Type\": \"application/json\",\n },\n body: JSON.stringify(requestData),\n });\n\n await app.request(\"/qwer/\" + id, {\n method: \"POST\",\n headers: {\n \"Content-Type\": \"application/json\",\n },\n body: JSON.stringify(requestData),\n });\n \n return c.json({ ok: true, id });\n});\n\nexport default app;",[],[209,275],"1dc638e0-1ac9-11f0-ab7c-569c3dd06744","root.ts","4b48b9e7-2676-488a-a915-d9f477ecf4e5",["D",1744811153867],"import { Hono } from \"npm:hono@3\";\n\nconst app = new Hono();\n\napp.get(\"/\", async (c) => {\n // create a single page react app that is deployed at this endpoint\n const valTownURL = import.meta.url;\n const notionURL = \"https://www.notion.so/bradnoble/val-town-for-Notion-1cbc200736c2807bb445eccf64d0afe9\";\n\n const content = {\n headline: \"Hi!\",\n message:\n \"This val.town project catches webhooks from Notion, makes changes to the data payload, and sends those changes back to Notion as page updates.\",\n cta: \"Read up on it and try the examples: \",\n };\n\n let html = `

${content.headline}

`;\n html += `

${content.message}

`;\n html += `

${content.cta}

`;\n html += `${notionURL}`;\n\n return c.html(html);\n});\n\nexport default app;",[],[209,282],"1dc62d1e-1ac9-11f0-ab7c-569c3dd06744","example-database-pages.ts","6fd9437f-0620-468c-8464-81c0e68eabd2",["D",1744811153867],"import { Hono } from \"npm:hono@3\";\nimport { blob } from \"https://esm.town/v/std/blob?v=12\";\nimport { Client } from \"npm:@notionhq/client\";\n\n// Initialize Notion client\nconst notion = new Client({\n auth: Deno.env.get(\"NOTION_API_KEY\"),\n});\n\nconst app = new Hono();\n\napp.post(\"/\", async (c) => {\n // blob keys map to endpoints for the cron resets\n const blobKey = await c.req.url.replace(\"https://\", \"\");\n const askingFor = c.req.headers.get(\"asking_for\") || \"default\"; // val.town or default\n\n // capture the database id to store in the blob\n const targetId = c.req.headers.get(\"target_id\");\n\n // get the pages in this database\n const databaseChildren = await notion.databases.query({ database_id: targetId });\n // delete all pages to prevent bad actors from leaving naughty rows behi\n for (const [key, child] of databaseChildren.results.entries()) {\n const page = await notion.pages.update({\n page_id: child.id,\n in_trash: true,\n });\n }\n\n // get the database\n const database = await notion.databases.retrieve({ database_id: targetId });\n // convert the statuses string in the status property into JSON\n const statuses = JSON.parse(database?.properties?.Statuses?.formula?.expression);\n // get the first item on the list of statuses, to set the status for new pages\n const status = statuses[0];\n // add back pages; fresh start for the next person to add favicons\n const defaults = [\"val.town\", \"notion.com\", \"hono.dev\"].reverse();\n // create new database pages from default object\n for (const item of defaults) {\n const page = await notion.pages.create({\n parent: {\n type: \"database_id\",\n database_id: targetId,\n },\n properties: {\n \"Website\": {\n \"title\": [\n {\n \"text\": {\n \"content\": item,\n },\n },\n ],\n },\n Status: {\n \"select\": {\n \"name\": status,\n },\n },\n },\n });\n }\n // store webhook data in blob storage for resets\n // blob key is the path variable so blobs map to endpoints\n const blobObject = {\n id: targetId,\n date: new Date(),\n content: askingFor,\n };\n await blob.setJSON(blobKey, blobObject);\n console.log(await blob.getJSON(blobKey));\n\n return c.json({ ok: true });\n});\n\nexport default app;",[],[209,289],"1dc62ac6-1ac9-11f0-ab7c-569c3dd06744","example-database-page.ts","84f85163-164c-4df3-88b7-4d0a794ad2f7",["D",1744811153867],"import { Hono } from \"npm:hono@3\";\nimport { blob } from \"https://esm.town/v/std/blob?v=12\";\nimport * as notionHelpers from \"../utils/notionHelpers.ts\";\n\nconst app = new Hono();\n\napp.post(\"/\", async (c) => {\n const payload = await c.req.json();\n const data = await payload?.data;\n // blob keys map to endpoints for the cron resets\n const blobKey = await c.req.url.replace(\"https://\", \"\") + \"s\";\n const askingFor = c.req.headers.get(\"asking_for\") || \"default\"; // val.town or default\n\n await notionHelpers.setPageStatus({ data: data, section: \"favicon\", step: \"first\" });\n const favicons = await notionHelpers.addFavicon(data);\n await notionHelpers.setPageStatus({ data: data, section: \"favicon\", step: \"last\" });\n\n // store webhook data in blob storage for resets\n // capture the database id to store in the blob\n const databaseId = data?.parent?.database_id;\n const blobObject = {\n id: databaseId,\n date: new Date(),\n content: askingFor,\n };\n await blob.setJSON(blobKey, blobObject);\n console.log(await blob.getJSON(blobKey));\n\n await notionHelpers.setPageStatus({ data: data, section: \"setup\", step: \"last\" });\n\n return c.json({ ok: true });\n});\n\nexport default app;",[],[209,296],"1dc62760-1ac9-11f0-ab7c-569c3dd06744","example-child-pages.ts","1067f418-df4f-4d56-905e-91fde91a1612",["D",1744811153867],"import { Hono } from \"npm:hono@3\";\nimport { blob } from \"https://esm.town/v/std/blob?v=12\";\nimport { Client } from \"npm:@notionhq/client\";\nimport * as notionHelpers from \"../utils/notionHelpers.ts\";\n\n// Initialize Notion client\nconst notion = new Client({\n auth: Deno.env.get(\"NOTION_API_KEY\"),\n});\n\nconst app = new Hono();\n\napp.post(\"/\", async (c) => {\n // webhook data\n // blob keys map to endpoints for the cron resets\n const blobKey = await c.req.url.replace(\"https://\", \"\");\n const targetId = c.req.headers.get(\"target_id\"); // the Notion button webhook sends this as a custom header\n const askingFor = c.req.headers.get(\"asking_for\") || \"default\"; // val.town or default\n\n const children = await notionHelpers.listChildrenChildPages(targetId) || [];\n // logs.push({ children });\n const emojis = [\"👍\", \"🚀\", \"😀\", \"❤️\"];\n\n // update the page icon for each page in children\n for (const [key, child] of children.entries()) {\n // default icon is notion's page icon, which comes when icon is null\n let icon = null;\n // val.town enriches icons with emojis\n if (askingFor === \"val.town\") {\n icon = {\n type: \"emoji\",\n emoji: emojis[key], // \"👍\",\n };\n }\n // update the page icon\n const page = await notion.pages.update({\n page_id: child.id,\n icon: icon,\n });\n // logs.push(page);\n }\n // store webhook data in blob storage for resets\n // blob key is the path variable so blobs map to endpoints\n const blobObject = {\n id: targetId,\n date: new Date(),\n content: askingFor,\n };\n await blob.setJSON(blobKey, blobObject);\n console.log(await blob.getJSON(blobKey));\n\n return c.json({ ok: true });\n});\n\nexport default app;",[],[209,303],"1dc624ea-1ac9-11f0-ab7c-569c3dd06744","example-callout.ts","5e963b89-29d2-4cdb-9b3a-95eafe0f8d7b",["D",1744811153867],"import { Hono } from \"npm:hono@3\";\nimport { blob } from \"https://esm.town/v/std/blob?v=12\";\nimport * as notionHelpers from \"../utils/notionHelpers.ts\";\n\nconst app = new Hono();\n\napp.post(\"/\", async (c) => {\n // webhook data\n const blobKey = await c.req.url.replace(\"https://\", \"\");\n const targetId = c.req.headers.get(\"target_id\"); // the Notion button webhook sends this as a custom header\n const askingFor = c.req.headers.get(\"asking_for\") || \"default\"; // val.town or default\n\n // update the callout with the content in askingFor\n await notionHelpers.setBlockContent(targetId, askingFor);\n\n // store webhook data in blob storage for resets\n // blob key is the path variable so blobs map to endpoints\n const blobObject = {\n id: targetId,\n date: new Date(),\n content: askingFor,\n };\n await blob.setJSON(blobKey, blobObject);\n console.log(await blob.getJSON(blobKey));\n\n return c.json({ ok: true });\n});\n\nexport default app;",[],[209,310],"1dc6229c-1ac9-11f0-ab7c-569c3dd06744","count-examples.ts","06ee2cc2-6841-4071-be91-02a0fe337de1",["D",1744811153867],"import { Hono } from \"npm:hono@3\";\nimport * as notionHelpers from \"../utils/notionHelpers.ts\";\n\nconst app = new Hono();\n\napp.post(\"/\", async (c) => {\n const payload = await c.req.json();\n let data = await payload?.data;\n const pageId = await data?.id;\n const logs = [];\n\n const exampleFlag = \"https://www.notion.so/icons/cursor-click_blue.svg\";\n const children = await notionHelpers.listChildren(pageId);\n const callouts = await children?.results.filter((child) => child?.callout?.icon?.external?.url === exampleFlag) || [];\n logs.push(callouts.length, { callouts });\n logs.push(callouts[0].callout.icon.external);\n\n console.log(logs);\n return c.json(logs);\n});\n\nexport default app;",[],[209,317],"1dc62080-1ac9-11f0-ab7c-569c3dd06744","auth.ts","2cbc1757-3d70-4917-9c45-8fe3be0672fa",["D",1744811153867],"export default async (c, next) => {\n const secret = c.req.header(\"x-api-key\");\n if (secret !== Deno.env.get(\"X_API_KEY\")) {\n return c.text(\"Unauthorized\", 401);\n }\n await next();\n};",[],[209,324],"1dc618ba-1ac9-11f0-ab7c-569c3dd06744","95c43d42-4f9d-44f7-a866-451c09a366cf",["D",1744811153867],"# Routes Directory\n\nThis directory contains all the route handlers for the webhookAPI application. Each file exports a Hono app that handles a specific route or group of related routes.\n\n## Structure\n\n- `auth.ts` - Authentication middleware\n- `example-database-pages.ts` - Handles `/example/database/pages` endpoint\n- `example-database-page.ts` - Handles `/example/database/page` endpoint\n- `example-child-pages.ts` - Handles `/example/child_pages` endpoint\n- `example-callout.ts` - Handles `/example/callout` endpoint\n- `count-examples.ts` - Handles `/countExamples` endpoint\n- `test-routes.ts` - Handles `/asdf`, `/qwer/:id`, and `/test/:id` endpoints\n- `root.ts` - Handles the root `/` endpoint",[],[209,197],["D",1744811153867],[227,228,229,230,231,232,233,234,235],[209],["D",1744293493384],{"_11":12,"_144":140},{"_11":12,"_138":-5,"_139":140,"_110":111,"_141":142,"_143":49},{"_41":56,"_13":16,"_32":57,"_39":40,"_43":33,"_44":58,"_59":51,"_60":40,"_61":54,"_55":14,"_52":12},"ctx",{"_133":-5,"_165":376,"_377":378,"_379":380,"_381":49,"_382":49,"_383":49,"_384":26,"_385":-5,"_386":-7,"_387":-7,"_388":182,"_389":49,"_390":49,"_391":-5,"_392":49,"_393":49,"_394":49,"_395":-5},"ENV",{"_347":348,"_349":350,"_351":38,"_352":353,"_354":355,"_356":357,"_358":359,"_360":361,"_362":363,"_364":365,"_366":367,"_368":369,"_370":371,"_372":373,"_374":375},"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"]

Compare

Mergeembedsintomain

embeds+35-0

Hform+129-0