Val Swiper

[{"_1":2,"_3":-5,"_4":-5},"loaderData",{"_5":6,"_7":8,"_9":10},"actionData","errors","root",{"_199":200,"_201":202},"routes/_app.x.$handle.$name",{"_99":98,"_32":46,"_108":89,"_27":109,"_13":14,"_110":-5,"_11":111,"_112":113,"_114":115,"_116":117,"_118":119,"_20":-5,"_120":-5,"_121":-5,"_122":25,"_123":124,"_125":126,"_127":-5,"_128":-5,"_129":130},"routes/_app.x.$handle.$name.branch.$branch.version.$version.diff",{"_11":12,"_13":14,"_15":16,"_17":-5,"_18":-5},"project",{"_44":45,"_32":46,"_39":47,"_48":-5,"_49":25,"_50":51,"_52":51,"_53":54,"_55":-5,"_18":56,"_57":-5,"_58":25,"_59":-5,"_60":-5,"_61":62,"_63":64,"_65":66,"_67":68,"_69":70,"_71":-5,"_72":73,"_74":73,"_75":76,"_77":76,"_78":76,"_79":73,"_80":73,"_81":82,"_83":84,"_85":86,"_87":25},"version",9,"changes",[19],"aiChatInfo","userId",{"_20":21,"_22":23,"_24":25,"_26":25,"_27":28,"_29":28},"file",{"_30":31,"_32":33,"_34":35,"_36":38,"_39":40,"_41":14,"_42":43,"_24":25},"previous",{"_30":31,"_32":33,"_34":35,"_36":37},"deleted",false,"deletedHere","path","lib/db.ts","latestPath","fileId","1605996c-030c-11f1-9558-42dde27851f2","name","db.ts","fileType","script","content","import { sqlite } from \"https://esm.town/v/std/sqlite\";\n\n// ── Schema ──────────────────────────────────────────────────────────\n\nexport async function initDb() {\n await sqlite.batch([\n `CREATE TABLE IF NOT EXISTS val_pool (\n id TEXT PRIMARY KEY,\n name TEXT NOT NULL,\n author TEXT NOT NULL,\n url TEXT NOT NULL,\n description TEXT DEFAULT '',\n discovered_at TEXT DEFAULT (datetime('now'))\n )`,\n `CREATE TABLE IF NOT EXISTS likes (\n id INTEGER PRIMARY KEY AUTOINCREMENT,\n val_id TEXT NOT NULL,\n val_name TEXT NOT NULL,\n val_author TEXT NOT NULL,\n val_url TEXT NOT NULL,\n liked_at TEXT DEFAULT (datetime('now'))\n )`,\n `CREATE TABLE IF NOT EXISTS seen (\n val_id TEXT PRIMARY KEY,\n seen_at TEXT DEFAULT (datetime('now'))\n )`,\n ]);\n}\n\n// ── Pool operations ─────────────────────────────────────────────────\n\nexport interface PoolVal {\n id: string;\n name: string;\n author: string;\n url: string;\n description: string;\n}\n\nexport async function addToPool(vals: PoolVal[]) {\n if (!vals.length) return;\n for (const v of vals) {\n await sqlite.execute({\n sql: `INSERT OR IGNORE INTO val_pool (id, name, author, url, description) VALUES (?, ?, ?, ?, ?)`,\n args: [v.id, v.name, v.author, v.url, v.description],\n });\n }\n}\n\nexport async function getRandomFromPool(count: number): Promise {\n const result = await sqlite.execute({\n sql: `SELECT id, name, author, url, description\n FROM val_pool\n WHERE id NOT IN (SELECT val_id FROM seen)\n ORDER BY RANDOM() LIMIT ?`,\n args: [count],\n });\n return result.rows.map((r: any[]) => ({\n id: r[0] as string,\n name: r[1] as string,\n author: r[2] as string,\n url: r[3] as string,\n description: r[4] as string,\n }));\n}\n\nexport async function getPoolSize(): Promise {\n const result = await sqlite.execute(\n `SELECT COUNT(*) FROM val_pool WHERE id NOT IN (SELECT val_id FROM seen)`,\n );\n return result.rows[0][0] as number;\n}\n\nexport async function markSeen(valId: string) {\n await sqlite.execute({\n sql: `INSERT OR IGNORE INTO seen (val_id) VALUES (?)`,\n args: [valId],\n });\n}\n\n// ── Likes ───────────────────────────────────────────────────────────\n\nexport async function addLike(valId: string, name: string, author: string, url: string) {\n await sqlite.execute({\n sql: `INSERT INTO likes (val_id, val_name, val_author, val_url) VALUES (?, ?, ?, ?)`,\n args: [valId, name, author, url],\n });\n}\n\nexport async function getLikes() {\n const result = await sqlite.execute(\n `SELECT id, val_id, val_name, val_author, val_url, liked_at FROM likes ORDER BY liked_at DESC LIMIT 100`,\n );\n return result.rows.map((r: any[]) => ({\n id: r[0],\n valId: r[1],\n name: r[2],\n author: r[3],\n url: r[4],\n likedAt: r[5],\n }));\n}\n\n// ── Maintenance ─────────────────────────────────────────────────────\n\nexport async function clearSeen() {\n await sqlite.execute(`DELETE FROM seen`);\n}\n","import { sqlite } from \"https://esm.town/v/std/sqlite\";\n\n// ── Schema ──────────────────────────────────────────────────────────\n\nexport async function initDb() {\n await sqlite.execute(`CREATE TABLE IF NOT EXISTS val_pool (\n id TEXT PRIMARY KEY,\n name TEXT NOT NULL,\n author TEXT NOT NULL,\n url TEXT NOT NULL,\n description TEXT DEFAULT '',\n discovered_at TEXT DEFAULT (datetime('now'))\n )`);\n await sqlite.execute(`CREATE TABLE IF NOT EXISTS likes (\n id INTEGER PRIMARY KEY AUTOINCREMENT,\n val_id TEXT NOT NULL,\n val_name TEXT NOT NULL,\n val_author TEXT NOT NULL,\n val_url TEXT NOT NULL,\n liked_at TEXT DEFAULT (datetime('now'))\n )`);\n await sqlite.execute(`CREATE TABLE IF NOT EXISTS seen (\n val_id TEXT PRIMARY KEY,\n seen_at TEXT DEFAULT (datetime('now'))\n )`);\n}\n\n// ── Pool operations ─────────────────────────────────────────────────\n\nexport interface PoolVal {\n id: string;\n name: string;\n author: string;\n url: string;\n description: string;\n}\n\nexport async function addToPool(vals: PoolVal[]) {\n if (!vals.length) return;\n for (const v of vals) {\n await sqlite.execute({\n sql: `INSERT OR IGNORE INTO val_pool (id, name, author, url, description) VALUES (?, ?, ?, ?, ?)`,\n args: [v.id, v.name, v.author, v.url, v.description],\n });\n }\n}\n\nexport async function getRandomFromPool(count: number): Promise {\n const result = await sqlite.execute({\n sql: `SELECT id, name, author, url, description\n FROM val_pool\n WHERE id NOT IN (SELECT val_id FROM seen)\n ORDER BY RANDOM() LIMIT ?`,\n args: [count],\n });\n return result.rows.map((r: any[]) => ({\n id: r[0] as string,\n name: r[1] as string,\n author: r[2] as string,\n url: r[3] as string,\n description: r[4] as string,\n }));\n}\n\nexport async function getPoolSize(): Promise {\n const result = await sqlite.execute(\n `SELECT COUNT(*) FROM val_pool WHERE id NOT IN (SELECT val_id FROM seen)`,\n );\n return result.rows[0][0] as number;\n}\n\nexport async function markSeen(valId: string) {\n await sqlite.execute({\n sql: `INSERT OR IGNORE INTO seen (val_id) VALUES (?)`,\n args: [valId],\n });\n}\n\n// ── Likes ───────────────────────────────────────────────────────────\n\nexport async function addLike(valId: string, name: string, author: string, url: string) {\n await sqlite.execute({\n sql: `INSERT INTO likes (val_id, val_name, val_author, val_url) VALUES (?, ?, ?, ?)`,\n args: [valId, name, author, url],\n });\n}\n\nexport async function getLikes() {\n const result = await sqlite.execute(\n `SELECT id, val_id, val_name, val_author, val_url, liked_at FROM likes ORDER BY liked_at DESC LIMIT 100`,\n );\n return result.rows.map((r: any[]) => ({\n id: r[0],\n valId: r[1],\n name: r[2],\n author: r[3],\n url: r[4],\n likedAt: r[5],\n }));\n}\n\n// ── Maintenance ─────────────────────────────────────────────────────\n\nexport async function clearSeen() {\n await sqlite.execute(`DELETE FROM seen`);\n}\n","createdAt",["D",1770348907610],"branchVersion","branchId","0b51f27c-030c-11f1-8b91-42dde27851f2","id","0b519c96-030c-11f1-8b91-42dde27851f2","val-swiper",["D",1770348568956],"deletedAt","legacyEnvVars","privacy","public","httpPrivacy","description","Swipe through random public vals - like Tinder for vals","imageUrl","9319c175-2593-4f88-ba21-04f2ef7b1c28","pinnedFileId","pinPreview","pinMigrated","screenshotVersion","likeCount",0,"orgId","d663a026-6449-42f6-9156-1d4a2d64d38c","tursoName","0b519c96030c11f18b9142dde27851f2","tursoHostname","0b519c96030c11f18b9142dde27851f2-val-town.aws-us-east-2.turso.io","tursoMeasuredAt",["D",1789540832752],"pinned","userPerm","r","valPerm","blobPerm","rw","emailPerm","sqlitePerm","projectPerm","telemetryPerm","user",{"_99":98,"_107":103},"org",{"_99":98,"_100":101,"_102":103,"_18":56,"_104":105,"_106":25},"branch",{"_13":88,"_32":89,"_44":43,"_90":45,"_91":-5,"_92":-5,"_93":-5,"_94":-5,"_95":-5,"_96":46,"_97":98},"isOwned",34,"main","projectId","forkedBranchId","forkedBranchVersion","forkedProjectPrivacy","forkedProjectId","forkedProjectOrgId","projectName","userHandle","dcm31","handle","displayName","Charlie","avatar","https://imagedelivery.net/iHX6Ovru0O7AjmyT5yZRoA/3e904faa-3764-4629-c475-f561a49b0000/square512?exp=1789552799&sig=9e2f7c6ad81bfe0a417f4ee593a56f46019d3f18deb24441c667547de12b5000","tier","pro","canRestrictVals","profileImageUrl","branchName","","adoptOrgId",{"_44":45,"_32":46,"_39":194,"_48":-5,"_49":25,"_50":51,"_52":51,"_53":54,"_55":-5,"_18":56,"_57":-5,"_58":25,"_59":-5,"_60":-5,"_61":62,"_63":64,"_65":66,"_67":68,"_69":195,"_71":-5,"_72":73,"_74":73,"_75":76,"_77":76,"_78":76,"_79":73,"_80":73,"_81":196,"_83":197,"_85":198,"_87":25},"tree",[162,166],"files",[162,163,164,165,166],"counts",{"_152":62,"_153":140,"_154":62,"_155":156,"_157":158},"contents",[131,132],"upstreamProject","upstreamBranch","emptyEnvVars","flags",[],"hasHttpFiles",true,"grants","orgs","customDomains",{},{"_44":145,"_32":146,"_30":147,"_136":-5,"_42":43,"_41":148,"_138":126,"_39":149,"_13":62,"_34":150,"_36":-5,"_24":25,"_143":-5,"_27":151},{"_44":133,"_32":134,"_30":135,"_136":-5,"_42":43,"_41":137,"_138":25,"_39":139,"_13":140,"_34":141,"_36":142,"_24":25,"_143":-5,"_27":144},"59e26336-030c-11f1-90d6-42dde27851f2","main.ts","0b54ac42-030c-11f1-8b91-42dde27851f2","parentId",6,"latest",["D",1770348700758],1,"http","import { renderApp } from \"./lib/ui.ts\";\nimport { fetchRandomVals, refreshValPool } from \"./lib/fetch-vals.ts\";\nimport { initDb, addLike, getLikes, markSeen, clearSeen } from \"./lib/db.ts\";\n\nexport default async function(req: Request): Promise {\n const url = new URL(req.url);\n\n await initDb();\n\n // ── API routes ──\n\n if (url.pathname === \"/api/vals\") {\n const vals = await fetchRandomVals(8);\n return Response.json(vals);\n }\n\n if (url.pathname === \"/api/like\" && req.method === \"POST\") {\n const body = await req.json();\n await addLike(body.id, body.name, body.author, body.url);\n return Response.json({ ok: true });\n }\n\n if (url.pathname === \"/api/likes\") {\n const likes = await getLikes();\n return Response.json(likes);\n }\n\n if (url.pathname === \"/api/seen\" && req.method === \"POST\") {\n const body = await req.json();\n await markSeen(body.id);\n return Response.json({ ok: true });\n }\n\n if (url.pathname === \"/api/refresh\") {\n const count = await refreshValPool();\n return Response.json({ refreshed: count });\n }\n\n if (url.pathname === \"/api/clear-seen\" && req.method === \"POST\") {\n await clearSeen();\n return Response.json({ ok: true });\n }\n\n // ── Serve frontend ──\n return new Response(renderApp(), {\n headers: { \"content-type\": \"text/html; charset=utf-8\" },\n });\n}\n","label",[134],"0da7603e-030c-11f1-99f7-42dde27851f2","lib","0da76110-030c-11f1-99f7-42dde27851f2",2,["D",1770348572867],"directory",[146],"pulls","branches","forks","envVars",{"_159":62,"_161":62},"connections",{"_159":62,"_160":62},"count","unfilledCount","emptyCount",{"_44":145,"_32":146,"_30":147,"_136":-5,"_42":43,"_41":148,"_138":126,"_39":191,"_13":62,"_34":150,"_36":-5,"_24":25,"_143":-5,"_168":192,"_27":193},{"_44":187,"_32":33,"_30":31,"_136":147,"_42":43,"_41":14,"_138":25,"_39":188,"_13":148,"_34":35,"_36":38,"_24":25,"_143":-5,"_168":189,"_27":190},{"_44":179,"_32":180,"_30":181,"_136":147,"_42":43,"_41":182,"_138":25,"_39":183,"_13":62,"_34":35,"_36":184,"_24":25,"_143":-5,"_168":185,"_27":186},{"_44":171,"_32":172,"_30":173,"_136":147,"_42":43,"_41":174,"_138":25,"_39":175,"_13":140,"_34":35,"_36":176,"_24":25,"_143":-5,"_168":177,"_27":178},{"_44":133,"_32":134,"_30":135,"_136":-5,"_42":43,"_41":137,"_138":25,"_39":167,"_13":140,"_34":141,"_36":142,"_24":25,"_143":-5,"_168":169,"_27":170},["D",1770348700758],"children",[],[134],"94468444-030c-11f1-834f-42dde27851f2","ui.ts","54286328-030c-11f1-981a-42dde27851f2",7,["D",1770348798725],"// ── Frontend HTML/CSS/JS ────────────────────────────────────────────\n\nexport function renderApp(): string {\n return [\n \"\",\n '',\n \"\",\n ' ',\n ' ',\n \" Val Swiper\",\n \" \",\n \"\",\n \"\",\n getHTML(),\n \" \",\n \"\",\n \"\",\n ].join(\"\\n\");\n}\n\n// ── HTML ─────────────────────────────────────────────────────────────\n\nfunction getHTML(): string {\n return `\n

\n \n\n

Loading vals...

No more vals to show!

\n \n

\n\n

\n ...\n ...\n

\n\n

\n \n \n \n

\n\n

\n \n

Liked Vals

`;\n}\n\n// ── CSS ──────────────────────────────────────────────────────────────\n\nfunction getCSS(): string {\n return `\n * { box-sizing: border-box; margin: 0; padding: 0; }\n body {\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', system-ui, sans-serif;\n background: #0a0a0f;\n color: #e0e0e0;\n height: 100dvh;\n overflow: hidden;\n touch-action: none;\n user-select: none;\n -webkit-user-select: none;\n }\n #app {\n display: flex; flex-direction: column; height: 100dvh;\n max-width: 500px; margin: 0 auto; position: relative;\n }\n #header {\n display: flex; align-items: center; justify-content: space-between;\n padding: 12px 16px; z-index: 10; flex-shrink: 0;\n }\n #header h1 {\n font-size: 18px; font-weight: 700;\n background: linear-gradient(135deg, #6366f1, #ec4899);\n -webkit-background-clip: text; -webkit-text-fill-color: transparent;\n background-clip: text;\n }\n #header button {\n background: none; border: none; color: #888; cursor: pointer;\n display: flex; align-items: center; gap: 4px; font-size: 14px;\n padding: 6px; border-radius: 8px; transition: background 0.2s;\n }\n #header button:hover { background: rgba(255,255,255,0.05); }\n #likes-count {\n background: #ec4899; color: white; font-size: 11px;\n padding: 1px 6px; border-radius: 10px; min-width: 18px; text-align: center;\n }\n #card-area {\n flex: 1; position: relative; overflow: hidden;\n margin: 0 12px; border-radius: 16px;\n }\n .card {\n position: absolute; inset: 0; border-radius: 16px;\n overflow: hidden; background: #1a1a2e; will-change: transform;\n transition: none;\n }\n .card.behind { z-index: 1; transform: scale(0.95) translateY(8px); opacity: 0.5; }\n .card.active { z-index: 5; }\n .card.animating { transition: transform 0.35s ease-out, opacity 0.35s ease-out; }\n .card iframe {\n width: 100%; height: 100%; border: none;\n background: white; border-radius: 16px;\n }\n .card .lock-overlay {\n position: absolute; inset: 0; z-index: 10;\n cursor: grab; border-radius: 16px;\n }\n .card .lock-overlay:active { cursor: grabbing; }\n .card .lock-overlay.unlocked { pointer-events: none; }\n .card .swipe-hint {\n position: absolute; top: 50%; transform: translateY(-50%);\n font-size: 42px; font-weight: 900; padding: 6px 16px;\n border-radius: 12px; border: 4px solid;\n opacity: 0; z-index: 20; pointer-events: none;\n }\n .card .swipe-hint.like-hint { right: 16px; color: #22c55e; border-color: #22c55e; }\n .card .swipe-hint.skip-hint { left: 16px; color: #ef4444; border-color: #ef4444; }\n .card .loading-overlay {\n position: absolute; inset: 0; display: flex; flex-direction: column;\n align-items: center; justify-content: center; background: #1a1a2e;\n z-index: 8; border-radius: 16px; gap: 12px;\n }\n .card .loading-overlay.loaded { display: none; }\n .card .loading-overlay p { color: #666; font-size: 14px; }\n .spinner {\n width: 32px; height: 32px;\n border: 3px solid rgba(255,255,255,0.1);\n border-top-color: #6366f1; border-radius: 50%;\n animation: spin 0.8s linear infinite;\n }\n @keyframes spin { to { transform: rotate(360deg); } }\n #val-info {\n display: flex; justify-content: space-between; align-items: center;\n padding: 8px 16px; flex-shrink: 0;\n }\n #val-name {\n font-weight: 600; font-size: 15px; color: #fff;\n overflow: hidden; text-overflow: ellipsis; white-space: nowrap; max-width: 60%;\n }\n #val-author { font-size: 13px; color: #888; }\n #val-author a { color: #6366f1; text-decoration: none; }\n #val-author a:hover { text-decoration: underline; }\n #controls {\n display: flex; justify-content: center; align-items: center;\n gap: 24px; padding: 12px 16px 20px; flex-shrink: 0;\n }\n .ctrl-btn {\n width: 56px; height: 56px; border-radius: 50%;\n border: 2px solid rgba(255,255,255,0.1);\n background: rgba(255,255,255,0.03); color: #aaa;\n cursor: pointer; display: flex; align-items: center;\n justify-content: center; transition: all 0.2s;\n }\n .ctrl-btn:hover { transform: scale(1.1); }\n .ctrl-btn:active { transform: scale(0.95); }\n .ctrl-btn.skip:hover { border-color: #ef4444; color: #ef4444; background: rgba(239,68,68,0.1); }\n .ctrl-btn.like:hover { border-color: #22c55e; color: #22c55e; background: rgba(34,197,94,0.1); }\n .ctrl-btn.lock { width: 48px; height: 48px; }\n .ctrl-btn.lock.active {\n border-color: #f59e0b; color: #f59e0b;\n background: rgba(245,158,11,0.15); box-shadow: 0 0 12px rgba(245,158,11,0.25);\n }\n #empty-state, #no-vals {\n position: absolute; inset: 0; display: flex; flex-direction: column;\n align-items: center; justify-content: center; gap: 16px; color: #666;\n }\n #no-vals button {\n padding: 10px 24px; border-radius: 8px;\n border: 1px solid rgba(255,255,255,0.15);\n background: rgba(255,255,255,0.05); color: #ccc;\n cursor: pointer; font-size: 14px;\n }\n #likes-panel {\n position: fixed; inset: 0; background: #0a0a0f; z-index: 100;\n overflow-y: auto; max-width: 500px; margin: 0 auto;\n }\n #likes-panel header {\n display: flex; align-items: center; gap: 12px;\n padding: 14px 16px; border-bottom: 1px solid rgba(255,255,255,0.08);\n position: sticky; top: 0; background: #0a0a0f; z-index: 5;\n }\n #likes-panel header button {\n background: none; border: none; color: #888;\n font-size: 24px; cursor: pointer; padding: 4px 8px;\n }\n #likes-panel h2 { font-size: 18px; }\n #likes-list { padding: 8px; }\n .like-item {\n display: flex; align-items: center; justify-content: space-between;\n padding: 14px 16px; border-radius: 12px;\n background: rgba(255,255,255,0.03); margin-bottom: 6px;\n }\n .like-item:hover { background: rgba(255,255,255,0.06); }\n .like-item .info { display: flex; flex-direction: column; gap: 2px; }\n .like-item .name { font-weight: 600; font-size: 15px; color: #fff; }\n .like-item .author { font-size: 13px; color: #888; }\n .like-item a {\n color: #6366f1; text-decoration: none; font-size: 13px;\n padding: 6px 14px; border: 1px solid rgba(99,102,241,0.3);\n border-radius: 8px; flex-shrink: 0;\n }\n .like-item a:hover { background: rgba(99,102,241,0.1); }\n .likes-empty { color: #555; text-align: center; padding: 60px 20px; }\n .hidden { display: none !important; }\n `;\n}\n\n// ── JavaScript ───────────────────────────────────────────────────────\n\nfunction getJS(): string {\n return `\n(function() {\n var queue = [];\n var current = null;\n var locked = true;\n var likesCount = 0;\n var fetching = false;\n var swiping = false;\n var mouseMoveHandler = null;\n var mouseUpHandler = null;\n\n var els = {};\n\n function init() {\n els.cardArea = document.getElementById(\"card-area\");\n els.emptyState = document.getElementById(\"empty-state\");\n els.noVals = document.getElementById(\"no-vals\");\n els.valName = document.getElementById(\"val-name\");\n els.valAuthor = document.getElementById(\"val-author\");\n els.lockBtn = document.getElementById(\"lock-btn\");\n els.lockIcon = document.getElementById(\"lock-icon\");\n els.unlockIcon = document.getElementById(\"unlock-icon\");\n els.likeBtn = document.getElementById(\"like-btn\");\n els.skipBtn = document.getElementById(\"skip-btn\");\n els.refreshBtn = document.getElementById(\"refresh-btn\");\n els.likesToggle = document.getElementById(\"likes-toggle\");\n els.likesCount = document.getElementById(\"likes-count\");\n els.likesPanel = document.getElementById(\"likes-panel\");\n els.likesBack = document.getElementById(\"likes-back\");\n els.likesList = document.getElementById(\"likes-list\");\n els.resetBtn = document.getElementById(\"reset-btn\");\n\n els.skipBtn.addEventListener(\"click\", function() { skipCurrent(); });\n els.likeBtn.addEventListener(\"click\", function() { likeCurrent(); });\n els.lockBtn.addEventListener(\"click\", function() { toggleLock(); });\n els.refreshBtn.addEventListener(\"click\", function() { forceRefresh(); });\n els.likesToggle.addEventListener(\"click\", function() { showLikes(); });\n els.likesBack.addEventListener(\"click\", function() { hideLikes(); });\n els.resetBtn.addEventListener(\"click\", function() { resetAndLoad(); });\n\n document.addEventListener(\"keydown\", function(e) {\n if (!els.likesPanel.classList.contains(\"hidden\")) return;\n if (e.key === \"ArrowLeft\") skipCurrent();\n else if (e.key === \"ArrowRight\") likeCurrent();\n else if (e.key === \" \") { e.preventDefault(); toggleLock(); }\n });\n\n loadVals();\n }\n\n function loadVals() {\n if (fetching) return;\n fetching = true;\n els.emptyState.classList.remove(\"hidden\");\n els.noVals.classList.add(\"hidden\");\n\n fetch(\"/api/vals\")\n .then(function(r) { return r.json(); })\n .then(function(vals) {\n if (vals.length > 0) {\n queue = queue.concat(vals);\n els.emptyState.classList.add(\"hidden\");\n if (!current) showNext();\n } else {\n els.emptyState.classList.add(\"hidden\");\n els.noVals.classList.remove(\"hidden\");\n }\n fetching = false;\n })\n .catch(function(e) {\n console.error(\"Failed to load vals:\", e);\n els.emptyState.querySelector(\"p\").textContent = \"Failed to load. Tap refresh.\";\n fetching = false;\n });\n }\n\n function forceRefresh() {\n fetch(\"/api/refresh\")\n .then(function() {\n queue = [];\n loadVals();\n })\n .catch(console.error);\n }\n\n function resetAndLoad() {\n fetch(\"/api/clear-seen\", { method: \"POST\" })\n .then(function() { return forceRefresh(); })\n .catch(console.error);\n }\n\n function showNext() {\n els.cardArea.querySelectorAll(\".card\").forEach(function(c) { c.remove(); });\n\n if (queue.length === 0) {\n current = null;\n updateInfo(null);\n loadVals();\n return;\n }\n if (queue.length < 3) loadVals();\n\n current = queue.shift();\n updateInfo(current);\n\n var card = createCard(current, true);\n els.cardArea.appendChild(card);\n\n if (queue.length > 0) {\n var peek = createCard(queue[0], false);\n els.cardArea.appendChild(peek);\n }\n\n locked = true;\n updateLockUI();\n\n fetch(\"/api/seen\", {\n method: \"POST\",\n headers: { \"Content-Type\": \"application/json\" },\n body: JSON.stringify({ id: current.id })\n }).catch(function() {});\n }\n\n function createCard(val, isActive) {\n var card = document.createElement(\"div\");\n card.className = \"card \" + (isActive ? \"active\" : \"behind\");\n\n var loading = document.createElement(\"div\");\n loading.className = \"loading-overlay\";\n loading.innerHTML = '

Loading val...

';\n\n var overlay = document.createElement(\"div\");\n overlay.className = \"lock-overlay\";\n\n var likeHint = document.createElement(\"div\");\n likeHint.className = \"swipe-hint like-hint\";\n likeHint.textContent = \"LIKE\";\n\n var skipHint = document.createElement(\"div\");\n skipHint.className = \"swipe-hint skip-hint\";\n skipHint.textContent = \"NOPE\";\n\n var iframe = document.createElement(\"iframe\");\n iframe.sandbox = \"allow-scripts allow-same-origin allow-popups allow-forms\";\n iframe.loading = \"lazy\";\n iframe.src = val.url;\n iframe.addEventListener(\"load\", function() {\n loading.classList.add(\"loaded\");\n });\n setTimeout(function() { loading.classList.add(\"loaded\"); }, 8000);\n\n card.appendChild(iframe);\n card.appendChild(loading);\n card.appendChild(overlay);\n card.appendChild(likeHint);\n card.appendChild(skipHint);\n\n if (isActive) attachSwipe(card, overlay, likeHint, skipHint);\n\n return card;\n }\n\n function updateInfo(val) {\n if (!val) {\n els.valName.textContent = \"...\";\n els.valAuthor.innerHTML = \"\";\n return;\n }\n els.valName.textContent = val.name;\n els.valAuthor.innerHTML = 'by @' + val.author + '';\n }\n\n function attachSwipe(card, overlay, likeHint, skipHint) {\n var startX = 0;\n var currentX = 0;\n var isDragging = false;\n\n function onStart(x) {\n if (!locked) return;\n isDragging = true;\n startX = x;\n currentX = 0;\n card.style.transition = \"none\";\n }\n\n function onMove(x) {\n if (!isDragging || !locked) return;\n currentX = x - startX;\n var rotation = currentX * 0.08;\n card.style.transform = \"translateX(\" + currentX + \"px) rotate(\" + rotation + \"deg)\";\n\n var progress = Math.min(Math.abs(currentX) / 120, 1);\n if (currentX > 0) {\n likeHint.style.opacity = progress;\n skipHint.style.opacity = 0;\n } else {\n skipHint.style.opacity = progress;\n likeHint.style.opacity = 0;\n }\n }\n\n function onEnd() {\n if (!isDragging) return;\n isDragging = false;\n\n if (currentX > 100) {\n animateOut(card, \"right\");\n likeCurrent();\n return;\n }\n if (currentX < -100) {\n animateOut(card, \"left\");\n skipCurrent();\n return;\n }\n\n card.classList.add(\"animating\");\n card.style.transform = \"\";\n likeHint.style.opacity = 0;\n skipHint.style.opacity = 0;\n setTimeout(function() { card.classList.remove(\"animating\"); }, 350);\n }\n\n overlay.addEventListener(\"touchstart\", function(e) {\n onStart(e.touches[0].clientX);\n }, { passive: true });\n overlay.addEventListener(\"touchmove\", function(e) {\n onMove(e.touches[0].clientX);\n }, { passive: true });\n overlay.addEventListener(\"touchend\", onEnd);\n\n overlay.addEventListener(\"mousedown\", function(e) {\n onStart(e.clientX);\n if (mouseMoveHandler) document.removeEventListener(\"mousemove\", mouseMoveHandler);\n if (mouseUpHandler) document.removeEventListener(\"mouseup\", mouseUpHandler);\n mouseMoveHandler = function(ev) { onMove(ev.clientX); };\n mouseUpHandler = function() {\n onEnd();\n document.removeEventListener(\"mousemove\", mouseMoveHandler);\n document.removeEventListener(\"mouseup\", mouseUpHandler);\n };\n document.addEventListener(\"mousemove\", mouseMoveHandler);\n document.addEventListener(\"mouseup\", mouseUpHandler);\n });\n }\n\n function animateOut(card, direction) {\n if (swiping) return;\n swiping = true;\n var x = direction === \"right\" ? window.innerWidth + 100 : -window.innerWidth - 100;\n var rot = direction === \"right\" ? 20 : -20;\n card.classList.add(\"animating\");\n card.style.transform = \"translateX(\" + x + \"px) rotate(\" + rot + \"deg)\";\n card.style.opacity = \"0\";\n setTimeout(function() {\n card.remove();\n swiping = false;\n }, 350);\n }\n\n function likeCurrent() {\n if (!current || swiping) return;\n var val = current;\n\n var activeCard = els.cardArea.querySelector(\".card.active\");\n if (activeCard && activeCard.style.transform.indexOf(\"translateX\") === -1) {\n animateOut(activeCard, \"right\");\n }\n\n fetch(\"/api/like\", {\n method: \"POST\",\n headers: { \"Content-Type\": \"application/json\" },\n body: JSON.stringify(val)\n }).then(function() {\n likesCount++;\n els.likesCount.textContent = likesCount;\n }).catch(console.error);\n\n setTimeout(function() { showNext(); }, 250);\n }\n\n function skipCurrent() {\n if (!current || swiping) return;\n var activeCard = els.cardArea.querySelector(\".card.active\");\n if (activeCard && activeCard.style.transform.indexOf(\"translateX\") === -1) {\n animateOut(activeCard, \"left\");\n }\n setTimeout(function() { showNext(); }, 250);\n }\n\n function toggleLock() {\n locked = !locked;\n updateLockUI();\n }\n\n function updateLockUI() {\n var overlay = els.cardArea.querySelector(\".card.active .lock-overlay\");\n if (overlay) {\n if (locked) overlay.classList.remove(\"unlocked\");\n else overlay.classList.add(\"unlocked\");\n }\n if (locked) {\n els.lockIcon.classList.remove(\"hidden\");\n els.unlockIcon.classList.add(\"hidden\");\n els.lockBtn.classList.remove(\"active\");\n } else {\n els.lockIcon.classList.add(\"hidden\");\n els.unlockIcon.classList.remove(\"hidden\");\n els.lockBtn.classList.add(\"active\");\n }\n }\n\n function showLikes() {\n els.likesPanel.classList.remove(\"hidden\");\n fetch(\"/api/likes\")\n .then(function(r) { return r.json(); })\n .then(function(likes) {\n if (likes.length === 0) {\n els.likesList.innerHTML = '

No liked vals yet. Start swiping!

';\n return;\n }\n els.likesList.innerHTML = likes.map(function(l) {\n return '

' +\n escapeHtml(l.name) + 'by @' +\n escapeHtml(l.author) + '

Open →

';\n }).join(\"\");\n })\n .catch(function() {\n els.likesList.innerHTML = '

Failed to load likes

';\n });\n }\n\n function hideLikes() {\n els.likesPanel.classList.add(\"hidden\");\n }\n\n function escapeHtml(str) {\n var div = document.createElement(\"div\");\n div.textContent = str || \"\";\n return div.innerHTML;\n }\n\n // Expose for inline handlers\n window.app = { resetAndLoad: resetAndLoad };\n\n document.addEventListener(\"DOMContentLoaded\", init);\n})();\n `;\n}\n",[],[146,172],"2108f6f6-030c-11f1-8bbe-42dde27851f2","fetch-vals.ts","2108f7be-030c-11f1-8bbe-42dde27851f2",4,["D",1770348605381],"import { addToPool, getRandomFromPool, getPoolSize, type PoolVal } from \"./db.ts\";\n\n// ── Search terms for discovering HTTP vals ──────────────────────────\n\nconst SEARCH_TERMS = [\n \"app\", \"game\", \"dashboard\", \"tool\", \"demo\",\n \"website\", \"chat\", \"todo\", \"calculator\", \"clock\",\n \"art\", \"generator\", \"tracker\", \"timer\", \"converter\",\n \"quiz\", \"map\", \"chart\", \"blog\", \"form\", \"search\",\n \"image\", \"color\", \"emoji\", \"random\", \"joke\", \"html\",\n \"recipe\", \"crypto\", \"homepage\", \"landing\", \"page\",\n \"portfolio\", \"widget\", \"viewer\", \"editor\", \"ui\",\n \"hono\", \"react\", \"playground\", \"tldraw\", \"pixel\",\n];\n\n// ── Fetch from Val Town search API ──────────────────────────────────\n\nasync function fetchFromSearchApi(term: string, offset: number): Promise {\n try {\n const url = new URL(\"https://api.val.town/v1/search/vals\");\n url.searchParams.set(\"query\", term);\n url.searchParams.set(\"limit\", \"20\");\n url.searchParams.set(\"offset\", String(offset));\n\n const res = await fetch(url.toString());\n if (!res.ok) {\n console.error(`Search API returned ${res.status} for \"${term}\"`);\n return [];\n }\n const data = await res.json();\n\n return (data.data || [])\n .filter((v: any) => {\n // Only public HTTP vals\n if (v.type !== \"http\" && v.type !== \"httpnext\") return false;\n if (v.public === false) return false;\n // Skip vals with very short code (probably stubs)\n if (v.code && v.code.length < 50) return false;\n return true;\n })\n .map((v: any) => ({\n id: v.id,\n name: v.name,\n author: v.author?.username || \"unknown\",\n url: `https://${v.author?.username}-${v.name}.web.val.run/`,\n description: v.description || \"\",\n }));\n } catch (e) {\n console.error(`Search failed for \"${term}\":`, e);\n return [];\n }\n}\n\n// ── Refresh the pool with new vals ──────────────────────────────────\n\nexport async function refreshValPool(): Promise {\n let total = 0;\n // Pick 5 random terms and random offsets\n const shuffled = [...SEARCH_TERMS].sort(() => Math.random() - 0.5).slice(0, 5);\n\n for (const term of shuffled) {\n const offset = Math.floor(Math.random() * 40);\n const vals = await fetchFromSearchApi(term, offset);\n if (vals.length > 0) {\n await addToPool(vals);\n total += vals.length;\n }\n }\n\n console.log(`Refreshed pool: +${total} vals`);\n return total;\n}\n\n// ── Get random vals (auto-refreshes pool if low) ────────────────────\n\nexport async function fetchRandomVals(count = 5): Promise {\n let poolSize = await getPoolSize();\n\n // If pool is low, refresh\n if (poolSize < count * 3) {\n await refreshValPool();\n poolSize = await getPoolSize();\n }\n\n // If pool is still empty after refresh, return empty\n if (poolSize === 0) {\n return [];\n }\n\n return getRandomFromPool(count);\n}\n",[],[146,180],"d52e3cae-030c-11f1-bb26-42dde27851f2",["D",1770348907610],[],[146,33],["D",1770348572867],[163,164,165],[146],["D",1770348568956],["D",1789540832752],{"_99":98,"_107":103},{"_99":98,"_100":101,"_102":103,"_18":56,"_104":105,"_106":25},{"_13":88,"_32":89,"_44":43,"_90":45,"_91":-5,"_92":-5,"_93":-5,"_94":-5,"_95":-5,"_96":46,"_97":98},"ctx",{"_81":-5,"_128":232,"_233":234,"_235":236,"_237":25,"_238":25,"_239":25,"_240":126,"_241":-5,"_242":-7,"_243":-7,"_244":62,"_245":25,"_246":25,"_247":-5,"_248":25,"_249":25,"_250":25,"_251":-5},"ENV",{"_203":204,"_205":206,"_207":89,"_208":209,"_210":211,"_212":213,"_214":215,"_216":217,"_218":219,"_220":221,"_222":223,"_224":225,"_226":227,"_228":229,"_230":231},"REACT_APP_SENTRY_DSN","https://586020d86f05489db63a554690acf1e9@o1398359.ingest.sentry.io/6724499","RENDER_GIT_COMMIT","e87eb04e707cf64e7e532c8e8ec395f209e17f15","RENDER_GIT_BRANCH","POSTHOG_API_TOKEN","phc_nmoyuAkStEZuUp69rYlg1DZgrIt19Gx0Y4Hwf8tGgJP","POSTHOG_API_HOST","https://wart.val.town","WEB_API_TEMPLATE","https://{val}.web.val.run","APP_URL","https://www.val.town","MODULE_URL","https://esm.town","VANITY_WEB_API_TEMPLATE","https://{label}.val.run/","DENOLS_URL","https://lsp.val.town","NODE_ENV","production","CLOUDFLARE_TURNSTILE_SITE_KEY","0x4AAAAAACtaIZJH7s9rBMZ6","GOOGLE_CLIENT_ID","875989696899-jtsqkhlbdv5jrlsk8631p7ipjg3c6o62.apps.googleusercontent.com","STRIPE_PUBLISHABLE_KEY","pk_live_51N2zvWEpZTTLipIkVEwXrUG9AT0yeOOEYxszarZT1jpsZV58Ly6wlg3SltZpHN26CUalOBmUSY7adQRQiSkCZz2500qSXNkf8Y","API_URL","https://api.val.town",[],"preferencesKeybindings","default","preferencesTheme","light","preferencesFixers","preferencesCopilot","preferencesSelectionAi","preferencesCloseBrackets","preferencesChatPanelState","preferencesDprint","preferencesDenofmt","notificationCount","flagDenols","isBusinessOrgMember","businessOrgHandle","isBusinessOrgAdmin","isHigherTownieTier","navCollapsed","currentOrgId"]

Diff · v9