\n 🏗️ Val Town Public Vals Report\n

\n Discover what the Val Town community has been building in the past 30 days, \n with AI-powered summaries of each public val.\n

\n\n

Loading latest vals...

\n\n

Report Summary

Latest public vals from the Val Town community

Total Vals

Last Updated

\n\n

\n \n

\n\n

⚠️ Error Loading Report

Please try refreshing the page.

\n\n \n\n \n\n",[],[199,191],"frontend","46888316-4600-11f0-9c1f-76b3cceeab13",["D",1749562744569],[172],[199],"271883fa-4600-11f0-9c1f-76b3cceeab13","summarizer.ts","271884ae-4600-11f0-9c1f-76b3cceeab13","416561be-0b12-468a-98dd-e766d392bb0a",4,["D",1749562691828],"import { OpenAI } from \"https://esm.town/v/std/openai\";\nimport type { ValInfo, ValSummary } from \"../shared/types.ts\";\n\nconst openai = new OpenAI();\n\nexport async function summarizeVal(val: ValInfo): Promise {\n try {\n const prompt = `Analyze this Val Town code and provide a concise summary of what it does. Focus on:\n1. Main functionality and purpose\n2. Key features or capabilities\n3. Type of application (API, web app, utility, etc.)\n\nKeep the summary under 150 words and make it accessible to developers.\n\nVal Name: ${val.name}\nAuthor: ${val.author.username}\nType: ${val.type}\n\nCode:\n\\`\\`\\`\n${val.code.slice(0, 4000)} ${val.code.length > 4000 ? '...' : ''}\n\\`\\`\\``;\n\n const completion = await openai.chat.completions.create({\n messages: [\n { \n role: \"system\", \n content: \"You are a code analyst specializing in summarizing JavaScript/TypeScript code. Provide clear, concise summaries that help developers understand what each piece of code does.\" \n },\n { role: \"user\", content: prompt }\n ],\n model: \"gpt-4o-mini\",\n max_tokens: 200,\n temperature: 0.3\n });\n\n const summary = completion.choices[0]?.message?.content || \"Unable to generate summary\";\n\n return {\n id: val.id,\n name: val.name,\n author: val.author.username,\n summary: summary.trim(),\n createdAt: val.createdAt,\n type: val.type,\n url: val.url,\n processedAt: new Date().toISOString()\n };\n\n } catch (error) {\n console.error(`Error summarizing val ${val.id}:`, error);\n \n // Fallback summary based on code analysis\n let fallbackSummary = `A ${val.type} val`;\n \n if (val.code.includes('export default') && val.code.includes('Request')) {\n fallbackSummary += \" that handles HTTP requests\";\n } else if (val.code.includes('React') || val.code.includes('jsx')) {\n fallbackSummary += \" that renders a React component\";\n } else if (val.code.includes('fetch') || val.code.includes('api')) {\n fallbackSummary += \" that makes API calls\";\n } else if (val.code.includes('sqlite') || val.code.includes('database')) {\n fallbackSummary += \" that works with a database\";\n }\n \n fallbackSummary += `. Created by ${val.author.username}.`;\n\n return {\n id: val.id,\n name: val.name,\n author: val.author.username,\n summary: fallbackSummary,\n createdAt: val.createdAt,\n type: val.type,\n url: val.url,\n processedAt: new Date().toISOString()\n };\n }\n}\n\nexport async function batchSummarizeVals(vals: ValInfo[], batchSize: number = 5): Promise {\n const summaries: ValSummary[] = [];\n \n for (let i = 0; i < vals.length; i += batchSize) {\n const batch = vals.slice(i, i + batchSize);\n console.log(`Processing batch ${Math.floor(i / batchSize) + 1}/${Math.ceil(vals.length / batchSize)}`);\n \n const batchPromises = batch.map(val => summarizeVal(val));\n const batchResults = await Promise.allSettled(batchPromises);\n \n batchResults.forEach((result, index) => {\n if (result.status === 'fulfilled') {\n summaries.push(result.value);\n } else {\n console.error(`Failed to summarize val ${batch[index].id}:`, result.reason);\n }\n });\n \n // Add delay between batches to respect rate limits\n if (i + batchSize < vals.length) {\n await new Promise(resolve => setTimeout(resolve, 1000));\n }\n }\n \n return summaries;\n}",[],[213,205],"backend","19159572-4600-11f0-b8a9-76b3cceeab13","scraper.ts","19159644-4600-11f0-b8a9-76b3cceeab13",3,["D",1749562668317],"import type { ValInfo } from \"../shared/types.ts\";\n\nconst VAL_TOWN_API_BASE = \"https://api.val.town\";\n\nexport async function fetchRecentPublicVals(days: number = 30): Promise {\n const cutoffDate = new Date();\n cutoffDate.setDate(cutoffDate.getDate() - days);\n \n let allVals: ValInfo[] = [];\n let offset = 0;\n const limit = 100; // Max per request\n \n try {\n while (true) {\n console.log(`Fetching vals with offset ${offset}...`);\n \n // Fetch public vals with pagination\n const response = await fetch(\n `${VAL_TOWN_API_BASE}/v1/vals?privacy=public&limit=${limit}&offset=${offset}`\n );\n \n if (!response.ok) {\n console.error(`API request failed: ${response.status} ${response.statusText}`);\n break;\n }\n \n const data = await response.json();\n const vals = data.data || [];\n \n if (vals.length === 0) {\n console.log(\"No more vals to fetch\");\n break;\n }\n \n // Filter vals created within the specified time period\n const recentVals = vals.filter((val: any) => {\n const createdAt = new Date(val.createdAt);\n return createdAt >= cutoffDate;\n });\n \n // If we're getting vals older than our cutoff, we can stop\n if (recentVals.length === 0 && vals.length > 0) {\n console.log(\"Reached vals older than cutoff date\");\n break;\n }\n \n // Transform to our interface\n const transformedVals: ValInfo[] = recentVals.map((val: any) => ({\n id: val.id,\n name: val.name,\n author: {\n username: val.author?.username || 'unknown'\n },\n code: val.code || '',\n createdAt: val.createdAt,\n privacy: val.privacy,\n type: val.type || 'script',\n url: `https://val.town/v/${val.author?.username}/${val.name}`\n }));\n \n allVals.push(...transformedVals);\n \n // If we got fewer results than the limit, we've reached the end\n if (vals.length < limit) {\n break;\n }\n \n offset += limit;\n \n // Add a small delay to be respectful to the API\n await new Promise(resolve => setTimeout(resolve, 100));\n }\n \n console.log(`Fetched ${allVals.length} recent public vals`);\n return allVals;\n \n } catch (error) {\n console.error(\"Error fetching vals:\", error);\n return [];\n }\n}\n\nexport async function fetchValDetails(valId: string): Promise {\n try {\n const response = await fetch(`${VAL_TOWN_API_BASE}/v1/vals/${valId}`);\n \n if (!response.ok) {\n console.error(`Failed to fetch val ${valId}: ${response.status}`);\n return null;\n }\n \n const val = await response.json();\n \n return {\n id: val.id,\n name: val.name,\n author: {\n username: val.author?.username || 'unknown'\n },\n code: val.code || '',\n createdAt: val.createdAt,\n privacy: val.privacy,\n type: val.type || 'script',\n url: `https://val.town/v/${val.author?.username}/${val.name}`\n };\n \n } catch (error) {\n console.error(`Error fetching val details for ${valId}:`, error);\n return null;\n }\n}",[],[213,215],"2f80d316-4601-11f0-9562-76b3cceeab13","index.ts",["D",1749563135424],7,"http","import { Hono } from \"https://esm.sh/hono@3.11.7\";\nimport { readFile, serveFile } from \"https://esm.town/v/std/utils/index.ts\";\nimport { fetchRecentPublicVals } from \"./scraper.ts\";\nimport { batchSummarizeVals } from \"./summarizer.ts\";\nimport { \n initDatabase, \n getCachedSummaries, \n saveSummaries, \n getProcessedValIds,\n getLastUpdateTime \n} from \"./database.ts\";\nimport type { ReportData } from \"../shared/types.ts\";\n\nconst app = new Hono();\n\n// Unwrap Hono errors to see original error details\napp.onError((err, c) => {\n throw err;\n});\n\n// Initialize database on startup (commented out for now to debug)\n// await initDatabase();\n\n// Serve frontend files\napp.get(\"/frontend/*\", c => serveFile(c.req.path, import.meta.url));\napp.get(\"/shared/*\", c => serveFile(c.req.path, import.meta.url));\n\n// Main page - serve the report interface\napp.get(\"/\", async c => {\n try {\n let html = await readFile(\"/frontend/index.html\", import.meta.url);\n return c.html(html);\n } catch (error) {\n console.error(\"Error serving main page:\", error);\n return c.html(`\n \n Val Town Report\n \n

Val Town Public Vals Report

Error loading page: ${error.message}

View Raw Report Data

\n \n \n `);\n }\n});\n\n// API endpoint to get the report data\napp.get(\"/api/report\", async c => {\n try {\n console.log(\"Generating report...\");\n \n // Initialize database first\n await initDatabase();\n console.log(\"Database initialized\");\n \n // For now, return empty data to test the flow\n const reportData: ReportData = {\n lastUpdated: new Date().toISOString(),\n totalVals: 0,\n summaries: []\n };\n \n return c.json(reportData);\n \n } catch (error) {\n console.error(\"Error generating report:\", error);\n console.error(\"Error stack:\", error.stack);\n return c.json({ \n error: \"Failed to generate report\", \n details: error.message \n }, 500);\n }\n});\n\n// Manual refresh endpoint\napp.post(\"/api/refresh\", async c => {\n try {\n console.log(\"Manual refresh triggered...\");\n await refreshData();\n return c.json({ success: true, message: \"Data refreshed successfully\" });\n } catch (error) {\n console.error(\"Error during manual refresh:\", error);\n return c.json({ error: \"Failed to refresh data\" }, 500);\n }\n});\n\n// Health check endpoint\napp.get(\"/api/health\", c => {\n return c.json({ \n status: \"healthy\", \n timestamp: new Date().toISOString() \n });\n});\n\nasync function refreshData() {\n try {\n console.log(\"Fetching recent public vals...\");\n const recentVals = await fetchRecentPublicVals(30);\n \n if (recentVals.length === 0) {\n console.log(\"No recent vals found\");\n return;\n }\n \n console.log(`Found ${recentVals.length} recent vals`);\n \n // Get already processed val IDs to avoid re-processing\n const processedIds = await getProcessedValIds();\n const newVals = recentVals.filter(val => !processedIds.has(val.id));\n \n console.log(`${newVals.length} new vals to process`);\n \n if (newVals.length === 0) {\n console.log(\"No new vals to process\");\n return;\n }\n \n // Generate summaries for new vals\n console.log(\"Generating AI summaries...\");\n const summaries = await batchSummarizeVals(newVals, 3); // Smaller batches to be safe\n \n // Save summaries to database\n console.log(`Saving ${summaries.length} summaries...`);\n await saveSummaries(summaries);\n \n console.log(\"Data refresh completed\");\n } catch (error) {\n console.error(\"Error in refreshData:\", error);\n console.error(\"Error stack:\", error.stack);\n throw error;\n }\n}\n\n// Export the Hono app\nexport default app.fetch;",[],[213,223],"30ef1c90-4600-11f0-bf0a-76b3cceeab13","database.ts","30ef1d44-4600-11f0-bf0a-76b3cceeab13",5,["D",1749562708309],"import { sqlite } from \"https://esm.town/v/stevekrouse/sqlite\";\nimport type { ValSummary } from \"../shared/types.ts\";\n\nconst TABLE_NAME = 'val_summaries_v1';\n\nexport async function initDatabase() {\n await sqlite.execute(`CREATE TABLE IF NOT EXISTS ${TABLE_NAME} (\n id TEXT PRIMARY KEY,\n name TEXT NOT NULL,\n author TEXT NOT NULL,\n summary TEXT NOT NULL,\n createdAt TEXT NOT NULL,\n type TEXT NOT NULL,\n url TEXT NOT NULL,\n processedAt TEXT NOT NULL\n )`);\n}\n\nexport async function saveSummary(summary: ValSummary) {\n await sqlite.execute(\n `INSERT OR REPLACE INTO ${TABLE_NAME} \n (id, name, author, summary, createdAt, type, url, processedAt) \n VALUES (?, ?, ?, ?, ?, ?, ?, ?)`,\n [\n summary.id,\n summary.name,\n summary.author,\n summary.summary,\n summary.createdAt,\n summary.type,\n summary.url,\n summary.processedAt\n ]\n );\n}\n\nexport async function saveSummaries(summaries: ValSummary[]) {\n for (const summary of summaries) {\n await saveSummary(summary);\n }\n}\n\nexport async function getCachedSummaries(days: number = 30): Promise {\n const cutoffDate = new Date();\n cutoffDate.setDate(cutoffDate.getDate() - days);\n \n const result = await sqlite.execute(\n `SELECT * FROM ${TABLE_NAME} \n WHERE createdAt >= ? \n ORDER BY createdAt DESC`,\n [cutoffDate.toISOString()]\n );\n \n return result.map(row => ({\n id: row.id as string,\n name: row.name as string,\n author: row.author as string,\n summary: row.summary as string,\n createdAt: row.createdAt as string,\n type: row.type as string,\n url: row.url as string,\n processedAt: row.processedAt as string\n }));\n}\n\nexport async function getProcessedValIds(): Promise> {\n const result = await sqlite.execute(`SELECT id FROM ${TABLE_NAME}`);\n return new Set(result.map(row => row.id as string));\n}\n\nexport async function getLastUpdateTime(): Promise {\n const result = await sqlite.execute(\n `SELECT MAX(processedAt) as lastUpdate FROM ${TABLE_NAME}`\n );\n \n const lastUpdate = result[0]?.lastUpdate;\n return lastUpdate ? new Date(lastUpdate as string) : null;\n}",[],[213,231],"1915a418-4600-11f0-b8a9-76b3cceeab13",["D",1749562668317],[167,168,169,170],[213],["D",1749561890472],{"_11":12,"_121":70},{"_11":12,"_117":-5,"_69":70,"_31":68,"_118":119,"_120":30},{"_39":108,"_13":16,"_33":36,"_109":74,"_110":-5,"_111":-5,"_112":-5,"_113":-5,"_114":-5,"_115":14,"_116":12},"ctx",{"_52":-5,"_140":279,"_280":281,"_282":283,"_284":30,"_285":30,"_286":30,"_287":24,"_288":-5,"_289":-7,"_290":-7,"_291":26,"_292":30,"_293":30,"_294":-5,"_295":30,"_296":30,"_297":30,"_298":-5},"ENV",{"_250":251,"_252":253,"_254":16,"_255":256,"_257":258,"_259":260,"_261":262,"_263":264,"_265":266,"_267":268,"_269":270,"_271":272,"_273":274,"_275":276,"_277":278},"REACT_APP_SENTRY_DSN","https://586020d86f05489db63a554690acf1e9@o1398359.ingest.sentry.io/6724499","RENDER_GIT_COMMIT","fdb67791413f4386b4dbf18f354029a617f6160f","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"]

History · shared