[{"_1":2,"_3":-5,"_4":-5},"loaderData",{"_5":6,"_7":8,"_9":10},"actionData","errors","root",{"_205":206,"_207":208},"routes/_app.x.$handle.$name",{"_98":97,"_32":45,"_106":88,"_27":107,"_13":14,"_108":-5,"_11":109,"_110":111,"_112":113,"_114":115,"_116":117,"_20":-5,"_118":-5,"_119":-5,"_120":25,"_121":122,"_123":59,"_124":-5,"_125":-5,"_126":127},"routes/_app.x.$handle.$name.branch.$branch.version.$version.diff",{"_11":12,"_13":14,"_15":16,"_17":-5,"_18":-5},"project",{"_43":44,"_32":45,"_38":46,"_47":-5,"_48":25,"_49":50,"_51":50,"_52":53,"_54":55,"_18":56,"_57":31,"_58":59,"_60":-5,"_61":62,"_63":64,"_65":66,"_67":-5,"_68":-5,"_69":-5,"_70":-5,"_71":72,"_73":72,"_74":75,"_76":75,"_77":75,"_78":72,"_79":72,"_80":81,"_82":83,"_84":85,"_86":25},"version",781,"changes",[19],"aiChatInfo","userId",{"_20":21,"_22":23,"_24":25,"_26":25,"_27":28,"_29":28},"file",{"_30":31,"_32":28,"_33":34,"_35":37,"_38":39,"_40":14,"_41":42,"_24":25},"previous",{"_30":31,"_32":28,"_33":34,"_35":36},"deleted",false,"deletedHere","path","webhookAPI","latestPath","fileId","6b696612-f13d-46cc-a0c0-612473883f2c","name","fileType","http","content","import { blob } from \"https://esm.town/v/std/blob?v=12\";\nimport { Client } from \"npm:@notionhq/client\";\nimport { cors } from \"npm:hono/cors\";\nimport { Hono } from \"npm:hono@3\";\n\n// import helpers from utils folder\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.use(\n \"/*\",\n cors({\n origin: \"https://specific-domain.com\", // \"*\",\n allowMethods: [\"GET\", \"POST\", \"PUT\", \"DELETE\", \"OPTIONS\"],\n allowHeaders: [\"*\"],\n }),\n);\n\napp.post(\"/example/database/pages\", 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\napp.post(\"/example/database/page\", 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\napp.post(\"/example/child_pages\", 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\napp.post(\"/example/callout\", 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\napp.post(\"/countExamples\", 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\napp.post(\"/asdf\", async (c) => {\n const requestData = await c.req.json();\n console.log(requestData);\n c.json({ ok: true });\n});\n\napp.post(\"/qwer/:id\", async (c) => {\n const action = c.req.param(\"id\");\n console.log({ action });\n});\n\napp.post(\"/test/:id\", async (c) => {\n const requestData = await c.req.json();\n\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/\" + c.req.param(\"id\"), {\n method: \"POST\",\n headers: {\n \"Content-Type\": \"application/json\",\n },\n body: JSON.stringify(requestData),\n });\n});\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.fetch;","import { blob } from \"https://esm.town/v/std/blob?v=12\";\nimport { Client } from \"npm:@notionhq/client\";\nimport { Hono } from \"npm:hono@3\";\nimport { cors } from \"npm:hono/cors\";\n\n// import helpers from utils folder\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.use(\n \"/*\",\n cors({\n origin: \"https://specific-domain.com\", // \"*\",\n allowMethods: [\"GET\", \"POST\", \"PUT\", \"DELETE\", \"OPTIONS\"],\n allowHeaders: [\"*\"],\n }),\n);\n\napp.post(\"/example/database/pages\", 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\napp.post(\"/example/database/page\", 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\napp.post(\"/example/child_pages\", 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\napp.post(\"/example/callout\", 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\napp.post(\"/countExamples\", 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\napp.post(\"/asdf\", async (c) => {\n const requestData = await c.req.json();\n console.log(requestData);\n c.json({ ok: true });\n});\n\napp.post(\"/qwer/:id\", async (c) => {\n const action = c.req.param(\"id\");\n console.log({ action });\n});\n\napp.post(\"/test/:id\", async (c) => {\n const requestData = await c.req.json();\n\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/\" + c.req.param(\"id\"), {\n method: \"POST\",\n headers: {\n \"Content-Type\": \"application/json\",\n },\n body: JSON.stringify(requestData),\n });\n});\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.fetch;","createdAt",["D",1744578622332],"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=1789588799&sig=7b2c074d103b1d6f93e131cf734275cfda39e55a44c11f626edab1f423393eee","5df592ef-f349-498c-a580-fdeaf4cbe6c9","pinnedFileId","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",{"_98":97,"_105":101},"org",{"_98":97,"_99":-5,"_100":101,"_18":56,"_102":103,"_104":25},"branch",{"_13":87,"_32":88,"_43":42,"_89":44,"_90":-5,"_91":-5,"_92":-5,"_93":-5,"_94":-5,"_95":45,"_96":97},"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",{"_43":44,"_32":45,"_38":201,"_47":-5,"_48":25,"_49":50,"_51":50,"_52":53,"_54":55,"_18":56,"_57":31,"_58":59,"_60":-5,"_61":62,"_63":64,"_65":66,"_67":-5,"_68":-5,"_69":-5,"_70":-5,"_71":72,"_73":72,"_74":75,"_76":75,"_77":75,"_78":72,"_79":72,"_80":202,"_82":203,"_84":204,"_86":25},"tree",[169,172,173],"files",[169,170,171,172,173],"counts",{"_156":153,"_157":158,"_159":160,"_161":162,"_163":164},"contents",[128,129,130],"upstreamProject","upstreamBranch","emptyEnvVars","flags",[],"hasHttpFiles","grants","orgs","customDomains",{},{"_43":148,"_32":149,"_30":150,"_132":-5,"_41":42,"_40":151,"_133":59,"_38":152,"_13":153,"_33":154,"_35":-5,"_24":25,"_136":-5,"_27":155},{"_43":139,"_32":140,"_30":141,"_132":-5,"_41":42,"_40":142,"_133":25,"_38":143,"_13":144,"_33":145,"_35":146,"_24":25,"_136":-5,"_27":147},{"_43":131,"_32":28,"_30":31,"_132":-5,"_41":42,"_40":14,"_133":25,"_38":134,"_13":135,"_33":34,"_35":37,"_24":25,"_136":137,"_27":138},"b62dc6ae-18ab-11f0-9b84-569c3dd06744","parentId","latest",["D",1744578622332],585,"label","valtownfornotion",[28],"a788877a-1896-11f0-bbb6-569c3dd06744","valtownfornotion.val.run","44079c53-27a5-4518-9b07-d4566db58bb1",774,["D",1744569578329],121,"interval","import { blob } from \"https://esm.town/v/std/blob?v=12\";\n\nexport default async function(interval: Interval) {\n // get the \"filename\"\n // this is the string at the beginning of each blob key... (cont'd)\n const url = await import.meta.url;\n const subdomain = url.split(\"/\").pop();\n // ... which we use to grab all of the blobs set by this project\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 },\n body: JSON.stringify(fetchURL),\n });\n }\n }\n}",[140],"d81a69ba-1613-11f0-91f5-569c3dd06744","utils","1a8e7db7-a152-474a-bbec-98fe46feebd6",1,["D",1744293493384],0,"directory",[149],"pulls","branches",5,"forks",8,"envVars",{"_165":167,"_168":153},"connections",{"_165":153,"_166":153},"count","unfilledCount",3,"emptyCount",{"_43":148,"_32":149,"_30":150,"_132":-5,"_41":42,"_40":151,"_133":59,"_38":198,"_13":153,"_33":154,"_35":-5,"_24":25,"_136":-5,"_175":199,"_27":200},{"_43":191,"_32":192,"_30":193,"_132":150,"_41":42,"_40":151,"_133":25,"_38":194,"_13":153,"_33":187,"_35":195,"_24":25,"_136":-5,"_175":196,"_27":197},{"_43":181,"_32":182,"_30":183,"_132":150,"_41":42,"_40":184,"_133":25,"_38":185,"_13":186,"_33":187,"_35":188,"_24":25,"_136":-5,"_175":189,"_27":190},{"_43":139,"_32":140,"_30":141,"_132":-5,"_41":42,"_40":142,"_133":25,"_38":178,"_13":144,"_33":145,"_35":146,"_24":25,"_136":-5,"_175":179,"_27":180},{"_43":131,"_32":28,"_30":31,"_132":-5,"_41":42,"_40":14,"_133":25,"_38":174,"_13":135,"_33":34,"_35":37,"_24":25,"_136":137,"_175":176,"_27":177},["D",1744578622332],"children",[],[28],["D",1744569578329],[],[140],"ac17e1ec-1895-11f0-9080-569c3dd06744","notionHelpers.ts","a84009c8-6837-4608-99c6-dd3af25a5925",766,["D",1744569156483],72,"script","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}",[],[149,182],"d81a5880-1613-11f0-91f5-569c3dd06744","helpers.ts","a90c4a83-fbd9-4f81-a12d-b478c179bff4",["D",1744293493384],"// 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}",[],[149,192],["D",1744293493384],[170,171],[149],["D",1744293493384],{"_98":97,"_105":101},{"_98":97,"_99":-5,"_100":101,"_18":56,"_102":103,"_104":25},{"_13":87,"_32":88,"_43":42,"_89":44,"_90":-5,"_91":-5,"_92":-5,"_93":-5,"_94":-5,"_95":45,"_96":97},"ctx",{"_80":-5,"_125":238,"_239":240,"_241":242,"_243":25,"_244":25,"_245":25,"_246":59,"_247":-5,"_248":-7,"_249":-7,"_250":153,"_251":25,"_252":25,"_253":-5,"_254":25,"_255":25,"_256":25,"_257":-5},"ENV",{"_209":210,"_211":212,"_213":88,"_214":215,"_216":217,"_218":219,"_220":221,"_222":223,"_224":225,"_226":227,"_228":229,"_230":231,"_232":233,"_234":235,"_236":237},"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 · v781