[{"_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",39,"changes",[19],"aiChatInfo","userId",{"_20":21,"_22":23,"_24":25,"_26":25,"_27":28,"_29":28},"file",{"_30":31,"_32":33,"_34":20,"_35":37,"_38":39,"_40":14,"_41":42,"_24":25},"previous",{"_30":31,"_32":33,"_34":20,"_35":36},"deleted",false,"deletedHere","path","frontend/index.html","latestPath","fileId","019894a5-14b4-7659-ac14-26aef6996237","name","index.html","fileType","content","\n\n\n\n Likes Tracking API\n \n \n \n \n \n\n\n\n

Likes Tracking API

Track likes for your content using simple unique IDs.

\n\n

Quick Setup

Add likes to any webpage in 2 steps:

\n\n

1. Add the script to your page

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

\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. Done!

\n \n Loads current like count automatically\n
\n \n Handles button clicks to record likes\n
\n \n Updates count in real-time\n
\n \n Supports multiple IDs on one page\n

\n\n

Customization

Multiple widgets: Use different data-likes-id values for each widget

Styling: Apply CSS to .likes-count\n and .likes-button classes

Button content: Use any text, emoji, or icon inside the button

\n\n

API Endpoints

\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\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

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 heart to test recording a like for the configured ID.

\n\n

Implement it yourself

\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","\n\n\n\n Likes Tracking API\n \n \n \n \n \n\n\n\n

Likes Tracking API

Track likes for your content using simple unique IDs.

\n\n

Quick Setup

Add likes to any webpage in 2 steps:

\n\n

1. Add the script to your page

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

\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. Done!

\n \n Loads current like count automatically\n
\n \n Handles button clicks to record likes\n
\n \n Updates count in real-time\n
\n \n Supports multiple IDs on one page\n

\n\n

Customization

Multiple widgets: Use different data-likes-id values for each widget

Styling: Apply CSS to .likes-count\n and .likes-button classes

Button content: Use any text, emoji, or icon inside the button

\n\n

API Endpoints

\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\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

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 heart to test recording a like for the configured ID.

\n\n

Implement it yourself

\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","createdAt",["D",1755017379162],"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",[244,246,248,250,251,252,253,254,255,256,257],"files",[244,245,246,247,248,249,250,251,252,253,254,255,256,257],"counts",{"_234":63,"_235":161,"_236":63,"_237":238,"_239":240},"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":229,"_32":230,"_30":231,"_157":-5,"_41":42,"_40":194,"_159":59,"_38":232,"_13":63,"_34":222,"_35":-5,"_24":25,"_163":-5,"_27":233},{"_43":224,"_32":225,"_30":226,"_157":-5,"_41":42,"_40":161,"_159":59,"_38":227,"_13":63,"_34":222,"_35":-5,"_24":25,"_163":-5,"_27":228},{"_43":218,"_32":219,"_30":220,"_157":-5,"_41":42,"_40":161,"_159":59,"_38":221,"_13":63,"_34":222,"_35":-5,"_24":25,"_163":-5,"_27":223},{"_43":211,"_32":212,"_30":213,"_157":-5,"_41":42,"_40":214,"_159":59,"_38":215,"_13":63,"_34":20,"_35":216,"_24":25,"_163":-5,"_27":217},{"_43":204,"_32":205,"_30":206,"_157":-5,"_41":42,"_40":207,"_159":59,"_38":208,"_13":194,"_34":20,"_35":209,"_24":25,"_163":-5,"_27":210},{"_43":197,"_32":198,"_30":199,"_157":-5,"_41":42,"_40":200,"_159":59,"_38":201,"_13":63,"_34":20,"_35":202,"_24":25,"_163":-5,"_27":203},{"_43":189,"_32":190,"_30":191,"_157":-5,"_41":42,"_40":192,"_159":25,"_38":193,"_13":194,"_34":20,"_35":195,"_24":25,"_163":-5,"_27":196},{"_43":182,"_32":183,"_30":184,"_157":-5,"_41":42,"_40":185,"_159":59,"_38":186,"_13":161,"_34":20,"_35":187,"_24":25,"_163":-5,"_27":188},{"_43":174,"_32":175,"_30":57,"_157":-5,"_41":42,"_40":176,"_159":25,"_38":177,"_13":178,"_34":179,"_35":180,"_24":25,"_163":-5,"_27":181},{"_43":165,"_32":166,"_30":167,"_157":-5,"_41":42,"_40":168,"_159":25,"_38":169,"_13":170,"_34":171,"_35":172,"_24":25,"_163":-5,"_27":173},{"_43":154,"_32":155,"_30":156,"_157":-5,"_41":42,"_40":158,"_159":59,"_38":160,"_13":161,"_34":20,"_35":162,"_24":25,"_163":-5,"_27":164},"a33b83aa-7798-11f0-8a77-0224a6c84d84","test-embed.html","6fd61bd0-7615-11f0-941b-0224a6c84d84","parentId",33,"latest",["D",1755015790557],1,"\n\n\n Test Embed\n \n \n \n\n\n

Test Embeddable Likes Script

\n \n

New Glassmorphism Style (Auto-generated)

These components are automatically created by the script with the new glassmorphism styling:

\n \n

Tech Article

This is a sample blog post about the latest technology trends.

\n \n

Cooking Recipe

Learn how to make the perfect pasta with this simple recipe.

\n \n

Legacy Support (Old Structure)

The script automatically converts old structure to new styling:

\n \n

Product Review

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

\n \n

Multiple Components

Test multiple like buttons on the same page:

\n \n

\n\n \n \n\n","label",[155],"5613c0f2-779c-11f0-84d1-0224a6c84d84","script.js","6fd0d788-7615-11f0-a5ba-0224a6c84d84",38,["D",1755017379113],3,"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 // Inject CSS styles into the document\n function injectStyles() {\n if (document.getElementById('likes-tracker-styles')) return;\n \n const style = document.createElement('style');\n style.id = 'likes-tracker-styles';\n style.textContent = `\n /* Like Component Styles */\n .like-component {\n margin: 20px 0;\n display: flex;\n justify-content: center;\n opacity: 0;\n animation: fadeInButton 0.3s ease-out 0.8s forwards;\n }\n\n .like-button {\n background: rgba(59, 130, 246, 0.9);\n border: 1px solid rgba(59, 130, 246, 0.3);\n border-radius: 40px;\n padding: 8px 12px;\n display: flex;\n align-items: center;\n gap: 6px;\n cursor: pointer;\n transition: all 0.2s ease;\n font-family: 'Arial', sans-serif;\n box-shadow: 0 2px 8px rgba(59, 130, 246, 0.2);\n }\n\n .like-button:hover {\n background: rgba(37, 99, 235, 0.95);\n border-color: rgba(37, 99, 235, 0.4);\n transform: translateY(-1px);\n box-shadow: 0 4px 12px rgba(59, 130, 246, 0.3);\n }\n\n .like-button:active {\n transform: translateY(0);\n box-shadow: 0 2px 6px rgba(59, 130, 246, 0.3);\n }\n\n .like-button.liked {\n animation: buttonPulse 0.6s ease;\n }\n\n .like-button .heart {\n font-size: 16px;\n line-height: 1;\n transition: all 0.2s ease;\n }\n\n .like-button .like-count {\n color: white;\n font-size: 14px;\n font-weight: 600;\n min-width: 18px;\n text-align: left;\n }\n\n @keyframes buttonPulse {\n 0% { transform: scale(1); }\n 50% { transform: scale(1.1); }\n 100% { transform: scale(1); }\n }\n \n @keyframes fadeInButton {\n from { opacity: 0; }\n to { opacity: 1; }\n }\n `;\n \n document.head.appendChild(style);\n }\n \n // Initialize likes tracking when DOM is ready\n function initLikesTracking() {\n // Inject styles first\n injectStyles();\n \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 // Check if container already has the new structure\n let likeButton = container.querySelector('.like-button');\n let countDisplay = container.querySelector('.like-count');\n let heartElement = container.querySelector('.heart');\n \n // If old structure exists, convert it\n if (!likeButton && (container.querySelector('.likes-button') || container.querySelector('.likes-count'))) {\n convertToNewStructure(container, id);\n likeButton = container.querySelector('.like-button');\n countDisplay = container.querySelector('.like-count');\n heartElement = container.querySelector('.heart');\n }\n \n // If no structure exists, create it\n if (!likeButton) {\n createLikeComponent(container, id);\n likeButton = container.querySelector('.like-button');\n countDisplay = container.querySelector('.like-count');\n heartElement = container.querySelector('.heart');\n }\n \n if (!countDisplay || !likeButton || !heartElement) {\n console.warn('Failed to create or find like component elements');\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, heartElement);\n });\n });\n }\n \n // Convert old structure to new structure\n function convertToNewStructure(container, id) {\n const oldButton = container.querySelector('.likes-button');\n const oldCount = container.querySelector('.likes-count');\n \n // Clear container\n container.innerHTML = '';\n \n // Create new structure\n createLikeComponent(container, id);\n }\n \n // Create the complete like component structure\n function createLikeComponent(container, id) {\n // Add like-component class to container if not present\n if (!container.classList.contains('like-component')) {\n container.classList.add('like-component');\n }\n \n // Create the like button with heart and count\n const likeButton = document.createElement('button');\n likeButton.className = 'like-button';\n likeButton.setAttribute('aria-label', 'Like this content');\n \n const heart = document.createElement('span');\n heart.className = 'heart';\n heart.textContent = '❤️';\n \n const count = document.createElement('span');\n count.className = 'like-count';\n count.textContent = '0';\n \n likeButton.appendChild(heart);\n likeButton.appendChild(count);\n container.appendChild(likeButton);\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, heartElement) {\n // Disable button temporarily\n button.disabled = true;\n \n // Add liked class for pulse animation\n button.classList.add('liked');\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 } 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 after animation\n setTimeout(() => {\n button.disabled = false;\n button.classList.remove('liked');\n }, 600);\n }\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 createComponent: createLikeComponent,\n injectStyles: injectStyles\n };\n})();",[166],"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",[175],"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",[183],"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",[190],"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",[198],"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",[205],"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",[212],"83fb99e2-7600-11f0-9174-0224a6c84d84","frontend","019894a5-14b4-7659-ac14-28098765fdc7",["D",1754840503393],"directory",[219],"83fb87ae-7600-11f0-9174-0224a6c84d84","backend","019894a5-14b4-7659-ac14-23adaa79473b",["D",1754840503393],[225],"638ced74-7604-11f0-ac58-0224a6c84d84",".claude","638cee28-7604-11f0-ac58-0224a6c84d84",["D",1754842167057],[230],"pulls","branches","forks","envVars",{"_241":161,"_243":63},"connections",{"_241":63,"_242":63},"count","unfilledCount","emptyCount",{"_43":229,"_32":230,"_30":231,"_157":-5,"_41":42,"_40":194,"_159":59,"_38":309,"_13":63,"_34":222,"_35":-5,"_24":25,"_163":-5,"_259":310,"_27":311},{"_43":301,"_32":302,"_30":303,"_157":231,"_41":42,"_40":304,"_159":59,"_38":305,"_13":194,"_34":20,"_35":306,"_24":25,"_163":-5,"_259":307,"_27":308},{"_43":224,"_32":225,"_30":226,"_157":-5,"_41":42,"_40":161,"_159":59,"_38":298,"_13":63,"_34":222,"_35":-5,"_24":25,"_163":-5,"_259":299,"_27":300},{"_43":290,"_32":291,"_30":292,"_157":226,"_41":42,"_40":293,"_159":59,"_38":294,"_13":170,"_34":171,"_35":295,"_24":25,"_163":-5,"_259":296,"_27":297},{"_43":218,"_32":219,"_30":220,"_157":-5,"_41":42,"_40":161,"_159":59,"_38":287,"_13":63,"_34":222,"_35":-5,"_24":25,"_163":-5,"_259":288,"_27":289},{"_43":283,"_32":33,"_30":31,"_157":220,"_41":42,"_40":14,"_159":25,"_38":284,"_13":214,"_34":20,"_35":37,"_24":25,"_163":-5,"_259":285,"_27":286},{"_43":211,"_32":212,"_30":213,"_157":-5,"_41":42,"_40":214,"_159":59,"_38":280,"_13":63,"_34":20,"_35":216,"_24":25,"_163":-5,"_259":281,"_27":282},{"_43":204,"_32":205,"_30":206,"_157":-5,"_41":42,"_40":207,"_159":59,"_38":277,"_13":194,"_34":20,"_35":209,"_24":25,"_163":-5,"_259":278,"_27":279},{"_43":197,"_32":198,"_30":199,"_157":-5,"_41":42,"_40":200,"_159":59,"_38":274,"_13":63,"_34":20,"_35":202,"_24":25,"_163":-5,"_259":275,"_27":276},{"_43":189,"_32":190,"_30":191,"_157":-5,"_41":42,"_40":192,"_159":25,"_38":271,"_13":194,"_34":20,"_35":195,"_24":25,"_163":-5,"_259":272,"_27":273},{"_43":182,"_32":183,"_30":184,"_157":-5,"_41":42,"_40":185,"_159":59,"_38":268,"_13":161,"_34":20,"_35":187,"_24":25,"_163":-5,"_259":269,"_27":270},{"_43":174,"_32":175,"_30":57,"_157":-5,"_41":42,"_40":176,"_159":25,"_38":265,"_13":178,"_34":179,"_35":180,"_24":25,"_163":-5,"_259":266,"_27":267},{"_43":165,"_32":166,"_30":167,"_157":-5,"_41":42,"_40":168,"_159":25,"_38":262,"_13":170,"_34":171,"_35":172,"_24":25,"_163":-5,"_259":263,"_27":264},{"_43":154,"_32":155,"_30":156,"_157":-5,"_41":42,"_40":158,"_159":59,"_38":258,"_13":161,"_34":20,"_35":162,"_24":25,"_163":-5,"_259":260,"_27":261},["D",1755015790557],"children",[],[155],["D",1755017379113],[],[166],["D",1754849489079],[],[175],["D",1754842667790],[],[183],["D",1754842667915],[],[190],["D",1754842667810],[],[198],["D",1754849489082],[],[205],["D",1754842167155],[],[212],"561e270e-779c-11f0-9a94-0224a6c84d84",["D",1755017379162],[],[219,33],["D",1754840503393],[249],[219],"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",[],[225,291],["D",1754840503393],[247],[225],"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}",[],[230,302],["D",1754842167057],[245],[230],["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 · v39