[{"_1":2,"_3":-5,"_4":-5},"loaderData",{"_5":6,"_7":8,"_9":10},"actionData","errors","root",{"_291":292,"_293":294},"routes/_app.x.$handle.$name",{"_100":99,"_32":45,"_109":86,"_27":110,"_13":14,"_111":-5,"_11":112,"_113":114,"_115":116,"_117":118,"_119":120,"_20":-5,"_121":122,"_123":124,"_125":25,"_126":127,"_128":58,"_129":-5,"_130":-5,"_131":132},"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":-5,"_18":55,"_56":31,"_57":58,"_59":58,"_60":-5,"_61":62,"_63":64,"_65":-5,"_66":-5,"_67":-5,"_68":-5,"_69":70,"_71":70,"_72":73,"_74":73,"_75":73,"_76":70,"_77":70,"_78":79,"_80":81,"_82":83,"_84":25},"version",24,"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","index.ts","latestPath","fileId","019894a5-14b4-7659-ac14-319f8b619533","name","fileType","http","content","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 { website, pageUrl } = body;\n\n if (!website) {\n return c.json({ error: \"Website name is required\" }, 400);\n }\n\n // Record the like and get the updated count\n const likeCount = await recordLike(website, pageUrl);\n\n return c.json({\n success: true,\n website,\n pageUrl: pageUrl || null,\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 website/page\napp.get(\"/api/likes/:website\", async (c) => {\n const website = c.req.param(\"website\");\n const pageUrl = c.req.query(\"pageUrl\");\n\n const likeCount = await getLikeCount(website, pageUrl);\n\n return c.json({\n website,\n pageUrl: pageUrl || null,\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","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","createdAt",["D",1754847443495],"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","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",{"_100":99,"_108":104},"org",{"_100":99,"_101":102,"_103":104,"_18":55,"_105":106,"_107":25},"branch",{"_13":85,"_32":86,"_43":42,"_87":44,"_88":89,"_90":91,"_92":50,"_93":94,"_95":96,"_97":45,"_98":99},"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",{"_43":44,"_32":45,"_38":287,"_47":-5,"_48":25,"_49":50,"_51":50,"_52":53,"_54":-5,"_18":55,"_56":31,"_57":58,"_59":58,"_60":-5,"_61":62,"_63":64,"_65":-5,"_66":-5,"_67":-5,"_68":-5,"_69":70,"_71":70,"_72":73,"_74":73,"_75":73,"_76":70,"_77":70,"_78":288,"_80":289,"_82":290,"_84":25},"tree",[221,223,225,227,228,229,230,231,232],"files",[221,222,223,224,225,226,227,228,229,230,231,232],"counts",{"_211":62,"_212":163,"_213":62,"_214":215,"_216":217},"contents",[142,143,144,145,146,147,148,149,150],"upstreamProject",{"_43":94,"_32":139,"_52":-5,"_54":-5,"_49":50,"_78":140},"upstreamBranch",{"_43":89,"_38":133,"_134":135,"_32":86,"_87":94,"_13":91,"_88":-5,"_90":-5,"_136":137,"_47":-5,"_84":25,"_49":50,"_98":138,"_63":96,"_97":139},"emptyEnvVars","flags",[],"hasHttpFiles","grants","orgs","customDomains",{},["D",1747083168181],"updatedAt",["D",1749047344252],"lockfileKey","1756308222277-esm.town_v_maxm_ipv4-counter@21-main","maxm","ipv4-counter",{"_100":138,"_108":141},"https://img.clerk.com/eyJ0eXBlIjoicHJveHkiLCJzcmMiOiJodHRwczovL2ltYWdlcy5jbGVyay5kZXYvdXBsb2FkZWQvaW1nXzJnTEtkSHlOMWxWZm1GRHdKYUVTNklYM3FpdiJ9",{"_43":206,"_32":207,"_30":208,"_152":-5,"_41":42,"_40":171,"_153":58,"_38":209,"_13":62,"_33":199,"_35":-5,"_24":25,"_156":-5,"_27":210},{"_43":201,"_32":202,"_30":203,"_152":-5,"_41":42,"_40":163,"_153":58,"_38":204,"_13":62,"_33":199,"_35":-5,"_24":25,"_156":-5,"_27":205},{"_43":195,"_32":196,"_30":197,"_152":-5,"_41":42,"_40":163,"_153":58,"_38":198,"_13":62,"_33":199,"_35":-5,"_24":25,"_156":-5,"_27":200},{"_43":188,"_32":189,"_30":190,"_152":-5,"_41":42,"_40":191,"_153":58,"_38":192,"_13":62,"_33":20,"_35":193,"_24":25,"_156":-5,"_27":194},{"_43":181,"_32":182,"_30":183,"_152":-5,"_41":42,"_40":184,"_153":25,"_38":185,"_13":163,"_33":20,"_35":186,"_24":25,"_156":-5,"_27":187},{"_43":174,"_32":175,"_30":176,"_152":-5,"_41":42,"_40":177,"_153":58,"_38":178,"_13":62,"_33":20,"_35":179,"_24":25,"_156":-5,"_27":180},{"_43":166,"_32":167,"_30":168,"_152":-5,"_41":42,"_40":169,"_153":25,"_38":170,"_13":171,"_33":20,"_35":172,"_24":25,"_156":-5,"_27":173},{"_43":158,"_32":159,"_30":160,"_152":-5,"_41":42,"_40":161,"_153":58,"_38":162,"_13":163,"_33":20,"_35":164,"_24":25,"_156":-5,"_27":165},{"_43":151,"_32":28,"_30":31,"_152":-5,"_41":42,"_40":14,"_153":25,"_38":154,"_13":155,"_33":34,"_35":37,"_24":25,"_156":-5,"_27":157},"ac94a046-7610-11f0-9f69-0224a6c84d84","parentId","latest",["D",1754847443495],6,"label",[28],"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",[159],"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",[167],"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",[175],"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",[182],"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",[189],"83fb99e2-7600-11f0-9174-0224a6c84d84","frontend","019894a5-14b4-7659-ac14-28098765fdc7",["D",1754840503393],"directory",[196],"83fb87ae-7600-11f0-9174-0224a6c84d84","backend","019894a5-14b4-7659-ac14-23adaa79473b",["D",1754840503393],[202],"638ced74-7604-11f0-ac58-0224a6c84d84",".claude","638cee28-7604-11f0-ac58-0224a6c84d84",["D",1754842167057],[207],"pulls","branches","forks","envVars",{"_218":163,"_220":62},"connections",{"_218":62,"_219":62},"count","unfilledCount","emptyCount",{"_43":206,"_32":207,"_30":208,"_152":-5,"_41":42,"_40":171,"_153":58,"_38":284,"_13":62,"_33":199,"_35":-5,"_24":25,"_156":-5,"_234":285,"_27":286},{"_43":276,"_32":277,"_30":278,"_152":208,"_41":42,"_40":279,"_153":58,"_38":280,"_13":171,"_33":20,"_35":281,"_24":25,"_156":-5,"_234":282,"_27":283},{"_43":201,"_32":202,"_30":203,"_152":-5,"_41":42,"_40":163,"_153":58,"_38":273,"_13":62,"_33":199,"_35":-5,"_24":25,"_156":-5,"_234":274,"_27":275},{"_43":264,"_32":265,"_30":266,"_152":203,"_41":42,"_40":267,"_153":25,"_38":268,"_13":171,"_33":269,"_35":270,"_24":25,"_156":-5,"_234":271,"_27":272},{"_43":195,"_32":196,"_30":197,"_152":-5,"_41":42,"_40":163,"_153":58,"_38":261,"_13":62,"_33":199,"_35":-5,"_24":25,"_156":-5,"_234":262,"_27":263},{"_43":252,"_32":253,"_30":254,"_152":197,"_41":42,"_40":255,"_153":25,"_38":256,"_13":257,"_33":20,"_35":258,"_24":25,"_156":-5,"_234":259,"_27":260},{"_43":188,"_32":189,"_30":190,"_152":-5,"_41":42,"_40":191,"_153":58,"_38":249,"_13":62,"_33":20,"_35":193,"_24":25,"_156":-5,"_234":250,"_27":251},{"_43":181,"_32":182,"_30":183,"_152":-5,"_41":42,"_40":184,"_153":25,"_38":246,"_13":163,"_33":20,"_35":186,"_24":25,"_156":-5,"_234":247,"_27":248},{"_43":174,"_32":175,"_30":176,"_152":-5,"_41":42,"_40":177,"_153":58,"_38":243,"_13":62,"_33":20,"_35":179,"_24":25,"_156":-5,"_234":244,"_27":245},{"_43":166,"_32":167,"_30":168,"_152":-5,"_41":42,"_40":169,"_153":25,"_38":240,"_13":171,"_33":20,"_35":172,"_24":25,"_156":-5,"_234":241,"_27":242},{"_43":158,"_32":159,"_30":160,"_152":-5,"_41":42,"_40":161,"_153":58,"_38":237,"_13":163,"_33":20,"_35":164,"_24":25,"_156":-5,"_234":238,"_27":239},{"_43":151,"_32":28,"_30":31,"_152":-5,"_41":42,"_40":14,"_153":25,"_38":233,"_13":155,"_33":34,"_35":37,"_24":25,"_156":-5,"_234":235,"_27":236},["D",1754847443495],"children",[],[28],["D",1754842667790],[],[159],["D",1754842667915],[],[167],["D",1754842667810],[],[175],["D",1754842667803],[],[182],["D",1754842167155],[],[189],"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",[],[196,253],["D",1754840503393],[226],[196],"8e23c82c-7605-11f0-b141-0224a6c84d84","database.ts","019894a5-14b4-7659-ac14-1f5468c70e55",16,["D",1754842667969],"script","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 = \"website_likes_v1\";\n\n// Define the structure of our like records\nexport interface LikeRecord {\n id: number;\n website: string;\n page_url?: 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 INTEGER PRIMARY KEY AUTOINCREMENT,\n website TEXT NOT NULL,\n page_url TEXT,\n likes INTEGER NOT NULL DEFAULT 0,\n created_at TEXT NOT NULL,\n updated_at TEXT NOT NULL,\n UNIQUE(website, page_url)\n )\n `);\n}\n\n/**\n * Record a like for a website/page\n * If the website/page combination exists, increment the counter\n * If not, create a new record with 1 like\n */\nexport async function recordLike(\n website: string,\n pageUrl?: string,\n): Promise {\n const now = new Date().toISOString();\n await sqlite.execute(\n `INSERT INTO ${TABLE_NAME} (website, page_url, likes, created_at, updated_at) \n VALUES (?, ?, 1, ?, ?)\n ON CONFLICT(website, page_url) DO UPDATE SET \n likes = likes + 1, \n updated_at = ?`,\n [website, pageUrl || null, now, now, now],\n );\n\n // Return the updated like count\n const result = await sqlite.execute(\n `SELECT likes FROM ${TABLE_NAME} WHERE website = ? AND page_url IS ?`,\n [website, pageUrl || null],\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 website/page\n */\nexport async function getLikeCount(\n website: string,\n pageUrl?: string,\n): Promise {\n const result = await sqlite.execute(\n `SELECT likes FROM ${TABLE_NAME} WHERE website = ? AND page_url IS ?`,\n [website, pageUrl || null],\n );\n\n return Number(result.rows[0]?.likes) || 0;\n}\n\n/**\n * Get total like count across all websites\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",[],[202,265],["D",1754840503393],[224],[202],"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}",[],[207,277],["D",1754842167057],[222],[207],["D",1754840503393],{"_100":99,"_108":104},{"_100":99,"_101":102,"_103":104,"_18":55,"_105":106,"_107":25},{"_13":85,"_32":86,"_43":42,"_87":44,"_88":89,"_90":91,"_92":50,"_93":94,"_95":96,"_97":45,"_98":99},"ctx",{"_78":-5,"_130":324,"_325":326,"_327":328,"_329":25,"_330":25,"_331":25,"_332":58,"_333":-5,"_334":-7,"_335":-7,"_336":62,"_337":25,"_338":25,"_339":-5,"_340":25,"_341":25,"_342":25,"_343":-5},"ENV",{"_295":296,"_297":298,"_299":86,"_300":301,"_302":303,"_304":305,"_306":307,"_308":309,"_310":311,"_312":313,"_314":315,"_316":317,"_318":319,"_320":321,"_322":323},"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 · v24