[{"_1":2,"_3":-5,"_4":-5},"loaderData",{"_5":6,"_7":8,"_9":10},"actionData","errors","root",{"_314":315,"_316":317},"routes/_app.x.$handle.$name",{"_102":101,"_32":45,"_111":92,"_27":112,"_13":14,"_113":-5,"_11":114,"_115":116,"_117":118,"_119":120,"_121":122,"_20":-5,"_123":-5,"_124":-5,"_125":25,"_126":127,"_128":60,"_129":-5,"_130":-5,"_131":132},"routes/_app.x.$handle.$name.branch.$branch.version.$version.diff",{"_11":12,"_13":14,"_15":16,"_17":-5,"_18":-5},"project",{"_43":44,"_32":45,"_38":46,"_47":-5,"_48":25,"_49":50,"_51":50,"_52":53,"_54":55,"_18":56,"_57":58,"_59":60,"_61":-5,"_62":63,"_64":65,"_66":67,"_68":69,"_70":71,"_72":73,"_74":-5,"_75":76,"_77":76,"_78":79,"_80":79,"_81":79,"_82":76,"_83":76,"_84":85,"_86":87,"_88":89,"_90":25},"version",225,"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","import.ts","latestPath","fileId","0e6ad670-0107-11f0-8303-569c3dd06744","name","fileType","interval","content","import ValTown from \"npm:@valtown/sdk@3.6.3\";\nimport { upsertFile, upsertProject, upsertUser } from \"./db.ts\";\nconst vt = new ValTown();\n\n// Cache of user IDs we've already processed to avoid redundant queries\nconst processedUsers = new Set();\n\nlet nextCursor: string | undefined = undefined;\nconst limit = 100; // Standard pagination limit\nlet hasMoreProjects = true;\n\nwhile (hasMoreProjects) {\n const projects = await vt.vals.list({ limit, cursor: nextCursor });\n\n if (projects.data.length === 0) {\n hasMoreProjects = false;\n continue;\n }\n\n nextCursor = projects.links.next\n ? new URL(projects.links.next).searchParams.get(\"cursor\") || undefined\n : undefined;\n console.log({ nextCursor });\n for (const project of projects.data) {\n const branches = await vt.vals.branches.list(project.id, {});\n const mainBranch = branches.data.find((branch) => branch.name === \"main\");\n\n // Process user data if we haven't already\n const userId = project.author.id;\n if (userId && !processedUsers.has(userId)) {\n try {\n // Fetch user data\n // This is incorrect now that projects are often owned by organizations.\n const user = await vt.users.retrieve(userId).catch(() => {\n return {\n id: userId,\n username: project.author.handle,\n profile_image_url: '',\n url: '',\n updated_at: new Date().toISOString(), \n }\n });\n\n // Store user data\n await upsertUser({\n id: user.id,\n username: user.username,\n bio: user.bio,\n profile_image_url: user.profileImageUrl,\n url: user.url,\n updated_at: new Date().toISOString(), // Using current time as the API doesn't provide updated_at\n });\n\n // Mark user as processed\n processedUsers.add(userId);\n } catch (error) {\n console.error(`Error fetching user ${userId}:`, error);\n // Continue with project processing even if user fetch fails\n }\n }\n\n const upserted = await upsertProject({\n id: project.id,\n url: project.links.html,\n name: project.name,\n description: project.description,\n image_url: project.imageUrl,\n username: project.author.username || \"\",\n updated_at: mainBranch?.updatedAt || new Date().toISOString(),\n forked_branch_id: mainBranch?.forkedBranchId || null,\n user_id: userId || null,\n });\n // Don't reindex files if the project hasn't been updated.\n if (!upserted) {\n continue;\n }\n for await (\n const file of vt.vals.files.retrieve(project.id, {\n path: \"\",\n limit: 10,\n offset: 0,\n recursive: true,\n })\n ) {\n if (file.type === \"directory\") {\n continue;\n }\n const content = await vt.vals.files.getContent(\n project.id,\n { path: file.path },\n );\n\n await upsertFile({\n id: file.id,\n url: file.links.html,\n project_id: project.id,\n name: file.name,\n content: await content.text(),\n updated_at: file.updatedAt,\n });\n }\n }\n\n if (!nextCursor) {\n break;\n }\n}\n\nexport default {};","import ValTown from \"npm:@valtown/sdk@3.6.3\";\nimport { upsertFile, upsertProject, upsertUser } from \"./db.ts\";\nconst vt = new ValTown();\n\n// Cache of user IDs we've already processed to avoid redundant queries\nconst processedUsers = new Set();\n\nlet nextCursor: string | undefined = undefined;\nconst limit = 100; // Standard pagination limit\nlet hasMoreProjects = true;\n\nwhile (hasMoreProjects) {\n const projects = await vt.vals.list({ limit, cursor: nextCursor });\n\n if (projects.data.length === 0) {\n hasMoreProjects = false;\n continue;\n }\n\n nextCursor = projects.links.next\n ? new URL(projects.links.next).searchParams.get(\"cursor\") || undefined\n : undefined;\n console.log({ nextCursor });\n for (const project of projects.data) {\n const branches = await vt.vals.branches.list(project.id, {});\n const mainBranch = branches.data.find((branch) => branch.name === \"main\");\n\n // Process user data if we haven't already\n const userId = project.author.id;\n if (userId && !processedUsers.has(userId)) {\n try {\n // Fetch user data\n // This is incorrect now that projects are often owned by organizations.\n const user = await vt.users.retrieve(userId).catch(() => {\n return {\n id: userId,\n username: project.author.username,\n profile_image_url: \"\",\n url: \"\",\n updated_at: new Date().toISOString(),\n };\n });\n\n // Store user data\n await upsertUser({\n id: user.id,\n username: user.username,\n bio: user.bio,\n profile_image_url: user.profileImageUrl,\n url: user.url,\n updated_at: new Date().toISOString(), // Using current time as the API doesn't provide updated_at\n });\n\n // Mark user as processed\n processedUsers.add(userId);\n } catch (error) {\n console.error(`Error fetching user ${userId}:`, error);\n // Continue with project processing even if user fetch fails\n }\n }\n\n const upserted = await upsertProject({\n id: project.id,\n url: project.links.html,\n name: project.name,\n description: project.description,\n image_url: project.imageUrl,\n username: project.author.username || \"\",\n updated_at: mainBranch?.updatedAt || new Date().toISOString(),\n forked_branch_id: mainBranch?.forkedBranchId || null,\n user_id: userId || null,\n });\n // Don't reindex files if the project hasn't been updated.\n if (!upserted) {\n continue;\n }\n for await (\n const file of vt.vals.files.retrieve(project.id, {\n path: \"\",\n limit: 10,\n offset: 0,\n recursive: true,\n })\n ) {\n if (file.type === \"directory\") {\n continue;\n }\n const content = await vt.vals.files.getContent(\n project.id,\n { path: file.path },\n );\n\n await upsertFile({\n id: file.id,\n url: file.links.html,\n project_id: project.id,\n name: file.name,\n content: await content.text(),\n updated_at: file.updatedAt,\n });\n }\n }\n\n if (!nextCursor) {\n break;\n }\n}\n\nexport default {};","createdAt",["D",1770135457513],"branchVersion","branchId","cdebffc6-0105-11f0-90bd-569c3dd06744","id","cdebb08e-0105-11f0-90bd-569c3dd06744","vtProjectSearch",["D",1741978488970],"deletedAt","legacyEnvVars","privacy","public","httpPrivacy","description","Val Town Code Search","imageUrl","https://imagedelivery.net/iHX6Ovru0O7AjmyT5yZRoA/f2d8682d-afb1-4430-4fb3-46c2eb807000/square512?exp=1789581599&sig=4954f21c1523f0e7fcacecbd67b13dafb71d44aad1a52e4ea77270a58fb573e4","418c1e39-eb48-4f2f-8c97-122ece94631c","pinnedFileId","17b6c84e-010a-11f0-81d5-569c3dd06744","pinPreview",true,"pinMigrated","screenshotVersion",122,"likeCount",7,"orgId","ba7bb5fb-1abb-4ffb-8f3d-7c244782e5f7","tursoName","cdebb08e010511f090bd569c3dd06744","tursoHostname","cdebb08e010511f090bd569c3dd06744-val-town.aws-us-east-2.turso.io","tursoMeasuredAt",["D",1789534231467],"pinned","userPerm","r","valPerm","blobPerm","rw","emailPerm","sqlitePerm","projectPerm","telemetryPerm","user",{"_102":101,"_110":106},"org",{"_102":101,"_103":104,"_105":106,"_18":-5,"_107":108,"_109":60},"branch",{"_13":91,"_32":92,"_43":42,"_93":44,"_94":-5,"_95":-5,"_96":-5,"_97":-5,"_98":-5,"_99":45,"_100":101},"isOwned",228,"main","projectId","forkedBranchId","forkedBranchVersion","forkedProjectPrivacy","forkedProjectId","forkedProjectOrgId","projectName","userHandle","valdottown","handle","displayName","Val Town ","avatar","https://img.clerk.com/eyJ0eXBlIjoicHJveHkiLCJzcmMiOiJodHRwczovL2ltYWdlcy5jbGVyay5kZXYvdXBsb2FkZWQvaW1nXzJyWnQ5cFE0c3pleVRCSEVTWmxzaXJsTUlGciJ9","tier","business","canRestrictVals","profileImageUrl","branchName","","adoptOrgId",{"_43":44,"_32":45,"_38":309,"_47":-5,"_48":25,"_49":50,"_51":50,"_52":53,"_54":55,"_18":56,"_57":58,"_59":60,"_61":-5,"_62":63,"_64":65,"_66":67,"_68":69,"_70":71,"_72":310,"_74":-5,"_75":76,"_77":76,"_78":79,"_80":79,"_81":79,"_82":76,"_83":76,"_84":311,"_86":312,"_88":313,"_90":25},"tree",[256,257,258,259,260,261,262,263,264,265,266,267,268],"files",[256,257,258,259,260,261,262,263,264,265,266,267,268],"counts",{"_246":163,"_247":200,"_248":200,"_249":250,"_251":252},"contents",[133,134,135,136,137,138,139,140,141,142,143,144,145],"upstreamProject","upstreamBranch","emptyEnvVars","flags",[],"hasHttpFiles","grants","orgs","customDomains",{},{"_43":240,"_32":241,"_30":242,"_148":-5,"_41":42,"_40":236,"_150":60,"_38":243,"_13":163,"_33":20,"_35":244,"_24":25,"_155":-5,"_27":245},{"_43":233,"_32":234,"_30":235,"_148":-5,"_41":42,"_40":236,"_150":60,"_38":237,"_13":163,"_33":20,"_35":238,"_24":25,"_155":-5,"_27":239},{"_43":225,"_32":226,"_30":227,"_148":-5,"_41":42,"_40":228,"_150":60,"_38":229,"_13":230,"_33":164,"_35":231,"_24":25,"_155":-5,"_27":232},{"_43":219,"_32":220,"_30":221,"_148":-5,"_41":42,"_40":161,"_150":60,"_38":222,"_13":163,"_33":164,"_35":223,"_24":25,"_155":-5,"_27":224},{"_43":211,"_32":212,"_30":213,"_148":-5,"_41":42,"_40":214,"_150":60,"_38":215,"_13":216,"_33":164,"_35":217,"_24":25,"_155":-5,"_27":218},{"_43":203,"_32":204,"_30":205,"_148":-5,"_41":42,"_40":206,"_150":60,"_38":207,"_13":208,"_33":164,"_35":209,"_24":25,"_155":-5,"_27":210},{"_43":195,"_32":196,"_30":197,"_148":-5,"_41":42,"_40":198,"_150":60,"_38":199,"_13":200,"_33":164,"_35":201,"_24":25,"_155":-5,"_27":202},{"_43":191,"_32":28,"_30":31,"_148":-5,"_41":42,"_40":14,"_150":25,"_38":192,"_13":193,"_33":34,"_35":37,"_24":25,"_155":-5,"_27":194},{"_43":183,"_32":184,"_30":185,"_148":-5,"_41":42,"_40":186,"_150":60,"_38":187,"_13":188,"_33":164,"_35":189,"_24":25,"_155":-5,"_27":190},{"_43":175,"_32":176,"_30":177,"_148":-5,"_41":42,"_40":178,"_150":60,"_38":179,"_13":180,"_33":164,"_35":181,"_24":25,"_155":-5,"_27":182},{"_43":167,"_32":168,"_30":169,"_148":-5,"_41":42,"_40":170,"_150":60,"_38":171,"_13":172,"_33":164,"_35":173,"_24":25,"_155":-5,"_27":174},{"_43":158,"_32":159,"_30":160,"_148":-5,"_41":42,"_40":161,"_150":60,"_38":162,"_13":163,"_33":164,"_35":165,"_24":25,"_155":-5,"_27":166},{"_43":146,"_32":147,"_30":58,"_148":-5,"_41":42,"_40":149,"_150":25,"_38":151,"_13":152,"_33":153,"_35":154,"_24":25,"_155":156,"_27":157},"4cae8de6-011a-11f1-b02b-42dde27851f2","web.http.tsx","parentId",212,"latest",["D",1770134789233],38,"http","import { handler } from \"./api.tsx\";\nimport { loadTypeaheadDataIntoMemory } from \"./db.ts\";\n\n// Load typeahead data into memory on startup\nloadTypeaheadDataIntoMemory().catch(console.error);\n\nexport default handler;","label","codesearch",[147],"374fca84-161d-11f0-b80e-569c3dd06744","utils.tsx","374fcaf2-161d-11f0-b80e-569c3dd06744",120,["D",1744297518613],0,"script","// Format date to relative time\nexport function formatRelativeTime(dateString: string): string {\n const date = new Date(dateString);\n const now = new Date();\n const secondsAgo = Math.floor((now.getTime() - date.getTime()) / 1000);\n\n // Define time periods in seconds\n const minute = 60;\n const hour = minute * 60;\n const day = hour * 24;\n const week = day * 7;\n const month = day * 30;\n const year = day * 365;\n\n if (secondsAgo < minute) {\n return \"just now\";\n } else if (secondsAgo < hour) {\n const minutes = Math.floor(secondsAgo / minute);\n return `${minutes} ${minutes === 1 ? \"min\" : \"mins\"} ago`;\n } else if (secondsAgo < day) {\n const hours = Math.floor(secondsAgo / hour);\n return `${hours} ${hours === 1 ? \"hour\" : \"hours\"} ago`;\n } else if (secondsAgo < week) {\n const days = Math.floor(secondsAgo / day);\n return `${days} ${days === 1 ? \"day\" : \"days\"} ago`;\n } else if (secondsAgo < month) {\n const weeks = Math.floor(secondsAgo / week);\n return `${weeks} ${weeks === 1 ? \"week\" : \"weeks\"} ago`;\n } else if (secondsAgo < year) {\n const months = Math.floor(secondsAgo / month);\n return `${months} ${months === 1 ? \"month\" : \"months\"} ago`;\n } else {\n const years = Math.floor(secondsAgo / year);\n return `${years} ${years === 1 ? \"year\" : \"years\"} ago`;\n }\n}\n\n// Format date for tooltip (full date)\nexport function formatFullDate(dateString: string): string {\n const date = new Date(dateString);\n return date.toLocaleDateString(\"en-US\", {\n year: \"numeric\",\n month: \"long\",\n day: \"numeric\",\n hour: \"2-digit\",\n minute: \"2-digit\",\n });\n}",[159],"9854c4aa-164b-11f0-8053-569c3dd06744","types.tsx","374fc868-161d-11f0-b80e-569c3dd06744",144,["D",1744317438164],2,"import { z } from \"npm:zod\";\n\n// Define types with Zod schemas\nexport const ProjectSchema = z.object({\n id: z.string(),\n url: z.string(),\n name: z.string(),\n username: z.string(),\n description: z.string().nullable(),\n image_url: z.string().nullable(),\n forked_branch_id: z.string().nullable(),\n updated_at: z.string().datetime(),\n});\n\nexport const FileSchema = z.object({\n id: z.string(),\n url: z.string(),\n project_id: z.string(),\n name: z.string(),\n content: z.string().nullable(),\n updated_at: z.string().datetime(),\n});\n\nexport const ProjectWithFilesSchema = ProjectSchema.extend({\n files: z.array(FileSchema).optional(),\n});\n\n// TypeScript interfaces derived from Zod schemas\nexport type Project = z.infer;\nexport type File = z.infer;\nexport type ProjectWithFiles = z.infer;\n\n// Search result types\nexport type FileSearchResult = File & {\n project_name: string;\n username: string;\n project_url: string;\n image_url?: string | null;\n};\n\nexport type ProjectSearchResult = Project & {\n matchCount: number;\n};\n\nexport type UserSearchResult = {\n id: string;\n username: string | null;\n bio: string | null;\n profile_image_url: string | null;\n url: string;\n updated_at: string;\n matchCount: number;\n};\n\n// Docs search types\nexport type AnchorInfo = {\n element: string;\n id: string;\n text: string;\n location: number;\n};\n\nexport type LocationInfo = {\n weight: number;\n balanced_score: number;\n location: number;\n};\n\nexport type SubDocResult = {\n title: string;\n url: string;\n anchor: AnchorInfo;\n weighted_locations: LocationInfo[];\n locations: number[];\n excerpt: string;\n};\n\nexport type DocSearchResult = {\n url: string;\n content: string;\n word_count: number;\n meta: {\n title: string;\n };\n anchors: AnchorInfo[];\n weighted_locations: LocationInfo[];\n locations: number[];\n raw_content: string;\n raw_url: string;\n excerpt: string;\n sub_results: SubDocResult[];\n};\n\n/**\n * Enhanced search result with code context\n */\nexport type EnhancedSearchResult = FileSearchResult & {\n matchedLines: {\n lineNumber: number;\n lineContent: string;\n isMatch: boolean;\n }[];\n totalMatches: number;\n};\n\n/**\n * Search response with pagination and timing info\n */\nexport type SearchResponse = {\n fileResults: EnhancedSearchResult[];\n projectResults: ProjectSearchResult[];\n userResults: UserSearchResult[];\n docResults: DocSearchResult[];\n totalFileResults: number;\n totalProjectResults: number;\n totalUserResults: number;\n totalDocResults: number;\n page: number;\n pageSize: number;\n totalPages: number;\n executionTimeMs: number;\n resultType?: \"files\" | \"projects\" | \"users\" | \"docs\";\n};\n\nexport type ActivityData = {\n date: string;\n count: number;\n};\n\nexport type ContributorData = {\n username: string;\n url: string;\n profile_image_url: string | null;\n projectCount: number;\n};\n\nexport type ActiveProjectData = {\n name: string;\n username: string;\n url: string;\n image_url: string | null;\n updated_at: string;\n};\n\nexport type StatsData = {\n totalProjects: number;\n totalFiles: number;\n projectsLastDay: number;\n projectsLastWeek: number;\n projectsLastMonth: number;\n activityHeatmap: ActivityData[];\n topContributors: ContributorData[];\n mostActiveProjects: ActiveProjectData[];\n};",[168],"e38e106e-1ad5-11f0-b877-569c3dd06744","styles.tsx","374fbd64-161d-11f0-b80e-569c3dd06744",158,["D",1744816639649],20,"export const styles = `\n:root {\n --primary-color: #000000;\n --background-color: #ffffff;\n --border-color: #e1e4e8;\n --highlight-color: #fff3c7;\n --text-color: #24292e;\n --meta-color: #6a737d;\n --action-button-color: rgb(59, 130, 246);\n --line-number-color: #959da5;\n --code-bg: #f6f8fa;\n --match-bg: #f1f8ff;\n --separator-color: #d1d5da;\n --tab-active-color: #000000;\n --tab-hover-color: #e1e8ff;\n --tab-bg-color: #f1f5f9;\n --sample-bg-color: #f8f9fa;\n}\n\nbody {\n font-family: \"IBM Plex Sans\", sans-serif;\n margin: 0;\n padding: 0;\n background-color: var(--background-color);\n color: var(--text-color);\n line-height: 1.5;\n}\n\n.container {\n width: 95%;\n max-width: 1200px;\n margin: 0 auto;\n padding: 10px;\n}\n\n.search-form {\n display: flex;\n margin-bottom: 20px;\n}\n\n.search-container {\n position: relative;\n flex: 1;\n display: flex;\n min-width: 0; /* Prevents flex items from overflowing */\n}\n\n.search-input {\n flex: 1;\n padding: 10px 15px;\n font-size: 16px;\n border: 1px solid var(--border-color);\n border-radius: 4px 0 0 4px;\n outline: none;\n z-index: 1;\n min-width: 0; /* Allows text field to shrink if needed */\n}\n\n.search-button {\n padding: 10px;\n min-width: 80px;\n background-color: var(--action-button-color);\n color: white;\n border: none;\n border-radius: 0 4px 4px 0;\n cursor: pointer;\n font-size: 16px;\n z-index: 1;\n}\n\n.typeahead-results {\n display: none;\n position: absolute;\n top: 100%;\n left: 0;\n right: 0;\n background-color: white;\n border: 1px solid var(--border-color);\n border-top: none;\n border-radius: 0 0 4px 4px;\n /* No max-height or overflow */\n z-index: 2;\n box-shadow: 0 4px 6px rgba(0,0,0,0.1);\n}\n\n.typeahead-results.active {\n display: block;\n}\n\n.typeahead-item {\n padding: 10px 15px;\n cursor: pointer;\n display: block;\n text-decoration: none;\n color: var(--text-color);\n border-bottom: 1px solid var(--border-color);\n}\n\n.typeahead-item:last-child {\n border-bottom: none;\n}\n\n.typeahead-item:hover {\n background-color: var(--code-bg);\n}\n\n.typeahead-item.search-term {\n background-color: #f1f5ff;\n font-weight: bold;\n color: var(--primary-color);\n}\n\n.typeahead-item.search-term:hover {\n background-color: #e6edff;\n}\n\n.typeahead-item.selected {\n background-color: var(--code-bg);\n}\n\n.typeahead-item.search-term.selected {\n background-color: #e6edff;\n}\n\n.search-results {\n margin-top: 20px;\n}\n\n/* Welcome container styles */\n.welcome-container {\n max-width: 800px;\n margin: 40px auto;\n text-align: center;\n}\n\n.stats-container {\n background-color: white;\n border-radius: 8px;\n padding: 30px;\n margin-bottom: 30px;\n box-shadow: 0 2px 10px rgba(0,0,0,0.05);\n border: 1px solid var(--border-color);\n}\n\n.stats-container h2 {\n font-size: 28px;\n margin-top: 0;\n margin-bottom: 16px;\n color: var(--primary-color);\n}\n\n.stats-description {\n font-size: 16px;\n color: var(--meta-color);\n margin-bottom: 30px;\n}\n\n.stats-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));\n gap: 10px;\n}\n\n.stat-box {\n background-color: var(--code-bg);\n padding: 20px;\n border-radius: 6px;\n transition: transform 0.2s ease;\n}\n\n.stat-box:hover {\n transform: translateY(-3px);\n}\n\n.stat-value {\n font-size: 24px;\n font-weight: bold;\n color: var(--primary-color);\n margin-bottom: 8px;\n}\n\n.stat-label {\n font-size: 14px;\n color: var(--meta-color);\n}\n\n/* Activity heatmap styles */\n.activity-heatmap {\n margin-top: 30px;\n margin-bottom: 30px;\n}\n\n.activity-heatmap-title {\n font-size: 16px;\n margin-bottom: 10px;\n color: var(--text-color);\n padding-bottom: 5px;\n border-bottom: 1px solid var(--border-color);\n}\n\n.heatmap-container {\n display: grid;\n grid-template-columns: 30px repeat(27, 1fr); /* Fixed columns for desktop */\n grid-template-rows: 30px repeat(7, 1fr);\n gap: 2px;\n max-width: 100%;\n overflow-x: hidden;\n}\n\n/* For mobile screens use auto-fill */\n@media (max-width: 768px) {\n .heatmap-container {\n grid-template-columns: 30px repeat(auto-fill, minmax(10px, 1fr));\n }\n}\n\n.heatmap-legend {\n grid-column: 1;\n grid-row: 1;\n font-size: 12px;\n color: var(--meta-color);\n align-self: center;\n justify-self: center;\n}\n\n.heatmap-month {\n grid-row: 1;\n font-size: 11px;\n color: var(--meta-color);\n text-align: center;\n}\n\n.heatmap-day {\n grid-column: 1;\n font-size: 11px;\n color: var(--meta-color);\n align-self: center;\n justify-self: center;\n}\n\n.heatmap-cell {\n width: 100%;\n height: 12px;\n border-radius: 2px;\n background-color: #ebedf0;\n cursor: pointer;\n position: relative;\n}\n\n.heatmap-cell-level-0 {\n background-color: #ebedf0; /* Light gray for empty cells */\n}\n\n.heatmap-cell-level-1 {\n background-color: #c6f0cd; /* Very light green */\n}\n\n.heatmap-cell-level-2 {\n background-color: #9be9a8; /* Light green */\n}\n\n.heatmap-cell-level-3 {\n background-color: #77dd77; /* Medium light green */\n}\n\n.heatmap-cell-level-4 {\n background-color: #40c463; /* Medium green */\n}\n\n.heatmap-cell-level-5 {\n background-color: #30a14e; /* Medium dark green */\n}\n\n.heatmap-cell-level-6 {\n background-color: #26803e; /* Dark green */\n}\n\n.heatmap-cell-level-7 {\n background-color: #216e39; /* Darker green */\n}\n\n.heatmap-cell-level-8 {\n background-color: #165c2a; /* Very dark green */\n}\n.heatmap-tooltip {\n position: absolute;\n top: -30px;\n left: 50%;\n transform: translateX(-50%);\n background-color: rgba(0, 0, 0, 0.8);\n color: white;\n padding: 4px 8px;\n border-radius: 4px;\n font-size: 12px;\n white-space: nowrap;\n z-index: 100;\n opacity: 0;\n transition: opacity 0.2s ease;\n pointer-events: none;\n}\n\n/* Adjust tooltip position when near edges */\n.heatmap-cell:nth-child(n+25) .heatmap-tooltip {\n right: 0;\n left: auto;\n transform: none;\n}\n\n.heatmap-cell:nth-child(-n+5) .heatmap-tooltip {\n left: 0;\n transform: none;\n}\n\n.heatmap-cell:hover .heatmap-tooltip {\n opacity: 1;\n}\n\n/* Community section styles */\n.community-section {\n margin-top: 30px;\n margin-bottom: 20px;\n}\n\n.section-row {\n display: flex;\n flex-wrap: wrap;\n gap: 20px;\n}\n\n.contributors-section, .projects-section {\n flex: 1 1 300px;\n min-width: 0;\n}\n\n.section-title {\n font-size: 16px;\n margin-bottom: 10px;\n color: var(--text-color);\n padding-bottom: 5px;\n border-bottom: 1px solid var(--border-color);\n}\n\n.contributors-grid {\n display: flex;\n flex-direction: column;\n gap: 5px;\n}\n\n.contributor-card {\n padding: 8px 10px;\n transition: background-color 0.2s ease;\n cursor: pointer;\n text-decoration: none;\n color: inherit;\n display: block;\n border-radius: 4px;\n}\n\n.contributor-card:hover {\n background-color: var(--code-bg);\n}\n\n.contributor-header {\n display: flex;\n align-items: center;\n margin-bottom: 0;\n}\n\n.contributor-avatar {\n width: 24px;\n height: 24px;\n border-radius: 50%;\n overflow: hidden;\n margin-right: 8px;\n background-color: var(--code-bg);\n flex-shrink: 0;\n}\n\n.contributor-avatar img {\n width: 100%;\n height: 100%;\n object-fit: cover;\n}\n\n.contributor-info {\n text-align: left;\n flex: 1;\n min-width: 0;\n white-space: nowrap;\n overflow: hidden;\n text-overflow: ellipsis;\n}\n\n.contributor-username {\n font-weight: bold;\n color: var(--primary-color);\n margin: 0;\n font-size: 14px;\n display: inline;\n}\n\n.contributor-stats {\n display: inline;\n font-size: 13px;\n color: var(--meta-color);\n margin-left: 6px;\n}\n\n/* Active projects styles */\n.active-projects-list {\n display: flex;\n flex-direction: column;\n gap: 5px;\n}\n\n.project-card {\n padding: 8px 10px;\n transition: background-color 0.2s ease;\n cursor: pointer;\n text-decoration: none;\n color: inherit;\n display: flex;\n align-items: center;\n gap: 10px;\n border-radius: 4px;\n}\n\n.project-card:hover {\n background-color: var(--code-bg);\n}\n\n.project-card .project-image {\n width: 24px;\n height: 24px;\n border-radius: 4px;\n overflow: hidden;\n background-color: var(--code-bg);\n flex-shrink: 0;\n}\n\n.project-image img {\n width: 100%;\n height: 100%;\n object-fit: cover;\n}\n\n.project-content {\n flex: 1;\n text-align: left;\n min-width: 0;\n white-space: nowrap;\n overflow: hidden;\n text-overflow: ellipsis;\n}\n\n.project-title {\n font-weight: bold;\n color: var(--primary-color);\n margin: 0;\n font-size: 14px;\n display: inline;\n}\n\n.project-meta {\n font-size: 13px;\n color: var(--meta-color);\n display: inline;\n margin-left: 6px;\n}\n\n.project-description {\n display: none;\n}\n\n.example-searches {\n background-color: white;\n border-radius: 8px;\n padding: 30px;\n box-shadow: 0 2px 10px rgba(0,0,0,0.05);\n border: 1px solid var(--border-color);\n}\n\n.example-searches h3 {\n margin-top: 0;\n margin-bottom: 20px;\n font-size: 18px;\n color: var(--text-color);\n}\n\n.search-examples {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: 8px;\n}\n\n.example-link {\n display: inline-block;\n padding: 8px 12px;\n background-color: var(--code-bg);\n color: var(--primary-color);\n border-radius: 4px;\n text-decoration: none;\n font-size: 14px;\n border: 1px solid var(--border-color);\n transition: all 0.2s ease;\n margin-bottom: 5px;\n}\n\n.example-link:hover {\n background-color: var(--primary-color);\n color: white;\n border-color: var(--primary-color);\n}\n\n/* We're using intrinsic sizing, so no media queries needed! */\n\n.search-result {\n background-color: white;\n border: 1px solid var(--border-color);\n border-radius: 4px;\n margin-bottom: 20px;\n overflow: hidden;\n}\n\n.result-header {\n padding: 12px 16px;\n border-bottom: 1px solid var(--border-color);\n background-color: var(--code-bg);\n}\n\n.result-header-content {\n display: flex;\n align-items: flex-start;\n gap: 16px;\n}\n\n.result-header-text {\n flex: 1;\n}\n\n.search-result .project-image {\n width: 60px;\n height: 60px;\n border-radius: 6px;\n overflow: hidden;\n background-color: #f0f0f0;\n flex-shrink: 0;\n}\n\n.project-image img {\n width: 100%;\n height: 100%;\n object-fit: cover;\n}\n\n.result-header h3 {\n margin: 0;\n font-size: 16px;\n display: flex;\n align-items: center;\n gap: 8px;\n flex-wrap: wrap;\n}\n\n.project-name-link,\n.file-name-link,\n.username-link {\n text-decoration: none;\n transition: all 0.2s ease;\n}\n\n.project-name-link:hover,\n.file-name-link:hover,\n.username-link:hover {\n text-decoration: underline;\n}\n\n.project-name {\n font-weight: 500;\n color: var(--primary-color);\n}\n\n.file-name {\n color: var(--text-color);\n font-weight: 400;\n}\n\n.match-count {\n font-size: 13px;\n color: var(--meta-color);\n font-weight: normal;\n margin-left: auto;\n}\n\n.result-meta {\n font-size: 13px;\n color: var(--meta-color);\n margin-top: 4px;\n display: flex;\n align-items: center;\n gap: 6px;\n}\n\n.username {\n color: var(--primary-color);\n}\n\n.separator {\n font-size: 10px;\n color: var(--meta-color);\n opacity: 0.7;\n}\n\n.updated-at {\n color: var(--meta-color);\n cursor: help;\n}\n\n.code-block {\n margin: 0;\n padding: 12px 0;\n overflow-x: auto;\n font-family: ui-monospace, SFMono-Regular, Consolas, 'Liberation Mono', Menlo, monospace;\n font-size: 13px;\n line-height: 1.5;\n tab-size: 2;\n}\n\n.code-line {\n display: flex;\n padding: 0 16px;\n width: 100%;\n box-sizing: border-box;\n}\n\n.code-line.match {\n background-color: var(--match-bg);\n}\n\n.line-number {\n color: var(--line-number-color);\n text-align: right;\n padding-right: 16px;\n min-width: 40px;\n user-select: none;\n}\n\n.line-content {\n white-space: pre;\n flex: 1;\n}\n\n.separator {\n text-align: center;\n color: var(--separator-color);\n padding: 4px 0;\n font-style: italic;\n}\n\nmark {\n background-color: var(--highlight-color);\n padding: 2px 0;\n border-radius: 2px;\n}\n\n.highlight-match mark {\n display: inline-block;\n}\n\n.search-stats {\n margin-bottom: 16px;\n color: var(--meta-color);\n}\n\n.no-results {\n text-align: center;\n padding: 40px 0;\n color: var(--meta-color);\n}\n\n.header {\n display: flex;\n flex-direction: column;\n margin-bottom: 15px;\n margin-top: 45px;\n}\n\n.header h1 {\n margin: 0;\n font-size: clamp(18px, 5vw, 24px);\n line-height: 1.2;\n display: flex;\n align-items: center;\n justify-content: space-between;\n}\n\n.valtown-link {\n color: var(--primary-color);\n text-decoration: none;\n font-size: 16px;\n font-weight: normal;\n}\n\n.valtown-link:hover {\n text-decoration: underline;\n}\n\n.title-link {\n color: var(--primary-color);\n text-decoration: none;\n}\n\n.title-link:hover {\n text-decoration: underline;\n}\n\n.execution-time {\n font-size: 13px;\n color: var(--meta-color);\n margin-left: 8px;\n}\n\n.page-info {\n font-size: 13px;\n color: var(--meta-color);\n margin-top: 4px;\n}\n\n.pagination {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n align-items: center;\n margin: 30px 0;\n gap: 8px;\n}\n\n.pagination-numbers {\n display: flex;\n flex-wrap: wrap;\n gap: 4px;\n justify-content: center;\n}\n\n.pagination-link {\n display: inline-flex;\n align-items: center;\n justify-content: center;\n min-width: 32px;\n height: 32px;\n padding: 0 8px;\n border-radius: 4px;\n text-decoration: none;\n color: var(--text-color);\n background-color: white;\n border: 1px solid var(--border-color);\n font-size: 14px;\n transition: all 0.2s ease;\n}\n\n.pagination-link:hover {\n background-color: var(--code-bg);\n border-color: var(--primary-color);\n}\n\n.pagination-link.active {\n background-color: var(--primary-color);\n color: white;\n border-color: var(--primary-color);\n font-weight: bold;\n}\n\n.pagination-ellipsis {\n display: inline-flex;\n align-items: center;\n justify-content: center;\n min-width: 32px;\n height: 32px;\n color: var(--meta-color);\n font-size: 14px;\n}\n\n.api-info {\n margin-top: 10px;\n}\n\n.api-info summary {\n cursor: pointer;\n color: var(--primary-color);\n font-size: 14px;\n}\n\n.api-docs {\n background-color: var(--code-bg);\n padding: 10px 15px;\n border-radius: 4px;\n margin-top: 8px;\n font-size: 14px;\n border: 1px solid var(--border-color);\n}\n\n.api-docs code {\n display: inline-block;\n background-color: white;\n padding: 2px 6px;\n border-radius: 3px;\n border: 1px solid var(--border-color);\n margin: 4px 0;\n}\n\n.highlight-match {\n position: relative;\n}\n\nmark {\n background-color: var(--highlight-color);\n padding: 2px 0;\n border-radius: 2px;\n}\n\n/* Result type tabs styles */\n.result-type-tabs {\n display: flex;\n flex-wrap: wrap;\n margin: 15px 0;\n border-bottom: 1px solid var(--border-color);\n gap: 5px;\n}\n\n.tab-link {\n display: inline-flex;\n align-items: center;\n padding: 8px 0px;\n text-decoration: none;\n color: var(--text-color);\n border-bottom: 2px solid transparent;\n font-weight: 500;\n transition: all 0.2s ease;\n flex: 1 1 auto;\n min-width: fit-content;\n justify-content: center;\n}\n\n.tab-link:hover {\n color: var(--primary-color);\n background-color: var(--tab-hover-color);\n}\n\n.tab-link.active {\n color: var(--tab-active-color);\n border-bottom-color: var(--tab-active-color);\n background-color: white;\n}\n\n.tab-count {\n display: inline-flex;\n align-items: center;\n justify-content: center;\n margin-left: 6px;\n background-color: var(--tab-bg-color);\n border-radius: 10px;\n padding: 2px 8px;\n font-size: 13px;\n color: var(--meta-color);\n}\n\n.tab-link.active .tab-count {\n background-color: var(--primary-color);\n color: white;\n}\n\n/* Project and user result specific styles */\n.project-result .project-description {\n padding: 10px 16px;\n font-size: 14px;\n color: var(--meta-color);\n border-bottom: 1px solid var(--border-color);\n}\n\n/* User result styling */\n.user-result .user-header {\n display: flex;\n align-items: center;\n gap: 12px;\n}\n\n.user-result .user-avatar {\n width: 48px;\n height: 48px;\n border-radius: 50%;\n overflow: hidden;\n flex-shrink: 0;\n}\n\n.user-result .user-avatar img {\n width: 100%;\n height: 100%;\n object-fit: cover;\n}\n\n.user-result .user-info {\n flex: 1;\n}\n\n.user-result .username {\n font-size: 16px;\n font-weight: bold;\n}\n\n.user-result .user-bio {\n padding: 10px 16px;\n font-size: 14px;\n color: var(--meta-color);\n border-top: 1px solid var(--border-color);\n line-height: 1.5;\n}\n\n/* Sample results section styles */\n.other-results-section {\n margin-top: 40px;\n border-top: 1px solid var(--border-color);\n padding-top: 20px;\n}\n\n.sample-results-section {\n margin-top: 20px;\n}\n\n.sample-results-header {\n display: flex;\n justify-content: space-between;\n align-items: center;\n margin-bottom: 10px;\n padding: 0 5px;\n}\n\n.sample-results-header h3 {\n margin: 0;\n font-size: 18px;\n color: var(--text-color);\n}\n\n.view-all-link {\n color: var(--primary-color);\n text-decoration: none;\n font-size: 14px;\n}\n\n.view-all-link:hover {\n text-decoration: underline;\n}\n\n.no-sample-results {\n padding: 15px;\n text-align: center;\n background-color: var(--sample-bg-color);\n border-radius: 4px;\n color: var(--meta-color);\n font-style: italic;\n}\n\n/* Main results section */\n.main-results-section {\n margin-bottom: 20px;\n}\n\n/* No results for specific result type */\n.no-type-results {\n padding: 30px;\n margin: 20px 0;\n text-align: center;\n background-color: white;\n border: 1px solid var(--border-color);\n border-radius: 6px;\n color: var(--meta-color);\n}\n\n.no-type-results p:first-child {\n font-size: 16px;\n margin-bottom: 10px;\n color: var(--text-color);\n}\n\n.no-type-results p:last-child {\n font-size: 14px;\n}\n\n/* Documentation search results styles */\n.doc-result .doc-title {\n font-weight: bold;\n color: var(--primary-color);\n}\n\n.doc-result .doc-url {\n color: var(--meta-color);\n font-size: 13px;\n opacity: 0.8;\n}\n\n.doc-content {\n padding: 12px 16px;\n}\n\n.doc-excerpt {\n font-size: 14px;\n line-height: 1.5;\n color: var(--text-color);\n margin-bottom: 15px;\n}\n\n\n.doc-sections {\n border-top: 1px solid var(--border-color);\n padding-top: 15px;\n margin-top: 15px;\n}\n\n.sections-title {\n font-size: 15px;\n margin-top: 0;\n margin-bottom: 10px;\n color: var(--text-color);\n}\n\n.sub-doc-result {\n margin-bottom: 12px;\n padding-left: 10px;\n border-left: 2px solid var(--border-color);\n}\n\n.sub-doc-result h4 {\n margin: 0 0 5px 0;\n font-size: 14px;\n}\n\n\n.doc-section-link {\n color: var(--primary-color);\n text-decoration: none;\n}\n\n.doc-section-link:hover {\n text-decoration: underline;\n}\n`;",[176],"7471f2e4-29f9-11f0-992f-569c3dd06744","shell.tsx","b49efe16-2797-11f0-abda-569c3dd06744",204,["D",1746481182559],44,"import { sqlite } from \"https://esm.town/v/stevekrouse/sqlite\";\n\nconst tablePrefix = \"vt_project_search_v5\";\n\n// `CREATE TABLE IF NOT EXISTS ${tablePrefix}_files (\n// id TEXT PRIMARY KEY,\n// url TEXT NOT NULL,\n// project_id TEXT NOT NULL,\n// name TEXT NOT NULL,\n// content TEXT,\n// updated_at TIMESTAMP NOT NULL,\n// FOREIGN KEY (project_id) REFERENCES ${tablePrefix}_projects(id)\n// )`,\n\nawait sqlite.batch([\n // `DROP TABLE IF EXISTS ${tablePrefix}_files_tri;`,\n // `CREATE VIRTUAL TABLE IF NOT EXISTS ${tablePrefix}_files_tri USING fts5(\n // id,\n // content,\n // tokenize=\"trigram\"\n // )`,\n // `INSERT INTO ${tablePrefix}_files_tri (id, content)\n // SELECT id, content FROM ${tablePrefix}_files\n // WHERE content IS NOT NULL;`,\n]);\n\nconsole.log(await sqlite.execute(`select count(*) from ${tablePrefix}_files_tri`));\nconsole.log(await sqlite.execute(`select count(*) from ${tablePrefix}_files`));\n\nconst t0 = performance.now();\nawait sqlite.execute(`SELECT count(*) FROM ${tablePrefix}_files WHERE content LIKE '%import.meta%'`);\nconst t1 = performance.now();\nconsole.log(\"Time taken: \", t1 - t0);\n{\n const t0 = performance.now();\n await sqlite.execute(`SELECT count(*) FROM ${tablePrefix}_files_tri WHERE content LIKE '%import.meta%'`);\n const t1 = performance.now();\n console.log(\"Time taken: \", t1 - t0);\n}",[184],"db01f06e-011b-11f1-aceb-42dde27851f2",["D",1770135457513],66,[28],"aa98433e-011a-11f1-a109-42dde27851f2","docsearch.ts","65600c32-1630-11f0-a6ce-569c3dd06744",214,["D",1770134946792],3,"import { DocSearchResult } from \"./types.tsx\";\n\ninterface Result {\n data: () => Promise<{\n url: string;\n content: string;\n word_count: number;\n meta: {\n title: string;\n };\n anchors: {\n element: string;\n id: string;\n text: string;\n location: number;\n }[];\n weighted_locations: {\n weight: number;\n balanced_score: number;\n location: number;\n }[];\n locations: number[];\n raw_content: string;\n raw_url: string;\n excerpt: string;\n sub_results: {\n title: string;\n url: string;\n anchor: {\n element: string;\n id: string;\n text: string;\n location: number;\n };\n weighted_locations: {\n weight: number;\n balanced_score: number;\n location: number;\n }[];\n locations: number[];\n excerpt: string;\n }[];\n }>;\n}\n\ninterface Results {\n results: Result[];\n unfilteredResultCount: number;\n}\n\n// Initialize the pagefind instance\n// @ts-expect-error TS2322\nglobalThis.window = {};\n// @ts-expect-error TS7017\nglobalThis.document = {};\n\n/*const pagefind = (typeof window !== \"undefined\")\n ? await import(\n \"https://docs.val.town/pagefind/pagefind.js\"\n )\n : {};*/\n\n/**\n * Search docs using Pagefind and return only the count\n * @param query Search query\n */\nexport async function searchDocsCount(\n query: string,\n): Promise {\n if (!query.trim()) {\n return 0;\n }\n\n try {\n const { unfilteredResultCount }: Results = await pagefind.search(query);\n return unfilteredResultCount;\n } catch (error) {\n console.error(\"Error getting docs count:\", error);\n return 0;\n }\n}\n\n/**\n * Search docs using Pagefind\n * @param query Search query\n * @param page Page number\n * @param pageSize Number of results per page\n * @param fetchData Whether to fetch the full data for each result\n */\nexport async function searchDocs(\n query: string,\n page: number = 1,\n pageSize: number = 10,\n fetchData: boolean = true,\n): Promise<{\n results: DocSearchResult[];\n totalResults: number;\n}> {\n if (!query.trim()) {\n return { results: [], totalResults: 0 };\n }\n\n const startIndex = (page - 1) * pageSize;\n const endIndex = startIndex + pageSize;\n\n try {\n const { results, unfilteredResultCount }: Results = await pagefind.search(\n query,\n );\n\n // If we don't need the full data, just return the count\n if (!fetchData) {\n return { results: [], totalResults: unfilteredResultCount };\n }\n\n // Process the paginated slice of results\n const paginatedResults = results.slice(startIndex, endIndex);\n\n // Fetch all result data in parallel\n const dataPromises = paginatedResults.map((result) => result.data());\n const resultDataArray = await Promise.all(dataPromises);\n\n // Convert the results to our DocSearchResult format\n const processedResults: DocSearchResult[] = resultDataArray.map((data) => ({\n url: data.url,\n content: data.content,\n word_count: data.word_count,\n meta: data.meta,\n anchors: data.anchors,\n weighted_locations: data.weighted_locations,\n locations: data.locations,\n raw_content: data.raw_content,\n raw_url: data.raw_url,\n excerpt: data.excerpt,\n sub_results: data.sub_results,\n }));\n\n return {\n results: processedResults,\n totalResults: unfilteredResultCount,\n };\n } catch (error) {\n console.error(\"Error searching docs:\", error);\n return { results: [], totalResults: 0 };\n }\n}",[196],"b9e166b8-011a-11f1-8e62-42dde27851f2","db.ts","d351ab06-0109-11f0-ac23-569c3dd06744",215,["D",1770134972438],22,"import { sqlite } from \"https://esm.town/v/std/sqlite/main.ts\";\nimport { z } from \"npm:zod\";\nimport {\n EnhancedSearchResult as TypesEnhancedSearchResult,\n ProjectSearchResult,\n SearchResponse as TypesSearchResponse,\n UserSearchResult,\n} from \"./types.tsx\";\n\n/**\n * Wraps an async function to measure its execution time\n */\nexport async function withTiming(\n fn: () => Promise,\n): Promise<[T, number]> {\n const start = performance.now();\n const result = await fn();\n const end = performance.now();\n const duration = Math.round(end - start);\n\n return [result, duration];\n}\n\n// In-memory data structure for typeahead\nexport const typeaheadStrings: string[] = [];\n\n// Load all usernames and project paths into memory for fast typeahead\nexport async function loadTypeaheadDataIntoMemory(): Promise {\n console.log(\"Loading typeahead data into memory...\");\n\n // Clear existing data\n typeaheadStrings.length = 0;\n\n // Load unique usernames\n const usersResult = await sqlite.execute(\n `SELECT DISTINCT username\n FROM ${tablePrefix}_projects\n ORDER BY username`,\n );\n\n for (const row of usersResult.rows) {\n if (row.username) typeaheadStrings.push(String(row.username));\n }\n\n // Load projects with username prefix\n const projectsResult = await sqlite.execute(\n `SELECT username, name\n FROM ${tablePrefix}_projects\n ORDER BY updated_at DESC`,\n );\n\n for (const row of projectsResult.rows) {\n typeaheadStrings.push(`${row.username}/${row.name}`);\n }\n\n console.log(\n `Loaded ${typeaheadStrings.length} typeahead strings into memory`,\n );\n}\n\n/**\n * Search typeahead data by prefix\n */\nexport function searchTypeahead(query: string, limit: number = 10): string[] {\n const lowerQuery = query.toLowerCase();\n const results: string[] = [];\n\n for (const str of typeaheadStrings) {\n if (str.toLowerCase().includes(lowerQuery)) {\n results.push(str);\n if (results.length >= limit) break;\n }\n }\n\n return results;\n}\n\n/**\n * Get activity data for the last 6 months\n */\nexport async function getActivityHeatmap(): Promise<{\n date: string;\n count: number;\n}[]> {\n const [result] = await withTiming(async () => {\n // Calculate date for 6 months ago\n const now = new Date();\n const sixMonthsAgo = new Date(now);\n sixMonthsAgo.setMonth(now.getMonth() - 6);\n\n // Format dates for SQL\n const sixMonthsAgoStr = sixMonthsAgo.toISOString();\n\n // Get file activity data grouped by day\n const activityResult = await sqlite.execute(\n `SELECT\n strftime('%Y-%m-%d', updated_at) as date,\n COUNT(*) as count\n FROM ${tablePrefix}_files\n WHERE updated_at >= ?\n GROUP BY date\n ORDER BY date ASC`,\n [sixMonthsAgoStr],\n );\n\n return activityResult.rows.map((row) => ({\n date: String(row.date),\n count: Number(row.count),\n }));\n });\n\n return result;\n}\n\n/**\n * Get top contributors based on recency\n */\nexport async function getTopContributors(limit: number = 10): Promise<{\n username: string;\n projectCount: number;\n fileCount: number;\n url: string;\n profile_image_url: string | null;\n updated_at: string;\n}[]> {\n const result = await sqlite.execute(\n `SELECT\n p.username,\n COUNT(DISTINCT p.id) as project_count,\n COUNT(DISTINCT f.id) as file_count,\n 'https://val.town/u/' || p.username as url,\n u.profile_image_url,\n MAX(p.updated_at) as updated_at\n FROM ${tablePrefix}_projects p\n LEFT JOIN ${tablePrefix}_users u ON p.username = u.username\n LEFT JOIN ${tablePrefix}_files f ON p.id = f.project_id\n GROUP BY p.username\n ORDER BY updated_at DESC, project_count DESC\n LIMIT ?`,\n [limit],\n );\n\n return result.rows.map((row) => ({\n username: String(row.username),\n projectCount: Number(row.project_count),\n fileCount: Number(row.file_count),\n url: String(row.url),\n profile_image_url: row.profile_image_url\n ? String(row.profile_image_url)\n : null,\n updated_at: String(row.updated_at),\n }));\n}\n\n/**\n * Get most active projects based on recency and file count\n */\nexport async function getMostActiveProjects(limit: number = 10): Promise<{\n name: string;\n username: string;\n fileCount: number;\n description: string | null;\n url: string;\n image_url: string | null;\n updated_at: string;\n}[]> {\n const result = await sqlite.execute(\n `SELECT\n p.name,\n p.username,\n COUNT(f.id) as file_count,\n p.description,\n p.url,\n p.image_url,\n p.updated_at\n FROM ${tablePrefix}_projects p\n LEFT JOIN ${tablePrefix}_files f ON p.id = f.project_id\n GROUP BY p.id\n ORDER BY p.updated_at DESC, file_count DESC\n LIMIT ?`,\n [limit],\n );\n\n return result.rows.map((row) => ({\n name: String(row.name),\n username: String(row.username),\n fileCount: Number(row.file_count),\n description: row.description ? String(row.description) : null,\n url: String(row.url),\n image_url: row.image_url ? String(row.image_url) : null,\n updated_at: String(row.updated_at),\n }));\n}\n\n/**\n * Get database statistics for the homepage\n */\nexport async function getSearchStats(): Promise<{\n totalProjects: number;\n totalFiles: number;\n projectsLastDay: number;\n projectsLastWeek: number;\n projectsLastMonth: number;\n activityHeatmap: { date: string; count: number }[];\n topContributors: {\n username: string;\n projectCount: number;\n fileCount: number;\n url: string;\n profile_image_url: string | null;\n updated_at: string;\n }[];\n mostActiveProjects: {\n name: string;\n username: string;\n fileCount: number;\n description: string | null;\n url: string;\n image_url: string | null;\n updated_at: string;\n }[];\n executionTimeMs?: number;\n queryTimings?: Record;\n}> {\n const [results, totalTime] = await withTiming(async () => {\n // Get current time and dates for 1 day, 1 week, and 1 month ago\n const now = new Date();\n const oneDayAgo = new Date(now);\n oneDayAgo.setDate(now.getDate() - 1);\n\n const oneWeekAgo = new Date(now);\n oneWeekAgo.setDate(now.getDate() - 7);\n\n const oneMonthAgo = new Date(now);\n oneMonthAgo.setMonth(now.getMonth() - 1);\n\n // Format dates for SQL\n const oneDayAgoStr = oneDayAgo.toISOString();\n const oneWeekAgoStr = oneWeekAgo.toISOString();\n const oneMonthAgoStr = oneMonthAgo.toISOString();\n\n // Collect timings for all operations\n const queryTimings: Record = {};\n\n // Execute all queries in parallel for better performance\n const [\n [totalProjectsResult, totalProjectsTime],\n [totalFilesResult, totalFilesTime],\n [recentProjectsResult, recentProjectsTime],\n [activityHeatmap, heatmapTime],\n [topContributors, contributorsTime],\n [mostActiveProjects, projectsTime],\n ] = await Promise.all([\n // Get total counts\n withTiming(() =>\n sqlite.execute(\n `SELECT COUNT(*) as count FROM ${tablePrefix}_projects`,\n )\n ),\n\n withTiming(() =>\n sqlite.execute(\n `SELECT COUNT(*) as count FROM ${tablePrefix}_files`,\n )\n ),\n\n // Get counts for recent projects\n withTiming(() =>\n sqlite.execute(\n `SELECT\n SUM(CASE WHEN updated_at >= ? THEN 1 ELSE 0 END) as last_day,\n SUM(CASE WHEN updated_at >= ? THEN 1 ELSE 0 END) as last_week,\n SUM(CASE WHEN updated_at >= ? THEN 1 ELSE 0 END) as last_month\n FROM ${tablePrefix}_projects`,\n [oneDayAgoStr, oneWeekAgoStr, oneMonthAgoStr],\n )\n ),\n\n // Get activity heatmap data\n withTiming(() => getActivityHeatmap()),\n\n // Get top contributors\n withTiming(() => getTopContributors(10)),\n\n // Get most active projects\n withTiming(() => getMostActiveProjects(10)),\n ]);\n\n // Store all timings\n queryTimings.totalProjects = totalProjectsTime;\n queryTimings.totalFiles = totalFilesTime;\n queryTimings.recentProjects = recentProjectsTime;\n queryTimings.activityHeatmap = heatmapTime;\n queryTimings.topContributors = contributorsTime;\n queryTimings.mostActiveProjects = projectsTime;\n\n return {\n totalProjects: Number(totalProjectsResult.rows[0]?.count || 0),\n totalFiles: Number(totalFilesResult.rows[0]?.count || 0),\n projectsLastDay: Number(recentProjectsResult.rows[0]?.last_day || 0),\n projectsLastWeek: Number(recentProjectsResult.rows[0]?.last_week || 0),\n projectsLastMonth: Number(recentProjectsResult.rows[0]?.last_month || 0),\n activityHeatmap,\n topContributors,\n mostActiveProjects,\n queryTimings,\n };\n });\n\n return {\n ...results,\n executionTimeMs: totalTime,\n };\n}\n\n// Original example code\nconst tablePrefix = \"vt_project_search_v5\";\n\n// Create tables for project file content search\nawait sqlite.batch([\n // Users table\n `CREATE TABLE IF NOT EXISTS ${tablePrefix}_users (\n id TEXT PRIMARY KEY,\n username TEXT,\n bio TEXT,\n profile_image_url TEXT,\n url TEXT NOT NULL,\n updated_at TIMESTAMP NOT NULL\n )`,\n\n // Projects table\n `CREATE TABLE IF NOT EXISTS ${tablePrefix}_projects (\n id TEXT PRIMARY KEY,\n url TEXT NOT NULL,\n name TEXT NOT NULL,\n username TEXT NOT NULL,\n updated_at TIMESTAMP NOT NULL,\n forked_branch_id TEXT,\n description TEXT,\n image_url TEXT,\n user_id TEXT,\n FOREIGN KEY (user_id) REFERENCES ${tablePrefix}_users(id)\n )`,\n\n // Files table with foreign key to projects\n `CREATE TABLE IF NOT EXISTS ${tablePrefix}_files (\n id TEXT PRIMARY KEY,\n url TEXT NOT NULL,\n project_id TEXT NOT NULL,\n name TEXT NOT NULL,\n content TEXT,\n updated_at TIMESTAMP NOT NULL,\n FOREIGN KEY (project_id) REFERENCES ${tablePrefix}_projects(id)\n )`,\n\n // Create index for faster text searches\n `CREATE INDEX IF NOT EXISTS idx_${tablePrefix}_files_content ON ${tablePrefix}_files(content)`,\n\n // Create index for project lookups\n `CREATE INDEX IF NOT EXISTS idx_${tablePrefix}_files_project_id ON ${tablePrefix}_files(project_id)`,\n\n // Create index for username lookups\n `CREATE INDEX IF NOT EXISTS idx_${tablePrefix}_users_username ON ${tablePrefix}_users(username)`,\n]);\n\n// Define types with Zod schemas\nconst UserSchema = z.object({\n id: z.string(),\n username: z.string().nullable(),\n bio: z.string().nullable(),\n profile_image_url: z.string().nullable(),\n url: z.string(),\n updated_at: z.string().datetime(),\n});\n\nconst ProjectSchema = z.object({\n id: z.string(),\n url: z.string(),\n name: z.string(),\n username: z.string(),\n description: z.string().nullable(),\n image_url: z.string().nullable(),\n forked_branch_id: z.string().nullable(),\n updated_at: z.string().datetime(),\n user_id: z.string().nullable(),\n});\n\nconst FileSchema = z.object({\n id: z.string(),\n url: z.string(),\n project_id: z.string(),\n name: z.string(),\n content: z.string().nullable(),\n updated_at: z.string().datetime(),\n});\n\nconst ProjectWithFilesSchema = ProjectSchema.extend({\n files: z.array(FileSchema).optional(),\n});\n\n// TypeScript interfaces derived from Zod schemas\ntype User = z.infer;\ntype Project = z.infer;\ntype File = z.infer;\ntype ProjectWithFiles = z.infer;\n\n// Search result type\ntype FileSearchResult = File & {\n project_name: string;\n username: string;\n project_url: string;\n};\n\n// Helper functions for project and file management\n\n/**\n * Get a user by ID\n */\nexport async function getUser(userId: string): Promise {\n const result = await sqlite.execute(\n `SELECT * FROM ${tablePrefix}_users WHERE id = ?`,\n [userId],\n );\n\n if (result.rows.length === 0) return null;\n\n try {\n return UserSchema.parse(result.rows[0]);\n } catch (error) {\n console.error(\"Invalid user data:\", error);\n return null;\n }\n}\n\n/**\n * Insert or update a user if it's newer than existing data\n */\nexport async function upsertUser(user: User): Promise {\n // Check if user exists and compare timestamps\n const existingUser = await getUser(user.id);\n\n if (!existingUser) {\n // Insert new user\n await sqlite.execute(\n `INSERT INTO ${tablePrefix}_users (id, username, bio, profile_image_url, url, updated_at)\n VALUES (?, ?, ?, ?, ?, ?)`,\n [\n user.id,\n user.username,\n user.bio,\n user.profile_image_url,\n user.url,\n user.updated_at,\n ],\n );\n return true; // Inserted\n } else if (user.updated_at > existingUser.updated_at) {\n // Update existing user if newer\n await sqlite.execute(\n `UPDATE ${tablePrefix}_users\n SET username = ?, bio = ?, profile_image_url = ?, url = ?, updated_at = ?\n WHERE id = ?`,\n [\n user.username,\n user.bio,\n user.profile_image_url,\n user.url,\n user.updated_at,\n user.id,\n ],\n );\n return true; // Updated\n }\n\n return false; // Not updated (existing data is newer)\n}\n\n/**\n * Get a project by ID\n */\nasync function getProject(projectId: string): Promise {\n const result = await sqlite.execute(\n `SELECT * FROM ${tablePrefix}_projects WHERE id = ?`,\n [projectId],\n );\n\n if (result.rows.length === 0) return null;\n\n try {\n return ProjectSchema.parse(result.rows[0]);\n } catch (error) {\n console.error(\"Invalid project data:\", error);\n return null;\n }\n}\n\n/**\n * Insert or update a project if it's newer than existing data\n */\nexport async function upsertProject(project: Project): Promise {\n // Convert Date object to string if needed\n const updatedAt = project.updated_at;\n\n // Check if project exists and compare timestamps\n const existingProject = await getProject(project.id);\n\n if (!existingProject) {\n // Insert new project\n await sqlite.execute(\n `INSERT INTO ${tablePrefix}_projects (id, url, name, username, updated_at, forked_branch_id, description, image_url, user_id)\n VALUES (?, ?, ?, ?, ?, ?, ?, ?, ?)`,\n [\n project.id,\n project.url,\n project.name,\n project.username,\n updatedAt,\n project.forked_branch_id,\n project.description,\n project.image_url,\n project.user_id,\n ],\n );\n return true; // Inserted\n } else if (updatedAt > existingProject.updated_at) {\n // Update existing project if newer\n await sqlite.execute(\n `UPDATE ${tablePrefix}_projects\n SET url = ?, name = ?, username = ?, updated_at = ?, forked_branch_id = ?, description = ?, image_url = ?, user_id = ?\n WHERE id = ?`,\n [\n project.url,\n project.name,\n project.username,\n updatedAt,\n project.forked_branch_id,\n project.description,\n project.image_url,\n project.user_id,\n project.id,\n ],\n );\n return true; // Updated\n }\n\n return false; // Not updated (existing data is newer)\n}\n\n/**\n * Get a file by ID\n */\nasync function getFile(fileId: string): Promise {\n const result = await sqlite.execute(\n `SELECT * FROM ${tablePrefix}_files WHERE id = ?`,\n [fileId],\n );\n\n if (result.rows.length === 0) return null;\n\n try {\n return FileSchema.parse(result.rows[0]);\n } catch (error) {\n console.error(\"Invalid file data:\", error);\n return null;\n }\n}\n\n/**\n * Insert or update a file if it's newer than existing data\n */\nexport async function upsertFile(file: File): Promise {\n // Convert Date object to string if needed\n\n // Check if file exists and compare timestamps\n const existingFile = await getFile(file.id);\n\n if (!existingFile) {\n // Insert new file\n await sqlite.execute(\n `INSERT INTO ${tablePrefix}_files (id, url, project_id, name, content, updated_at)\n VALUES (?, ?, ?, ?, ?, ?)`,\n [\n file.id,\n file.url,\n file.project_id,\n file.name,\n file.content,\n file.updated_at,\n ],\n );\n return true; // Inserted\n } else if (file.updated_at > existingFile.updated_at) {\n // Update existing file if newer\n await sqlite.execute(\n `UPDATE ${tablePrefix}_files SET url = ?, project_id = ?, name = ?, content = ?, updated_at = ?\n WHERE id = ?`,\n [\n file.url,\n file.project_id,\n file.name,\n file.content,\n file.updated_at,\n file.id,\n ],\n );\n return true; // Updated\n }\n\n return false; // Not updated (existing data is newer)\n}\n\n/**\n * Enhanced search result with code context for internal use\n */\ntype EnhancedSearchResult = TypesEnhancedSearchResult;\n\n/**\n * Extract matched lines with context around matches\n */\nfunction extractMatchedLines(\n content: string,\n searchText: string,\n contextLines: number = 2,\n): EnhancedSearchResult[\"matchedLines\"] {\n if (!content) return [];\n\n const lines = content.split(\"\\n\");\n const matchedLineIndices: number[] = [];\n\n // Find all matching lines\n for (let i = 0; i < lines.length; i++) {\n if (lines[i].toLowerCase().includes(searchText.toLowerCase())) {\n matchedLineIndices.push(i);\n }\n }\n\n // Create groups of matched lines with context\n const result: {\n lineNumber: number;\n lineContent: string;\n isMatch: boolean;\n }[] = [];\n const processedLines = new Set();\n\n for (const matchIndex of matchedLineIndices) {\n // Calculate range for context\n const startLine = Math.max(0, matchIndex - contextLines);\n const endLine = Math.min(lines.length - 1, matchIndex + contextLines);\n\n // Add lines with context\n for (let i = startLine; i <= endLine; i++) {\n if (!processedLines.has(i)) {\n result.push({\n lineNumber: i + 1, // 1-based line number for display\n lineContent: lines[i],\n isMatch: matchedLineIndices.includes(i),\n });\n processedLines.add(i);\n }\n }\n\n // Add a separator between non-contiguous blocks\n if (\n result.length > 0 && result[result.length - 1].lineNumber !== endLine + 1\n ) {\n result.push({\n lineNumber: -1, // Sentinel value for separator\n lineContent: \"...\",\n isMatch: false,\n });\n }\n }\n\n return result;\n}\n\n/**\n * Search for files containing specific text\n */\nexport async function searchFileContent(\n searchText: string,\n): Promise {\n const searchPattern = `%${searchText}%`;\n\n const result = await sqlite.execute(\n `SELECT f.*, p.name as project_name, p.url as project_url, p.username, p.description\n FROM ${tablePrefix}_files f\n JOIN ${tablePrefix}_projects p ON f.project_id = p.id\n WHERE f.content LIKE ?\n OR p.username LIKE ?\n OR p.name LIKE ?\n OR f.name LIKE ?\n OR p.description LIKE ?\n ORDER BY f.updated_at DESC`,\n [searchPattern, searchPattern, searchPattern, searchPattern, searchPattern],\n );\n\n const FileSearchResultSchema = FileSchema.extend({\n project_name: z.string(),\n project_url: z.string(),\n username: z.string(),\n description: z.string().nullable(),\n });\n\n try {\n return z.array(FileSearchResultSchema).parse(result.rows);\n } catch (error) {\n console.error(\"Invalid search results:\", error);\n return [];\n }\n}\n\n/**\n * Search response with pagination and timing info\n */\nexport type SearchResponse = {\n results: EnhancedSearchResult[];\n totalResults: number;\n page: number;\n pageSize: number;\n totalPages: number;\n executionTimeMs: number;\n};\n\n/**\n * Count total file search results\n */\nexport async function countFileSearchResults(\n searchText: string,\n): Promise {\n const searchPattern = `%${searchText}%`;\n\n const result = await sqlite.execute(\n `SELECT COUNT(*) as total\n FROM ${tablePrefix}_files f\n JOIN ${tablePrefix}_projects p ON f.project_id = p.id\n WHERE f.content LIKE ?\n OR f.name LIKE ?`,\n [searchPattern, searchPattern],\n );\n\n return Number(result.rows[0]?.total) || 0;\n}\n\n/**\n * Count total project search results\n */\nexport async function countProjectSearchResults(\n searchText: string,\n): Promise {\n const searchPattern = `%${searchText}%`;\n\n const result = await sqlite.execute(\n `SELECT COUNT(DISTINCT p.id) as total\n FROM ${tablePrefix}_projects p\n WHERE p.name LIKE ?\n OR p.description LIKE ?`,\n [searchPattern, searchPattern],\n );\n\n return Number(result.rows[0]?.total) || 0;\n}\n\n/**\n * Count total user search results\n */\nexport async function countUserSearchResults(\n searchText: string,\n): Promise {\n const searchPattern = `%${searchText}%`;\n\n const result = await sqlite.execute(\n `SELECT COUNT(*) as total\n FROM ${tablePrefix}_users u\n WHERE u.username LIKE ?\n OR u.bio LIKE ?`,\n [searchPattern, searchPattern],\n );\n\n return Number(result.rows[0]?.total) || 0;\n}\n\n/**\n * Search for projects matching the query\n */\nexport async function searchProjects(\n searchText: string,\n page: number = 1,\n pageSize: number = 10,\n): Promise {\n const searchPattern = `%${searchText}%`;\n const offset = (page - 1) * pageSize;\n\n const result = await sqlite.execute(\n `SELECT p.*,\n (SELECT COUNT(*) FROM ${tablePrefix}_files f WHERE f.project_id = p.id AND\n (f.content LIKE ? OR f.name LIKE ?)) as matchCount\n FROM ${tablePrefix}_projects p\n WHERE p.name LIKE ?\n OR p.description LIKE ?\n ORDER BY p.updated_at DESC\n LIMIT ? OFFSET ?`,\n [\n searchPattern,\n searchPattern,\n searchPattern,\n searchPattern,\n pageSize,\n offset,\n ],\n );\n\n const ProjectSearchResultSchema = ProjectSchema.extend({\n matchCount: z.number(),\n });\n\n try {\n return z.array(ProjectSearchResultSchema).parse(result.rows);\n } catch (error) {\n console.error(\"Invalid project search results:\", error);\n return [];\n }\n}\n\n/**\n * Search for users matching the query\n */\nexport async function searchUsers(\n searchText: string,\n page: number = 1,\n pageSize: number = 10,\n): Promise {\n const searchPattern = `%${searchText}%`;\n const offset = (page - 1) * pageSize;\n\n const result = await sqlite.execute(\n `SELECT u.id, u.username, u.bio, u.profile_image_url, u.url, u.updated_at,\n (SELECT COUNT(*) FROM ${tablePrefix}_projects p\n WHERE p.user_id = u.id) as matchCount\n FROM ${tablePrefix}_users u\n WHERE u.username LIKE ?\n OR u.bio LIKE ?\n ORDER BY u.updated_at DESC\n LIMIT ? OFFSET ?`,\n [searchPattern, searchPattern, pageSize, offset],\n );\n\n const UserSearchResultSchema = z.object({\n id: z.string(),\n username: z.string().nullable(),\n bio: z.string().nullable(),\n profile_image_url: z.string().nullable(),\n url: z.string(),\n updated_at: z.string().datetime(),\n matchCount: z.number(),\n });\n\n try {\n return z.array(UserSearchResultSchema).parse(result.rows);\n } catch (error) {\n console.error(\"Invalid user search results:\", error);\n return [];\n }\n}\n\n/**\n * Enhanced search that returns matched content with context and pagination\n */\nexport async function searchFileContentWithContext(\n searchText: string,\n contextLines: number = 2,\n page: number = 1,\n pageSize: number = 10,\n resultType: \"files\" | \"projects\" | \"users\" = \"files\",\n): Promise {\n if (!searchText.trim()) {\n return {\n fileResults: [],\n projectResults: [],\n userResults: [],\n docResults: [],\n totalFileResults: 0,\n totalProjectResults: 0,\n totalUserResults: 0,\n totalDocResults: 0,\n page,\n pageSize,\n totalPages: 0,\n executionTimeMs: 0,\n resultType,\n };\n }\n\n const [results, totalExecutionTime] = await withTiming(async () => {\n // Calculate pagination parameters\n const offset = (page - 1) * pageSize;\n\n // Start all database queries in parallel\n // 1. Launch count queries\n const countsPromise = withTiming(() =>\n Promise.all([\n countFileSearchResults(searchText),\n countProjectSearchResults(searchText),\n countUserSearchResults(searchText),\n ])\n );\n\n // 2. Start preparing search pattern\n const searchPattern = `%${searchText}%`;\n\n // 3. Start all data fetching queries in parallel, regardless of result type\n // This way we don't wait for counts to finish before starting data queries\n const fileResultsPromise = withTiming(async () => {\n // Always launch the files query for the active type or for samples\n const result = await sqlite.execute(\n `SELECT f.*, p.name as project_name, p.url as project_url, p.username, p.description, p.image_url\n FROM ${tablePrefix}_files f\n JOIN ${tablePrefix}_projects p ON f.project_id = p.id\n WHERE f.content LIKE ?\n OR f.name LIKE ?\n ORDER BY f.updated_at DESC\n LIMIT ? OFFSET ?`,\n [\n searchPattern,\n searchPattern,\n resultType === \"files\" ? pageSize : 5,\n resultType === \"files\" ? offset : 0,\n ],\n );\n\n const FileSearchResultSchema = FileSchema.extend({\n project_name: z.string(),\n project_url: z.string(),\n username: z.string(),\n description: z.string().nullable(),\n image_url: z.string().nullable(),\n });\n\n try {\n const rawFileResults = z.array(FileSearchResultSchema).parse(\n result.rows,\n );\n\n return rawFileResults.map((result) => {\n const matchedLines = extractMatchedLines(\n result.content || \"\",\n searchText,\n contextLines,\n );\n const totalMatches = matchedLines.filter((line) =>\n line.isMatch\n ).length;\n\n // If we have a match but no matched lines (username/project match only),\n // show the first few lines of the file\n if (totalMatches === 0 && result.content) {\n const firstLines = result.content.split(\"\\n\").slice(0, 5).map((\n lineContent,\n i,\n ) => ({\n lineNumber: i + 1,\n lineContent,\n isMatch: false,\n }));\n\n return {\n ...result,\n matchedLines: firstLines,\n totalMatches: 0,\n };\n }\n\n return {\n ...result,\n matchedLines,\n totalMatches,\n };\n });\n } catch (error) {\n console.error(\"Invalid file search results:\", error);\n return [];\n }\n });\n\n // Launch projects query\n const projectResultsPromise = withTiming(() =>\n searchProjects(\n searchText,\n resultType === \"projects\" ? page : 1,\n resultType === \"projects\" ? pageSize : 5,\n )\n );\n\n // Launch users query\n const userResultsPromise = withTiming(() =>\n searchUsers(\n searchText,\n resultType === \"users\" ? page : 1,\n resultType === \"users\" ? pageSize : 5,\n )\n );\n\n // Wait for all database operations to complete in parallel\n const [\n [countsResult, countsTime],\n [rawFileResults, fileTime],\n [projectResults, projectTime],\n [userResults, userTime],\n ] = await Promise.all([\n countsPromise,\n fileResultsPromise,\n projectResultsPromise,\n userResultsPromise,\n ]);\n\n const [totalFileResults, totalProjectResults, totalUserResults] =\n countsResult;\n\n // Determine result type if not specified (use the one with most results)\n let effectiveResultType = resultType;\n if (!resultType) {\n if (\n totalFileResults >= totalProjectResults &&\n totalFileResults >= totalUserResults\n ) {\n effectiveResultType = \"files\";\n } else if (\n totalProjectResults >= totalFileResults &&\n totalProjectResults >= totalUserResults\n ) {\n effectiveResultType = \"projects\";\n } else {\n effectiveResultType = \"users\";\n }\n }\n\n // Calculate total pages based on the active result type\n let totalResults: number;\n switch (effectiveResultType) {\n case \"files\":\n totalResults = totalFileResults;\n break;\n case \"projects\":\n totalResults = totalProjectResults;\n break;\n case \"users\":\n totalResults = totalUserResults;\n break;\n }\n\n const totalPages = Math.ceil(totalResults / pageSize);\n\n // Filter the results to use based on result type\n // We already have all the data, just need to use the right ones\n let fileResults: EnhancedSearchResult[] = [];\n if (effectiveResultType === \"files\" || totalFileResults > 0) {\n if (effectiveResultType === \"files\") {\n // Use all results for active type\n fileResults = rawFileResults;\n } else if (totalFileResults > 0) {\n // Use limited sample for other types\n fileResults = rawFileResults.slice(0, 5);\n }\n }\n\n console.log(`Operation timings:\n - Counts: ${countsTime}ms\n - Files: ${fileTime}ms\n - Projects: ${projectTime}ms\n - Users: ${userTime}ms\n - Total: ${\n countsTime + fileTime + projectTime + userTime\n }ms (parallel execution)\n `);\n\n return {\n fileResults,\n projectResults,\n userResults,\n docResults: [],\n totalFileResults,\n totalProjectResults,\n totalUserResults,\n totalDocResults: 0,\n page,\n pageSize,\n totalPages,\n resultType: effectiveResultType,\n };\n });\n\n return {\n ...results,\n executionTimeMs: totalExecutionTime,\n };\n}",[204],"2a2783be-365d-11f0-87f5-9e149126039e","components.tsx","374fa8ba-161d-11f0-b80e-569c3dd06744",206,["D",1747843421547],15,"/** @jsxImportSource npm:react */\n/** @jsxImportSourceTypes npm:@types/react */\nimport { JSX } from \"npm:react\";\nimport { clientScript } from \"./client.tsx\";\nimport { styles } from \"./styles.tsx\";\nimport {\n ActiveProjectData,\n ContributorData,\n DocSearchResult,\n EnhancedSearchResult,\n ProjectSearchResult,\n StatsData,\n SubDocResult,\n UserSearchResult,\n} from \"./types.tsx\";\nimport { formatFullDate, formatRelativeTime } from \"./utils.tsx\";\n\n// Define the Activity Heatmap component\nexport function ActivityHeatmap({ activityData }: { activityData: { date: string; count: number }[] }) {\n // Convert activity data to a map for easier lookup\n const activityMap = new Map(activityData.map(item => [item.date, item.count]));\n\n // Get date range (last 6 months)\n const today = new Date();\n const startDate = new Date(today);\n startDate.setMonth(today.getMonth() - 6);\n\n // Find the end of the current week (Saturday)\n const endOfWeek = new Date(today);\n const daysUntilEndOfWeek = 6 - today.getDay(); // Days until Saturday\n endOfWeek.setDate(today.getDate() + daysUntilEndOfWeek);\n\n // Generate all dates between start and end date\n const dates: Date[] = [];\n const currentDate = new Date(startDate);\n while (currentDate <= endOfWeek) {\n dates.push(new Date(currentDate));\n currentDate.setDate(currentDate.getDate() + 1);\n }\n\n // Find the maximum activity count for color scaling\n const maxCount = Math.max(...activityData.map(item => item.count), 1);\n\n // Group dates by week for the grid layout\n const weeks: Date[][] = [];\n let currentWeek: Date[] = [];\n\n dates.forEach(date => {\n const dayOfWeek = date.getDay();\n\n // Start a new week when we hit Sunday (0)\n if (dayOfWeek === 0 && currentWeek.length > 0) {\n weeks.push(currentWeek);\n currentWeek = [];\n }\n\n currentWeek.push(date);\n });\n\n // Handle the last week\n if (currentWeek.length > 0) {\n weeks.push(currentWeek);\n }\n // Fill in empty days to complete the grid\n const dayLabels = [\"Sun\", \"Mon\", \"Tue\", \"Wed\", \"Thu\", \"Fri\", \"Sat\"];\n\n // Get month labels for the top of the heatmap\n const monthLabels: { label: string; column: number }[] = [];\n let currentMonth = -1;\n\n dates.forEach((date, index) => {\n const month = date.getMonth();\n if (month !== currentMonth) {\n currentMonth = month;\n const weekIndex = Math.floor(index / 7);\n monthLabels.push({\n label: date.toLocaleString(\"default\", { month: \"short\" }),\n column: weekIndex + 2, // +2 because we have the day labels column and array is 0-indexed\n });\n }\n });\n\n // Helper to determine the color level based on activity count\n const getColorLevel = (date: Date): number => {\n const dateStr = date.toISOString().split(\"T\")[0];\n const count = activityMap.get(dateStr) || 0;\n\n if (date > today) return 0;\n\n if (count === 0) return 0;\n if (count <= maxCount * 0.125) return 1;\n if (count <= maxCount * 0.25) return 2;\n if (count <= maxCount * 0.375) return 3;\n if (count <= maxCount * 0.5) return 4;\n if (count <= maxCount * 0.625) return 5;\n if (count <= maxCount * 0.75) return 6;\n if (count <= maxCount * 0.875) return 7;\n return 8;\n };\n\n return (\n

\n {/* Month labels at the top */}\n

\n {monthLabels.map((month, i) => (\n \n {month.label}\n

\n ))}\n\n {/* Day labels on the left */}\n {dayLabels.map((day, i) => (\n \n {day}\n \n ))}\n\n {/* Activity cells */}\n {weeks.map((week, weekIndex) => (\n week.map((date, dayIndex) => {\n const colorLevel = getColorLevel(date);\n const dateStr = date.toISOString().split(\"T\")[0];\n const count = activityMap.get(dateStr) || 0;\n const formattedDate = date.toLocaleDateString(\"en-US\", {\n month: \"short\",\n day: \"numeric\",\n year: \"numeric\",\n });\n\n return (\n \n

\n {count} files on {formattedDate}\n

\n \n );\n })\n ))}\n \n );\n}\n\n// Helper to highlight the search terms in the code\nexport function highlightText(text: string, searchTerm: string): JSX.Element {\n if (!searchTerm) return <>{text};\n\n const regex = new RegExp(\n `(${searchTerm.replace(/[.*+?^${}()|[\\]\\\\]/g, \"\\\\$&\")})`,\n \"gi\",\n );\n const parts = text.split(regex);\n\n return (\n <>\n {parts.map((part, i) =>\n regex.test(part)\n ? {part}\n : {part}\n )}\n \n );\n}\n\n// CodeBlock component for displaying code with line numbers\nexport function CodeBlock(\n { matchedLines, searchTerm, totalMatches: _totalMatches }: {\n matchedLines: EnhancedSearchResult[\"matchedLines\"];\n searchTerm: string;\n totalMatches: number;\n },\n) {\n return (\n

\n      {matchedLines.map((line, index) => (\n        line.lineNumber === -1 ? (\n          ...
\n        ) : (\n          \n            {line.lineNumber}\n            \n              {highlightText(line.lineContent, searchTerm)}\n            \n          
\n        )\n      ))}\n

\n );\n}\n\n// File search result component\nexport function FileSearchResultComponent(\n { result, searchTerm }: { result: EnhancedSearchResult; searchTerm: string },\n) {\n const relativeTime = formatRelativeTime(result.updated_at);\n const fullDate = formatFullDate(result.updated_at);\n\n // Check for metadata matches to highlight\n const lowercaseSearchTerm = searchTerm.toLowerCase();\n const projectNameMatches = result.project_name.toLowerCase().includes(lowercaseSearchTerm);\n const fileNameMatches = result.name.toLowerCase().includes(lowercaseSearchTerm);\n const usernameMatches = result.username.toLowerCase().includes(lowercaseSearchTerm);\n\n return (\n

\n {result.image_url && (\n

\n ${result.project_name}$ \n

\n )}\n

\n \n \n {projectNameMatches\n ? highlightText(result.project_name, searchTerm)\n : result.project_name}\n \n \n \n \n {fileNameMatches\n ? highlightText(result.name, searchTerm)\n : result.name}\n \n \n \n {result.totalMatches} {result.totalMatches === 1 ? \"match\" : \"matches\"}\n \n

\n \n \n {usernameMatches\n ? <>@{highlightText(result.username, searchTerm)}\n : <>@{result.username}}\n \n \n •\n \n Updated {relativeTime}\n \n

\n \n

\n );\n}\n\n// Project search result component\nexport function ProjectSearchResultComponent(\n { result, searchTerm }: { result: ProjectSearchResult; searchTerm: string },\n) {\n const relativeTime = formatRelativeTime(result.updated_at);\n const fullDate = formatFullDate(result.updated_at);\n\n // Check for metadata matches to highlight\n const lowercaseSearchTerm = searchTerm.toLowerCase();\n const projectNameMatches = result.name.toLowerCase().includes(lowercaseSearchTerm);\n const usernameMatches = result.username.toLowerCase().includes(lowercaseSearchTerm);\n const descriptionMatches = result.description?.toLowerCase().includes(lowercaseSearchTerm);\n\n return (\n

\n {result.image_url && (\n

\n )}\n

\n \n \n {projectNameMatches\n ? highlightText(result.name, searchTerm)\n : result.name}\n \n \n {result.matchCount > 0 && (\n \n {result.matchCount} {result.matchCount === 1 ? \"file match\" : \"file matches\"}\n \n )}\n

\n \n \n {usernameMatches\n ? <>@{highlightText(result.username, searchTerm)}\n : <>@{result.username}}\n \n \n •\n \n Updated {relativeTime}\n \n

\n {result.description && (\n

\n {descriptionMatches\n ? highlightText(result.description, searchTerm)\n : result.description}\n

\n )}\n

\n );\n}\n\n// User search result component\nexport function UserSearchResultComponent(\n { result, searchTerm }: { result: UserSearchResult; searchTerm: string },\n) {\n const relativeTime = formatRelativeTime(result.updated_at);\n const fullDate = formatFullDate(result.updated_at);\n\n // Check for metadata matches to highlight\n const lowercaseSearchTerm = searchTerm.toLowerCase();\n const usernameMatches = result.username && result.username.toLowerCase().includes(lowercaseSearchTerm);\n const bioMatches = result.bio && result.bio.toLowerCase().includes(lowercaseSearchTerm);\n\n return (\n

\n {result.profile_image_url && (\n

\n )}\n

\n \n \n {usernameMatches && result.username\n ? <>@{highlightText(result.username, searchTerm)}\n : <>@{result.username || \"anonymous\"}}\n \n \n \n {result.matchCount} {result.matchCount === 1 ? \"val\" : \"vals\"}\n \n

\n \n Updated {relativeTime}\n \n

\n\n {result.bio && (\n

\n {bioMatches\n ? highlightText(result.bio, searchTerm)\n : result.bio}\n

\n )}\n

\n );\n}\n\n// Sub-section result for docs\nexport function SubDocResultComponent(\n { result, _searchTerm }: { result: SubDocResult; _searchTerm: string },\n) {\n return (\n

\n \n {result.title}\n \n

\n );\n}\n\n// Doc search result component\nexport function DocSearchResultComponent(\n { result, searchTerm }: { result: DocSearchResult; searchTerm: string },\n) {\n const titleMatches = result.meta.title.toLowerCase().includes(searchTerm.toLowerCase());\n\n return (\n

\n \n \n {titleMatches\n ? highlightText(result.meta.title, searchTerm)\n : result.meta.title}\n \n \n \n {result.word_count} words\n \n

\n {result.url}\n

\n\n

\n\n {result.sub_results && result.sub_results.length > 0 && (\n

Sections

\n {result.sub_results.map((subResult, index) => (\n \n ))}\n

\n )}\n

\n );\n}\n\n// Result count tabs component\nexport function ResultTypeTabs({\n totalFileResults,\n totalProjectResults,\n totalUserResults,\n totalDocResults,\n resultType,\n searchTerm,\n _currentPage,\n}: {\n totalFileResults: number;\n totalProjectResults: number;\n totalUserResults: number;\n totalDocResults: number;\n resultType: \"files\" | \"projects\" | \"users\" | \"docs\";\n searchTerm: string;\n _currentPage: number;\n}) {\n return (\n

\n \n Files {totalFileResults}\n \n \n Vals {totalProjectResults}\n \n \n Users {totalUserResults}\n \n \n Docs {totalDocResults}\n \n

\n );\n}\n\n// Pagination component\nexport function Pagination({\n currentPage,\n totalPages,\n searchTerm,\n resultType,\n}: {\n currentPage: number;\n totalPages: number;\n searchTerm: string;\n resultType: \"files\" | \"projects\" | \"users\" | \"docs\";\n}) {\n if (totalPages <= 1) return null;\n\n // Create an array of page numbers to display\n const pageNumbers: (number | string)[] = [];\n const maxPagesToShow = 7; // Odd number works best for symmetry\n\n if (totalPages <= maxPagesToShow) {\n // Show all pages if there are fewer than maxPagesToShow\n for (let i = 1; i <= totalPages; i++) {\n pageNumbers.push(i);\n }\n } else {\n // Always include first page\n pageNumbers.push(1);\n\n // Calculate range around current page\n const leftSide = Math.floor(maxPagesToShow / 2);\n const rightSide = maxPagesToShow - leftSide - 1;\n\n // Determine if we need to show ellipsis\n if (currentPage > leftSide + 1) {\n pageNumbers.push(\"...\");\n }\n\n // Determine the range of pages to show around current page\n let rangeStart = Math.max(2, currentPage - leftSide);\n let rangeEnd = Math.min(totalPages - 1, currentPage + rightSide);\n\n // Adjust range if at the beginning\n if (currentPage - leftSide < 2) {\n rangeEnd = Math.min(totalPages - 1, maxPagesToShow - 1);\n }\n\n // Adjust range if at the end\n if (currentPage + rightSide > totalPages - 1) {\n rangeStart = Math.max(2, totalPages - maxPagesToShow + 2);\n }\n\n // Add the range of pages\n for (let i = rangeStart; i <= rangeEnd; i++) {\n pageNumbers.push(i);\n }\n\n // Add ellipsis if needed\n if (rangeEnd < totalPages - 1) {\n pageNumbers.push(\"...\");\n }\n\n // Always include last page if not already included\n if (rangeEnd < totalPages) {\n pageNumbers.push(totalPages);\n }\n }\n\n return (\n

\n {currentPage > 1 && (\n \n « Previous\n \n )}\n\n

\n {pageNumbers.map((page, index) => (\n typeof page === \"number\"\n ? (\n \n {page}\n \n )\n : {page}\n ))}\n

\n\n {currentPage < totalPages && (\n \n Next »\n \n )}\n

\n );\n}\n\n// Sample results component for preview of other result types\nexport function SampleResultsSection({\n title,\n linkText,\n resultType,\n searchTerm,\n count,\n showNoResults = false,\n}: {\n title: string;\n linkText: string;\n resultType: \"files\" | \"projects\" | \"users\" | \"docs\";\n searchTerm: string;\n count: number;\n showNoResults?: boolean;\n}) {\n if (count === 0 && !showNoResults) return null;\n\n return (\n

{title}

\n {count > 0 && (\n \n {linkText}\n \n )}\n

\n {count === 0 && showNoResults && (\n

\n No {resultType} match your search\n

\n )}\n

\n );\n}\n\n// Main search page component\nexport function SearchPage({\n fileResults,\n projectResults,\n userResults,\n docResults,\n searchTerm,\n totalFileResults,\n totalProjectResults,\n totalUserResults,\n totalDocResults,\n currentPage,\n totalPages,\n executionTimeMs,\n requestUrl,\n resultType = \"files\",\n stats,\n}: {\n fileResults: EnhancedSearchResult[];\n projectResults: ProjectSearchResult[];\n userResults: UserSearchResult[];\n docResults: DocSearchResult[];\n searchTerm: string;\n totalFileResults: number;\n totalProjectResults: number;\n totalUserResults: number;\n totalDocResults: number;\n currentPage: number;\n totalPages: number;\n executionTimeMs: number;\n requestUrl: string;\n resultType?: \"files\" | \"projects\" | \"users\" | \"docs\";\n stats: StatsData | null;\n}) {\n const totalResults = totalFileResults + totalProjectResults + totalUserResults + totalDocResults;\n\n // Determine which results to show based on result type\n let activeResults: JSX.Element[] = [];\n const otherResults: JSX.Element[] = [];\n\n // Prepare active results based on selected type\n if (searchTerm) {\n switch (resultType) {\n case \"files\":\n activeResults = fileResults.map((result, index) => (\n \n ));\n\n // Add preview of other result types if they have results\n if (totalProjectResults > 0) {\n otherResults.push(\n ,\n );\n\n // Add a few sample project results\n projectResults.slice(0, 2).forEach((result, index) => {\n otherResults.push(\n ,\n );\n });\n }\n\n if (totalUserResults > 0) {\n otherResults.push(\n ,\n );\n\n // Add a few sample user results\n userResults.slice(0, 2).forEach((result, index) => {\n otherResults.push(\n ,\n );\n });\n }\n\n if (totalDocResults > 0) {\n otherResults.push(\n ,\n );\n\n // Add a few sample doc results\n docResults.slice(0, 2).forEach((result, index) => {\n otherResults.push(\n ,\n );\n });\n }\n break;\n\n case \"projects\":\n activeResults = projectResults.map((result, index) => (\n \n ));\n\n // Add preview of other result types\n if (totalFileResults > 0) {\n otherResults.push(\n ,\n );\n\n // Add a few sample file results\n fileResults.slice(0, 2).forEach((result, index) => {\n otherResults.push(\n ,\n );\n });\n }\n\n if (totalUserResults > 0) {\n otherResults.push(\n ,\n );\n\n // Add a few sample user results\n userResults.slice(0, 2).forEach((result, index) => {\n otherResults.push(\n ,\n );\n });\n }\n\n if (totalDocResults > 0) {\n otherResults.push(\n ,\n );\n\n // Add a few sample doc results\n docResults.slice(0, 2).forEach((result, index) => {\n otherResults.push(\n ,\n );\n });\n }\n break;\n\n case \"users\":\n activeResults = userResults.map((result, index) => (\n \n ));\n\n // Add preview of other result types\n if (totalFileResults > 0) {\n otherResults.push(\n ,\n );\n\n // Add a few sample file results\n fileResults.slice(0, 2).forEach((result, index) => {\n otherResults.push(\n ,\n );\n });\n }\n\n if (totalProjectResults > 0) {\n otherResults.push(\n ,\n );\n\n // Add a few sample project results\n projectResults.slice(0, 2).forEach((result, index) => {\n otherResults.push(\n ,\n );\n });\n }\n\n if (totalDocResults > 0) {\n otherResults.push(\n ,\n );\n\n // Add a few sample doc results\n docResults.slice(0, 2).forEach((result, index) => {\n otherResults.push(\n ,\n );\n });\n }\n break;\n\n case \"docs\":\n activeResults = docResults.map((result, index) => (\n \n ));\n\n // Add preview of other result types\n if (totalFileResults > 0) {\n otherResults.push(\n ,\n );\n\n // Add a few sample file results\n fileResults.slice(0, 2).forEach((result, index) => {\n otherResults.push(\n ,\n );\n });\n }\n\n if (totalProjectResults > 0) {\n otherResults.push(\n ,\n );\n\n // Add a few sample project results\n projectResults.slice(0, 2).forEach((result, index) => {\n otherResults.push(\n ,\n );\n });\n }\n\n if (totalUserResults > 0) {\n otherResults.push(\n ,\n );\n\n // Add a few sample user results\n userResults.slice(0, 2).forEach((result, index) => {\n otherResults.push(\n ,\n );\n });\n }\n break;\n }\n }\n\n return (\n \n \n Val Town Code Search\n \n \n \n \n \n \n \n \n

\n Val Town Code Search\n Return to Val Town\n

API Access

\n You can access search results via JSON API by adding format=json to your query:\n

\n {searchTerm\n ? (\n \n

\n                          {new URL(`?q=${encodeURIComponent(searchTerm)}&page=${currentPage}&format=json`, requestUrl)\n                            .toString()}\n

\n \n )\n : (\n \n {new URL(`?q=example&format=json`, requestUrl).toString()}\n \n )}\n\n

\n For typeahead suggestions, use the /typeahead endpoint:\n

\n \n

\n                      {`${new URL(\"/typeahead\", requestUrl).origin}/typeahead?q=${\n                        encodeURIComponent(searchTerm || \"example\")\n                      }`}\n

\n \n

\n Returns an array of strings in format \"username\" or \"username/projectName\"\n

\n \n \n \n

\n\n \n\n {searchTerm && (\n

\n {totalResults > 0\n ? (\n

\n Found {totalResults} {totalResults === 1 ? \"result\" : \"results\"} for \"{searchTerm}\"\n \n ({executionTimeMs}ms)\n \n

\n {(totalFileResults > 0 || totalProjectResults > 0 || totalUserResults > 0 || totalDocResults > 0)\n && (\n \n )}\n

\n )\n : (\n

\n No results found for \"{searchTerm}\"{\" \"}\n \n ({executionTimeMs}ms)\n \n

\n )}\n

\n )}\n\n

\n {activeResults.length > 0 || otherResults.length > 0\n ? (\n <>\n

\n {activeResults.length > 0\n ? activeResults\n : (\n

\n No matches found in{\" \"}\n {resultType === \"files\" ? \"files\" : resultType === \"projects\" ? \"vals\" : \"users\"}.\n

Try switching to another result type using the tabs above.

\n )}\n

\n\n {activeResults.length > 0 && (\n \n )}\n\n {otherResults.length > 0 && (\n

\n {otherResults}\n

\n )}\n \n )\n : searchTerm\n ? (\n

No matching results found. Try a different search term.

\n\n {stats && (\n

\n Search across {stats.totalProjects.toLocaleString()} vals and{\" \"}\n {stats.totalFiles.toLocaleString()} files from the ValTown community\n

\n\n

Try searching for:

\n fetch\n api\n database\n image\n function\n discord\n openai\n react\n

\n )}\n

\n )\n : (\n stats && (\n

\n Search across {stats.totalProjects.toLocaleString()} vals and{\" \"}\n {stats.totalFiles.toLocaleString()} files in Val Town\n

\n\n

{stats.totalProjects.toLocaleString()}

Total Vals

\n\n

{stats.projectsLastDay.toLocaleString()}

New in Last 24h

\n\n

{stats.projectsLastWeek.toLocaleString()}

New This Week

\n\n

{stats.projectsLastMonth.toLocaleString()}

New This Month

\n\n {/* Activity Heatmap */}\n

Files Indexed

\n \n

\n\n {/* Contributors and Projects Row */}\n

\n {/* Top Contributors */}\n

Recently Active Contributors

\n {stats.topContributors.map((contributor: ContributorData, index: number) => (\n \n

\n {contributor.profile_image_url\n ? {contributor.username}

\n : (\n \n {contributor.username.charAt(0).toUpperCase()}\n

\n )}\n

\n @{contributor.username.length > 15\n ? contributor.username.substring(0, 12) + \"...\"\n : contributor.username}\n

\n {contributor.projectCount} {contributor.projectCount === 1 ? \"val\" : \"vals\"}\n

\n \n ))}\n

\n\n {/* Most Active Projects */}\n

Most Active Vals

\n {stats.mostActiveProjects.map((project: ActiveProjectData, index: number) => (\n \n

\n {project.image_url\n ? {project.name}

\n : (\n \n {project.name.charAt(0).toUpperCase()}\n

\n )}\n

{project.name}

\n by @{project.username} • {formatRelativeTime(project.updated_at)}\n

\n \n ))}\n

\n\n

Try searching for:

\n fetch\n api\n database\n image\n function\n discord\n openai\n react\n

\n )\n )}\n

\n ` to HTML to capture client-side errors\n- **Error Handling:** Only use try...catch when there's a clear local resolution; Avoid catches that merely log or return 500s. Let errors bubble up with full context\n- **Environment Variables:** Use `Deno.env.get('keyname')` when you need to, but generally prefer APIs that don't require keys\n- **Imports:** Use `https://esm.sh` for npm and Deno dependencies to ensure compatibility on server and browser\n- **Storage Strategy:** Only use backend storage if explicitly required; prefer simple static client-side sites\n- **React Configuration:** When using React libraries, pin versions with `?deps=react@18.2.0,react-dom@18.2.0` and start the file with `/** @jsxImportSource https://esm.sh/react@18.2.0 */`\n- Ensure all React dependencies and sub-dependencies are pinned to the same version\n- **Styling:** Default to using TailwindCSS via `` unless otherwise specified\n\n## Project Structure and Design Patterns\n\n### Recommended Directory Structure\n```\n├── backend/\n│ ├── database/\n│ │ ├── migrations.ts # Schema definitions\n│ │ ├── queries.ts # DB query functions\n│ │ └── README.md\n│ └── routes/ # Route modules\n│ ├── [route].ts\n│ └── static.ts # Static file serving\n│ ├── index.ts # Main entry point\n│ └── README.md\n├── frontend/\n│ ├── components/\n│ │ ├── App.tsx\n│ │ └── [Component].tsx\n│ ├── favicon.svg\n│ ├── index.html # Main HTML template\n│ ├── index.tsx # Frontend JS entry point\n│ ├── README.md\n│ └── style.css\n├── README.md\n└── shared/\n ├── README.md\n └── utils.ts # Shared types and functions\n```\n\n### Backend (Hono) Best Practices\n\n- Hono is the recommended API framework\n- Main entry point should be `backend/index.ts`\n- **Static asset serving:** Use the utility functions to read and serve project files:\n ```ts\n import { readFile, serveFile } from \"https://esm.town/v/std/utils@85-main/index.ts\";\n \n // serve all files in frontend/ and shared/\n app.get(\"/frontend/*\", c => serveFile(c.req.path, import.meta.url));\n app.get(\"/shared/*\", c => serveFile(c.req.path, import.meta.url));\n \n // For index.html, often you'll want to bootstrap with initial data\n app.get(\"/\", async c => {\n let html = await readFile(\"/frontend/index.html\", import.meta.url);\n \n // Inject data to avoid extra round-trips\n const initialData = await fetchInitialData();\n const dataScript = ``;\n \n html = html.replace(\"\", `${dataScript}`);\n return c.html(html);\n });\n ```\n- Create RESTful API routes for CRUD operations\n- Always include this snippet at the top-level Hono app to re-throwing errors to see full stack traces:\n ```ts\n // Unwrap Hono errors to see original error details\n app.onError((err, c) => {\n throw err;\n });\n ```\n\n### Database Patterns\n- Run migrations on startup or comment out for performance\n- Change table names when modifying schemas rather than altering\n- Export clear query functions with proper TypeScript typing\n\n## Common Gotchas and Solutions\n\n1. **Environment Limitations:** \n - Val Town runs on Deno in a serverless context, not Node.js\n - Code in `shared/` must work in both frontend and backend environments\n - Cannot use `Deno` keyword in shared code\n - Use `https://esm.sh` for imports that work in both environments\n\n2. **SQLite Peculiarities:**\n - Limited support for ALTER TABLE operations\n - Create new tables with updated schemas and copy data when needed\n - Always run table creation before querying\n\n3. **React Configuration:**\n - All React dependencies must be pinned to 18.2.0\n - Always include `@jsxImportSource https://esm.sh/react@18.2.0` at the top of React files\n - Rendering issues often come from mismatched React versions\n\n4. **File Handling:**\n - Val Town only supports text files, not binary\n - Use the provided utilities to read files across branches and forks\n - For files in the project, use `readFile` helpers\n\n5. **API Design:**\n - `fetch` handler is the entry point for HTTP vals\n - Run the Hono app with `export default app.fetch // This is the entry point for HTTP vals`\n\n",[241],"pulls","branches","forks","envVars",{"_253":163,"_255":163},"connections",{"_253":163,"_254":163},"count","unfilledCount","emptyCount",{"_43":240,"_32":241,"_30":242,"_148":-5,"_41":42,"_40":236,"_150":60,"_38":306,"_13":163,"_33":20,"_35":244,"_24":25,"_155":-5,"_270":307,"_27":308},{"_43":233,"_32":234,"_30":235,"_148":-5,"_41":42,"_40":236,"_150":60,"_38":303,"_13":163,"_33":20,"_35":238,"_24":25,"_155":-5,"_270":304,"_27":305},{"_43":225,"_32":226,"_30":227,"_148":-5,"_41":42,"_40":228,"_150":60,"_38":300,"_13":230,"_33":164,"_35":231,"_24":25,"_155":-5,"_270":301,"_27":302},{"_43":219,"_32":220,"_30":221,"_148":-5,"_41":42,"_40":161,"_150":60,"_38":297,"_13":163,"_33":164,"_35":223,"_24":25,"_155":-5,"_270":298,"_27":299},{"_43":211,"_32":212,"_30":213,"_148":-5,"_41":42,"_40":214,"_150":60,"_38":294,"_13":216,"_33":164,"_35":217,"_24":25,"_155":-5,"_270":295,"_27":296},{"_43":203,"_32":204,"_30":205,"_148":-5,"_41":42,"_40":206,"_150":60,"_38":291,"_13":208,"_33":164,"_35":209,"_24":25,"_155":-5,"_270":292,"_27":293},{"_43":195,"_32":196,"_30":197,"_148":-5,"_41":42,"_40":198,"_150":60,"_38":288,"_13":200,"_33":164,"_35":201,"_24":25,"_155":-5,"_270":289,"_27":290},{"_43":191,"_32":28,"_30":31,"_148":-5,"_41":42,"_40":14,"_150":25,"_38":285,"_13":193,"_33":34,"_35":37,"_24":25,"_155":-5,"_270":286,"_27":287},{"_43":183,"_32":184,"_30":185,"_148":-5,"_41":42,"_40":186,"_150":60,"_38":282,"_13":188,"_33":164,"_35":189,"_24":25,"_155":-5,"_270":283,"_27":284},{"_43":175,"_32":176,"_30":177,"_148":-5,"_41":42,"_40":178,"_150":60,"_38":279,"_13":180,"_33":164,"_35":181,"_24":25,"_155":-5,"_270":280,"_27":281},{"_43":167,"_32":168,"_30":169,"_148":-5,"_41":42,"_40":170,"_150":60,"_38":276,"_13":172,"_33":164,"_35":173,"_24":25,"_155":-5,"_270":277,"_27":278},{"_43":158,"_32":159,"_30":160,"_148":-5,"_41":42,"_40":161,"_150":60,"_38":273,"_13":163,"_33":164,"_35":165,"_24":25,"_155":-5,"_270":274,"_27":275},{"_43":146,"_32":147,"_30":58,"_148":-5,"_41":42,"_40":149,"_150":25,"_38":269,"_13":152,"_33":153,"_35":154,"_24":25,"_155":156,"_270":271,"_27":272},["D",1770134789233],"children",[],[147],["D",1744297518613],[],[159],["D",1744317438164],[],[168],["D",1744816639649],[],[176],["D",1746481182559],[],[184],["D",1770135457513],[],[28],["D",1770134946792],[],[196],["D",1770134972438],[],[204],["D",1747843421547],[],[212],["D",1744297518613],[],[220],["D",1744305756329],[],[226],["D",1746204311618],[],[234],["D",1746204311618],[],[241],["D",1741978488970],["D",1789534231467],{"_102":101,"_110":106},{"_102":101,"_103":104,"_105":106,"_18":-5,"_107":108,"_109":60},{"_13":91,"_32":92,"_43":42,"_93":44,"_94":-5,"_95":-5,"_96":-5,"_97":-5,"_98":-5,"_99":45,"_100":101},"ctx",{"_84":-5,"_130":347,"_348":349,"_350":351,"_352":25,"_353":25,"_354":25,"_355":60,"_356":-5,"_357":-7,"_358":-7,"_359":163,"_360":25,"_361":25,"_362":-5,"_363":25,"_364":25,"_365":25,"_366":-5},"ENV",{"_318":319,"_320":321,"_322":92,"_323":324,"_325":326,"_327":328,"_329":330,"_331":332,"_333":334,"_335":336,"_337":338,"_339":340,"_341":342,"_343":344,"_345":346},"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 · v225