[{"_1":2,"_3":-5,"_4":-5},"loaderData",{"_5":6,"_7":8,"_9":10},"actionData","errors","root",{"_328":329,"_330":331},"routes/_app.x.$handle.$name",{"_100":99,"_32":46,"_108":90,"_27":109,"_13":14,"_110":-5,"_11":111,"_112":113,"_114":115,"_116":117,"_118":119,"_20":-5,"_120":-5,"_121":-5,"_122":25,"_123":124,"_125":61,"_126":-5,"_127":-5,"_128":129},"routes/_app.x.$handle.$name.branch.$branch.version.$version.diff",{"_11":12,"_13":14,"_15":16,"_17":-5,"_18":-5},"project",{"_44":45,"_32":46,"_39":47,"_48":-5,"_49":25,"_50":51,"_52":51,"_53":54,"_55":56,"_18":57,"_58":59,"_60":61,"_62":-5,"_63":64,"_65":66,"_67":68,"_69":-5,"_70":-5,"_71":-5,"_72":-5,"_73":74,"_75":74,"_76":77,"_78":77,"_79":77,"_80":74,"_81":74,"_82":83,"_84":85,"_86":87,"_88":25},"version",1119,"changes",[19],"aiChatInfo","userId",{"_20":21,"_22":23,"_24":25,"_26":25,"_27":28,"_29":28},"file",{"_30":31,"_32":33,"_34":35,"_36":38,"_39":40,"_41":14,"_42":43,"_24":25},"previous",{"_30":31,"_32":33,"_34":35,"_36":37},"deleted",false,"deletedHere","path","routes/root.ts","latestPath","fileId","f88f4bec-1a1a-11f0-9377-569c3dd06744","name","root.ts","fileType","script","content","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: \"👋 Welcome to the root API endpoint of this Hono app, running on val.town\",\n message: \"Find more detail in the README.\",\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;","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: \"👋 Welcome to the root API endpoint of this Hono app, running on val.town\",\n message: \"Find more detail in the README.\",\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;","createdAt",["D",1745503853839],"branchVersion","branchId","d8176b5c-1613-11f0-91f5-569c3dd06744","id","d814c30c-1613-11f0-91f5-569c3dd06744","ValTownForNotion",["D",1744293493384],"deletedAt","legacyEnvVars","privacy","public","httpPrivacy","description","Augmenting Notion with webhooks and val.town.","imageUrl","https://imagedelivery.net/iHX6Ovru0O7AjmyT5yZRoA/f25cb5fe-2b5b-4f08-5492-f088b3195400/square512?exp=1789585199&sig=e53b677ca92a8ac34d4e3eadb6a0a82b4c71bb14a144a284d8411f995ddf8281","5df592ef-f349-498c-a580-fdeaf4cbe6c9","pinnedFileId","6b696612-f13d-46cc-a0c0-612473883f2c","pinPreview",true,"pinMigrated","screenshotVersion",812,"likeCount",7,"orgId","553221cb-cf30-487d-a0cb-f2ba0209ad00","tursoName","tursoHostname","tursoMeasuredAt","pinned","userPerm","r","valPerm","blobPerm","rw","emailPerm","sqlitePerm","projectPerm","telemetryPerm","user",{"_100":99,"_107":103},"org",{"_100":99,"_101":-5,"_102":103,"_18":57,"_104":105,"_106":25},"branch",{"_13":89,"_32":90,"_44":43,"_91":45,"_92":-5,"_93":-5,"_94":-5,"_95":-5,"_96":-5,"_97":46,"_98":99},"isOwned",1127,"main","projectId","forkedBranchId","forkedBranchVersion","forkedProjectPrivacy","forkedProjectId","forkedProjectOrgId","projectName","userHandle","bradnoble","handle","displayName","avatar","https://img.clerk.com/eyJ0eXBlIjoicHJveHkiLCJzcmMiOiJodHRwczovL2ltYWdlcy5jbGVyay5kZXYvdXBsb2FkZWQvaW1nXzJ4YUNlWnM0S3Z6OWxiOUlLS25sWjNJWFhzSSJ9","tier","free","canRestrictVals","profileImageUrl","branchName","","adoptOrgId",{"_44":45,"_32":46,"_39":324,"_48":-5,"_49":25,"_50":51,"_52":51,"_53":54,"_55":56,"_18":57,"_58":59,"_60":61,"_62":-5,"_63":64,"_65":66,"_67":68,"_69":-5,"_70":-5,"_71":-5,"_72":-5,"_73":74,"_75":74,"_76":77,"_78":77,"_79":77,"_80":74,"_81":74,"_82":325,"_84":326,"_86":327,"_88":25},"tree",[191,203,206,207,208],"files",[191,192,193,194,195,196,197,198,199,200,201,202,203,204,205,206,207,208],"counts",{"_178":169,"_179":180,"_181":182,"_183":184,"_185":186},"contents",[130,131,132,133,134],"upstreamProject","upstreamBranch","emptyEnvVars","flags",[],"hasHttpFiles","grants","orgs","customDomains",{},{"_44":172,"_32":173,"_30":174,"_137":-5,"_42":43,"_41":175,"_139":61,"_39":176,"_13":169,"_34":170,"_36":-5,"_24":25,"_144":-5,"_27":177},{"_44":164,"_32":165,"_30":166,"_137":-5,"_42":43,"_41":167,"_139":61,"_39":168,"_13":169,"_34":170,"_36":-5,"_24":25,"_144":-5,"_27":171},{"_44":156,"_32":157,"_30":158,"_137":-5,"_42":43,"_41":159,"_139":61,"_39":160,"_13":161,"_34":20,"_36":162,"_24":25,"_144":-5,"_27":163},{"_44":147,"_32":148,"_30":149,"_137":-5,"_42":43,"_41":150,"_139":61,"_39":151,"_13":152,"_34":153,"_36":154,"_24":25,"_144":-5,"_27":155},{"_44":135,"_32":136,"_30":59,"_137":-5,"_42":43,"_41":138,"_139":61,"_39":140,"_13":141,"_34":142,"_36":143,"_24":25,"_144":145,"_27":146},"7ab52da6-2111-11f0-8da8-569c3dd06744","webhookAPI","parentId",1113,"latest",["D",1745501940517],617,"http","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 exampleGuestWelcome from \"./routes/example-guest-welcome.ts\";\nimport propertyInjections from \"./routes/property-injections.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(\"/example/guest/welcome\", exampleGuestWelcome);\napp.route(\"/countExamples\", countExamples);\napp.route(\"/property/injections\", propertyInjections);\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;","label","valtownfornotion",[136],"4ec1dc34-1fd7-11f0-87f1-569c3dd06744","resets","44079c53-27a5-4518-9b07-d4566db58bb1",1112,["D",1745367004813],149,"interval","import { 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\nexport default async function(interval: Interval) {\n const subdomain = \"valtownfornotion\";\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 = [\n \"https://\" + subdomain + \".val.run\",\n lastRun?.path,\n ].join(\"\");\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 the block associated to this blob no longer exists in notion\n // the blob should be deleted; the block id is in lastRun.id\n // and can be either a callout block or a child_database\n const block = await notion.blocks.retrieve({ block_id: lastRun?.id });\n // console.log(block);\n if (!block.archived) { // ie, archived: false in the json\n // console.log(block.type, \" exists!\", block.id, block.archived);\n // the block exists, so you can do the reset\n\n // reset via the API\n // this way we keep the notion data and the blob data (our cache) in sync\n // the API resets the blocks on notion pages, and also knows what to do with the blob\n // (note the x-blob-key header)\n if (content != \"default\" && diffInMinutes > .5) {\n const response = await fetch(fetchURL, {\n method: \"POST\",\n headers: {\n \"Content-Type\": \"application/json\",\n \"x-asking-for\": \"default\",\n \"x-blob-key\": item.key,\n \"x-api-key\": Deno.env.get(\"X_API_KEY\"),\n },\n body: JSON.stringify({\n data: {\n id: lastRun?.user?.page_id,\n },\n }),\n });\n }\n } else { // if the block is not archived (ie, archived: true), clean up the blob\n console.log(block.id, block.type, \" is gone!\", \"archived:\" + block.archived);\n // delete the blob\n await blob.delete(item.key);\n console.log(\"deleted: \", item.key);\n console.log(await blob.getJSON(item.key));\n }\n }\n}",[148],"fd611a4a-1edb-11f0-aa0d-569c3dd06744","README.md","bb208386-19eb-11f0-83c4-569c3dd06744",826,["D",1745259064604],10,"# 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\nHere's one of the examples, which uses val.town to update database pages with favicons from the web:\n\n![valtown-for-notion-example.gif](https://imagedelivery.net/iHX6Ovru0O7AjmyT5yZRoA/a050f132-f6da-4af8-d0b3-ae8c60783900/public)\n\nRead up on it and try the examples:\n[https://www.notion.so/bradnoble/val-town-for-Notion-1cbc200736c2807bb445eccf64d0afe9?pvs=4](https://www.notion.so/bradnoble/val-town-for-Notion-1cbc200736c2807bb445eccf64d0afe9?pvs=4)\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. That cron uses the subdomain as the prefix for all the blob storage.\n\n![image.png](https://imagedelivery.net/iHX6Ovru0O7AjmyT5yZRoA/a8afa60b-7ff7-4707-b07b-6011b8e2b700/public)",[157],"d81a69ba-1613-11f0-91f5-569c3dd06744","utils","1a8e7db7-a152-474a-bbec-98fe46feebd6",1,["D",1744293493384],0,"directory",[165],"f88f7342-1a1a-11f0-9377-569c3dd06744","routes","1358bde9-aa9b-4ee5-aad0-ae46ed76d356",818,["D",1744736358994],[173],"pulls","branches",5,"forks",8,"envVars",{"_187":189,"_190":169},"connections",{"_187":169,"_188":169},"count","unfilledCount",3,"emptyCount",{"_44":172,"_32":173,"_30":174,"_137":-5,"_42":43,"_41":175,"_139":61,"_39":321,"_13":169,"_34":170,"_36":-5,"_24":25,"_144":-5,"_210":322,"_27":323},{"_44":315,"_32":157,"_30":316,"_137":174,"_42":43,"_41":138,"_139":61,"_39":317,"_13":167,"_34":20,"_36":318,"_24":25,"_144":-5,"_210":319,"_27":320},{"_44":308,"_32":309,"_30":310,"_137":174,"_42":43,"_41":175,"_139":61,"_39":311,"_13":169,"_34":35,"_36":312,"_24":25,"_144":-5,"_210":313,"_27":314},{"_44":301,"_32":302,"_30":303,"_137":174,"_42":43,"_41":175,"_139":61,"_39":304,"_13":169,"_34":35,"_36":305,"_24":25,"_144":-5,"_210":306,"_27":307},{"_44":292,"_32":293,"_30":294,"_137":174,"_42":43,"_41":295,"_139":61,"_39":296,"_13":297,"_34":35,"_36":298,"_24":25,"_144":-5,"_210":299,"_27":300},{"_44":284,"_32":285,"_30":286,"_137":174,"_42":43,"_41":287,"_139":61,"_39":288,"_13":180,"_34":35,"_36":289,"_24":25,"_144":-5,"_210":290,"_27":291},{"_44":275,"_32":276,"_30":277,"_137":174,"_42":43,"_41":278,"_139":61,"_39":279,"_13":280,"_34":35,"_36":281,"_24":25,"_144":-5,"_210":282,"_27":283},{"_44":266,"_32":267,"_30":268,"_137":174,"_42":43,"_41":269,"_139":61,"_39":270,"_13":271,"_34":35,"_36":272,"_24":25,"_144":-5,"_210":273,"_27":274},{"_44":259,"_32":260,"_30":261,"_137":174,"_42":43,"_41":138,"_139":61,"_39":262,"_13":169,"_34":35,"_36":263,"_24":25,"_144":-5,"_210":264,"_27":265},{"_44":252,"_32":253,"_30":254,"_137":174,"_42":43,"_41":138,"_139":61,"_39":255,"_13":169,"_34":35,"_36":256,"_24":25,"_144":-5,"_210":257,"_27":258},{"_44":247,"_32":33,"_30":31,"_137":174,"_42":43,"_41":14,"_139":25,"_39":248,"_13":249,"_34":35,"_36":38,"_24":25,"_144":-5,"_210":250,"_27":251},{"_44":240,"_32":241,"_30":242,"_137":174,"_42":43,"_41":175,"_139":61,"_39":243,"_13":169,"_34":35,"_36":244,"_24":25,"_144":-5,"_210":245,"_27":246},{"_44":164,"_32":165,"_30":166,"_137":-5,"_42":43,"_41":167,"_139":61,"_39":237,"_13":169,"_34":170,"_36":-5,"_24":25,"_144":-5,"_210":238,"_27":239},{"_44":228,"_32":229,"_30":230,"_137":166,"_42":43,"_41":231,"_139":61,"_39":232,"_13":233,"_34":35,"_36":234,"_24":25,"_144":-5,"_210":235,"_27":236},{"_44":219,"_32":220,"_30":221,"_137":166,"_42":43,"_41":222,"_139":61,"_39":223,"_13":224,"_34":35,"_36":225,"_24":25,"_144":-5,"_210":226,"_27":227},{"_44":156,"_32":157,"_30":158,"_137":-5,"_42":43,"_41":159,"_139":61,"_39":216,"_13":161,"_34":20,"_36":162,"_24":25,"_144":-5,"_210":217,"_27":218},{"_44":147,"_32":148,"_30":149,"_137":-5,"_42":43,"_41":150,"_139":61,"_39":213,"_13":152,"_34":153,"_36":154,"_24":25,"_144":-5,"_210":214,"_27":215},{"_44":135,"_32":136,"_30":59,"_137":-5,"_42":43,"_41":138,"_139":61,"_39":209,"_13":141,"_34":142,"_36":143,"_24":25,"_144":145,"_210":211,"_27":212},["D",1745501940517],"children",[],[136],["D",1745367004813],[],[148],["D",1745259064604],[],[157],"722832be-1f90-11f0-b491-569c3dd06744","notionHelpers.ts","a84009c8-6837-4608-99c6-dd3af25a5925",1080,["D",1745336569938],130,"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 createDatabasePagesParallel(databaseId: string, pages: []) {\n const creations = pages.map((page) =>\n notion.pages.create({\n parent: { database_id: databaseId },\n properties: {\n \"Website\": {\n \"title\": [\n {\n \"text\": {\n \"content\": page.domain,\n },\n },\n ],\n },\n \"Description\": {\n \"rich_text\": [\n {\n \"text\": {\n \"content\": page.description,\n },\n },\n ],\n },\n Status: {\n \"select\": {\n \"name\": page.status,\n },\n },\n },\n })\n );\n const results = await Promise.allSettled(creations);\n return results;\n}\n\n// delete all database rows\nexport async function deleteAllDatabasePagesParallel(databaseId: string) {\n const pageIds = await notion.databases.query({\n database_id: databaseId,\n });\n // Step 2: Delete all pages in parallel\n const deletions = pageIds.results.map((page) =>\n notion.pages.update({\n page_id: page.id,\n archived: true,\n })\n );\n // Wait for all deletions to complete (even if some fail)\n const results = await Promise.allSettled(deletions);\n return results;\n}\n\nexport async function getDatabaseId(databaseTitle: string) {\n // getDatabaseId(databaseTitle)\n const database = await notion.databases\n .query({ filter: { property: \"title\", title: { equals: databaseTitle } } });\n return database.results[0].id;\n}\n\nexport async function getDatabaseTitle(databaseId: string) {\n // getDatabaseTitle(databaseId)\n const database = await notion.databases.retrieve({ database_id: databaseId });\n // console.log(database.title[0].plain_text);\n return database.title[0].plain_text;\n}\n\nexport async function getDatabaseParentPageId(databaseId: string) {\n let currentBlockId = databaseId;\n\n while (true) {\n const block = await notion.blocks.retrieve({ block_id: currentBlockId });\n\n if (!block.parent) {\n throw new Error(`No parent found for block ${currentBlockId}`);\n }\n\n const parent = block.parent;\n\n if (parent.type === \"page_id\") {\n return parent.page_id;\n }\n\n if (parent.type === \"block_id\") {\n // Climb to the next parent block\n currentBlockId = parent.block_id;\n } else {\n throw new Error(`Unsupported parent type: ${parent.type}`);\n }\n }\n}\n\nexport async function getCalloutProperties(askingFor: string) {\n const blockProperties = (askingFor != \"val.town\")\n ? {\n \"icon\": {\n type: \"external\",\n external: {\n url: \"https://www.notion.so/icons/notion_blue.svg\",\n },\n },\n \"color\": \"default_background\",\n }\n : {\n \"icon\": {\n type: \"external\",\n external: {\n url: \"https://static.esm.town/build/_assets/vt-whiteOnBlack-VOLODW64.svg\",\n },\n },\n \"color\": \"yellow_background\",\n };\n return blockProperties;\n}\n\nexport async function findChildDatabaseBlocks(rootBlockId: string, blockIdentifier: string) {\n const matchingBlocks = [];\n\n async function searchBlock(blockId) {\n const res = await notion.blocks.children.list({ block_id: blockId });\n\n for (const block of res.results) {\n // if (\n // block.type === \"callout\" && block.callout?.rich_text?.[0]?.plain_text && (!block.archived || !block.in_trash)\n // ) {\n // const calloutText = await helpers.slugify(block.callout?.rich_text?.[0]?.plain_text.toLowerCase()) || \"\";\n // const identifier = await helpers.slugify(blockIdentifier?.toLowerCase());\n\n // if (calloutText === identifier) {\n // console.log(calloutText, identifier);\n // matchingBlocks.push(block);\n // }\n // }\n if (\n block.type === \"child_database\" && block.child_database?.title && (!block.archived || !block.in_trash)\n ) {\n const databaseTitle = await helpers.slugify(block.child_database?.title.toLowerCase()) || \"\";\n const identifier = await helpers.slugify(blockIdentifier?.toLowerCase());\n\n if (databaseTitle === identifier) {\n console.log(databaseTitle, identifier);\n matchingBlocks.push(block);\n }\n // console.log(block);\n // matchingBlocks.push(block);\n }\n\n // If the block has children, recurse\n if (block.has_children && matchingBlocks.length === 0) {\n await searchBlock(block.id);\n }\n }\n }\n\n await searchBlock(rootBlockId);\n\n return matchingBlocks;\n}\n\nexport async function findCalloutBlocks(rootBlockId: string, blockIdentifier: string) {\n const matchingBlocks = [];\n\n async function searchBlock(blockId) {\n const res = await notion.blocks.children.list({ block_id: blockId });\n\n for (const block of res.results) {\n // get callouts that are flagged with the val.town icon in this workspace\n // archived: false,\n // in_trash: false,\n if (\n block.type === \"callout\" && block.callout?.rich_text?.[0]?.plain_text && (!block.archived || !block.in_trash)\n ) {\n const calloutText = await helpers.slugify(block.callout?.rich_text?.[0]?.plain_text.toLowerCase()) || \"\";\n const identifier = await helpers.slugify(blockIdentifier?.toLowerCase());\n\n if (calloutText === identifier) {\n console.log(calloutText, identifier);\n matchingBlocks.push(block);\n }\n }\n\n // If the block has children, recurse\n // limit return to one item\n if (block.has_children && matchingBlocks.length === 0) {\n await searchBlock(block.id);\n }\n }\n }\n\n await searchBlock(rootBlockId);\n\n return matchingBlocks;\n}\n\nexport async function getBostonTime() {\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 return `val.town says, \"It's ${formattedDate} in Boston.\"`;\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 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 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}",[],[165,220],"42712cda-1f8e-11f0-a119-569c3dd06744","helpers.ts","a90c4a83-fbd9-4f81-a12d-b478c179bff4",1072,["D",1745335630890],15,"export async function setBlobKey(object: any) {\n const { slug, clientPageId, containerId } = object;\n const blobKey = [ // key_legend: \"[subdomain]--[id of guest page]--[id of container to be reset]\",\n slug.split(\".\")[0], // subdomain name minus .val.run\n clientPageId.replaceAll(\"-\", \"\"), // remove hyphens from ids\n containerId,\n ].join(\"--\");\n\n // console.log(blobKey);\n return blobKey;\n}\n\nexport async function slugify(str: string) {\n // const containerTitleSlug = (await helpers.setContainerTitle(c.req.headers.get(\"x-container-title\"))).split(\" \").join(\"-\");\n return (str.replace(/[^\\w\\s]|_/g, \"\").replace(/\\s+/g, \" \").trim().toLowerCase()).split(\" \").join(\"-\");\n}\n\n// 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}",[],[165,229],["D",1744293493384],[204,205],[165],"f88f4d18-1a1a-11f0-9377-569c3dd06744","test-routes.ts","f88f4d86-1a1a-11f0-9377-569c3dd06744",["D",1744736358994],"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;",[],[173,241],"ef21f49a-2115-11f0-b11c-569c3dd06744",["D",1745503853839],6,[],[173,33],"7ab52824-2111-11f0-8da8-569c3dd06744","property-injections.ts","7ab528a6-2111-11f0-8da8-569c3dd06744",["D",1745501940517],"import { blob } from \"https://esm.town/v/std/blob?v=12\";\nimport { Client } from \"npm:@notionhq/client\";\nimport { Hono } from \"npm:hono@3\";\nimport * as helpers from \"../utils/helpers.ts\";\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 // THIS MAY BE DEPRECATED IN V3\n\n // Extract data from request\n const slug = await c.req.url.replace(\"https://\", \"\");\n const copyLink = c.req.headers.get(\"x-copy-link\") || \"\"; // the URL of the block to update on the page\n const payload = await c.req.json();\n const pageId = payload?.data?.id;\n\n // extract the id of the block from the x-copy-link header\n const blockId = copyLink?.split(\"#\").pop();\n // console.log(\"blockId: \", blockId);\n\n // update Notion page block with JSON formatted as javascript\n const block = await notion.blocks.update({\n block_id: blockId,\n code: {\n rich_text: [\n {\n text: {\n content: JSON.stringify(payload?.data?.properties, null, 2),\n },\n },\n ],\n language: \"javascript\",\n },\n });\n console.log(block);\n\n return c.json({ ok: true });\n});\n\nexport default app;",[],[173,253],"7ab50a06-2111-11f0-8da8-569c3dd06744","example-guest-welcome.ts","7ab50ae2-2111-11f0-8da8-569c3dd06744",["D",1745501940517],"import { blob } from \"https://esm.town/v/std/blob?v=12\";\nimport { Client } from \"npm:@notionhq/client\";\nimport { Hono } from \"npm:hono@3\";\nimport * as helpers from \"../utils/helpers.ts\";\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 try {\n // Extract data from request\n const payload = await c.req.json();\n const pageId = await payload.data?.id;\n const guest = payload?.data?.properties?.Guest || \"\";\n\n // to package this project we may need to call Notion to get the full page object\n // rather than rely on what's sent by the webhook and arrives in the payload\n // for now, we can assume that the webhook will sent what this endpoint needs\n // const page = await notion.pages.retrieve({ page_id: pageId });\n // console.log(page);\n // console.log(guest);\n\n // find the \"welcome\" callout in the page\n // it's the callout with the \"wave\" emoji in the icon property\n const children = await notion.blocks.children.list({\n block_id: pageId,\n });\n const welcomeCallout = await children.results.filter((child) => {\n return (child.type === \"callout\" && child.callout?.icon?.type == \"emoji\")\n && (child.callout?.icon?.emoji.includes(\"👋\"));\n });\n // console.log(welcomeCallout);\n // update the block with the id of welcomeCallout[0].id\n await notion.blocks.update({\n block_id: welcomeCallout[0].id,\n \"callout\": {\n \"rich_text\": [\n {\n \"type\": \"text\",\n \"text\": {\n \"content\": \"Hi, \" + guest.people[0]?.person?.email + \"!\",\n },\n annotations: {\n bold: true,\n italic: false,\n strikethrough: false,\n underline: true,\n code: false,\n color: \"default\",\n },\n },\n ],\n },\n });\n\n return c.json({\n ok: true,\n });\n } catch (error) {\n console.error(\"Error in guest welcome endpoint:\", error);\n return c.json({\n ok: false,\n error: \"Failed to process welcome request\",\n details: error.message,\n }, 500);\n }\n});\n\nexport default app;",[],[173,260],"1ca55b5e-1f91-11f0-848f-569c3dd06744","example-database-pages.ts","f88f4480-1a1a-11f0-9377-569c3dd06744",1085,["D",1745336855970],19,"import { blob } from \"https://esm.town/v/std/blob?v=12\";\nimport { Client } from \"npm:@notionhq/client\";\nimport { Hono } from \"npm:hono@3\";\nimport * as helpers from \"../utils/helpers.ts\";\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\n const slug = await c.req.url.replace(\"https://\", \"\");\n const askingFor = c.req.headers.get(\"x-asking-for\") || \"default\"; // val.town or default\n const containerTitle = c.req.headers.get(\"x-container-title\") || \"good web sites\"; // should map to the database title\n const payload = await c.req.json();\n const pageId = payload?.data?.id;\n\n const defaults = [\n { \"domain\": \"val.town\", \"description\": \"val.town is awesome.\", \"status\": \"No favicon\" },\n { \"domain\": \"notion.com\", \"description\": \"Notion is awesome.\", \"status\": \"No favicon\" },\n { \"domain\": \"hono.dev\", \"description\": \"Hono is awesome.\", \"status\": \"No favicon\" },\n ].reverse();\n\n // this endpoint handles two types of resets:\n // 1) cron reets\n // 2) button resets\n\n // reset crons send x-blob-key as a custom header\n // if we have that header, use it to find the blob\n // (note that notion button calls will _not_ have the x-blob-key custom header)\n\n // otherwise, if this is a call from a notion reset button, we should have the block id to modify cached\n // we just need to build the key to find the blob with that block id\n\n // when the reset button is clicked, it sends the x-container-title header\n // we use this header to a) find a blob or b) if no blob, find a database with a title that matches it\n // a) find a blob\n // b) find a database with a title that matches it\n\n // blob\n const blobKey = (c.req.headers.get(\"x-blob-key\")) // this header is only sent by reset cron\n ? c.req.headers.get(\"x-blob-key\") // if this is a reset cron, use the blob key sent by the reset cron\n : await helpers.setBlobKey({ // otherwise, build a blob key from the custom headers sent by the button\n \"slug\": slug,\n \"clientPageId\": pageId,\n \"containerId\": await helpers.slugify(c.req.headers.get(\"x-container-title\")),\n });\n console.log(\"blobKey:\", blobKey);\n\n // use the key we just built to find a blob, if there is one\n // we'll use the block id in this blob as the callout to modify\n const blobject = await blob.getJSON(blobKey) || null; // get the blob if there is one\n console.log(\"blobject:\", blobject);\n\n // if the blob exists that maps to this callout for this user, use the id property inside it\n // otherwise call the function to find the id of the callout for this user\n // const blockId = blobject // if therre's a blob, then this isn't the first call\n // ? blobject.id // use the id in the blob to speed up subsequent calls\n // : (await notionHelpers.findCalloutBlocks(pageId, containerTitle))[0].id; // otherwise, find the callout id in the page\n // console.log(\"blockId:\", blockId);\n\n const databaseId = blobject?.id || (await notionHelpers.findChildDatabaseBlocks(pageId, containerTitle))[0].id;\n // console.log(\"databaseId:\", databaseId);\n\n // actions\n await notionHelpers.deleteAllDatabasePagesParallel(databaseId);\n // add back pages; fresh start for the next person to add favicons\n // create new database pages from default object\n await notionHelpers.createDatabasePagesParallel(databaseId, defaults);\n // store webhook data in blob storage for resets\n await blob.setJSON(blobKey, {\n path: c.req.path,\n user: {\n page_id: pageId,\n },\n id: databaseId,\n date: new Date(),\n content: askingFor,\n });\n\n return c.json({ ok: true });\n});\n\nexport default app;",[],[173,267],"d862c8c4-1f99-11f0-ae6c-569c3dd06744","example-database-page.ts","f88f4304-1a1a-11f0-9377-569c3dd06744",1092,["D",1745340606915],66,"import { blob } from \"https://esm.town/v/std/blob?v=12\";\nimport { Client } from \"npm:@notionhq/client\";\nimport { Hono } from \"npm:hono@3\";\nimport * as helpers from \"../utils/helpers.ts\";\nimport * as notionHelpers from \"../utils/notionHelpers.ts\";\n\nconst app = new Hono();\n\n// Initialize Notion client\nconst notion = new Client({\n auth: Deno.env.get(\"NOTION_API_KEY\"),\n});\n\napp.post(\"/\", async (c) => {\n // webhook\n const slug = await c.req.url.replace(\"https://\", \"\");\n const askingFor = await c.req.headers.get(\"x-asking-for\") || \"default\"; // val.town or default\n // payload\n const payload = await c.req.json();\n const data = payload?.data;\n const pageId = data?.id;\n const databaseId = data?.parent?.database_id;\n\n // this endpoint is for a specific database page and is triggered by a button in that database page\n\n // the button that calls this endpoint sends a payload with the id of the database page, and the id of the parent database\n // (e.g., pageId and databaseId from the payload)\n\n // different than other endpoints, this one does not get called by a reset button or the cron reset\n // instead, the reset button and the reset cron target the database, not the page\n // so, we don't have a reset call coming in with the x-blob-key custom header to this enpoint\n // nor do we have a x-container-title header that holds the title of the target object coming from the button payload\n\n // both the reset button and the reset cron delete all database pages, and then add back fresh pages\n // the endpoint for that is /example-database-pages (note the \"s\" at the end)\n\n // different than other endpoints, we get the id of the block to modify (ie, the database page) from the button payload\n // so, we don't need to do the things we do at other endpoints to get the id of target block\n // (e.g., search the blob cache, or traverse notion page objects)\n\n // but, we do need to set the blob for the resets\n // and for that we'll need the id of the page in which this database lives\n // and an identifier for the database\n\n // can that idenfifier be the databaseId rather than the database title?\n // the reset button sends the database title to the .../pages endpoint in order to find the id of the database\n // but the matching there will traverse the notion page database objects looking for a title match\n // which has nothing to do with the database title in the blob\n\n // note: if you're wondering why none of the notion buttons have hard-coded ids for the targeting\n // we can't hard-code ids into the buttons because the guest or I will have to update the custom headers\n // for every button that gets cloned for every user\n // as is, i can clone a page with examples for a guest and everything will work without anyone needing to edit button settings\n\n // when a user adds a favicon to a database page, we need to capture in the blob cache that a page in this database has been updated\n // so that resets know which database to reset\n // but the payload of the favicon button in this page does _not_ send the id of the page in which the database lives\n // nor does it send the database title\n // so we'll need to get those to make the blob key\n\n // unless there's already a blob key that matches\n // to see if there's a match, loop through blobs rather than traversing the notion page\n // though not ideal, it's faster than doing the API calls necessary to traverse the Notion page\n const checkForBlob = async () => {\n const items = await blob.list(slug.split(\".\")[0]);\n // console.log(stub, hits, hits.length);\n for (const item of items) {\n const blobData = await blob.getJSON(item.key);\n if (blobData?.id === databaseId) {\n // console.log(item.key, blobData);\n blobData.key = item.key;\n return blobData;\n }\n }\n return null;\n };\n const blobject = await checkForBlob();\n console.log(\"blobject:\", blobject);\n\n // actions\n const favicons = await notionHelpers.addFavicon(data);\n\n // blob for cache\n // get the parent page id of this child_database\n // this is the user's page and we need it for the blob key\n const parentPageId = blobject?.user\n ? blobject?.user?.page_id\n : await notionHelpers.getDatabaseParentPageId(databaseId);\n\n // we also need the database title\n // even though we have the database id and it's tempting to use it here\n // we need the title in the blob key so that the reset button can work\n // b/c the reset button can only send the title in the x-container-title header\n // with no other way to tie the button to the database\n\n // const databaseTitle = blobject?.key\n // ? (blobject?.key).split(\"--\").pop()\n // : await notionHelpers.getDatabaseTitle(databaseId);\n const databaseTitle = await notionHelpers.getDatabaseTitle(databaseId);\n\n console.log(\"databaseTitle:\", databaseTitle);\n\n // store webhook data in blob storage for resets\n const blobKey = await helpers.setBlobKey({\n \"slug\": slug,\n \"clientPageId\": parentPageId,\n // \"containerId\": databaseId, // slugify databaseTitle here?\n \"containerId\": await helpers.slugify(databaseTitle),\n });\n await blob.setJSON(blobKey, {\n path: c.req.path + \"s\", // need the \"s\" for cron resets; we do not need to call the endpoint for individual pages b/c the reset blows all db pages away\n user: {\n page_id: parentPageId,\n },\n id: databaseId,\n date: new Date(),\n content: askingFor,\n });\n console.log(\"blob just saved:\", 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;",[],[173,276],"8c5be738-1f6e-11f0-b64a-569c3dd06744","example-child-pages.ts","f88f40fc-1a1a-11f0-9377-569c3dd06744",997,["D",1745322011009],"import { blob } from \"https://esm.town/v/std/blob?v=12\";\nimport { Client } from \"npm:@notionhq/client\";\nimport { Hono } from \"npm:hono@3\";\nimport * as helpers from \"../utils/helpers.ts\";\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\n const slug = await c.req.url.replace(\"https://\", \"\");\n const askingFor = c.req.headers.get(\"x-asking-for\") || \"default\"; // val.town or default\n const containerTitle = c.req.headers.get(\"x-container-title\") || \"child pages\"; // title of callout in page, and value of x-callout-title header\n const payload = await c.req.json();\n const pageId = payload?.data?.id;\n\n const emojis = [\"👍\", \"🚀\", \"😀\", \"❤️\"];\n // blob\n // for the first call from a button in a notion callout:\n // we expect the x-container-title custom header sent by that button to match the text of a callout heading in the page\n // so we need to match the value of that custom header to the value of that heading\n // when they match, we create a blob key with the slug, the page id, and the slugified value of the container title\n // we do this only if this is the first call to modify this callout\n\n // we will know that a call is the first call if there is no blob\n // (ie, this call is not cached, and the id of the callout to change is not saved anywhere yet)\n\n // reset crons send x-blob-key as a custom header, so if we have that, use it to find the blob\n // (note that notion button calls will not have the x-blob-key custom header)\n // otherwise, if this is a subsequent call from a notion button, we should have the block id to modify cached\n // we just need to build the key to find the blob with that block id\n\n const blobKey = (c.req.headers.get(\"x-blob-key\")) // this header is only sent by reset cron\n ? c.req.headers.get(\"x-blob-key\") // if this is a reset cron, use the blob key sent by the reset cron\n : await helpers.setBlobKey({ // otherwise, build a blob key from the custom headers sent by the button\n \"slug\": slug,\n \"clientPageId\": pageId,\n \"containerId\": await helpers.slugify(c.req.headers.get(\"x-container-title\")),\n });\n console.log(\"blobKey:\", blobKey);\n\n // use the key we just built to find a blob, if there is one\n // we'll use the block id in this blob as the callout to modify\n const blobject = await blob.getJSON(blobKey) || null; // get the blob if there is one\n console.log(\"blobject:\", blobject);\n\n // after the first call, we should always use the block id from the blob (i.e., the cache)\n // to target the callout (b/c we don't need to find the id of the block in the page anymore)\n // however, if we don't have the block id in a corresponding blob, we'll need to find it in the notion page\n // by traversing the notion page callouts for a heading that matches the x-container-title custom header\n const blockId = blobject // if therre's a blob, then this isn't the first call\n ? blobject.id // use the id in the blob to speed up subsequent calls\n : (await notionHelpers.findCalloutBlocks(pageId, containerTitle))[0].id; // otherwise, find the callout id in the page\n console.log(\"blockId:\", blockId);\n\n const children = await notionHelpers.listChildrenChildPages(blockId) || [];\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 const icon = (askingFor != \"val.town\") ? null : {\n type: \"emoji\",\n emoji: emojis[key],\n };\n // update the page icon\n const page = await notion.pages.update({\n page_id: child.id,\n icon: icon,\n });\n }\n\n // update the callout icon and background\n await notion.blocks.update({\n \"block_id\": blockId,\n \"callout\": await notionHelpers.getCalloutProperties(askingFor),\n });\n\n // store webhook data for resets\n await blob.setJSON(blobKey, {\n path: c.req.path,\n user: {\n page_id: pageId,\n },\n container_title: containerTitle,\n id: blockId,\n date: new Date(),\n content: askingFor,\n });\n\n // wrap it up\n return c.json({ ok: true });\n});\n\nexport default app;",[],[173,285],"40a5bed2-1f72-11f0-b65c-569c3dd06744","example-callout.ts","f88f3cf6-1a1a-11f0-9377-569c3dd06744",1004,["D",1745323601958],106,"import { blob } from \"https://esm.town/v/std/blob?v=12\";\nimport { Client } from \"npm:@notionhq/client\";\nimport { Hono } from \"npm:hono@3\";\nimport * as helpers from \"../utils/helpers.ts\";\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 const slug = await c.req.url.replace(\"https://\", \"\"); // this will prepend blob key, which we use for cache\n const askingFor = c.req.headers.get(\"x-asking-for\") || \"default\"; // val.town or default\n const containerTitle = c.req.headers.get(\"x-container-title\") || \"testing\"; // title of callout in page\n const payload = await c.req.json();\n const pageId = payload?.data?.id; // this will also be in the blob key\n\n // for the first call from a button in a notion callout:\n // we expect the x-container-title custom header sent by that button to match the text of a callout heading in the page\n // so we need to match the value of that custom header to the value of that heading\n // when they match, we create a blob key with the slug, the page id, and the slugified value of the container title\n // we do this only if this is the first call to modify this callout\n\n // we will know that a call is the first call if there is no blob\n // (ie, this call is not cached, and the id of the callout to change is not saved anywhere yet)\n\n // reset crons send x-blob-key as a custom header, so if we have that, use it to find the blob\n // (note that notion button calls will not have the x-blob-key custom header)\n // otherwise, if this is a subsequent call from a notion button, we should have the block id to modify cached\n // we just need to build the key to find the blob with that block id\n\n const blobKey = (c.req.headers.get(\"x-blob-key\")) // this header is only sent by reset cron\n ? c.req.headers.get(\"x-blob-key\") // if this is a reset cron, use the blob key sent by the reset cron\n : await helpers.setBlobKey({ // otherwise, build a blob key from the custom headers sent by the button\n \"slug\": slug,\n \"clientPageId\": pageId,\n \"containerId\": await helpers.slugify(c.req.headers.get(\"x-container-title\")),\n });\n console.log(\"blobKey:\", blobKey);\n\n // use the key we just built to find a blob, if there is one\n // we'll use the block id in this blob as the callout to modify\n const blobject = await blob.getJSON(blobKey) || null; // get the blob if there is one\n console.log(\"blobject:\", blobject);\n\n // after the first call, we should always use the block id from the blob (i.e., the cache) to target the callout\n // (we don't need to find the id of the block in the page if the block id is in the blob)\n // however, if we don't have the block id in a corresponding blob, we'll need to find it in the notion page\n // by traversing the notion page callouts for a heading that matches the x-container-title custom header\n const blockId = blobject // if therre's a blob, then this isn't the first call\n ? blobject.id // use the id in the blob to speed up subsequent calls\n : (await notionHelpers.findCalloutBlocks(pageId, containerTitle))[0].id; // otherwise, find the callout id in the page\n console.log(\"blockId:\", blockId);\n\n // this may mean that we do away with reset buttons, and to leave resets to the cron\n // to keep reset buttons, we would need to instruct people to paste the callout heading in the x-container-title field\n // for both the main button AND the reset button, which could lead to usability issues\n // alternatively, we can just message that the reset cron will clean up the page later\n // it may be the case that reset buttons aren't that important in a per user sandbox world, anyway\n\n const blockProperties = (askingFor != \"val.town\")\n ? {\n \"icon\": {\n type: \"external\",\n external: {\n url: \"https://www.notion.so/icons/notion_blue.svg\",\n },\n },\n \"color\": \"default_background\",\n rich_text: [\n {\n type: \"text\",\n text: {\n content: \"Notion says, \\\"I wish I could tell the reader what time it is in Boston.\\\"\",\n },\n },\n ],\n }\n : {\n \"icon\": {\n type: \"external\",\n external: {\n url: \"https://static.esm.town/build/_assets/vt-whiteOnBlack-VOLODW64.svg\",\n },\n },\n \"color\": \"yellow_background\",\n rich_text: [\n {\n type: \"text\",\n text: {\n content: await notionHelpers.getBostonTime(),\n },\n },\n ],\n };\n const page = await notion.blocks.update({\n \"block_id\": blockId,\n \"callout\": await blockProperties,\n });\n // console.log(await page);\n\n // store webhook data for resets\n await blob.setJSON(blobKey, {\n path: c.req.path,\n user: {\n page_id: pageId,\n },\n id: blockId,\n container_title: containerTitle,\n date: new Date(),\n content: askingFor,\n });\n // console.log(await blob.getJSON(blobKey));\n\n // wrap it up\n return c.json({ ok: true });\n});\n\nexport default app;",[],[173,293],"f88f39b8-1a1a-11f0-9377-569c3dd06744","count-examples.ts","f88f3a3a-1a1a-11f0-9377-569c3dd06744",["D",1744736358994],"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;",[],[173,302],"f88f1f96-1a1a-11f0-9377-569c3dd06744","auth.ts","f88f2072-1a1a-11f0-9377-569c3dd06744",["D",1744736358994],"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};",[],[173,309],"7ab52b62-2111-11f0-8da8-569c3dd06744","f88f4a7a-1a1a-11f0-9377-569c3dd06744",["D",1745501940517],"# 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- `example-guest-welcome.ts` - Handles `/example/guest/welcome` endpoint\n- `count-examples.ts` - Handles `/countExamples` endpoint\n- `property-injections.ts` - Handles `/property/injections` endpoint\n- `test-routes.ts` - Handles `/asdf`, `/qwer/:id`, and `/test/:id` endpoints\n- `root.ts` - Handles the root `/` endpoint",[],[173,157],["D",1744736358994],[192,193,194,195,196,197,198,199,200,201,202],[173],["D",1744293493384],{"_100":99,"_107":103},{"_100":99,"_101":-5,"_102":103,"_18":57,"_104":105,"_106":25},{"_13":89,"_32":90,"_44":43,"_91":45,"_92":-5,"_93":-5,"_94":-5,"_95":-5,"_96":-5,"_97":46,"_98":99},"ctx",{"_82":-5,"_127":361,"_362":363,"_364":365,"_366":25,"_367":25,"_368":25,"_369":61,"_370":-5,"_371":-7,"_372":-7,"_373":169,"_374":25,"_375":25,"_376":-5,"_377":25,"_378":25,"_379":25,"_380":-5},"ENV",{"_332":333,"_334":335,"_336":90,"_337":338,"_339":340,"_341":342,"_343":344,"_345":346,"_347":348,"_349":350,"_351":352,"_353":354,"_355":356,"_357":358,"_359":360},"REACT_APP_SENTRY_DSN","https://586020d86f05489db63a554690acf1e9@o1398359.ingest.sentry.io/6724499","RENDER_GIT_COMMIT","fdb67791413f4386b4dbf18f354029a617f6160f","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 · v1119