[{"_1":2,"_3":-5,"_4":-5},"loaderData",{"_5":6,"_7":8,"_9":10},"actionData","errors","root",{"_427":428,"_429":430},"routes/_app.x.$handle.$name",{"_99":98,"_31":44,"_107":85,"_26":108,"_13":14,"_109":-5,"_11":110,"_111":112,"_113":114,"_115":116,"_117":118,"_20":-5,"_119":120,"_121":122,"_123":24,"_124":125,"_126":57,"_127":-5,"_128":-5,"_129":130},"routes/_app.x.$handle.$name.branch.$branch.version.$version.diff",{"_11":12,"_13":14,"_15":16,"_17":-5,"_18":-5},"project",{"_42":43,"_31":44,"_37":45,"_46":-5,"_47":24,"_48":49,"_50":49,"_51":-5,"_52":-5,"_18":53,"_54":55,"_56":57,"_58":57,"_59":-5,"_60":61,"_62":63,"_64":-5,"_65":-5,"_66":-5,"_67":-5,"_68":69,"_70":69,"_71":72,"_73":72,"_74":72,"_75":69,"_76":69,"_77":78,"_79":80,"_81":82,"_83":24},"version",387,"changes",[19],"aiChatInfo","userId",{"_20":21,"_22":-7,"_23":24,"_25":24,"_26":27,"_28":27},"file",{"_29":30,"_31":32,"_33":34,"_35":36,"_37":38,"_39":14,"_40":41,"_23":24},"previous","deleted",false,"deletedHere","path","backend/api/ai/generate-readme.ts","latestPath","fileId","d652f366-328f-11f0-90da-569c3dd06744","name","generate-readme.ts","fileType","script","content","import { geminiFlashModel } from \"./models.ts\";\nimport { NpmPackage } from \"../../../shared/schemas.ts\";\nimport { marked } from \"https://esm.sh/marked@9.1.6\";\nimport { sanitize } from \"https://esm.sh/dompurify@3.0.9\";\n\nexport async function generatePackageReadme(packageData: NpmPackage): Promise {\n const prompt = `\nGenerate a realistic README.md for an npm package with the following details:\n\n- Package name: ${packageData.name}\n- Description: ${packageData.description}\n- Tags/Keywords: ${packageData.tags.join(\", \")}\n- Author: ${packageData.author}\n- Version: ${packageData.version}\n- License: ${packageData.license}\n\nThe README should include:\n1. A title and badges (npm version, license, downloads)\n2. A brief introduction explaining what the package does\n3. Installation instructions\n4. Basic usage examples with code snippets\n5. API documentation for the main functions\n6. Contributing guidelines\n7. License information\n\nMake it look like a real npm package README with proper markdown formatting.\n`;\n\n try {\n const response = await geminiFlashModel.generateContent(prompt);\n const markdown = response.response.text();\n \n // Convert markdown to HTML\n const html = marked(markdown);\n \n // Sanitize HTML to prevent XSS\n const sanitizedHtml = sanitize(html);\n \n return sanitizedHtml;\n } catch (error) {\n console.error(\"Error generating README:\", error);\n return `

${packageData.name}

${packageData.description}

`;\n }\n}","createdAt",["D",1747425380591],"branchVersion","branchId","e845d6b2-3283-11f0-bd7a-569c3dd06744","id","e8439a28-3283-11f0-bd7a-569c3dd06744","NPLLM",["D",1747420256725],"deletedAt","legacyEnvVars","privacy","public","httpPrivacy","description","imageUrl","4555dd0e-707e-4444-acd3-049d206eb1db","pinnedFileId","afad05e3-23cc-444d-be47-d4c6e3a47c17","pinPreview",true,"pinMigrated","screenshotVersion","likeCount",1,"orgId","bced381e-9ab2-4b55-929d-e7c5064f7f38","tursoName","tursoHostname","tursoMeasuredAt","pinned","userPerm","r","valPerm","blobPerm","rw","emailPerm","sqlitePerm","projectPerm","telemetryPerm","user",{"_99":98,"_106":102},"org",{"_99":98,"_100":-5,"_101":102,"_18":53,"_103":104,"_105":24},"branch",{"_13":84,"_31":85,"_42":41,"_86":43,"_87":88,"_89":90,"_91":49,"_92":93,"_94":95,"_96":44,"_97":98},"isOwned",735,"main","projectId","forkedBranchId","961078ea-f528-11ef-aa68-569c3dd06744","forkedBranchVersion",54,"forkedProjectPrivacy","forkedProjectId","96102714-f528-11ef-aa68-569c3dd06744","forkedProjectOrgId","019aa807-52c2-709c-928b-2029bae9a558","projectName","userHandle","wolf","handle","displayName","avatar","https://img.clerk.com/eyJ0eXBlIjoicHJveHkiLCJzcmMiOiJodHRwczovL2ltYWdlcy5jbGVyay5kZXYvdXBsb2FkZWQvaW1nXzJvVXpPVUZRTjZGTGd2Q2t4c0RRdFpNZWJ5UCJ9","tier","pro","canRestrictVals","profileImageUrl","branchName","","adoptOrgId",{"_42":43,"_31":44,"_37":423,"_46":-5,"_47":24,"_48":49,"_50":49,"_51":-5,"_52":-5,"_18":53,"_54":55,"_56":57,"_58":57,"_59":-5,"_60":61,"_62":63,"_64":-5,"_65":-5,"_66":-5,"_67":-5,"_68":69,"_70":69,"_71":72,"_73":72,"_74":72,"_75":69,"_76":69,"_77":424,"_79":425,"_81":426,"_83":24},"tree",[202,214,224,227,228,229],"files",[202,203,204,205,206,207,208,209,210,211,212,213,214,215,216,217,218,219,220,221,222,223,224,225,226,227,228,229],"counts",{"_192":172,"_193":156,"_194":172,"_195":196,"_197":198},"contents",[143,144,145,146,147,148],"upstreamProject",{"_42":93,"_31":138,"_51":139,"_52":140,"_48":49,"_77":141},"upstreamBranch",{"_42":88,"_37":131,"_132":133,"_31":85,"_86":93,"_13":134,"_87":-5,"_89":-5,"_135":136,"_46":-5,"_83":24,"_48":49,"_97":137,"_62":95,"_96":138},"emptyEnvVars","flags",[],"hasHttpFiles","grants","orgs","customDomains",{},["D",1740674013689],"updatedAt",["D",1785420707976],91,"lockfileKey","1785420708123-esm.town_v_templates_react-hono-starter@91-main","templates","react-hono-starter","Starter template with client-side React & Hono server","https://imagedelivery.net/iHX6Ovru0O7AjmyT5yZRoA/64dc00cc-94d9-47dd-81b1-dde02610d900/square512?exp=1789592009&sig=c9ed3c330addaf2797de5ac27cecec876831139cbefb5b3abdbc02663b386ef6",{"_99":137,"_106":142},"https://imagedelivery.net/iHX6Ovru0O7AjmyT5yZRoA/129cab32-3bd7-4c3e-f39b-f12900c76100/square512?exp=1789592009&sig=5aacf25757c2857a3349a09bdf0e1bb1edc50e177162d48d382be6f772fd5ce5",{"_42":187,"_31":188,"_29":189,"_152":-5,"_40":41,"_39":61,"_154":57,"_37":190,"_13":172,"_33":180,"_35":-5,"_23":24,"_158":-5,"_26":191},{"_42":182,"_31":183,"_29":184,"_152":-5,"_40":41,"_39":61,"_154":57,"_37":185,"_13":172,"_33":180,"_35":-5,"_23":24,"_158":-5,"_26":186},{"_42":175,"_31":176,"_29":177,"_152":-5,"_40":41,"_39":178,"_154":57,"_37":179,"_13":172,"_33":180,"_35":-5,"_23":24,"_158":-5,"_26":181},{"_42":167,"_31":168,"_29":169,"_152":-5,"_40":41,"_39":170,"_154":57,"_37":171,"_13":172,"_33":20,"_35":173,"_23":24,"_158":-5,"_26":174},{"_42":160,"_31":161,"_29":162,"_152":-5,"_40":41,"_39":163,"_154":24,"_37":164,"_13":61,"_33":20,"_35":165,"_23":24,"_158":-5,"_26":166},{"_42":149,"_31":150,"_29":151,"_152":-5,"_40":41,"_39":153,"_154":57,"_37":155,"_13":156,"_33":20,"_35":157,"_23":24,"_158":-5,"_26":159},"7c7bd77c-328a-11f0-bc3f-569c3dd06744","deno.json","abe8581a-3284-11f0-ab4e-569c3dd06744","parentId",327,"latest",["D",1747423082376],2,"{\n \"$schema\": \"https://raw.githubusercontent.com/denoland/deno/348900b8b79f4a434cab4c74b3bc8d4d2fa8ee74/cli/schemas/config-file.v1.json\",\n \"lock\": false,\n \"tasks\": {\n \"check\": \"deno check .\"\n },\n \"compilerOptions\": {\n \"strict\": true,\n \"types\": [\"https://www.val.town/types/valtown.d.ts\"],\n \"lib\": [\n \"dom\",\n \"dom.iterable\",\n \"dom.asynciterable\",\n \"deno.ns\",\n \"deno.unstable\"\n ],\n \"strictNullChecks\": true\n },\n \"lint\": {\n \"files\": {\n \"include\": [\"deno:/https/esm.town/**/*\"]\n },\n \"rules\": {\n \"exclude\": [\"no-explicit-any\", \"no-window\"]\n }\n },\n \"node_modules_dir\": false,\n \"experimental\": {\n \"unstable-node-globals\": true,\n \"unstable-temporal\": true,\n \"unstable-worker-options\": true,\n \"unstable-sloppy-imports\": true\n }\n}\n","label",[150],"589884d8-328d-11f0-94b8-569c3dd06744","README.md","e3cac2a8-48b1-4e18-8b51-3166155e5a6e",354,["D",1747424310623],"# React Hono Starter\n\nThis app is a starter template for client-side React and server-side Hono.\n\n- **Remix** this starter template on the top right to get started.\n\n- The **entrypoint** is `/backend/index.ts`. That's the backend HTTP server,\n which also serves the all the frontend assets.\n\n- The **client-side entrypoint** is `/frontend/index.html`, which in turn\n imports `/frontend/index.tsx`, which in turn imports the React app from\n `/frontend/components/App.tsx`.\n\n[React Hono Example](https://www.val.town/x/stevekrouse/reactHonoExample) is a\nfuller featured example project, with a SQLite database table, queries,\nclient-side CSS and a favicon, and some shared code that runs on both client and\nserver.\n",[161],"abf0baaa-3284-11f0-830a-569c3dd06744",".vtignore","abf0bb72-3284-11f0-830a-569c3dd06744",6,["D",1747420584941],0,".git\n.vscode\n.cursorrules\n.DS_Store\nnode_modules\nvendor",[168],"1921ad6e-328a-11f0-9ec5-569c3dd06744","shared","1921ae18-328a-11f0-9ec5-569c3dd06744",322,["D",1747422915693],"directory",[176],"e848b332-3283-11f0-bd7a-569c3dd06744","frontend","4d95fc94-6af5-4102-8b6b-a3751cc6cd7b",["D",1747420256725],[183],"e84871f6-3283-11f0-bd7a-569c3dd06744","backend","a705866e-b464-4a7d-b562-1f6c5bbc827c",["D",1747420256725],[188],"pulls","branches","forks","envVars",{"_199":61,"_201":172},"connections",{"_199":172,"_200":172},"count","unfilledCount","emptyCount",{"_42":187,"_31":188,"_29":189,"_152":-5,"_40":41,"_39":61,"_154":57,"_37":420,"_13":172,"_33":180,"_35":-5,"_23":24,"_158":-5,"_231":421,"_26":422},{"_42":415,"_31":362,"_29":356,"_152":189,"_40":41,"_39":416,"_154":57,"_37":417,"_13":172,"_33":180,"_35":-5,"_23":24,"_158":-5,"_231":418,"_26":419},{"_42":410,"_31":396,"_29":390,"_152":356,"_40":41,"_39":411,"_154":57,"_37":412,"_13":172,"_33":180,"_35":-5,"_23":24,"_158":-5,"_231":413,"_26":414},{"_42":406,"_31":32,"_29":30,"_152":390,"_40":41,"_39":14,"_154":24,"_37":407,"_13":172,"_33":34,"_35":36,"_23":24,"_158":-5,"_231":408,"_26":409},{"_42":397,"_31":398,"_29":399,"_152":390,"_40":41,"_39":400,"_154":24,"_37":401,"_13":402,"_33":34,"_35":403,"_23":24,"_158":-5,"_231":404,"_26":405},{"_42":387,"_31":388,"_29":389,"_152":390,"_40":41,"_39":391,"_154":57,"_37":392,"_13":156,"_33":34,"_35":393,"_23":24,"_158":-5,"_231":394,"_26":395},{"_42":382,"_31":373,"_29":366,"_152":356,"_40":41,"_39":383,"_154":57,"_37":384,"_13":172,"_33":180,"_35":-5,"_23":24,"_158":-5,"_231":385,"_26":386},{"_42":374,"_31":375,"_29":376,"_152":366,"_40":41,"_39":377,"_154":24,"_37":378,"_13":172,"_33":34,"_35":379,"_23":24,"_158":-5,"_231":380,"_26":381},{"_42":363,"_31":364,"_29":365,"_152":366,"_40":41,"_39":367,"_154":24,"_37":368,"_13":369,"_33":34,"_35":370,"_23":24,"_158":-5,"_231":371,"_26":372},{"_42":353,"_31":354,"_29":355,"_152":356,"_40":41,"_39":357,"_154":24,"_37":358,"_13":349,"_33":34,"_35":359,"_23":24,"_158":-5,"_231":360,"_26":361},{"_42":344,"_31":345,"_29":346,"_152":189,"_40":41,"_39":347,"_154":57,"_37":348,"_13":349,"_33":34,"_35":350,"_23":24,"_158":-5,"_231":351,"_26":352},{"_42":334,"_31":335,"_29":55,"_152":189,"_40":41,"_39":336,"_154":24,"_37":337,"_13":338,"_33":339,"_35":340,"_23":24,"_158":341,"_231":342,"_26":343},{"_42":182,"_31":183,"_29":184,"_152":-5,"_40":41,"_39":61,"_154":57,"_37":331,"_13":172,"_33":180,"_35":-5,"_23":24,"_158":-5,"_231":332,"_26":333},{"_42":327,"_31":295,"_29":288,"_152":184,"_40":41,"_39":61,"_154":57,"_37":328,"_13":172,"_33":180,"_35":-5,"_23":24,"_158":-5,"_231":329,"_26":330},{"_42":323,"_31":322,"_29":315,"_152":288,"_40":41,"_39":156,"_154":57,"_37":324,"_13":172,"_33":180,"_35":-5,"_23":24,"_158":-5,"_231":325,"_26":326},{"_42":312,"_31":313,"_29":314,"_152":315,"_40":41,"_39":316,"_154":57,"_37":317,"_13":318,"_33":34,"_35":319,"_23":24,"_158":-5,"_231":320,"_26":321},{"_42":304,"_31":305,"_29":306,"_152":288,"_40":41,"_39":307,"_154":24,"_37":308,"_13":172,"_33":34,"_35":309,"_23":24,"_158":-5,"_231":310,"_26":311},{"_42":296,"_31":297,"_29":298,"_152":288,"_40":41,"_39":299,"_154":24,"_37":300,"_13":172,"_33":34,"_35":301,"_23":24,"_158":-5,"_231":302,"_26":303},{"_42":285,"_31":286,"_29":287,"_152":288,"_40":41,"_39":289,"_154":24,"_37":290,"_13":291,"_33":34,"_35":292,"_23":24,"_158":-5,"_231":293,"_26":294},{"_42":277,"_31":278,"_29":279,"_152":184,"_40":41,"_39":280,"_154":57,"_37":281,"_13":61,"_33":34,"_35":282,"_23":24,"_158":-5,"_231":283,"_26":284},{"_42":268,"_31":269,"_29":270,"_152":184,"_40":41,"_39":271,"_154":24,"_37":272,"_13":273,"_33":20,"_35":274,"_23":24,"_158":-5,"_231":275,"_26":276},{"_42":259,"_31":260,"_29":261,"_152":184,"_40":41,"_39":262,"_154":24,"_37":263,"_13":264,"_33":34,"_35":265,"_23":24,"_158":-5,"_231":266,"_26":267},{"_42":175,"_31":176,"_29":177,"_152":-5,"_40":41,"_39":178,"_154":57,"_37":256,"_13":172,"_33":180,"_35":-5,"_23":24,"_158":-5,"_231":257,"_26":258},{"_42":248,"_31":249,"_29":250,"_152":177,"_40":41,"_39":251,"_154":24,"_37":252,"_13":61,"_33":34,"_35":253,"_23":24,"_158":-5,"_231":254,"_26":255},{"_42":240,"_31":241,"_29":242,"_152":177,"_40":41,"_39":243,"_154":24,"_37":244,"_13":172,"_33":34,"_35":245,"_23":24,"_158":-5,"_231":246,"_26":247},{"_42":167,"_31":168,"_29":169,"_152":-5,"_40":41,"_39":170,"_154":57,"_37":237,"_13":172,"_33":20,"_35":173,"_23":24,"_158":-5,"_231":238,"_26":239},{"_42":160,"_31":161,"_29":162,"_152":-5,"_40":41,"_39":163,"_154":24,"_37":234,"_13":61,"_33":20,"_35":165,"_23":24,"_158":-5,"_231":235,"_26":236},{"_42":149,"_31":150,"_29":151,"_152":-5,"_40":41,"_39":153,"_154":57,"_37":230,"_13":156,"_33":20,"_35":157,"_23":24,"_158":-5,"_231":232,"_26":233},["D",1747423082376],"children",[],[150],["D",1747424310623],[],[161],["D",1747420584941],[],[168],"a4949f96-328f-11f0-a571-569c3dd06744","schemas.ts","a494a05e-328f-11f0-a571-569c3dd06744",382,["D",1747425297135],"import { z } from \"https://esm.sh/zod@3.23.4\";\n\nexport const packageSchema = z.object({\n name: z.string()\n .describe(\"NPM package name following standard naming conventions\"),\n description: z.string()\n .describe(\"Brief description of what the package does\"),\n tags: z.array(\n z.string()\n .describe(\"Technologies or categories related to this package\"),\n ),\n author: z.string()\n .describe(\"Name of the fictional package author\"),\n version: z.string()\n .describe(\"Package version (e.g., '1.2.3')\"),\n license: z.string()\n .describe(\"Open source license (e.g., MIT, Apache-2.0)\"),\n downloads: z.number()\n .describe(\"Number of downloads (between 1,000 and 5,000,000)\"),\n avatarText: z.string()\n .describe(\"Text to display in the package avatar (usually initials)\"),\n updated: z.string()\n .describe(\"Date when the package was last updated (ISO format)\"),\n dependents: z.number()\n .describe(\"Number of packages that depend on this one\"),\n id: z.string()\n .describe(\"Unique identifier for the package\"),\n});\n\nexport const searchResultSchema = z.object({\n packages: z.array(packageSchema),\n hasMore: z.boolean().optional(),\n page: z.number().optional(),\n});\n\nexport type NpmPackage = z.infer;\nexport type SearchResult = z.infer;",[],[176,241],"589f23b0-328d-11f0-826f-569c3dd06744","consts.ts","2ea90650-328a-11f0-9931-569c3dd06744",355,["D",1747424310626],"export const APP_URL = \"https://npllm.val.run/\";\n",[],[176,249],["D",1747422915693],[225,226],[176],"4c4a69f8-328d-11f0-8574-569c3dd06744","index.tsx","621f4726-fe57-4b90-a1a7-17eac2bad6fb",348,["D",1747424290005],7,"/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport { createRoot } from \"https://esm.sh/react-dom@18.2.0/client\";\nimport { SearchPage } from \"./components/SearchPage.tsx\";\n\nconst root = document.getElementById(\"root\");\nif (!root) throw new Error(\"No root element found\");\n\ncreateRoot(root).render();\n",[],[183,260],"58c697b0-328d-11f0-9de6-569c3dd06744","index.html","12ae2341-bde2-4eec-9439-3f72856d6a68",357,["D",1747424310626],9,"\n\n \n \n \n React Hono Val Town Starter\n \n \n \n\n \n

\n \n \n \n \n\n",[],[183,269],"58ac73a8-328d-11f0-a390-569c3dd06744","hono.ts","39fc6f7e-328a-11f0-878e-569c3dd06744",356,["D",1747424310626],"// deno-lint-ignore-file no-window\n\nimport { hc } from \"https://esm.sh/hono@4.7.7/client?deps=hono@4.7.7\";\nimport { QueryClient } from \"https://esm.sh/@tanstack/react-query@5.74.7?deps=react@19.0.0\";\nimport { AppType } from \"../backend/api/mod.ts\";\nimport { APP_URL } from \"../shared/consts.ts\";\n\nexport const client = hc(\n typeof window !== \"undefined\"\n ? window.location.origin + \"/api\"\n : APP_URL + \"/api\",\n { init: { credentials: \"include\" } },\n);\nexport const queryClient = new QueryClient();\n",[],[183,278],"bb4987e2-328f-11f0-b2b8-569c3dd06744","SearchPage.tsx","3e4dcb83-38fa-4f6a-a474-6c4de8f5bf5f","6b24ddef-5b5b-4807-884f-b0e1eef81fd9",384,["D",1747425335226],39,"/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport LibraryItem from \"./npm/LibraryItem.tsx\";\nimport { useEffect, useState } from \"https://esm.sh/react@18.2.0\";\nimport { client } from \"../hono.ts\";\nimport { SearchBox } from \"./SearchBox.tsx\";\nimport InfiniteScroll from \"https://esm.sh/react-infinite-scroll-component@6.1.0?deps=react@18.2.0,react-dom@18.2.0\";\nimport { NpmPackage } from \"../../shared/schemas.ts\";\n\nexport function SearchPage() {\n const [items, setItems] = useState([]);\n const [query, setQuery] = useState(\"react\");\n const [page, setPage] = useState(1);\n const [hasMore, setHasMore] = useState(true);\n const [loading, setLoading] = useState(false);\n\n const fetchPackages = async (searchQuery: string, pageNum: number, append = false) => {\n if (loading) return;\n \n setLoading(true);\n try {\n const response = await client.search.$get({ \n query: { \n q: searchQuery, \n n: \"10\",\n page: pageNum.toString() \n } \n });\n \n const data = await response.json();\n \n if (append) {\n setItems(prevItems => [...prevItems, ...data.packages]);\n } else {\n setItems(data.packages);\n }\n \n setHasMore(data.hasMore || false);\n setLoading(false);\n } catch (error) {\n console.error(\"Error fetching packages:\", error);\n setLoading(false);\n }\n };\n\n const handleSearch = (searchQuery: string) => {\n setQuery(searchQuery);\n setPage(1);\n setItems([]);\n fetchPackages(searchQuery, 1);\n };\n\n const loadMorePackages = () => {\n if (!hasMore || loading) return;\n const nextPage = page + 1;\n setPage(nextPage);\n fetchPackages(query, nextPage, true);\n };\n\n useEffect(() => {\n fetchPackages(query, 1);\n }, []);\n\n return (\n

\n \n

npm

\n \n \n \n

\n \n

\n }\n endMessage={\n

\n {items.length > 0 ? \"Yay! You have seen all packages\" : \"No packages found\"}\n

\n }\n >\n

\n {items.map((item) => (\n \n \n \n ))}\n

\n \n

\n \n \n );\n}\n",[],[183,295,286],"components","9e7546f6-328f-11f0-808f-569c3dd06744","SearchBox.tsx","9e754796-328f-11f0-808f-569c3dd06744",381,["D",1747425286862],"/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport { useState, FormEvent } from \"https://esm.sh/react@18.2.0\";\n\ninterface SearchBoxProps {\n onSearch: (query: string) => void;\n initialQuery?: string;\n}\n\nexport function SearchBox({ onSearch, initialQuery = \"\" }: SearchBoxProps) {\n const [query, setQuery] = useState(initialQuery);\n\n const handleSubmit = (e: FormEvent) => {\n e.preventDefault();\n if (query.trim()) {\n onSearch(query.trim());\n }\n };\n\n return (\n

\n \n

\n );\n}",[],[183,295,297],"ca037400-328f-11f0-9b4c-569c3dd06744","PackageDetail.tsx","ca0374d2-328f-11f0-9b4c-569c3dd06744",385,["D",1747425359935],"/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport { useEffect, useState } from \"https://esm.sh/react@18.2.0\";\nimport { client } from \"../hono.ts\";\nimport { NpmPackage } from \"../../shared/schemas.ts\";\n\ninterface PackageDetailProps {\n packageName: string;\n}\n\nexport function PackageDetail({ packageName }: PackageDetailProps) {\n const [packageData, setPackageData] = useState(null);\n const [readme, setReadme] = useState(\"\");\n const [loading, setLoading] = useState(true);\n\n useEffect(() => {\n const fetchPackageDetails = async () => {\n try {\n // Fetch package details\n const response = await client.package.$get({ \n query: { name: packageName } \n });\n const data = await response.json();\n setPackageData(data.package);\n setReadme(data.readme || \"\");\n } catch (error) {\n console.error(\"Error fetching package details:\", error);\n } finally {\n setLoading(false);\n }\n };\n\n fetchPackageDetails();\n }, [packageName]);\n\n if (loading) {\n return (\n

\n );\n }\n\n if (!packageData) {\n return (\n

Package not found

\n The package \"{packageName}\" could not be found.\n

\n \n Return to search\n \n

\n );\n }\n\n return (\n

\n \n

npm

\n \n Back to Search\n \n

\n\n

\n {packageData.avatarText}\n

{packageData.name}

{packageData.description}

\n \n

Package Information

Version: {packageData.version}
License: {packageData.license}
Last updated: {new Date(packageData.updated).toLocaleDateString()}
Downloads: {packageData.downloads.toLocaleString()}
Dependents: {packageData.dependents.toLocaleString()}

\n \n

Installation

npm install {packageData.name}

\n \n

Tags

\n {packageData.tags.map((tag) => (\n \n {tag}\n \n ))}\n

\n );\n}",[],[183,295,305],"c5ef212a-3285-11f0-9d8b-569c3dd06744","LibraryItem.tsx","abe19264-3284-11f0-8d0a-569c3dd06744","abd75af6-3284-11f0-ae91-569c3dd06744",49,["D",1747421058122],16,"/** @jsxImportSource https://esm.sh/react@18.2.0 */\n\ntype LibraryItemProps = {\n title: string;\n subtitle: string;\n tags: string[];\n avatarText: string;\n author: string;\n version: string;\n updated: string;\n dependents: number | string;\n license: string;\n downloads: number;\n};\n\nexport default function LibraryItem({\n title,\n subtitle,\n tags,\n avatarText,\n author,\n version,\n updated,\n dependents,\n license,\n downloads,\n}: LibraryItemProps) {\n return (\n

{title}

{subtitle}

\n\n

\n {tags.map((tag) => (\n \n {tag}\n \n ))}\n

\n\n

\n \n {avatarText}\n \n {author}\n • {version}\n • {updated}\n • {dependents} dependents\n • {license}\n

\n\n

\n {downloads.toLocaleString()}\n

\n );\n}\n",[],[183,295,322,313],"npm","abd75a60-3284-11f0-ae91-569c3dd06744",["D",1747420584852],[217],[183,295,322],"e8488f2e-3283-11f0-bd7a-569c3dd06744",["D",1747420256725],[216,218,219,220],[183,295],["D",1747420256725],[215,221,222,223],[183],"4c532d7c-328d-11f0-a947-569c3dd06744","index.ts",350,["D",1747424290029],78,"http","import { serveFile } from \"https://esm.town/v/std/utils@85-main/index.ts\";\nimport { Hono } from \"https://esm.sh/hono@4.7.7\";\nimport { apiRoute } from \"./api/mod.ts\";\n\nconst app = new Hono()\n .get(\"/\", () => serveFile(\"/frontend/index.html\", import.meta.url))\n .route(\"/api\", apiRoute)\n .get(\"/frontend/*\", (c) => serveFile(c.req.path, import.meta.url))\n .get(\"/shared/*\", (c) => serveFile(c.req.path, import.meta.url))\n .onError((err) => {\n throw err;\n });\n\nexport default app.fetch;\n","npllm",[],[188,335],"baa231ce-3288-11f0-93fa-569c3dd06744","env.ts","97c96960-3288-11f0-92dd-569c3dd06744",291,["D",1747422327620],17,"import { safeEnv, string } from \"https://esm.sh/jsr/@safe-env/safe-env@0.1.7\";\n\nexport const env = safeEnv({\n GOOGLE_GENERATIVE_AI_API_KEY: string(),\n});\n",[],[188,345],"58937560-328d-11f0-a947-569c3dd06744","mod.ts","353f1da8-3288-11f0-938a-569c3dd06744","29f737dc-3288-11f0-b5d9-569c3dd06744",353,["D",1747424310623],"import { Hono } from \"https://esm.sh/hono@4.7.7\";\nimport { searchRoute } from \"./routes/search.ts\";\n\nexport const apiRoute = new Hono()\n .route(\"/search\", searchRoute);\n\nexport type AppType = typeof apiRoute;\n",[],[188,362,354],"api","ad4ba904-328f-11f0-b2b8-569c3dd06744","search.ts","2b4dcbd2-3288-11f0-af8a-569c3dd06744","54b85b0e-3288-11f0-b259-569c3dd06744",383,["D",1747425311753],12,"import { Hono } from \"https://esm.sh/hono@4.7.7\";\nimport { z } from \"https://esm.sh/zod@3.23.4\";\nimport { zValidator } from \"https://esm.sh/@hono/zod-validator@0.4.3?deps=hono@4.7.7,zod@3.23.4\";\nimport { generateFakeNpmPackages } from \"../ai/generate.ts\";\nimport { blob } from \"https://esm.town/v/std/blob\";\nimport { searchResultSchema } from \"../../../shared/schemas.ts\";\n\nexport const searchRoute = new Hono()\n .get(\n \"/\",\n zValidator(\n \"query\",\n z.object({\n q: z.string().min(1).describe(\"Search query term\"),\n n: z.string().transform((val) => parseInt(val, 10)),\n page: z.string().transform((val) => parseInt(val, 10)).default(\"1\"),\n }),\n ),\n async (c) => {\n const { q, n, page } = c.req.valid(\"query\");\n \n // Create a cache key based on the search query and page\n const cacheKey = `npm_search_${q}_${n}_${page}`;\n \n try {\n // Try to get cached results\n const cachedResults = await blob.getJSON(cacheKey);\n if (cachedResults) {\n // Validate the cached data against our schema\n const validatedResults = searchResultSchema.parse(cachedResults);\n return c.json(validatedResults);\n }\n } catch (error) {\n // If there's an error (like not found), we'll generate new results\n console.log(\"Cache miss or error:\", error.message);\n }\n \n // Generate new results\n const results = await generateFakeNpmPackages(q, n);\n \n // Add pagination info\n const resultsWithPagination = {\n ...results,\n page,\n hasMore: page < 10, // Limit to 10 pages for demo purposes\n };\n \n // Cache the results\n try {\n await blob.setJSON(cacheKey, resultsWithPagination);\n } catch (error) {\n console.error(\"Error caching results:\", error);\n }\n \n return c.json(resultsWithPagination);\n },\n );\n",[],[188,362,373,364],"routes","d0f62ac8-328f-11f0-ac05-569c3dd06744","package.ts","d0f62b7c-328f-11f0-ac05-569c3dd06744",386,["D",1747425371594],"import { Hono } from \"https://esm.sh/hono@4.7.7\";\nimport { z } from \"https://esm.sh/zod@3.23.4\";\nimport { zValidator } from \"https://esm.sh/@hono/zod-validator@0.4.3?deps=hono@4.7.7,zod@3.23.4\";\nimport { generateFakeNpmPackages } from \"../ai/generate.ts\";\nimport { blob } from \"https://esm.town/v/std/blob\";\nimport { packageSchema } from \"../../../shared/schemas.ts\";\nimport { generatePackageReadme } from \"../ai/generate-readme.ts\";\n\nexport const packageRoute = new Hono()\n .get(\n \"/\",\n zValidator(\n \"query\",\n z.object({\n name: z.string().min(1).describe(\"Package name\"),\n }),\n ),\n async (c) => {\n const { name } = c.req.valid(\"query\");\n \n // Create a cache key for the package\n const cacheKey = `npm_package_${name}`;\n \n try {\n // Try to get cached package data\n const cachedPackage = await blob.getJSON(cacheKey);\n if (cachedPackage) {\n return c.json(cachedPackage);\n }\n } catch (error) {\n // If there's an error (like not found), we'll generate new data\n console.log(\"Cache miss or error:\", error.message);\n }\n \n // Generate a fake package\n const results = await generateFakeNpmPackages(name, 1);\n const packageData = results.packages[0];\n \n // Generate a fake README\n const readme = await generatePackageReadme(packageData);\n \n const packageResponse = {\n package: packageData,\n readme\n };\n \n // Cache the package data\n try {\n await blob.setJSON(cacheKey, packageResponse);\n } catch (error) {\n console.error(\"Error caching package data:\", error);\n }\n \n return c.json(packageResponse);\n },\n );",[],[188,362,373,375],"54b85a5a-3288-11f0-b259-569c3dd06744",262,["D",1747422156673],[209,210],[188,362,373],"bbdc25b8-3288-11f0-8f50-569c3dd06744","models.ts","313e683a-3288-11f0-8339-569c3dd06744","2b36d8be-3288-11f0-b5d9-569c3dd06744",292,["D",1747422329668],"import { google } from \"https://esm.sh/@ai-sdk/google@1.2.18\";\nimport { wrapLanguageModel } from \"https://esm.sh/ai@4.3.15\";\n\nexport const geminiFlashModel = wrapLanguageModel({\n model: google(\"gemini-1.5-flash-002\"),\n middleware: {},\n});\n",[],[188,362,396,388],"ai","2a6d7652-328f-11f0-9137-569c3dd06744","generate.ts","31476656-3288-11f0-a061-569c3dd06744",380,["D",1747425092192],47,"import { generateObject } from \"https://esm.sh/ai@4.3.15?deps=zod@3.23.4\";\nimport { z } from \"https://esm.sh/zod@3.23.4\";\nimport { geminiFlashModel } from \"./models.ts\";\n\nconst packageSchema = z.object({\n name: z.string()\n .describe(\"NPM package name following standard naming conventions\"),\n description: z.string()\n .describe(\"Brief description of what the package does\"),\n tags: z.array(\n z.string()\n .describe(\"Technologies or categories related to this package\"),\n ),\n author: z.string()\n .describe(\"Name of the fictional package author\"),\n version: z.string()\n .describe(\"Package version (e.g., '1.2.3')\"),\n license: z.string()\n .describe(\"Open source license (e.g., MIT, Apache-2.0)\"),\n downloads: z.number()\n .describe(\"Number of downloads (between 1,000 and 5,000,000)\"),\n avatarText: z.string()\n .describe(\"Text to display in the package avatar (usually initials)\"),\n updated: z.string()\n .describe(\"Date when the package was last updated (ISO format)\"),\n dependents: z.number()\n .describe(\"Number of packages that depend on this one\"),\n id: z.string()\n .describe(\"Unique identifier for the package\"),\n});\n\nexport type NpmPackage = z.infer;\n\nexport async function generateFakeNpmPackages(\n query: string,\n count: number = 5,\n): Promise<{ packages: NpmPackage[] }> {\n // Create an array of prompts with slight variations to increase diversity\n const prompts = Array.from({ length: count }, (_, i) => {\n const variations = [\n `Generate a unique and creative fake NPM package related to \"${query}\". Make it realistic but entirely fictional.`,\n `Create a fictional NPM package for \"${query}\" with distinct features and naming.`,\n `Invent a fake NPM package that would appear when searching \"${query}\". Be original with names and details.`,\n `Design a made-up NPM package for \"${query}\" purposes. Ensure uniqueness in all fields.`,\n `Generate a novel NPM package related to \"${query}\". Use creative naming and diverse download counts.`\n ];\n \n // Choose a prompt variation, cycling through them or randomly\n return variations[i % variations.length] + ` Index: ${i}`;\n });\n\n // Create an array of promises for concurrent execution with different prompts\n const generatePromises = prompts.map(prompt =>\n generateObject({\n schema: packageSchema,\n model: geminiFlashModel,\n prompt,\n temperature: 0.7,\n })\n );\n\n // Wait for all promises to resolve\n const results = await Promise.all(generatePromises);\n\n // Extract the objects from results and ensure uniqueness\n const packages = results.map((result, index) => ({\n ...result.object,\n // Ensure unique fields by adding index if necessary\n id: `${result.object.id}-${index}`,\n downloads: Math.floor(100000 + Math.random() * 4900000),\n updated: new Date(Date.now() - Math.floor(Math.random() * 30 * 86400000)).toISOString(),\n dependents: Math.floor(10 + Math.random() * 3000),\n }));\n\n return { packages };\n}\n\nexport type FakeNpmPackage = z.infer;\n",[],[188,362,396,398],"d652f29e-328f-11f0-90da-569c3dd06744",["D",1747425380591],[],[188,362,396,32],"2b36d7ec-3288-11f0-b5d9-569c3dd06744",240,["D",1747422087039],[205,206,207],[188,362,396],"29f73746-3288-11f0-b5d9-569c3dd06744",238,["D",1747422084942],[204,208,211],[188,362],["D",1747420256725],[203,212,213],[188],["D",1747420256725],{"_99":98,"_106":102},{"_99":98,"_100":-5,"_101":102,"_18":53,"_103":104,"_105":24},{"_13":84,"_31":85,"_42":41,"_86":43,"_87":88,"_89":90,"_91":49,"_92":93,"_94":95,"_96":44,"_97":98},"ctx",{"_77":-5,"_128":460,"_461":462,"_463":464,"_465":24,"_466":24,"_467":24,"_468":57,"_469":-5,"_470":-7,"_471":-7,"_472":172,"_473":24,"_474":24,"_475":-5,"_476":24,"_477":24,"_478":24,"_479":-5},"ENV",{"_431":432,"_433":434,"_435":85,"_436":437,"_438":439,"_440":441,"_442":443,"_444":445,"_446":447,"_448":449,"_450":451,"_452":453,"_454":455,"_456":457,"_458":459},"REACT_APP_SENTRY_DSN","https://586020d86f05489db63a554690acf1e9@o1398359.ingest.sentry.io/6724499","RENDER_GIT_COMMIT","811aa22498c9b0b5a47e8d778de579cdb990f332","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 · v387