[{"_1":2,"_3":-5,"_4":-5},"loaderData",{"_5":6,"_7":8,"_9":10},"actionData","errors","root",{"_218":219,"_220":221},"routes/_app.x.$handle.$name",{"_100":99,"_32":49,"_108":90,"_27":109,"_13":14,"_110":-5,"_11":111,"_112":113,"_114":115,"_116":117,"_118":119,"_21":-5,"_120":-5,"_121":-5,"_122":25,"_123":124,"_125":62,"_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",{"_47":48,"_32":49,"_36":50,"_51":-5,"_52":25,"_53":54,"_55":54,"_56":-5,"_57":-5,"_18":58,"_59":60,"_61":62,"_63":62,"_64":-5,"_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",14,"changes",[19,20],"aiChatInfo","userId",{"_21":41,"_23":-7,"_24":25,"_26":25,"_27":42,"_29":42},{"_21":22,"_23":-7,"_24":25,"_26":25,"_27":28,"_29":28},"file",{"_30":31,"_32":28,"_33":34,"_35":-5,"_36":37,"_38":14,"_39":40,"_24":25},"previous","deleted",false,"deletedHere","path","frontend","latestPath","fileId","91ba4b01-360f-4a1c-94a8-40bd8d049af2","name","fileType","directory","content","createdAt",["D",1747765351990],"branchVersion","branchId","95403af0-35a5-11f0-acd2-9e149126039e",{"_30":43,"_32":44,"_33":21,"_35":45,"_36":46,"_38":14,"_39":40,"_24":25},"frontend/index.html","65127422-35a7-11f0-b402-9e149126039e","index.html","\n\n\n \n \n Favicon Extractor Tester\n \n \n\n\n

Favicon Extractor Tester

\n \n

Direct Favicon Extraction

\n \n

Result:

\n $\"Favicon\"$ \n

Favicon URL:

Content Type:

Error:

\n \n

Notion Webhook Test

\n \n

Result:

Error:

\n\n \n\n",["D",1747765351990],"id","953ff658-35a5-11f0-acd2-9e149126039e","bragreel",["D",1747764573832],"deletedAt","legacyEnvVars","privacy","public","httpPrivacy","description","imageUrl","449588c0-326d-11f0-a80c-0741f032ef73","pinnedFileId","d96f43c4-35a5-11f0-b602-9e149126039e","pinPreview",true,"pinMigrated","screenshotVersion","likeCount",1,"orgId","65f1d616-c14b-419c-88a0-e2308cab925b","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":58,"_104":105,"_106":25},"branch",{"_13":89,"_32":90,"_47":40,"_91":48,"_92":-5,"_93":-5,"_94":-5,"_95":-5,"_96":-5,"_97":49,"_98":99},"isOwned",166,"main","projectId","forkedBranchId","forkedBranchVersion","forkedProjectPrivacy","forkedProjectId","forkedProjectOrgId","projectName","userHandle","lightweight","handle","displayName","avatar","https://imagedelivery.net/iHX6Ovru0O7AjmyT5yZRoA/aa289d5e-22db-464f-ba88-7288e2183b00/square512?exp=1789577999&sig=fa63c785dfea8c7ea6247b0afaac5297f460b948c7ea47adb6aad9a77257c293","tier","pro","canRestrictVals","profileImageUrl","branchName","","adoptOrgId",{"_47":48,"_32":49,"_36":214,"_51":-5,"_52":25,"_53":54,"_55":54,"_56":-5,"_57":-5,"_18":58,"_59":60,"_61":62,"_63":62,"_64":-5,"_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":215,"_84":216,"_86":217,"_88":25},"tree",[174,176,179,180],"files",[174,175,176,177,178,179,180],"counts",{"_163":158,"_164":165,"_166":66,"_167":168,"_169":170},"contents",[130,131,132,133],"upstreamProject","upstreamBranch","emptyEnvVars","flags",[],"hasHttpFiles","grants","orgs","customDomains",{},{"_47":160,"_32":28,"_30":31,"_136":-5,"_39":40,"_38":14,"_138":62,"_36":161,"_13":158,"_33":34,"_35":-5,"_24":25,"_143":-5,"_27":162},{"_47":153,"_32":154,"_30":155,"_136":-5,"_39":40,"_38":156,"_138":62,"_36":157,"_13":158,"_33":34,"_35":-5,"_24":25,"_143":-5,"_27":159},{"_47":145,"_32":146,"_30":147,"_136":-5,"_39":40,"_38":148,"_138":25,"_36":149,"_13":150,"_33":21,"_35":151,"_24":25,"_143":-5,"_27":152},{"_47":134,"_32":135,"_30":60,"_136":-5,"_39":40,"_38":137,"_138":25,"_36":139,"_13":140,"_33":141,"_35":142,"_24":25,"_143":49,"_27":144},"9afd493c-35a6-11f0-80a6-9e149126039e","index.tsx","parentId",7,"latest",["D",1747765012954],5,"http","import { Hono } from \"https://esm.sh/hono@3.11.7\";\nimport faviconRouter from \"./routes/favicon.ts\";\n\n// Create a new Hono app\nconst app = new Hono();\n\n// Unwrap Hono errors to see original error details\napp.onError((err, c) => {\n console.error(\"Error:\", err);\n throw err;\n});\n\n// Root endpoint\napp.get(\"/\", (c) => {\n return c.json({\n message: \"Welcome to the API\",\n status: \"success\",\n timestamp: new Date().toISOString(),\n });\n});\n\n// Mount the favicon router\napp.route(\"/favicon\", faviconRouter);\n\n// This is the entry point for HTTP vals\nexport default app.fetch;","label",[135],"fde786ca-35a6-11f0-a471-9e149126039e","README.md","a787e766-35a6-11f0-bc8b-9e149126039e",12,["D",1747765178908],2,"# API Project\n\nA Hono-based API with modular routes.\n\n## Project Structure\n\n```\n/\n├── index.tsx # Main entry point for the API\n├── routes/ # Directory for API route modules\n│ └── favicon.ts # Favicon extraction endpoint\n└── README.md # This documentation file\n```\n\n## API Endpoints\n\n### GET /\n\nReturns a welcome message with the current timestamp.\n\n**Example Response:**\n```json\n{\n \"message\": \"Welcome to the API\",\n \"status\": \"success\",\n \"timestamp\": \"2025-05-20T18:16:58.497Z\"\n}\n```\n\n### POST /favicon\n\nExtracts a favicon from a provided URL.\n\n**Request Body:**\n```json\n{\n \"url\": \"https://example.com\"\n}\n```\n\n**Success Response:**\n```json\n{\n \"success\": true,\n \"faviconUrl\": \"https://example.com/favicon.ico\",\n \"contentType\": \"image/x-icon\",\n \"faviconBase64\": \"base64-encoded-favicon-data\"\n}\n```\n\n**Error Response:**\n```json\n{\n \"success\": false,\n \"message\": \"Could not find favicon for the provided URL\"\n}\n```\n\n### POST /favicon/notion\n\nHandles Notion webhooks to extract a favicon from a URL and update the corresponding Notion page with the favicon.\n\n**Request Body (from Notion webhook):**\n```json\n{\n \"pageId\": \"notion-page-id\",\n \"url\": \"https://example.com\"\n}\n```\n\n**Success Response:**\n```json\n{\n \"success\": true,\n \"message\": \"Favicon found and Notion page updated\",\n \"pageId\": \"notion-page-id\",\n \"url\": \"https://example.com\",\n \"faviconUrl\": \"https://example.com/favicon.ico\"\n}\n```\n\n**Error Response:**\n```json\n{\n \"success\": false,\n \"error\": \"Failed to update Notion page\",\n \"details\": { /* error details */ }\n}\n```\n\n> **Note:** This endpoint requires a `NOTION_API_KEY` environment variable to be set with a valid Notion API key.\n\n## Implementation Details\n\nThe API is built using Hono, a lightweight web framework. Each route is modularized in its own file for better organization and maintainability.\n\n### Favicon Extraction\n\nThe favicon endpoint attempts multiple strategies to extract a favicon:\n1. First tries the standard `/favicon.ico` path\n2. If that fails, it parses the HTML to find favicon link tags\n3. Returns the favicon URL and, for direct API calls, the base64-encoded favicon data\n\n### Notion Integration\n\nThe `/favicon/notion` endpoint integrates with the Notion API to:\n1. Receive webhooks from Notion containing a page ID and URL\n2. Extract the favicon from the provided URL\n3. Update the Notion page with the favicon URL as the page icon\n\nThis integration requires a Notion API key to be set as an environment variable (`NOTION_API_KEY`). You'll need to create an integration in the Notion workspace and grant it access to the relevant pages or databases.\n\n## Adding New Routes\n\nTo add a new route:\n1. Create a new file in the `/routes` directory\n2. Export a Hono router with your endpoint handlers\n3. Import and mount the router in `index.tsx`\n\nExample:\n```typescript\n// In /routes/newEndpoint.ts\nimport { Hono } from \"https://esm.sh/hono@3.11.7\";\n\nconst router = new Hono();\n\nrouter.get(\"/\", (c) => {\n return c.json({ message: \"New endpoint\" });\n});\n\nexport default router;\n\n// In index.tsx\nimport newEndpointRouter from \"./routes/newEndpoint.ts\";\n\n// Mount the new router\napp.route(\"/new-endpoint\", newEndpointRouter);\n```",[146],"946cfc02-35a6-11f0-ad86-9e149126039e","routes","ea7fb69c-2d33-4eff-88b4-b9b93ebf71b0",6,["D",1747765001940],0,[154],"65129bb4-35a7-11f0-b402-9e149126039e",["D",1747765351990],[28],"pulls","branches",11,"forks","envVars",{"_171":66,"_173":158},"connections",{"_171":158,"_172":158},"count","unfilledCount","emptyCount",{"_47":160,"_32":28,"_30":31,"_136":-5,"_39":40,"_38":14,"_138":62,"_36":211,"_13":158,"_33":34,"_35":-5,"_24":25,"_143":-5,"_182":212,"_27":213},{"_47":207,"_32":44,"_30":43,"_136":31,"_39":40,"_38":14,"_138":62,"_36":208,"_13":158,"_33":21,"_35":45,"_24":25,"_143":-5,"_182":209,"_27":210},{"_47":153,"_32":154,"_30":155,"_136":-5,"_39":40,"_38":156,"_138":62,"_36":204,"_13":158,"_33":34,"_35":-5,"_24":25,"_143":-5,"_182":205,"_27":206},{"_47":197,"_32":146,"_30":198,"_136":155,"_39":40,"_38":199,"_138":62,"_36":200,"_13":158,"_33":21,"_35":201,"_24":25,"_143":-5,"_182":202,"_27":203},{"_47":188,"_32":189,"_30":190,"_136":155,"_39":40,"_38":191,"_138":25,"_36":192,"_13":150,"_33":193,"_35":194,"_24":25,"_143":-5,"_182":195,"_27":196},{"_47":145,"_32":146,"_30":147,"_136":-5,"_39":40,"_38":148,"_138":25,"_36":185,"_13":150,"_33":21,"_35":151,"_24":25,"_143":-5,"_182":186,"_27":187},{"_47":134,"_32":135,"_30":60,"_136":-5,"_39":40,"_38":137,"_138":25,"_36":181,"_13":140,"_33":141,"_35":142,"_24":25,"_143":49,"_182":183,"_27":184},["D",1747765012954],"children",[],[135],["D",1747765178908],[],[146],"538868f6-35a7-11f0-b402-9e149126039e","favicon.ts","946cd59c-35a6-11f0-ad86-9e149126039e",13,["D",1747765322565],"script","import { Hono } from \"https://esm.sh/hono@3.11.7\";\n\n// Create a router for the favicon endpoint\nconst router = new Hono();\n\n// Helper function to extract favicon from a URL\nasync function extractFavicon(url: string) {\n // Validate URL format\n let targetUrl;\n try {\n targetUrl = new URL(url);\n } catch (error) {\n return { success: false, error: \"Invalid URL format\" };\n }\n \n // Try to fetch the favicon directly first\n const faviconUrl = `${targetUrl.protocol}//${targetUrl.host}/favicon.ico`;\n \n try {\n const faviconResponse = await fetch(faviconUrl);\n \n if (faviconResponse.ok) {\n // Get the content type\n const contentType = faviconResponse.headers.get(\"content-type\") || \"image/x-icon\";\n \n return {\n success: true,\n faviconUrl,\n contentType,\n };\n }\n } catch (error) {\n console.error(\"Error fetching favicon directly:\", error);\n }\n \n // If direct favicon fetch fails, try to extract from HTML\n try {\n const pageResponse = await fetch(url);\n const html = await pageResponse.text();\n \n // Simple regex to find favicon links in HTML\n const faviconRegex = /]*rel=[\"'](?:shortcut )?icon[\"'][^>]*href=[\"']([^\"']+)[\"'][^>]*>/i;\n const match = html.match(faviconRegex);\n \n if (match && match[1]) {\n let extractedFaviconUrl = match[1];\n \n // Handle relative URLs\n if (extractedFaviconUrl.startsWith(\"/\")) {\n extractedFaviconUrl = `${targetUrl.protocol}//${targetUrl.host}${extractedFaviconUrl}`;\n } else if (!extractedFaviconUrl.startsWith(\"http\")) {\n extractedFaviconUrl = new URL(extractedFaviconUrl, url).href;\n }\n \n const faviconResponse = await fetch(extractedFaviconUrl);\n \n if (faviconResponse.ok) {\n const contentType = faviconResponse.headers.get(\"content-type\") || \"image/x-icon\";\n \n return {\n success: true,\n faviconUrl: extractedFaviconUrl,\n contentType,\n };\n }\n }\n } catch (error) {\n console.error(\"Error extracting favicon from HTML:\", error);\n }\n \n // If all attempts fail\n return {\n success: false,\n message: \"Could not find favicon for the provided URL\",\n };\n}\n\n// Helper function to update Notion page with favicon URL\nasync function updateNotionPage(pageId: string, iconUrl: string) {\n const NOTION_API_KEY = Deno.env.get(\"NOTION_API_KEY\");\n \n if (!NOTION_API_KEY) {\n console.error(\"NOTION_API_KEY environment variable is not set\");\n return { \n success: false, \n error: \"Notion API key not configured\",\n debug: \"Please set the NOTION_API_KEY environment variable\"\n };\n }\n \n try {\n console.log(`Updating Notion page ${pageId} with icon ${iconUrl}`);\n \n const response = await fetch(`https://api.notion.com/v1/pages/${pageId}`, {\n method: \"PATCH\",\n headers: {\n \"Authorization\": `Bearer ${NOTION_API_KEY}`,\n \"Notion-Version\": \"2022-06-28\",\n \"Content-Type\": \"application/json\"\n },\n body: JSON.stringify({\n icon: {\n type: \"external\",\n external: {\n url: iconUrl\n }\n }\n })\n });\n \n if (!response.ok) {\n const errorData = await response.json();\n console.error(\"Error updating Notion page:\", errorData);\n return { \n success: false, \n error: \"Failed to update Notion page\", \n details: errorData,\n status: response.status,\n statusText: response.statusText\n };\n }\n \n const responseData = await response.json();\n return { \n success: true,\n data: responseData\n };\n } catch (error) {\n console.error(\"Error making request to Notion API:\", error);\n return { \n success: false, \n error: \"Error making request to Notion API\", \n message: error.message \n };\n }\n}\n\n// Standard endpoint for direct API calls\nrouter.post(\"/\", async (c) => {\n try {\n // Parse the request body to get the URL\n const { url } = await c.req.json();\n \n if (!url) {\n return c.json({ error: \"URL is required\" }, 400);\n }\n \n const result = await extractFavicon(url);\n \n if (result.success) {\n // For direct API calls, include base64 data\n try {\n const faviconResponse = await fetch(result.faviconUrl);\n const faviconBuffer = await faviconResponse.arrayBuffer();\n const base64Favicon = btoa(\n String.fromCharCode(...new Uint8Array(faviconBuffer))\n );\n \n return c.json({\n ...result,\n faviconBase64: base64Favicon,\n });\n } catch (error) {\n console.error(\"Error converting favicon to base64:\", error);\n return c.json(result);\n }\n } else {\n return c.json(result, result.error ? 400 : 404);\n }\n } catch (error) {\n console.error(\"Error processing favicon request:\", error);\n return c.json({\n success: false,\n error: \"Failed to process request\",\n message: error.message,\n }, 500);\n }\n});\n\n// Notion webhook endpoint\nrouter.post(\"/notion\", async (c) => {\n try {\n // Parse the webhook payload from Notion\n const payload = await c.req.json();\n \n // Validate the payload\n if (!payload.pageId || !payload.url) {\n return c.json({ \n success: false, \n error: \"Invalid webhook payload. Required fields: pageId, url\" \n }, 400);\n }\n \n const { pageId, url } = payload;\n \n // Extract favicon from the URL\n const faviconResult = await extractFavicon(url);\n \n if (!faviconResult.success) {\n return c.json({\n success: false,\n message: \"Could not find favicon for the provided URL\",\n pageId,\n url\n }, 404);\n }\n \n // Update the Notion page with the favicon URL\n const updateResult = await updateNotionPage(pageId, faviconResult.faviconUrl);\n \n if (!updateResult.success) {\n return c.json({\n success: false,\n error: \"Failed to update Notion page\",\n details: updateResult,\n pageId,\n url,\n faviconUrl: faviconResult.faviconUrl\n }, 500);\n }\n \n // Return success response\n return c.json({\n success: true,\n message: \"Favicon found and Notion page updated\",\n pageId,\n url,\n faviconUrl: faviconResult.faviconUrl\n });\n \n } catch (error) {\n console.error(\"Error processing Notion webhook:\", error);\n return c.json({\n success: false,\n error: \"Failed to process Notion webhook\",\n message: error.message,\n }, 500);\n }\n});\n\nexport default router;",[],[154,189],"ad146538-35a6-11f0-8944-9e149126039e","ad1465f6-35a6-11f0-8944-9e149126039e",9,["D",1747765043293],"# Routes Directory\n\nThis directory contains modular route handlers for the API.\n\n## Current Routes\n\n- `favicon.ts`: Handles the `/favicon` endpoint for extracting favicons from URLs\n\n## Adding New Routes\n\nTo add a new route:\n\n1. Create a new file in this directory (e.g., `myRoute.ts`)\n2. Use the following template:\n\n```typescript\nimport { Hono } from \"https://esm.sh/hono@3.11.7\";\n\n// Create a router for the endpoint\nconst router = new Hono();\n\n// Define your routes\nrouter.get(\"/\", (c) => {\n // Handler logic\n return c.json({ message: \"Your response\" });\n});\n\nrouter.post(\"/\", async (c) => {\n // Handler logic for POST\n const body = await c.req.json();\n // Process the request\n return c.json({ result: \"Your response\" });\n});\n\n// Export the router\nexport default router;\n```\n\n3. Import and mount your router in the main `index.tsx` file:\n\n```typescript\nimport myRouter from \"./routes/myRoute.ts\";\n\n// Mount the router\napp.route(\"/my-route\", myRouter);\n```\n\nThis modular approach helps keep the codebase organized and maintainable as the API grows.",[],[154,146],["D",1747765001940],[177,178],[154],"65127382-35a7-11f0-b402-9e149126039e",["D",1747765351990],[],[28,44],["D",1747765351990],[175],[28],["D",1747764573832],{"_100":99,"_107":103},{"_100":99,"_101":-5,"_102":103,"_18":58,"_104":105,"_106":25},{"_13":89,"_32":90,"_47":40,"_91":48,"_92":-5,"_93":-5,"_94":-5,"_95":-5,"_96":-5,"_97":49,"_98":99},"ctx",{"_82":-5,"_127":251,"_252":253,"_254":255,"_256":25,"_257":25,"_258":25,"_259":62,"_260":-5,"_261":-7,"_262":-7,"_263":158,"_264":25,"_265":25,"_266":-5,"_267":25,"_268":25,"_269":25,"_270":-5},"ENV",{"_222":223,"_224":225,"_226":90,"_227":228,"_229":230,"_231":232,"_233":234,"_235":236,"_237":238,"_239":240,"_241":242,"_243":244,"_245":246,"_247":248,"_249":250},"REACT_APP_SENTRY_DSN","https://586020d86f05489db63a554690acf1e9@o1398359.ingest.sentry.io/6724499","RENDER_GIT_COMMIT","e87eb04e707cf64e7e532c8e8ec395f209e17f15","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 · v14