[{"_1":2,"_3":-5,"_4":-5},"loaderData",{"_5":6,"_7":8,"_9":10},"actionData","errors","root",{"_316":317,"_318":319},"routes/_app.x.$handle.$name",{"_101":100,"_32":45,"_110":87,"_27":111,"_13":14,"_112":-5,"_11":113,"_114":115,"_116":117,"_118":119,"_120":121,"_20":-5,"_122":123,"_124":125,"_126":25,"_127":128,"_129":59,"_130":-5,"_131":-5,"_132":133},"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":57,"_58":59,"_60":59,"_61":-5,"_62":63,"_64":65,"_66":-5,"_67":-5,"_68":-5,"_69":-5,"_70":71,"_72":71,"_73":74,"_75":74,"_76":74,"_77":71,"_78":71,"_79":80,"_81":82,"_83":84,"_85":25},"version",31,"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","script.js","latestPath","fileId","6fd0d788-7615-11f0-a5ba-0224a6c84d84","name","fileType","script","content","(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})();","(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 with complete CSS reset\n function applyDefaultStyles(button) {\n button.style.cssText = `\n all: unset;\n display: inline-block;\n box-sizing: border-box;\n background: none;\n border: none;\n outline: none;\n cursor: pointer;\n font-size: 20px;\n font-family: inherit;\n font-weight: normal;\n font-style: normal;\n text-decoration: none;\n text-transform: none;\n letter-spacing: normal;\n word-spacing: normal;\n line-height: normal;\n padding: 4px 8px;\n margin: 0;\n border-radius: 4px;\n transition: all 0.2s ease;\n user-select: none;\n vertical-align: baseline;\n white-space: nowrap;\n color: inherit;\n opacity: 1;\n visibility: visible;\n position: static;\n top: auto;\n left: auto;\n right: auto;\n bottom: auto;\n z-index: auto;\n transform: none;\n box-shadow: none;\n text-shadow: none;\n min-width: auto;\n min-height: auto;\n max-width: none;\n max-height: none;\n width: auto;\n height: auto;\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})();","createdAt",["D",1754849820840],"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",{"_101":100,"_109":105},"org",{"_101":100,"_102":103,"_104":105,"_18":55,"_106":107,"_108":25},"branch",{"_13":86,"_32":87,"_43":42,"_88":44,"_89":90,"_91":92,"_93":50,"_94":95,"_96":97,"_98":45,"_99":100},"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":312,"_47":-5,"_48":25,"_49":50,"_51":50,"_52":53,"_54":-5,"_18":55,"_56":57,"_58":59,"_60":59,"_61":-5,"_62":63,"_64":65,"_66":-5,"_67":-5,"_68":-5,"_69":-5,"_70":71,"_72":71,"_73":74,"_75":74,"_76":74,"_77":71,"_78":71,"_79":313,"_81":314,"_83":315,"_85":25},"tree",[238,240,242,244,245,246,247,248,249,250,251],"files",[238,239,240,241,242,243,244,245,246,247,248,249,250,251],"counts",{"_228":63,"_229":166,"_230":63,"_231":232,"_233":234},"contents",[143,144,145,146,147,148,149,150,151,152,153],"upstreamProject",{"_43":95,"_32":140,"_52":-5,"_54":-5,"_49":50,"_79":141},"upstreamBranch",{"_43":90,"_38":134,"_135":136,"_32":87,"_88":95,"_13":92,"_89":-5,"_91":-5,"_137":138,"_47":-5,"_85":25,"_49":50,"_99":139,"_64":97,"_98":140},"emptyEnvVars","flags",[],"hasHttpFiles","grants","orgs","customDomains",{},["D",1747083168181],"updatedAt",["D",1749047344252],"lockfileKey","1756308222277-esm.town_v_maxm_ipv4-counter@21-main","maxm","ipv4-counter",{"_101":139,"_109":142},"https://img.clerk.com/eyJ0eXBlIjoicHJveHkiLCJzcmMiOiJodHRwczovL2ltYWdlcy5jbGVyay5kZXYvdXBsb2FkZWQvaW1nXzJnTEtkSHlOMWxWZm1GRHdKYUVTNklYM3FpdiJ9",{"_43":223,"_32":224,"_30":225,"_157":-5,"_41":42,"_40":188,"_159":59,"_38":226,"_13":63,"_33":216,"_35":-5,"_24":25,"_162":-5,"_27":227},{"_43":218,"_32":219,"_30":220,"_157":-5,"_41":42,"_40":166,"_159":59,"_38":221,"_13":63,"_33":216,"_35":-5,"_24":25,"_162":-5,"_27":222},{"_43":212,"_32":213,"_30":214,"_157":-5,"_41":42,"_40":166,"_159":59,"_38":215,"_13":63,"_33":216,"_35":-5,"_24":25,"_162":-5,"_27":217},{"_43":205,"_32":206,"_30":207,"_157":-5,"_41":42,"_40":208,"_159":59,"_38":209,"_13":63,"_33":20,"_35":210,"_24":25,"_162":-5,"_27":211},{"_43":198,"_32":199,"_30":200,"_157":-5,"_41":42,"_40":201,"_159":59,"_38":202,"_13":188,"_33":20,"_35":203,"_24":25,"_162":-5,"_27":204},{"_43":191,"_32":192,"_30":193,"_157":-5,"_41":42,"_40":194,"_159":59,"_38":195,"_13":63,"_33":20,"_35":196,"_24":25,"_162":-5,"_27":197},{"_43":183,"_32":184,"_30":185,"_157":-5,"_41":42,"_40":186,"_159":25,"_38":187,"_13":188,"_33":20,"_35":189,"_24":25,"_162":-5,"_27":190},{"_43":176,"_32":177,"_30":178,"_157":-5,"_41":42,"_40":179,"_159":59,"_38":180,"_13":166,"_33":20,"_35":181,"_24":25,"_162":-5,"_27":182},{"_43":168,"_32":169,"_30":57,"_157":-5,"_41":42,"_40":170,"_159":25,"_38":171,"_13":172,"_33":173,"_35":174,"_24":25,"_162":-5,"_27":175},{"_43":164,"_32":28,"_30":31,"_157":-5,"_41":42,"_40":14,"_159":25,"_38":165,"_13":166,"_33":34,"_35":37,"_24":25,"_162":-5,"_27":167},{"_43":154,"_32":155,"_30":156,"_157":-5,"_41":42,"_40":158,"_159":25,"_38":160,"_13":63,"_33":20,"_35":161,"_24":25,"_162":-5,"_27":163},"6fd61b1c-7615-11f0-941b-0224a6c84d84","test-embed.html","6fd61bd0-7615-11f0-941b-0224a6c84d84","parentId",27,"latest",["D",1754849489076],"\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","label",[155],"35912270-7616-11f0-abdf-0224a6c84d84",["D",1754849820840],1,[28],"7003a3c0-7615-11f0-9e39-0224a6c84d84","index.ts",30,["D",1754849489079],7,"http","import { Hono } from \"https://esm.sh/hono@3.12.6\";\nimport { cors } from \"https://esm.sh/hono@3.12.6/cors\";\nimport { readFile } 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 embeddable JavaScript script\napp.get(\"/script.js\", async (c) => {\n try {\n const script = await readFile(\"/script.js\", import.meta.url);\n c.header(\"Content-Type\", \"application/javascript\");\n c.header(\"Cache-Control\", \"public, max-age=3600\"); // Cache for 1 hour\n return c.text(script);\n } catch (error) {\n console.error(\"Error reading script file:\", error);\n return c.json({ error: \"Script not available\" }, 500);\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",[169],"8e077adc-7605-11f0-9b82-0224a6c84d84","deno.json","63a00cec-7604-11f0-abe9-0224a6c84d84",11,["D",1754842667790],"{\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",[177],"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",[184],"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",[192],"6fece59a-7615-11f0-8f53-0224a6c84d84","CLAUDE.md","639a997e-7604-11f0-ac58-0224a6c84d84",29,["D",1754849489082],"# 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 likes tracking API using unique IDs\nwith the following structure:\n\n- **Val Town Platform**: Built for Val Town's serverless environment using Deno runtime\n- **Backend**: Hono web framework with SQLite database for ID-based likes tracking\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 name: `likes_by_id_v1` (increment version when changing schema)\n- Core functions: `initDatabase()`, `recordLike()`, `getAllLikes()`, \n `getLikeCount()`, `getTotalLikes()`\n- Database tracks likes by unique ID (string identifier)\n- Schema: `id` (TEXT PRIMARY KEY), `likes` (INTEGER), `created_at`, `updated_at`\n- Database initializes automatically on startup\n\n### Frontend (`frontend/index.html`)\n\n- Self-contained HTML documentation and demo page\n- Interactive testing interface for all API endpoints\n- Code examples for integration\n- Styled with custom CSS for professional appearance\n\n### Main Application (`index.ts`)\n\n- Hono app with error unwrapping for debugging and CORS support\n- Routes: `/` (documentation page), `POST /api/like` (record like),\n `GET /api/likes/:id` (get count for specific ID), `GET /api/likes` (all data)\n- Accepts JSON payloads with `id` field (string)\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`likes_by_id_v1` → `likes_by_id_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\n// Record a like for a specific content ID\nfetch(\"https://your-val-url.val.run/api/like\", {\n method: \"POST\",\n headers: { \"Content-Type\": \"application/json\" },\n body: JSON.stringify({\n id: \"post-123\", // Any unique identifier\n }),\n})\n .then((res) => res.json())\n .then((data) => console.log(\"New like count:\", data.likeCount));\n\n// Get like count for a specific ID\nfetch(\"https://your-val-url.val.run/api/likes/post-123\")\n .then((res) => res.json())\n .then((data) => console.log(\"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",[199],"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",[206],"83fb99e2-7600-11f0-9174-0224a6c84d84","frontend","019894a5-14b4-7659-ac14-28098765fdc7",["D",1754840503393],"directory",[213],"83fb87ae-7600-11f0-9174-0224a6c84d84","backend","019894a5-14b4-7659-ac14-23adaa79473b",["D",1754840503393],[219],"638ced74-7604-11f0-ac58-0224a6c84d84",".claude","638cee28-7604-11f0-ac58-0224a6c84d84",["D",1754842167057],[224],"pulls","branches","forks","envVars",{"_235":166,"_237":63},"connections",{"_235":63,"_236":63},"count","unfilledCount","emptyCount",{"_43":223,"_32":224,"_30":225,"_157":-5,"_41":42,"_40":188,"_159":59,"_38":309,"_13":63,"_33":216,"_35":-5,"_24":25,"_162":-5,"_253":310,"_27":311},{"_43":301,"_32":302,"_30":303,"_157":225,"_41":42,"_40":304,"_159":59,"_38":305,"_13":188,"_33":20,"_35":306,"_24":25,"_162":-5,"_253":307,"_27":308},{"_43":218,"_32":219,"_30":220,"_157":-5,"_41":42,"_40":166,"_159":59,"_38":298,"_13":63,"_33":216,"_35":-5,"_24":25,"_162":-5,"_253":299,"_27":300},{"_43":289,"_32":290,"_30":291,"_157":220,"_41":42,"_40":292,"_159":59,"_38":293,"_13":294,"_33":34,"_35":295,"_24":25,"_162":-5,"_253":296,"_27":297},{"_43":212,"_32":213,"_30":214,"_157":-5,"_41":42,"_40":166,"_159":59,"_38":286,"_13":63,"_33":216,"_35":-5,"_24":25,"_162":-5,"_253":287,"_27":288},{"_43":277,"_32":278,"_30":279,"_157":214,"_41":42,"_40":280,"_159":25,"_38":281,"_13":282,"_33":20,"_35":283,"_24":25,"_162":-5,"_253":284,"_27":285},{"_43":205,"_32":206,"_30":207,"_157":-5,"_41":42,"_40":208,"_159":59,"_38":274,"_13":63,"_33":20,"_35":210,"_24":25,"_162":-5,"_253":275,"_27":276},{"_43":198,"_32":199,"_30":200,"_157":-5,"_41":42,"_40":201,"_159":59,"_38":271,"_13":188,"_33":20,"_35":203,"_24":25,"_162":-5,"_253":272,"_27":273},{"_43":191,"_32":192,"_30":193,"_157":-5,"_41":42,"_40":194,"_159":59,"_38":268,"_13":63,"_33":20,"_35":196,"_24":25,"_162":-5,"_253":269,"_27":270},{"_43":183,"_32":184,"_30":185,"_157":-5,"_41":42,"_40":186,"_159":25,"_38":265,"_13":188,"_33":20,"_35":189,"_24":25,"_162":-5,"_253":266,"_27":267},{"_43":176,"_32":177,"_30":178,"_157":-5,"_41":42,"_40":179,"_159":59,"_38":262,"_13":166,"_33":20,"_35":181,"_24":25,"_162":-5,"_253":263,"_27":264},{"_43":168,"_32":169,"_30":57,"_157":-5,"_41":42,"_40":170,"_159":25,"_38":259,"_13":172,"_33":173,"_35":174,"_24":25,"_162":-5,"_253":260,"_27":261},{"_43":164,"_32":28,"_30":31,"_157":-5,"_41":42,"_40":14,"_159":25,"_38":256,"_13":166,"_33":34,"_35":37,"_24":25,"_162":-5,"_253":257,"_27":258},{"_43":154,"_32":155,"_30":156,"_157":-5,"_41":42,"_40":158,"_159":25,"_38":252,"_13":63,"_33":20,"_35":161,"_24":25,"_162":-5,"_253":254,"_27":255},["D",1754849489076],"children",[],[155],["D",1754849820840],[],[28],["D",1754849489079],[],[169],["D",1754842667790],[],[177],["D",1754842667915],[],[184],["D",1754842667810],[],[192],["D",1754849489082],[],[199],["D",1754842167155],[],[206],"6fdc0c70-7615-11f0-a6c3-0224a6c84d84","index.html","019894a5-14b4-7659-ac14-26aef6996237",28,["D",1754849489143],4,"\n\n\n Likes Tracking API\n \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

🚀 Quick Embed (Easiest Way)

Add this to any webpage for instant likes tracking:

\n \n

1. Add the script to your page

<script src=\"https://jamesllllllllll--019894a514b47659ac14319f8b619533.web.val.run/script.js\"></script>

\n \n

2. Add a likes widget anywhere on your page

<div data-likes-id=\"your-unique-id\">\n  <span class=\"likes-count\">0</span> \n  <button class=\"likes-button\">❤️</button>\n</div>

\n \n

3. That's it! The script will automatically:

Load the current like count when the page loads
Handle clicks on the heart button to record likes
Update the count in real-time
Work across different pages with different IDs

\n \n

🎨 Customization Tips

Multiple widgets: Add multiple widgets with different data-likes-id values

Custom styling: Style .likes-count and .likes-button with CSS

Custom button: Use any content in the button: text, emojis, icons, images

\n\n

🧪 Live Example

This example uses ID \"demo-embedded\":

\n 0 \n \n

Click the heart to test it!

\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",[],[213,278],["D",1754840503393],[243],[213],"ac9a018a-7610-11f0-b680-0224a6c84d84","database.ts","019894a5-14b4-7659-ac14-1f5468c70e55",25,["D",1754847443558],3,"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",[],[219,290],["D",1754840503393],[241],[219],"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}",[],[224,302],["D",1754842167057],[239],[224],["D",1754840503393],{"_101":100,"_109":105},{"_101":100,"_102":103,"_104":105,"_18":55,"_106":107,"_108":25},{"_13":86,"_32":87,"_43":42,"_88":44,"_89":90,"_91":92,"_93":50,"_94":95,"_96":97,"_98":45,"_99":100},"ctx",{"_79":-5,"_131":349,"_350":351,"_352":353,"_354":25,"_355":25,"_356":25,"_357":59,"_358":-5,"_359":-7,"_360":-7,"_361":63,"_362":25,"_363":25,"_364":-5,"_365":25,"_366":25,"_367":25,"_368":-5},"ENV",{"_320":321,"_322":323,"_324":87,"_325":326,"_327":328,"_329":330,"_331":332,"_333":334,"_335":336,"_337":338,"_339":340,"_341":342,"_343":344,"_345":346,"_347":348},"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 · v31