${content.headline}

`;\n html += `

${content.message}

`;\n // html += `

${content.cta}

`;\n // html += `${notionURL}`;\n\n return c.json(content);\n});\n\nexport default app;",[],[296,298],"4930a018-3ce5-11f0-9afd-9e149126039e","property-injections.ts","c7e109c1-49ee-40b8-b8cc-d840fa43ab0f",["D",1748561592095],"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;",[],[296,305],"49309d52-3ce5-11f0-9afd-9e149126039e","example-guest-welcome.ts","553a60a7-1028-49c0-a77b-6401a7fa407e",["D",1748561592095],"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;",[],[296,312],"49309870-3ce5-11f0-9afd-9e149126039e","example-database-pages.ts","b7bff902-b27e-4837-a1fe-b21ae102e527",["D",1748561592095],"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;",[],[296,319],"49308b14-3ce5-11f0-9afd-9e149126039e","example-database-page.ts","8d6fa446-459b-4644-b45a-702768a992d5",["D",1748561592095],"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;",[],[296,326],"493084a2-3ce5-11f0-9afd-9e149126039e","example-child-pages.ts","cf4c6e88-6ebc-43e3-b9b2-3c179e5a6987",["D",1748561592095],"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;",[],[296,333],"49307cf0-3ce5-11f0-9afd-9e149126039e","example-callout.ts","0023d6b5-ef08-4c47-a5ec-04148dc24b9f",["D",1748561592095],"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;",[],[296,340],"49307b56-3ce5-11f0-9afd-9e149126039e","count-examples.ts","3792f072-a4bb-434f-86b9-af69f37fc9f0",["D",1748561592095],"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;",[],[296,347],"49307854-3ce5-11f0-9afd-9e149126039e","auth.ts","bfb0fc04-3733-457a-bc71-7cc56966ed80",["D",1748561592095],"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};",[],[296,354],"49307084-3ce5-11f0-9afd-9e149126039e","df2a36ab-b249-48c0-bfeb-c6610addd022",["D",1748561592095],"# 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",[],[296,248],"4930a4b4-3ce5-11f0-9afd-9e149126039e",["D",1748561592095],[211,212,213,214,215,216,217,218,219,220,221],[296],"3e478bb2-3f3d-11f0-b197-76b3cceeab13","style.css","3e478c52-3f3d-11f0-b197-76b3cceeab13","3bfeb15f-0948-4d69-b8f2-3f41e2e65a4d",8,["D",1748819271885],"/* CodeSentinel Custom Styles */\n\n/* Smooth scrolling */\nhtml {\n scroll-behavior: smooth;\n}\n\n/* Custom scrollbar for code editor */\n.code-editor::-webkit-scrollbar {\n width: 8px;\n}\n\n.code-editor::-webkit-scrollbar-track {\n background: #f1f1f1;\n border-radius: 4px;\n}\n\n.code-editor::-webkit-scrollbar-thumb {\n background: #c1c1c1;\n border-radius: 4px;\n}\n\n.code-editor::-webkit-scrollbar-thumb:hover {\n background: #a8a8a8;\n}\n\n/* Syntax highlighting hints */\n.code-editor {\n tab-size: 2;\n -moz-tab-size: 2;\n}\n\n/* Animation for cards */\n@keyframes fadeInUp {\n from {\n opacity: 0;\n transform: translateY(20px);\n }\n to {\n opacity: 1;\n transform: translateY(0);\n }\n}\n\n.issue-card {\n animation: fadeInUp 0.3s ease-out;\n}\n\n/* Responsive adjustments */\n@media (max-width: 768px) {\n .code-editor {\n font-size: 12px;\n }\n \n .container {\n padding-left: 1rem;\n padding-right: 1rem;\n }\n}\n\n/* Print styles */\n@media print {\n .code-editor {\n border: 1px solid #000;\n background: white;\n }\n \n .issue-card {\n break-inside: avoid;\n border: 1px solid #ccc;\n margin-bottom: 1rem;\n }\n}\n\n/* Focus styles for accessibility */\nbutton:focus,\nselect:focus,\ninput:focus,\ntextarea:focus {\n outline: 2px solid #3b82f6;\n outline-offset: 2px;\n}\n\n/* Loading state */\n.loading-overlay {\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n background: rgba(255, 255, 255, 0.8);\n display: flex;\n align-items: center;\n justify-content: center;\n border-radius: 8px;\n}\n\n/* Success animations */\n@keyframes pulse {\n 0%, 100% {\n opacity: 1;\n }\n 50% {\n opacity: 0.5;\n }\n}\n\n.pulse {\n animation: pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;\n}",[],[379,371],"frontend","30afd450-3f3d-11f0-a186-76b3cceeab13","index.html","30afd518-3f3d-11f0-a186-76b3cceeab13",7,["D",1748819249077],"\n\n\n \n \n 🛡️ CodeSentinel - AI-Powered Code Review\n \n \n \n \n\n\n

\n \n \n \n\n",[],[379,381],"30aff2b4-3f3d-11f0-a186-76b3cceeab13",["D",1748819249077],[208,209],[379],"4a2b2eb6-3f3d-11f0-9027-76b3cceeab13","index.ts",["D",1748819291829],"import { Hono } from \"https://esm.sh/hono@3.11.7\";\nimport { readFile, serveFile } from \"https://esm.town/v/std/utils@85-main/index.ts\";\nimport reviewRoutes from \"./routes/review.ts\";\n\nconst app = new Hono();\n\n// Unwrap Hono errors to see original error details\napp.onError((err, c) => {\n throw err;\n});\n\n// API routes\napp.route(\"/api\", reviewRoutes);\n\n// Serve static files\napp.get(\"/frontend/*\", c => serveFile(c.req.path, import.meta.url));\napp.get(\"/shared/*\", c => serveFile(c.req.path, import.meta.url));\n\n// Serve main application\napp.get(\"/\", async c => {\n try {\n let html = await readFile(\"/frontend/index.html\", import.meta.url);\n \n // Inject initial data to avoid extra round-trips\n const initialData = {\n supportedLanguages: [\n { id: \"javascript\", name: \"JavaScript\", extensions: [\".js\", \".mjs\"] },\n { id: \"typescript\", name: \"TypeScript\", extensions: [\".ts\", \".tsx\"] },\n { id: \"python\", name: \"Python\", extensions: [\".py\"] },\n { id: \"java\", name: \"Java\", extensions: [\".java\"] },\n { id: \"go\", name: \"Go\", extensions: [\".go\"] },\n { id: \"rust\", name: \"Rust\", extensions: [\".rs\"] },\n { id: \"cpp\", name: \"C++\", extensions: [\".cpp\", \".cc\", \".cxx\"] }\n ],\n appName: \"CodeSentinel\",\n version: \"1.0.0\"\n };\n \n const dataScript = ``;\n \n html = html.replace(\"\", `${dataScript}`);\n return c.html(html);\n } catch (error) {\n console.error(\"Error serving main page:\", error);\n return c.html(`\n \n \n \n CodeSentinel - Error\n \n \n \n

🚨 Application Error

Failed to load the CodeSentinel application.

Please try refreshing the page.

\n \n \n `, 500);\n }\n});\n\n// 404 handler\napp.notFound((c) => {\n return c.html(`\n \n \n \n CodeSentinel - Not Found\n \n \n \n

🔍 Page Not Found

The page you're looking for doesn't exist.

\n \n Go Home\n \n

\n \n \n `, 404);\n});\n\n// This is the entry point for HTTP vals\nexport default app.fetch;",[],[178,393],["D",1748819142651],[],[178,82,80],["D",1748819111538],[],[178,82,65],["D",1748819111538],[204,205],[178,82],"ffbd04da-3f3c-11f0-8781-76b3cceeab13","review.ts","ffbd0584-3f3c-11f0-8781-76b3cceeab13","a9630fec-a6e5-48a2-8b9b-5509bfe0e8bf",5,["D",1748819166952],"import { Hono } from \"https://esm.sh/hono@3.11.7\";\nimport { AIReviewEngine } from \"../services/ai-engine.ts\";\nimport { CodeParser } from \"../services/code-parser.ts\";\nimport { CodeReviewRequest, SUPPORTED_LANGUAGES } from \"../../shared/codesentinel-types.ts\";\n\nconst app = new Hono();\n\n// Initialize AI engine\nconst aiEngine = new AIReviewEngine();\n\n// Health check endpoint\napp.get(\"/health\", (c) => {\n return c.json({ \n status: \"healthy\", \n timestamp: new Date().toISOString(),\n service: \"CodeSentinel Review API\"\n });\n});\n\n// Get supported languages\napp.get(\"/languages\", (c) => {\n return c.json({ \n languages: SUPPORTED_LANGUAGES,\n total: SUPPORTED_LANGUAGES.length\n });\n});\n\n// Code review endpoint\napp.post(\"/review\", async (c) => {\n try {\n const body = await c.req.json();\n \n // Validate request\n if (!body.code || typeof body.code !== 'string') {\n return c.json({ \n error: \"Code is required and must be a string\" \n }, 400);\n }\n\n // Auto-detect language if not provided\n let language = body.language;\n if (!language) {\n language = CodeParser.detectLanguage(body.code, body.filename);\n }\n\n // Validate language is supported\n const supportedLanguage = SUPPORTED_LANGUAGES.find(lang => lang.id === language);\n if (!supportedLanguage) {\n return c.json({ \n error: `Unsupported language: ${language}. Supported languages: ${SUPPORTED_LANGUAGES.map(l => l.id).join(', ')}` \n }, 400);\n }\n\n // Validate code\n const validation = CodeParser.validateCode(body.code, language);\n if (!validation.isValid) {\n return c.json({ \n error: \"Code validation failed\", \n details: validation.errors \n }, 400);\n }\n\n // Extract metadata\n const metadata = CodeParser.extractMetadata(body.code, language);\n\n // Create review request\n const request: CodeReviewRequest = {\n code: body.code,\n language: language,\n filename: body.filename || `code.${supportedLanguage.extensions[0].substring(1)}`\n };\n\n // Perform AI analysis\n const result = await aiEngine.analyzeCode(request);\n\n // Add metadata to result\n const enrichedResult = {\n ...result,\n metadata: {\n ...metadata,\n detected_language: language,\n auto_detected: !body.language\n }\n };\n\n return c.json(enrichedResult);\n\n } catch (error) {\n console.error(\"Review endpoint error:\", error);\n \n // Return appropriate error response\n if (error instanceof Error) {\n if (error.message.includes(\"Unsupported language\")) {\n return c.json({ error: error.message }, 400);\n }\n if (error.message.includes(\"Failed to analyze\")) {\n return c.json({ error: \"AI analysis service temporarily unavailable\" }, 503);\n }\n }\n\n return c.json({ \n error: \"Internal server error occurred during code analysis\" \n }, 500);\n }\n});\n\n// Batch review endpoint (for multiple files)\napp.post(\"/review/batch\", async (c) => {\n try {\n const body = await c.req.json();\n \n if (!Array.isArray(body.files) || body.files.length === 0) {\n return c.json({ \n error: \"Files array is required and must not be empty\" \n }, 400);\n }\n\n if (body.files.length > 10) {\n return c.json({ \n error: \"Maximum 10 files allowed per batch request\" \n }, 400);\n }\n\n const results = [];\n \n for (const file of body.files) {\n try {\n const language = file.language || CodeParser.detectLanguage(file.code, file.filename);\n const request: CodeReviewRequest = {\n code: file.code,\n language: language,\n filename: file.filename\n };\n \n const result = await aiEngine.analyzeCode(request);\n results.push({\n filename: file.filename,\n success: true,\n result\n });\n } catch (error) {\n results.push({\n filename: file.filename,\n success: false,\n error: error instanceof Error ? error.message : \"Unknown error\"\n });\n }\n }\n\n return c.json({\n batch_id: `batch_${Date.now()}`,\n total_files: body.files.length,\n successful: results.filter(r => r.success).length,\n failed: results.filter(r => !r.success).length,\n results\n });\n\n } catch (error) {\n console.error(\"Batch review endpoint error:\", error);\n return c.json({ \n error: \"Internal server error occurred during batch analysis\" \n }, 500);\n }\n});\n\nexport default app;",[],[178,296,408],"ffbd2c8a-3f3c-11f0-8781-76b3cceeab13",["D",1748819166952],[202],[178,296],"deb51462-3f3c-11f0-89b8-76b3cceeab13",["D",1748819111538],[201,203,206],[178],["D",1748561592095],{"_11":12,"_136":71},{"_11":12,"_132":-5,"_70":71,"_31":69,"_133":134,"_135":30},{"_40":119,"_13":16,"_34":37,"_120":85,"_121":122,"_123":124,"_125":90,"_126":127,"_128":129,"_130":14,"_131":12},"ctx",{"_53":-5,"_157":461,"_462":463,"_464":465,"_466":30,"_467":30,"_468":30,"_469":24,"_470":-5,"_471":-7,"_472":-7,"_473":26,"_474":30,"_475":30,"_476":-5,"_477":30,"_478":30,"_479":30,"_480":-5},"ENV",{"_432":433,"_434":435,"_436":16,"_437":438,"_439":440,"_441":442,"_443":444,"_445":446,"_447":448,"_449":450,"_451":452,"_453":454,"_455":456,"_457":458,"_459":460},"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"]

History · services