[{"_1":2,"_3":-5,"_4":-5},"loaderData",{"_5":6,"_7":8,"_9":10},"actionData","errors","root",{"_313":314,"_315":316},"routes/_app.x.$handle.$name",{"_98":97,"_31":42,"_107":84,"_26":108,"_13":14,"_109":-5,"_11":110,"_111":112,"_113":114,"_115":116,"_117":118,"_20":-5,"_119":120,"_121":122,"_123":24,"_124":125,"_126":56,"_127":-5,"_128":-5,"_129":130},"routes/_app.x.$handle.$name.branch.$branch.version.$version.diff",{"_11":12,"_13":14,"_15":16,"_17":-5,"_18":-5},"project",{"_40":41,"_31":42,"_35":43,"_44":-5,"_45":24,"_46":47,"_48":47,"_49":50,"_51":-5,"_18":52,"_53":54,"_55":56,"_57":56,"_58":-5,"_59":60,"_61":62,"_63":-5,"_64":-5,"_65":-5,"_66":-5,"_67":68,"_69":68,"_70":71,"_72":71,"_73":71,"_74":68,"_75":68,"_76":77,"_78":79,"_80":81,"_82":24},"version",27,"changes",[19],"aiChatInfo","userId",{"_20":21,"_22":-7,"_23":24,"_25":24,"_26":27,"_28":27},"file",{"_29":30,"_31":27,"_32":20,"_33":34,"_35":36,"_37":14,"_38":39,"_23":24},"previous","deleted",false,"deletedHere","path","test-embed.html","latestPath","fileId","6fd61bd0-7615-11f0-941b-0224a6c84d84","name","fileType","content","\n\n\n Test Embed\n \n \n \n\n\n

Test Embeddable Likes Script

\n \n

Article 1

This is a sample blog post about technology.

\n \n \n

Article 2

This is another sample blog post about cooking.

\n \n \n

Product Review

This product is amazing! Here's my review...

\n \n\n \n \n\n","createdAt",["D",1754849489076],"branchVersion","branchId","83f5a3f2-7600-11f0-9174-0224a6c84d84","id","83f1fbe4-7600-11f0-9174-0224a6c84d84","like-anything",["D",1754840503393],"deletedAt","legacyEnvVars","privacy","public","httpPrivacy","description","Add a \"Like\" button anywhere on the web","imageUrl","0198922d-959e-7117-a174-9bc052619302","pinnedFileId","019894a5-14b4-7659-ac14-319f8b619533","pinPreview",true,"pinMigrated","screenshotVersion","likeCount",0,"orgId","0198922d-959e-7117-a174-9dbf0b652b70","tursoName","tursoHostname","tursoMeasuredAt","pinned","userPerm","r","valPerm","blobPerm","rw","emailPerm","sqlitePerm","projectPerm","telemetryPerm","user",{"_98":97,"_106":102},"org",{"_98":97,"_99":100,"_101":102,"_18":52,"_103":104,"_105":24},"branch",{"_13":83,"_31":84,"_40":39,"_85":41,"_86":87,"_88":89,"_90":47,"_91":92,"_93":94,"_95":42,"_96":97},"isOwned",55,"main","projectId","forkedBranchId","0fd50126-2f73-11f0-b386-569c3dd06744","forkedBranchVersion",21,"forkedProjectPrivacy","forkedProjectId","0fd4bb58-2f73-11f0-b386-569c3dd06744","forkedProjectOrgId","c1e7642a-74cc-4d69-8652-20abbdeaa94e","projectName","userHandle","Jamesllllllllll","handle","displayName","James Keezer","avatar","https://img.clerk.com/eyJ0eXBlIjoicHJveHkiLCJzcmMiOiJodHRwczovL2ltYWdlcy5jbGVyay5kZXYvb2F1dGhfZ2l0aHViL2ltZ18zMTUxUkM5ajFxSXJnNkhqb3VEa3UxYnJFbXgifQ","tier","free","canRestrictVals","profileImageUrl","branchName","","adoptOrgId",{"_40":41,"_31":42,"_35":309,"_44":-5,"_45":24,"_46":47,"_48":47,"_49":50,"_51":-5,"_18":52,"_53":54,"_55":56,"_57":56,"_58":-5,"_59":60,"_61":62,"_63":-5,"_64":-5,"_65":-5,"_66":-5,"_67":68,"_69":68,"_70":71,"_72":71,"_73":71,"_74":68,"_75":68,"_76":310,"_78":311,"_80":312,"_82":24},"tree",[236,238,240,242,243,244,245,246,247,248,249],"files",[236,237,238,239,240,241,242,243,244,245,246,247,248,249],"counts",{"_226":60,"_227":178,"_228":60,"_229":230,"_231":232},"contents",[140,141,142,143,144,145,146,147,148,149,150],"upstreamProject",{"_40":92,"_31":137,"_49":-5,"_51":-5,"_46":47,"_76":138},"upstreamBranch",{"_40":87,"_35":131,"_132":133,"_31":84,"_85":92,"_13":89,"_86":-5,"_88":-5,"_134":135,"_44":-5,"_82":24,"_46":47,"_96":136,"_61":94,"_95":137},"emptyEnvVars","flags",[],"hasHttpFiles","grants","orgs","customDomains",{},["D",1747083168181],"updatedAt",["D",1749047344252],"lockfileKey","1756308222277-esm.town_v_maxm_ipv4-counter@21-main","maxm","ipv4-counter",{"_98":136,"_106":139},"https://img.clerk.com/eyJ0eXBlIjoicHJveHkiLCJzcmMiOiJodHRwczovL2ltYWdlcy5jbGVyay5kZXYvdXBsb2FkZWQvaW1nXzJnTEtkSHlOMWxWZm1GRHdKYUVTNklYM3FpdiJ9",{"_40":221,"_31":222,"_29":223,"_152":-5,"_38":39,"_37":186,"_153":56,"_35":224,"_13":60,"_32":214,"_33":-5,"_23":24,"_155":-5,"_26":225},{"_40":216,"_31":217,"_29":218,"_152":-5,"_38":39,"_37":178,"_153":56,"_35":219,"_13":60,"_32":214,"_33":-5,"_23":24,"_155":-5,"_26":220},{"_40":210,"_31":211,"_29":212,"_152":-5,"_38":39,"_37":178,"_153":56,"_35":213,"_13":60,"_32":214,"_33":-5,"_23":24,"_155":-5,"_26":215},{"_40":203,"_31":204,"_29":205,"_152":-5,"_38":39,"_37":206,"_153":56,"_35":207,"_13":60,"_32":20,"_33":208,"_23":24,"_155":-5,"_26":209},{"_40":196,"_31":197,"_29":198,"_152":-5,"_38":39,"_37":199,"_153":24,"_35":200,"_13":178,"_32":20,"_33":201,"_23":24,"_155":-5,"_26":202},{"_40":189,"_31":190,"_29":191,"_152":-5,"_38":39,"_37":192,"_153":56,"_35":193,"_13":60,"_32":20,"_33":194,"_23":24,"_155":-5,"_26":195},{"_40":181,"_31":182,"_29":183,"_152":-5,"_38":39,"_37":184,"_153":24,"_35":185,"_13":186,"_32":20,"_33":187,"_23":24,"_155":-5,"_26":188},{"_40":173,"_31":174,"_29":175,"_152":-5,"_38":39,"_37":176,"_153":56,"_35":177,"_13":178,"_32":20,"_33":179,"_23":24,"_155":-5,"_26":180},{"_40":165,"_31":166,"_29":54,"_152":-5,"_38":39,"_37":167,"_153":24,"_35":168,"_13":169,"_32":170,"_33":171,"_23":24,"_155":-5,"_26":172},{"_40":157,"_31":158,"_29":159,"_152":-5,"_38":39,"_37":160,"_153":24,"_35":161,"_13":60,"_32":162,"_33":163,"_23":24,"_155":-5,"_26":164},{"_40":151,"_31":27,"_29":30,"_152":-5,"_38":39,"_37":14,"_153":24,"_35":154,"_13":60,"_32":20,"_33":34,"_23":24,"_155":-5,"_26":156},"6fd61b1c-7615-11f0-941b-0224a6c84d84","parentId","latest",["D",1754849489076],"label",[27],"6fd0d6b6-7615-11f0-a5ba-0224a6c84d84","script.js","6fd0d788-7615-11f0-a5ba-0224a6c84d84",26,["D",1754849489075],"script","(function() {\n 'use strict';\n \n // Get the current script's src to determine API base URL\n const currentScript = document.currentScript;\n const API_BASE_URL = currentScript ? currentScript.src.replace('/script.js', '') : '';\n \n // Initialize likes tracking when DOM is ready\n function initLikesTracking() {\n // Find all like containers\n const likeContainers = document.querySelectorAll('[data-likes-id]');\n \n likeContainers.forEach(container => {\n const id = container.getAttribute('data-likes-id');\n if (!id) return;\n \n // Find count display and button within this container\n const countDisplay = container.querySelector('.likes-count');\n const likeButton = container.querySelector('.likes-button');\n \n if (!countDisplay || !likeButton) {\n console.warn('Likes container missing required elements (.likes-count or .likes-button)');\n return;\n }\n \n // Load initial like count\n loadLikeCount(id, countDisplay);\n \n // Add click handler to like button\n likeButton.addEventListener('click', function(e) {\n e.preventDefault();\n recordLike(id, countDisplay, likeButton);\n });\n \n // Style the button if no custom styles applied\n if (!likeButton.style.cssText && !likeButton.className.includes('custom')) {\n applyDefaultStyles(likeButton);\n }\n });\n }\n \n // Load like count for a specific ID\n async function loadLikeCount(id, countDisplay) {\n try {\n const response = await fetch(`${API_BASE_URL}/api/likes/${encodeURIComponent(id)}`);\n const data = await response.json();\n \n if (response.ok) {\n countDisplay.textContent = data.likeCount;\n } else {\n console.error('Failed to load likes:', data.error);\n countDisplay.textContent = '0';\n }\n } catch (error) {\n console.error('Error loading likes:', error);\n countDisplay.textContent = '0';\n }\n }\n \n // Record a like for a specific ID\n async function recordLike(id, countDisplay, button) {\n // Disable button temporarily\n const originalText = button.innerHTML;\n button.disabled = true;\n button.innerHTML = '💗';\n \n try {\n const response = await fetch(`${API_BASE_URL}/api/like`, {\n method: 'POST',\n headers: { 'Content-Type': 'application/json' },\n body: JSON.stringify({ id: id })\n });\n \n const data = await response.json();\n \n if (response.ok && data.success) {\n countDisplay.textContent = data.likeCount;\n \n // Brief animation effect\n button.style.transform = 'scale(1.2)';\n setTimeout(() => {\n button.style.transform = '';\n }, 150);\n } else {\n console.error('Failed to record like:', data.error);\n }\n } catch (error) {\n console.error('Error recording like:', error);\n } finally {\n // Re-enable button\n setTimeout(() => {\n button.disabled = false;\n button.innerHTML = originalText;\n }, 500);\n }\n }\n \n // Apply default styles to like button\n function applyDefaultStyles(button) {\n button.style.cssText = `\n background: none;\n border: none;\n cursor: pointer;\n font-size: 20px;\n padding: 4px 8px;\n border-radius: 4px;\n transition: all 0.2s ease;\n user-select: none;\n `;\n \n button.addEventListener('mouseenter', function() {\n this.style.transform = 'scale(1.1)';\n });\n \n button.addEventListener('mouseleave', function() {\n this.style.transform = '';\n });\n }\n \n // Initialize when DOM is ready\n if (document.readyState === 'loading') {\n document.addEventListener('DOMContentLoaded', initLikesTracking);\n } else {\n initLikesTracking();\n }\n \n // Export for manual initialization if needed\n globalThis.LikesTracker = {\n init: initLikesTracking,\n loadCount: loadLikeCount,\n recordLike: recordLike\n };\n})();",[158],"ac94a046-7610-11f0-9f69-0224a6c84d84","index.ts",24,["D",1754847443495],6,"http","import { Hono } from \"https://esm.sh/hono@3.12.6\";\nimport { cors } from \"https://esm.sh/hono@3.12.6/cors\";\nimport { readFile, serveFile } from \"https://esm.town/v/std/utils@85-main/index.ts\";\nimport {\n getAllLikes,\n getLikeCount,\n getTotalLikes,\n initDatabase,\n recordLike,\n} from \"./backend/database.ts\";\n\n// Initialize the Hono app\nconst app = new Hono();\n\n// Enable CORS for cross-origin requests from websites\napp.use(\n \"*\",\n cors({\n origin: \"*\", // Allow requests from any origin\n allowMethods: [\"GET\", \"POST\", \"OPTIONS\"],\n allowHeaders: [\"Content-Type\"],\n }),\n);\n\n// Unwrap Hono errors to see original error details\napp.onError((err, _c) => {\n throw err;\n});\n\n// Initialize the database on startup\nawait initDatabase();\n\n// API endpoint to record a like\napp.post(\"/api/like\", async (c) => {\n try {\n const body = await c.req.json();\n const { id } = body;\n\n if (!id) {\n return c.json({ error: \"ID is required\" }, 400);\n }\n\n // Record the like and get the updated count\n const likeCount = await recordLike(id);\n\n return c.json({\n success: true,\n id,\n likeCount,\n });\n } catch (error) {\n console.error(\"Error recording like:\", error);\n return c.json({ error: \"Failed to record like\" }, 500);\n }\n});\n\n// API endpoint to get like count for a specific ID\napp.get(\"/api/likes/:id\", async (c) => {\n const id = c.req.param(\"id\");\n\n const likeCount = await getLikeCount(id);\n\n return c.json({\n id,\n likeCount,\n });\n});\n\n// API endpoint to get all like data (for admin/stats purposes)\napp.get(\"/api/likes\", async (c) => {\n const likes = await getAllLikes();\n const totalLikes = await getTotalLikes();\n\n return c.json({\n likes,\n totalLikes,\n });\n});\n\n// Serve the frontend HTML\napp.get(\"/\", async (c) => {\n try {\n const html = await readFile(\"/frontend/index.html\", import.meta.url);\n return c.html(html);\n } catch (error) {\n console.error(\"Error reading frontend file:\", error);\n return c.json({ error: \"Frontend not available\" }, 500);\n }\n});\n\n// This is the entry point for HTTP vals\nexport default app.fetch;\n",[166],"8e077adc-7605-11f0-9b82-0224a6c84d84","deno.json","63a00cec-7604-11f0-abe9-0224a6c84d84",11,["D",1754842667790],1,"{\n \"$schema\": \"https://raw.githubusercontent.com/denoland/deno/348900b8b79f4a434cab4c74b3bc8d4d2fa8ee74/cli/schemas/config-file.v1.json\",\n \"lock\": false,\n \"compilerOptions\": {\n \"noImplicitAny\": false,\n \"strict\": false,\n \"types\": [\n \"https://www.val.town/types/valtown.d.ts\"\n ],\n \"lib\": [\n \"dom\",\n \"dom.iterable\",\n \"dom.asynciterable\",\n \"deno.ns\",\n \"deno.unstable\"\n ]\n },\n \"lint\": {\n \"files\": {\n \"include\": [\n \"deno:/https/esm.town/**/*\"\n ]\n },\n \"rules\": {\n \"exclude\": [\n \"no-explicit-any\"\n ]\n }\n },\n \"node_modules_dir\": false,\n \"experimental\": {\n \"unstable-node-globals\": true,\n \"unstable-temporal\": true,\n \"unstable-worker-options\": true,\n \"unstable-sloppy-imports\": true\n }\n}\n",[174],"8e1b8176-7605-11f0-900d-0224a6c84d84","README.md","019894a5-14b4-7659-ac14-2cf36cf66d99",14,["D",1754842667915],2,"# Likes Tracking API\n\nA cross-origin API service that tracks likes across multiple websites.\n\n## Features\n\n- Records likes for websites and specific pages\n- Supports multiple websites from a single API\n- Returns updated like counts for real-time UI updates\n- CORS enabled for cross-origin requests\n\n## API Endpoints\n\n### POST /api/like\n\nRecord a like for a website/page:\n\n```json\n{\n \"website\": \"example.com\",\n \"pageUrl\": \"/blog/my-post\" // optional\n}\n```\n\nReturns:\n`{ \"success\": true, \"website\": \"example.com\", \"pageUrl\": \"/blog/my-post\", \"likeCount\": 42 }`\n\n### GET /api/likes/:website\n\nGet like count for a specific website. Add `?pageUrl=/path` for specific pages.\n\n### GET /api/likes\n\nGet all like data for admin/stats purposes.\n\n## Project Structure\n\n- `backend/` - Server-side code\n - `database.ts` - SQLite database setup and queries for likes tracking\n- `index.ts` - Main HTTP handler using Hono with CORS support\n\n## Example Usage\n\n```javascript\n// Record a like from your website\nfetch(\"https://your-val-url.val.run/api/like\", {\n method: \"POST\",\n headers: { \"Content-Type\": \"application/json\" },\n body: JSON.stringify({\n website: \"mysite.com\",\n pageUrl: window.location.pathname,\n }),\n})\n .then((res) => res.json())\n .then((data) => {\n // Update your UI with data.likeCount\n document.getElementById(\"like-count\").textContent = data.likeCount;\n });\n```\n",[182],"8e0bfc88-7605-11f0-b500-0224a6c84d84","PAGE_LIKES_DOCUMENTATION.md","8e0bfd5a-7605-11f0-b500-0224a6c84d84",12,["D",1754842667810],"# Getting Page Likes on Page Load\n\nThis documentation covers how to retrieve and display like counts when pages\nload, supporting both website-wide and page-specific likes.\n\n## API Endpoint\n\n```\nGET /api/likes/:website[?pageUrl=path]\n```\n\n### Parameters\n\n- `:website` (required) - The website domain (e.g., `mysite.com`)\n- `pageUrl` (optional query parameter) - Specific page path (e.g.,\n `/blog/article-1`)\n\n## Usage Examples\n\n### Website-Wide Likes\n\nGet the total number of likes for an entire website:\n\n```javascript\n// Basic implementation\nfetch(\"https://your-val-url.val.run/api/likes/mysite.com\")\n .then((response) => response.json())\n .then((data) => {\n console.log(`Website likes: ${data.likeCount}`);\n document.getElementById(\"site-likes\").textContent = data.likeCount;\n })\n .catch((error) => console.error(\"Error fetching likes:\", error));\n```\n\n### Page-Specific Likes\n\nGet likes for the current page:\n\n```javascript\n// Get likes for current page using window.location.pathname\nconst website = \"mysite.com\";\nconst currentPage = window.location.pathname;\n\nfetch(\n `https://your-val-url.val.run/api/likes/${website}?pageUrl=${currentPage}`,\n)\n .then((response) => response.json())\n .then((data) => {\n console.log(`Page likes: ${data.likeCount}`);\n document.getElementById(\"page-likes\").textContent = data.likeCount;\n })\n .catch((error) => console.error(\"Error fetching page likes:\", error));\n```\n\n### Complete Page Implementation\n\nHere's a complete example that loads and displays page likes:\n\n```html\n\n\n \n My Article\n \n \n \n

My Article

Article content here...

\n\n

\n \n 0\n

\n\n \n \n\n```\n\n## Response Format\n\n### Successful Response\n\n```json\n{\n \"website\": \"mysite.com\",\n \"pageUrl\": \"/blog/article-1\",\n \"likeCount\": 42\n}\n```\n\n- `website`: The website domain\n- `pageUrl`: The specific page path (null if requesting website-wide likes)\n- `likeCount`: Current number of likes (0 if no likes yet)\n\n## Advanced Usage\n\n### Multiple Pages with Different Counters\n\n```javascript\n// Load likes for multiple pages\nconst pages = [\"/home\", \"/about\", \"/blog/post-1\"];\nconst website = \"mysite.com\";\n\npages.forEach(async (page) => {\n const response = await fetch(\n `${API_BASE}/api/likes/${website}?pageUrl=${page}`,\n );\n const data = await response.json();\n\n // Update specific counter for each page\n const counter = document.querySelector(`[data-page=\"${page}\"] .like-count`);\n if (counter) counter.textContent = data.likeCount;\n});\n```\n\n### Combining Website and Page Likes\n\n```javascript\nasync function loadAllLikes() {\n const website = \"mysite.com\";\n const currentPage = window.location.pathname;\n\n // Load both website-wide and page-specific likes\n const [websiteResponse, pageResponse] = await Promise.all([\n fetch(`${API_BASE}/api/likes/${website}`),\n fetch(`${API_BASE}/api/likes/${website}?pageUrl=${currentPage}`),\n ]);\n\n const websiteData = await websiteResponse.json();\n const pageData = await pageResponse.json();\n\n document.getElementById(\"website-likes\").textContent = websiteData.likeCount;\n document.getElementById(\"page-likes\").textContent = pageData.likeCount;\n}\n```\n\n## Error Handling\n\nAlways include proper error handling:\n\n```javascript\nasync function getLikes(website, pageUrl = null) {\n try {\n const url = pageUrl\n ? `${API_BASE}/api/likes/${website}?pageUrl=${pageUrl}`\n : `${API_BASE}/api/likes/${website}`;\n\n const response = await fetch(url);\n\n if (!response.ok) {\n throw new Error(`HTTP error! status: ${response.status}`);\n }\n\n const data = await response.json();\n return data.likeCount;\n } catch (error) {\n console.error(\"Error fetching likes:\", error);\n return 0; // Return 0 as fallback\n }\n}\n```\n\n## CORS Support\n\nThe API includes CORS headers allowing requests from any origin, so you can call\nit directly from your website's JavaScript without proxy servers or additional\nconfiguration.\n",[190],"8e354796-7605-11f0-b887-0224a6c84d84","CLAUDE.md","639a997e-7604-11f0-ac58-0224a6c84d84",17,["D",1754842667803],"# CLAUDE.md\n\nThis file provides guidance to Claude Code (claude.ai/code) when working with\ncode in this repository.\n\n## Architecture Overview\n\nThis is a Val Town project that implements a cross-origin likes tracking API\nwith the following structure:\n\n- **Val Town Platform**: Built specifically for Val Town's serverless\n environment using Deno runtime\n- **Backend**: Hono web framework with SQLite database for likes tracking across\n multiple websites\n- **API Service**: RESTful endpoints with CORS support for cross-origin requests\n- **Entry Point**: `index.ts` exports `app.fetch` as the HTTP handler\n\n## Key Components\n\n### Backend (`backend/database.ts`)\n\n- Uses Val Town's hosted SQLite service (`stevekrouse/sqlite`)\n- Table versioning pattern: `website_likes_v1` (increment version when changing\n schema)\n- Core functions: `initDatabase()`, `recordLike()`, `getAllLikes()`,\n `getLikeCount()`, `getTotalLikes()`\n- Database tracks likes by website and optional page URL\n- Database initializes automatically on startup\n\n### API Documentation Page (`/` route)\n\n- Self-contained HTML documentation page\n- Shows API endpoints and usage examples\n- No longer a tracking frontend, just documentation\n\n### Main Application (`index.ts`)\n\n- Hono app with error unwrapping for debugging and CORS support\n- Routes: `/` (API docs), `POST /api/like` (record like),\n `GET /api/likes/:website` (get count), `GET /api/likes` (all data)\n- Accepts JSON payloads with website and optional pageUrl\n- Returns updated like counts for real-time UI updates\n\n## Common Development Commands\n\n```bash\n# Run/test the application locally\ndeno run --allow-net --allow-read index.ts\n\n# Lint code\ndeno lint\n\n# Format code \ndeno fmt\n\n# Type checking\ndeno check index.ts\n```\n\n## Val Town Specific Patterns\n\n### Database Schema Changes\n\nWhen modifying the database schema, increment the table name (e.g.,\n`website_likes_v1` → `website_likes_v2`) rather than using ALTER TABLE\noperations.\n\n### API Usage\n\nThe API is designed for cross-origin requests. Example usage from any website:\n\n```javascript\nfetch(\"https://your-val-url.val.run/api/like\", {\n method: \"POST\",\n headers: { \"Content-Type\": \"application/json\" },\n body: JSON.stringify({\n website: \"mysite.com\",\n pageUrl: window.location.pathname,\n }),\n})\n .then((res) => res.json())\n .then((data) => console.log(\"New like count:\", data.likeCount));\n```\n\n### File Serving\n\nUses Val Town utility functions for proper file serving:\n\n```typescript\nimport {\n readFile,\n serveFile,\n} from \"https://esm.town/v/std/utils@85-main/index.ts\";\n```\n\n### Error Handling\n\nInclude this pattern in Hono apps for better error visibility:\n\n```typescript\napp.onError((err, c) => {\n throw err;\n});\n```\n\n### CORS Configuration\n\nThe API includes CORS headers to allow requests from any origin:\n\n```typescript\napp.use(\n \"*\",\n cors({\n origin: \"*\",\n allowMethods: [\"GET\", \"POST\", \"OPTIONS\"],\n allowHeaders: [\"Content-Type\"],\n }),\n);\n```\n\n## Configuration Notes\n\n- **TypeScript**: Configured with relaxed settings (`noImplicitAny: false`,\n `strict: false`)\n- **Imports**: Uses `https://esm.sh` for npm packages and `https://esm.town/v/`\n for Val Town utilities\n- **Styling**: TailwindCSS via CDN script tag\n- **Error Debugging**: Includes\n `` for client-side error\n capture\n",[197],"63bbefa2-7604-11f0-9558-0224a6c84d84",".vtignore","63bbf088-7604-11f0-9558-0224a6c84d84",9,["D",1754842167155],".git\n.vscode\n.cursorrules\n.DS_Store\nnode_modules\nvendor",[204],"83fb99e2-7600-11f0-9174-0224a6c84d84","frontend","019894a5-14b4-7659-ac14-28098765fdc7",["D",1754840503393],"directory",[211],"83fb87ae-7600-11f0-9174-0224a6c84d84","backend","019894a5-14b4-7659-ac14-23adaa79473b",["D",1754840503393],[217],"638ced74-7604-11f0-ac58-0224a6c84d84",".claude","638cee28-7604-11f0-ac58-0224a6c84d84",["D",1754842167057],[222],"pulls","branches","forks","envVars",{"_233":178,"_235":60},"connections",{"_233":60,"_234":60},"count","unfilledCount","emptyCount",{"_40":221,"_31":222,"_29":223,"_152":-5,"_38":39,"_37":186,"_153":56,"_35":306,"_13":60,"_32":214,"_33":-5,"_23":24,"_155":-5,"_251":307,"_26":308},{"_40":298,"_31":299,"_29":300,"_152":223,"_38":39,"_37":301,"_153":56,"_35":302,"_13":186,"_32":20,"_33":303,"_23":24,"_155":-5,"_251":304,"_26":305},{"_40":216,"_31":217,"_29":218,"_152":-5,"_38":39,"_37":178,"_153":56,"_35":295,"_13":60,"_32":214,"_33":-5,"_23":24,"_155":-5,"_251":296,"_26":297},{"_40":287,"_31":288,"_29":289,"_152":218,"_38":39,"_37":290,"_153":56,"_35":291,"_13":280,"_32":162,"_33":292,"_23":24,"_155":-5,"_251":293,"_26":294},{"_40":210,"_31":211,"_29":212,"_152":-5,"_38":39,"_37":178,"_153":56,"_35":284,"_13":60,"_32":214,"_33":-5,"_23":24,"_155":-5,"_251":285,"_26":286},{"_40":275,"_31":276,"_29":277,"_152":212,"_38":39,"_37":278,"_153":24,"_35":279,"_13":280,"_32":20,"_33":281,"_23":24,"_155":-5,"_251":282,"_26":283},{"_40":203,"_31":204,"_29":205,"_152":-5,"_38":39,"_37":206,"_153":56,"_35":272,"_13":60,"_32":20,"_33":208,"_23":24,"_155":-5,"_251":273,"_26":274},{"_40":196,"_31":197,"_29":198,"_152":-5,"_38":39,"_37":199,"_153":24,"_35":269,"_13":178,"_32":20,"_33":201,"_23":24,"_155":-5,"_251":270,"_26":271},{"_40":189,"_31":190,"_29":191,"_152":-5,"_38":39,"_37":192,"_153":56,"_35":266,"_13":60,"_32":20,"_33":194,"_23":24,"_155":-5,"_251":267,"_26":268},{"_40":181,"_31":182,"_29":183,"_152":-5,"_38":39,"_37":184,"_153":24,"_35":263,"_13":186,"_32":20,"_33":187,"_23":24,"_155":-5,"_251":264,"_26":265},{"_40":173,"_31":174,"_29":175,"_152":-5,"_38":39,"_37":176,"_153":56,"_35":260,"_13":178,"_32":20,"_33":179,"_23":24,"_155":-5,"_251":261,"_26":262},{"_40":165,"_31":166,"_29":54,"_152":-5,"_38":39,"_37":167,"_153":24,"_35":257,"_13":169,"_32":170,"_33":171,"_23":24,"_155":-5,"_251":258,"_26":259},{"_40":157,"_31":158,"_29":159,"_152":-5,"_38":39,"_37":160,"_153":24,"_35":254,"_13":60,"_32":162,"_33":163,"_23":24,"_155":-5,"_251":255,"_26":256},{"_40":151,"_31":27,"_29":30,"_152":-5,"_38":39,"_37":14,"_153":24,"_35":250,"_13":60,"_32":20,"_33":34,"_23":24,"_155":-5,"_251":252,"_26":253},["D",1754849489076],"children",[],[27],["D",1754849489075],[],[158],["D",1754847443495],[],[166],["D",1754842667790],[],[174],["D",1754842667915],[],[182],["D",1754842667810],[],[190],["D",1754842667803],[],[197],["D",1754842167155],[],[204],"ac8de044-7610-11f0-854d-0224a6c84d84","index.html","019894a5-14b4-7659-ac14-26aef6996237",23,["D",1754847443491],3,"\n\n\n Likes Tracking API\n \n \n \n \n \n\n\n

Likes Tracking API

This API tracks likes using unique IDs. Perfect for any content that needs like tracking!

\n \n

💡 Use Cases

Blog posts: Use post IDs like \"post-123\" or \"2024-01-15-intro\"

Products: Use product IDs like \"product-abc\" or \"laptop-xps-13\"

Comments: Use comment IDs like \"comment-456\" or \"reply-789\"

Custom: Any unique identifier you want to track likes for!

\n \n

POST /api/like

Record a like for a specific ID

{\n  \"id\": \"post-123\"\n}

Returns: { \"success\": true, \"id\": \"post-123\", \"likeCount\": 42 }

\n \n

GET /api/likes/:id

Get like count for a specific ID

Example: /api/likes/post-123

Returns: { \"id\": \"post-123\", \"likeCount\": 42 }

\n \n

GET /api/likes

Get all like data (for admin/stats)

Returns: { \"likes\": [...], \"totalLikes\": 123 }

\n \n

Interactive Demo

Test the API endpoints with your own ID:

\n \n

\n Content ID:\n \n

\n \n

\n \n \n

\n \n

Test Like Button

\n \n

Click the like button to test recording a like for the configured ID.

\n \n

Example Usage

\n \n

Basic like tracking

// Get current likes for a post\nfetch('https://jamesllllllllll--019894a514b47659ac14319f8b619533.web.val.run/api/likes/post-123')\n  .then(res => res.json())\n  .then(data => {\n    document.getElementById('like-count').textContent = data.likeCount;\n  });\n\n// Record a like\nfetch('https://jamesllllllllll--019894a514b47659ac14319f8b619533.web.val.run/api/like', {\n  method: 'POST',\n  headers: { 'Content-Type': 'application/json' },\n  body: JSON.stringify({ id: 'post-123' })\n})\n.then(res => res.json())\n.then(data => {\n  document.getElementById('like-count').textContent = data.likeCount;\n});

\n\n

Dynamic ID from page content

// Get the post ID from your page (could be from URL, data attribute, etc.)\nconst postId = document.querySelector('[data-post-id]').dataset.postId;\n// or const postId = window.location.pathname.split('/').pop();\n\n// Get likes for this specific post\nfetch(\\`https://jamesllllllllll--019894a514b47659ac14319f8b619533.web.val.run/api/likes/\\${postId}\\`)\n  .then(res => res.json())\n  .then(data => {\n    document.getElementById('like-count').textContent = data.likeCount;\n  });\n\n// Record a like for this post\nfetch('https://jamesllllllllll--019894a514b47659ac14319f8b619533.web.val.run/api/like', {\n  method: 'POST',\n  headers: { 'Content-Type': 'application/json' },\n  body: JSON.stringify({ id: postId })\n})\n.then(res => res.json())\n.then(data => {\n  document.getElementById('like-count').textContent = data.likeCount;\n});

\n\n \n\n\n",[],[211,276],["D",1754840503393],[241],[211],"ac9a018a-7610-11f0-b680-0224a6c84d84","database.ts","019894a5-14b4-7659-ac14-1f5468c70e55",25,["D",1754847443558],"import { sqlite } from \"https://esm.town/v/stevekrouse/sqlite\";\n\n// Table name - change this if you need to modify the schema\nconst TABLE_NAME = \"likes_by_id_v1\";\n\n// Define the structure of our like records\nexport interface LikeRecord {\n id: string;\n likes: number;\n created_at: string;\n updated_at: string;\n}\n\n/**\n * Initialize the database with our table\n */\nexport async function initDatabase() {\n await sqlite.execute(`\n CREATE TABLE IF NOT EXISTS ${TABLE_NAME} (\n id TEXT PRIMARY KEY,\n likes INTEGER NOT NULL DEFAULT 0,\n created_at TEXT NOT NULL,\n updated_at TEXT NOT NULL\n )\n `);\n}\n\n/**\n * Record a like for a specific ID\n * If the ID exists, increment the counter\n * If not, create a new record with 1 like\n */\nexport async function recordLike(id: string): Promise {\n const now = new Date().toISOString();\n await sqlite.execute(\n `INSERT INTO ${TABLE_NAME} (id, likes, created_at, updated_at) \n VALUES (?, 1, ?, ?)\n ON CONFLICT(id) DO UPDATE SET \n likes = likes + 1, \n updated_at = ?`,\n [id, now, now, now],\n );\n\n // Return the updated like count\n const result = await sqlite.execute(\n `SELECT likes FROM ${TABLE_NAME} WHERE id = ?`,\n [id],\n );\n\n return Number(result.rows[0]?.likes) || 1;\n}\n\n/**\n * Get all like records\n */\nexport async function getAllLikes(): Promise {\n const result = await sqlite.execute(\n `SELECT * FROM ${TABLE_NAME} ORDER BY likes DESC`,\n );\n\n return result.rows as unknown as LikeRecord[];\n}\n\n/**\n * Get like count for a specific ID\n */\nexport async function getLikeCount(id: string): Promise {\n const result = await sqlite.execute(\n `SELECT likes FROM ${TABLE_NAME} WHERE id = ?`,\n [id],\n );\n\n return Number(result.rows[0]?.likes) || 0;\n}\n\n/**\n * Get total like count across all IDs\n */\nexport async function getTotalLikes(): Promise {\n const result = await sqlite.execute(\n `SELECT SUM(likes) as total FROM ${TABLE_NAME}`,\n );\n\n return Number(result.rows[0]?.total) || 0;\n}\n",[],[217,288],["D",1754840503393],[239],[217],"24aec8fc-7609-11f0-aae8-0224a6c84d84","settings.local.json","639cf6d8-7604-11f0-930d-0224a6c84d84",20,["D",1754844209056],"{\n \"permissions\": {\n \"allow\": [\n \"Bash(deno check:*)\",\n \"Bash(deno run:*)\",\n \"Bash(deno lint:*)\",\n \"Bash(vt push:*)\"\n ],\n \"deny\": []\n }\n}",[],[222,299],["D",1754842167057],[237],[222],["D",1754840503393],{"_98":97,"_106":102},{"_98":97,"_99":100,"_101":102,"_18":52,"_103":104,"_105":24},{"_13":83,"_31":84,"_40":39,"_85":41,"_86":87,"_88":89,"_90":47,"_91":92,"_93":94,"_95":42,"_96":97},"ctx",{"_76":-5,"_128":346,"_347":348,"_349":350,"_351":24,"_352":24,"_353":24,"_354":56,"_355":-5,"_356":-7,"_357":-7,"_358":60,"_359":24,"_360":24,"_361":-5,"_362":24,"_363":24,"_364":24,"_365":-5},"ENV",{"_317":318,"_319":320,"_321":84,"_322":323,"_324":325,"_326":327,"_328":329,"_330":331,"_332":333,"_334":335,"_336":337,"_338":339,"_340":341,"_342":343,"_344":345},"REACT_APP_SENTRY_DSN","https://586020d86f05489db63a554690acf1e9@o1398359.ingest.sentry.io/6724499","RENDER_GIT_COMMIT","71c1b20804b3232a7e513be260cfffc1932a9e97","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 · v27