[{"_1":2,"_3":-5,"_4":-5},"loaderData",{"_5":6,"_7":8,"_9":10},"actionData","errors","root",{"_469":470,"_471":472},"routes/_app.x.$handle.$name",{"_100":99,"_32":45,"_108":86,"_27":109,"_13":14,"_110":-5,"_11":111,"_112":113,"_114":115,"_116":117,"_118":119,"_20":-5,"_120":121,"_122":123,"_124":25,"_125":126,"_127":58,"_128":-5,"_129":-5,"_130":131},"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":-5,"_53":-5,"_18":54,"_55":56,"_57":58,"_59":58,"_60":-5,"_61":62,"_63":64,"_65":-5,"_66":-5,"_67":-5,"_68":-5,"_69":70,"_71":70,"_72":73,"_74":73,"_75":73,"_76":70,"_77":70,"_78":79,"_80":81,"_82":83,"_84":25},"version",511,"changes",[19],"aiChatInfo","userId",{"_20":21,"_22":23,"_24":25,"_26":25,"_27":28,"_29":28},"file",{"_30":31,"_32":33,"_34":20,"_35":37,"_38":39,"_40":14,"_41":42,"_24":25},"previous",{"_30":31,"_32":33,"_34":20,"_35":36},"deleted",false,"deletedHere","path","frontend/index.html","latestPath","fileId","12ae2341-bde2-4eec-9439-3f72856d6a68","name","index.html","fileType","content","\n\n \n \n \n NPM Clone\n \n \n \n \n \n\n \n

\n \n \n \n \n\n","\n\n \n \n \n NPM Clone\n \n \n \n \n\n \n

\n \n \n \n \n","createdAt",["D",1747587982900],"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",{"_100":99,"_107":103},"org",{"_100":99,"_101":-5,"_102":103,"_18":54,"_104":105,"_106":25},"branch",{"_13":85,"_32":86,"_43":42,"_87":44,"_88":89,"_90":91,"_92":50,"_93":94,"_95":96,"_97":45,"_98":99},"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",{"_43":44,"_32":45,"_38":465,"_47":-5,"_48":25,"_49":50,"_51":50,"_52":-5,"_53":-5,"_18":54,"_55":56,"_57":58,"_59":58,"_60":-5,"_61":62,"_63":64,"_65":-5,"_66":-5,"_67":-5,"_68":-5,"_69":70,"_71":70,"_72":73,"_74":73,"_75":73,"_76":70,"_77":70,"_78":466,"_80":467,"_82":468,"_84":25},"tree",[204,219,230,233,234,235],"files",[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,230,231,232,233,234,235],"counts",{"_194":174,"_195":157,"_196":174,"_197":198,"_199":200},"contents",[144,145,146,147,148,149],"upstreamProject",{"_43":94,"_32":139,"_52":140,"_53":141,"_49":50,"_78":142},"upstreamBranch",{"_43":89,"_38":132,"_133":134,"_32":86,"_87":94,"_13":135,"_88":-5,"_90":-5,"_136":137,"_47":-5,"_84":25,"_49":50,"_98":138,"_63":96,"_97":139},"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=1789588799&sig=cc8cae5a3b06d460bba0e0803182f7ba2bd6e8f6e4c645b92fb51aa03192ad01",{"_100":138,"_107":143},"https://imagedelivery.net/iHX6Ovru0O7AjmyT5yZRoA/129cab32-3bd7-4c3e-f39b-f12900c76100/square512?exp=1789588799&sig=6ce4a653b65ad390b6349a1b0a383cb839cc380a1beaf91551581c108538875d",{"_43":189,"_32":190,"_30":191,"_153":-5,"_41":42,"_40":62,"_155":58,"_38":192,"_13":174,"_34":182,"_35":-5,"_24":25,"_159":-5,"_27":193},{"_43":184,"_32":185,"_30":186,"_153":-5,"_41":42,"_40":62,"_155":58,"_38":187,"_13":174,"_34":182,"_35":-5,"_24":25,"_159":-5,"_27":188},{"_43":177,"_32":178,"_30":179,"_153":-5,"_41":42,"_40":180,"_155":58,"_38":181,"_13":174,"_34":182,"_35":-5,"_24":25,"_159":-5,"_27":183},{"_43":169,"_32":170,"_30":171,"_153":-5,"_41":42,"_40":172,"_155":58,"_38":173,"_13":174,"_34":20,"_35":175,"_24":25,"_159":-5,"_27":176},{"_43":161,"_32":162,"_30":163,"_153":-5,"_41":42,"_40":164,"_155":25,"_38":165,"_13":166,"_34":20,"_35":167,"_24":25,"_159":-5,"_27":168},{"_43":150,"_32":151,"_30":152,"_153":-5,"_41":42,"_40":154,"_155":58,"_38":156,"_13":157,"_34":20,"_35":158,"_24":25,"_159":-5,"_27":160},"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",[151],"a49eb68a-3405-11f0-945e-9e149126039e","README.md","e3cac2a8-48b1-4e18-8b51-3166155e5a6e",507,["D",1747585928974],8,"# NPM Clone\n\nThis app is a clone of the npm website with search functionality, package detail\npages, and the ability to download npm packages as tar files.\n\n## Features\n\n- **Search Page**: Search for npm packages with infinite scrolling\n- **Package Detail Page**: View package details and README\n- **Package Download**: Download npm packages as tar files\n- **Caching**: Search results, package details, and package tars are cached\n using Val Town's blob storage\n- **Responsive Design**: Looks good on all screen sizes\n- **Markdown Support**: Package descriptions and READMEs are rendered as markdown\n- **Realistic Content**: Generated packages focus on practical, realistic use cases\n\n## Technical Details\n\n- **Frontend**: React with TypeScript\n- **Backend**: Hono server\n- **Infinite Scrolling**: Using react-infinite-scroll-component\n- **Data Validation**: Using Zod schemas\n- **Caching**: Using Val Town's blob storage\n- **Package Generation**: Dynamically generates npm packages with TypeScript\n support\n- **Markdown Rendering**: Using marked library to render markdown content\n\n## Routes\n\n- `/`: The main search page\n- `/package/:name`: Package detail page\n- `/api/search`: API endpoint for searching packages\n- `/api/package`: API endpoint for getting package details\n- `/api/npm-package/:packageName`: API endpoint for downloading npm packages as\n tar files\n\n## Package Download\n\nThe app allows you to download any package as a tar file. These packages:\n\n1. Are generated dynamically based on the package name\n2. Include both TypeScript and JavaScript implementations\n3. Have proper package.json, README, and type definitions\n4. Are cached in Val Town's blob storage for faster subsequent downloads\n5. Can be installed via npm by extracting the tar file\n\n## Development\n\nThis project is built on Val Town's React Hono Starter template.\n\n- The **entrypoint** is `/backend/index.ts`. That's the backend HTTP server,\n which also serves all the frontend assets.\n\n- The **client-side entrypoint** is `/frontend/index.html`, which in turn\n imports `/frontend/index.tsx`, which renders either the SearchPage or\n PackageDetail component.\n",[162],"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",[170],"1921ad6e-328a-11f0-9ec5-569c3dd06744","shared","1921ae18-328a-11f0-9ec5-569c3dd06744",322,["D",1747422915693],"directory",[178],"e848b332-3283-11f0-bd7a-569c3dd06744","frontend","4d95fc94-6af5-4102-8b6b-a3751cc6cd7b",["D",1747420256725],[185],"e84871f6-3283-11f0-bd7a-569c3dd06744","backend","a705866e-b464-4a7d-b562-1f6c5bbc827c",["D",1747420256725],[190],"pulls","branches","forks","envVars",{"_201":62,"_203":174},"connections",{"_201":174,"_202":174},"count","unfilledCount","emptyCount",{"_43":189,"_32":190,"_30":191,"_153":-5,"_41":42,"_40":62,"_155":58,"_38":462,"_13":174,"_34":182,"_35":-5,"_24":25,"_159":-5,"_237":463,"_27":464},{"_43":457,"_32":375,"_30":368,"_153":191,"_41":42,"_40":458,"_155":58,"_38":459,"_13":174,"_34":182,"_35":-5,"_24":25,"_159":-5,"_237":460,"_27":461},{"_43":452,"_32":434,"_30":428,"_153":368,"_41":42,"_40":453,"_155":58,"_38":454,"_13":174,"_34":182,"_35":-5,"_24":25,"_159":-5,"_237":455,"_27":456},{"_43":444,"_32":445,"_30":446,"_153":428,"_41":42,"_40":447,"_155":25,"_38":448,"_13":172,"_34":252,"_35":449,"_24":25,"_159":-5,"_237":450,"_27":451},{"_43":435,"_32":436,"_30":437,"_153":428,"_41":42,"_40":438,"_155":25,"_38":439,"_13":440,"_34":252,"_35":441,"_24":25,"_159":-5,"_237":442,"_27":443},{"_43":425,"_32":426,"_30":427,"_153":428,"_41":42,"_40":429,"_155":58,"_38":430,"_13":157,"_34":252,"_35":431,"_24":25,"_159":-5,"_237":432,"_27":433},{"_43":420,"_32":401,"_30":394,"_153":368,"_41":42,"_40":421,"_155":58,"_38":422,"_13":174,"_34":182,"_35":-5,"_24":25,"_159":-5,"_237":423,"_27":424},{"_43":411,"_32":412,"_30":413,"_153":394,"_41":42,"_40":414,"_155":25,"_38":415,"_13":416,"_34":252,"_35":417,"_24":25,"_159":-5,"_237":418,"_27":419},{"_43":402,"_32":403,"_30":404,"_153":394,"_41":42,"_40":405,"_155":25,"_38":406,"_13":407,"_34":252,"_35":408,"_24":25,"_159":-5,"_237":409,"_27":410},{"_43":391,"_32":392,"_30":393,"_153":394,"_41":42,"_40":395,"_155":58,"_38":396,"_13":397,"_34":252,"_35":398,"_24":25,"_159":-5,"_237":399,"_27":400},{"_43":386,"_32":385,"_30":379,"_153":368,"_41":42,"_40":387,"_155":58,"_38":388,"_13":174,"_34":182,"_35":-5,"_24":25,"_159":-5,"_237":389,"_27":390},{"_43":376,"_32":377,"_30":378,"_153":379,"_41":42,"_40":380,"_155":58,"_38":381,"_13":251,"_34":252,"_35":382,"_24":25,"_159":-5,"_237":383,"_27":384},{"_43":365,"_32":366,"_30":367,"_153":368,"_41":42,"_40":369,"_155":58,"_38":370,"_13":371,"_34":252,"_35":372,"_24":25,"_159":-5,"_237":373,"_27":374},{"_43":356,"_32":357,"_30":358,"_153":191,"_41":42,"_40":359,"_155":58,"_38":360,"_13":361,"_34":252,"_35":362,"_24":25,"_159":-5,"_237":363,"_27":364},{"_43":346,"_32":347,"_30":56,"_153":191,"_41":42,"_40":348,"_155":25,"_38":349,"_13":350,"_34":351,"_35":352,"_24":25,"_159":353,"_237":354,"_27":355},{"_43":184,"_32":185,"_30":186,"_153":-5,"_41":42,"_40":62,"_155":58,"_38":343,"_13":174,"_34":182,"_35":-5,"_24":25,"_159":-5,"_237":344,"_27":345},{"_43":339,"_32":306,"_30":299,"_153":186,"_41":42,"_40":62,"_155":58,"_38":340,"_13":174,"_34":182,"_35":-5,"_24":25,"_159":-5,"_237":341,"_27":342},{"_43":335,"_32":334,"_30":327,"_153":299,"_41":42,"_40":157,"_155":58,"_38":336,"_13":174,"_34":182,"_35":-5,"_24":25,"_159":-5,"_237":337,"_27":338},{"_43":324,"_32":325,"_30":326,"_153":327,"_41":42,"_40":328,"_155":58,"_38":329,"_13":330,"_34":252,"_35":331,"_24":25,"_159":-5,"_237":332,"_27":333},{"_43":315,"_32":316,"_30":317,"_153":299,"_41":42,"_40":318,"_155":25,"_38":319,"_13":320,"_34":252,"_35":321,"_24":25,"_159":-5,"_237":322,"_27":323},{"_43":307,"_32":308,"_30":309,"_153":299,"_41":42,"_40":310,"_155":25,"_38":311,"_13":62,"_34":252,"_35":312,"_24":25,"_159":-5,"_237":313,"_27":314},{"_43":296,"_32":297,"_30":298,"_153":299,"_41":42,"_40":300,"_155":25,"_38":301,"_13":302,"_34":252,"_35":303,"_24":25,"_159":-5,"_237":304,"_27":305},{"_43":288,"_32":289,"_30":290,"_153":186,"_41":42,"_40":291,"_155":58,"_38":292,"_13":62,"_34":252,"_35":293,"_24":25,"_159":-5,"_237":294,"_27":295},{"_43":283,"_32":33,"_30":31,"_153":186,"_41":42,"_40":14,"_155":25,"_38":284,"_13":285,"_34":20,"_35":37,"_24":25,"_159":-5,"_237":286,"_27":287},{"_43":275,"_32":276,"_30":277,"_153":186,"_41":42,"_40":278,"_155":25,"_38":279,"_13":166,"_34":252,"_35":280,"_24":25,"_159":-5,"_237":281,"_27":282},{"_43":267,"_32":268,"_30":269,"_153":186,"_41":42,"_40":270,"_155":25,"_38":271,"_13":62,"_34":20,"_35":272,"_24":25,"_159":-5,"_237":273,"_27":274},{"_43":177,"_32":178,"_30":179,"_153":-5,"_41":42,"_40":180,"_155":58,"_38":264,"_13":174,"_34":182,"_35":-5,"_24":25,"_159":-5,"_237":265,"_27":266},{"_43":256,"_32":257,"_30":258,"_153":179,"_41":42,"_40":259,"_155":25,"_38":260,"_13":172,"_34":252,"_35":261,"_24":25,"_159":-5,"_237":262,"_27":263},{"_43":246,"_32":247,"_30":248,"_153":179,"_41":42,"_40":249,"_155":58,"_38":250,"_13":251,"_34":252,"_35":253,"_24":25,"_159":-5,"_237":254,"_27":255},{"_43":169,"_32":170,"_30":171,"_153":-5,"_41":42,"_40":172,"_155":58,"_38":243,"_13":174,"_34":20,"_35":175,"_24":25,"_159":-5,"_237":244,"_27":245},{"_43":161,"_32":162,"_30":163,"_153":-5,"_41":42,"_40":164,"_155":25,"_38":240,"_13":166,"_34":20,"_35":167,"_24":25,"_159":-5,"_237":241,"_27":242},{"_43":150,"_32":151,"_30":152,"_153":-5,"_41":42,"_40":154,"_155":58,"_38":236,"_13":157,"_34":20,"_35":158,"_24":25,"_159":-5,"_237":238,"_27":239},["D",1747423082376],"children",[],[151],["D",1747585928974],[],[162],["D",1747420584941],[],[170],"b7648612-32a4-11f0-9f0b-569c3dd06744","schemas.ts","a494a05e-328f-11f0-a571-569c3dd06744",463,["D",1747434348119],3,"script","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;\n",[],[178,247],"0f6cf54c-32a5-11f0-a311-569c3dd06744","consts.ts","2ea90650-328a-11f0-9931-569c3dd06744",476,["D",1747434495703],"export const APP_URL = \"https://npllm.val.run/\";\nexport const DEFAULT_QUERY = \"is-odd\";\nexport const S3_PREFIX = \"npllm-001/\";\n",[],[178,257],["D",1747422915693],[231,232],[178],"540bcf10-3409-11f0-88de-9e149126039e","style.css","e6b83858-3404-11f0-b86f-9e149126039e",508,["D",1747587511784],"/* Base styles */\nbody {\n font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", Helvetica, Arial, sans-serif;\n line-height: 1.5;\n color: #24292e;\n margin: 0;\n padding: 0;\n}\n\n/* Prose styles for markdown content */\n.prose {\n max-width: 65ch;\n color: #24292e;\n}\n\n.prose a {\n color: #0969da;\n text-decoration: none;\n}\n\n.prose a:hover {\n text-decoration: underline;\n}\n\n.prose strong {\n font-weight: 600;\n color: #24292e;\n}\n\n.prose h1, \n.prose h2, \n.prose h3, \n.prose h4, \n.prose h5, \n.prose h6 {\n margin-top: 1.5em;\n margin-bottom: 0.5em;\n font-weight: 600;\n line-height: 1.25;\n color: #24292e;\n}\n\n.prose h1 {\n font-size: 2em;\n border-bottom: 1px solid #eaecef;\n padding-bottom: 0.3em;\n}\n\n.prose h2 {\n font-size: 1.5em;\n border-bottom: 1px solid #eaecef;\n padding-bottom: 0.3em;\n}\n\n.prose h3 {\n font-size: 1.25em;\n}\n\n.prose h4 {\n font-size: 1em;\n}\n\n.prose p, \n.prose ul, \n.prose ol {\n margin-top: 0;\n margin-bottom: 1em;\n}\n\n.prose code {\n font-family: SFMono-Regular, Consolas, \"Liberation Mono\", Menlo, monospace;\n padding: 0.2em 0.4em;\n margin: 0;\n font-size: 85%;\n background-color: rgba(27, 31, 35, 0.05);\n border-radius: 3px;\n}\n\n.prose pre {\n font-family: SFMono-Regular, Consolas, \"Liberation Mono\", Menlo, monospace;\n padding: 16px;\n overflow: auto;\n font-size: 85%;\n line-height: 1.45;\n background-color: #f6f8fa;\n border-radius: 3px;\n margin-top: 0;\n margin-bottom: 16px;\n}\n\n.prose pre code {\n background-color: transparent;\n padding: 0;\n margin: 0;\n font-size: 100%;\n word-break: normal;\n white-space: pre;\n}\n\n.prose blockquote {\n padding: 0 1em;\n color: #6a737d;\n border-left: 0.25em solid #dfe2e5;\n margin: 0 0 16px 0;\n}\n\n.prose img {\n max-width: 100%;\n box-sizing: content-box;\n background-color: #fff;\n}\n\n.prose hr {\n height: 0.25em;\n padding: 0;\n margin: 24px 0;\n background-color: #e1e4e8;\n border: 0;\n}\n\n.prose table {\n border-spacing: 0;\n border-collapse: collapse;\n margin-top: 0;\n margin-bottom: 16px;\n width: 100%;\n overflow: auto;\n}\n\n.prose table th {\n font-weight: 600;\n padding: 6px 13px;\n border: 1px solid #dfe2e5;\n}\n\n.prose table td {\n padding: 6px 13px;\n border: 1px solid #dfe2e5;\n}\n\n.prose table tr {\n background-color: #fff;\n border-top: 1px solid #c6cbd1;\n}\n\n.prose table tr:nth-child(2n) {\n background-color: #f6f8fa;\n}\n\n/* Prose size variants */\n.prose-sm {\n font-size: 0.875rem;\n}\n\n.prose-sm p {\n margin-bottom: 0.75em;\n}\n\n.prose-sm h1, \n.prose-sm h2, \n.prose-sm h3, \n.prose-sm h4, \n.prose-sm h5, \n.prose-sm h6 {\n margin-top: 1.25em;\n margin-bottom: 0.5em;\n}\n\n/* Override GitHub markdown CSS to ensure light theme */\n.markdown-body {\n background-color: #fff !important;\n color: #24292e !important;\n}",[],[185,268],"6ee2313c-3290-11f0-b8c8-569c3dd06744","index.tsx","621f4726-fe57-4b90-a1a7-17eac2bad6fb",392,["D",1747425636539],"/** @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\";\nimport { PackageDetail } from \"./components/PackageDetail.tsx\";\n\nconst root = document.getElementById(\"root\");\nif (!root) throw new Error(\"No root element found\");\n\n// Check if we're on a package page\nconst packageName = (window as any).packageName;\n\nif (packageName) {\n createRoot(root).render();\n} else {\n createRoot(root).render();\n}\n",[],[185,276],"6cda98ea-340a-11f0-a07d-9e149126039e",["D",1747587982900],14,[],[185,33],"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",[],[185,289],"561b6fa8-3405-11f0-bd8e-9e149126039e","SearchPage.tsx","3e4dcb83-38fa-4f6a-a474-6c4de8f5bf5f","6b24ddef-5b5b-4807-884f-b0e1eef81fd9",502,["D",1747585797246],61,"/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport InfiniteScroll from \"https://esm.sh/react-infinite-scroll-component@6.1.0?deps=react@18.2.0,react-dom@18.2.0\";\nimport { FormEvent, useEffect, useState } from \"https://esm.sh/react@18.2.0\";\nimport { marked } from \"https://esm.sh/marked@4.3.0\";\nimport { DEFAULT_QUERY } from \"../../shared/consts.ts\";\nimport { NpmPackage } from \"../../shared/schemas.ts\";\nimport { client } from \"../hono.ts\";\n\nexport function SearchPage() {\n const [items, setItems] = useState([]);\n const [query, setQuery] = useState(DEFAULT_QUERY);\n const [page, setPage] = useState(1);\n const [hasMore, setHasMore] = useState(true);\n const [loading, setLoading] = useState(false);\n\n const fetchPackages = async (\n searchQuery: string,\n pageNum: number,\n append = false,\n ) => {\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 = (e: FormEvent) => {\n e.preventDefault();\n if (query.trim()) {\n setPage(1);\n setItems([]);\n fetchPackages(query.trim(), 1);\n }\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 // Function to render markdown safely\n const renderMarkdown = (text: string) => {\n try {\n return { __html: marked(text) };\n } catch (error) {\n console.error(\"Error rendering markdown:\", error);\n return { __html: text };\n }\n };\n\n return (\n

\n {/* Header */}\n

\n {/* Top navigation */}\n

\n \n \n \n \n

\n Sign Up\n Sign In\n

\n \n {/* Search bar */}\n

\n\n {/* Results */}\n

\n \n

\n }\n endMessage={\n

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

\n }\n >\n

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

\n \n {item.name}\n \n \n

\n\n

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

\n\n

\n \n {item.author}\n \n • v{item.version}\n \n • Published {new Date(item.updated).toLocaleDateString()}\n \n

\n \n

\n {item.downloads.toLocaleString()} downloads per week\n

\n {item.license}\n

\n ))}\n

\n \n

\n );\n}",[],[185,306,297],"components","f2db5094-3291-11f0-bcfa-569c3dd06744","SearchBox.tsx","9e754796-328f-11f0-808f-569c3dd06744",409,["D",1747426287376],"/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport { FormEvent, useState } 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}\n",[],[185,306,308],"5a8ecca2-3409-11f0-893c-9e149126039e","PackageDetail.tsx","ca0374d2-328f-11f0-9b4c-569c3dd06744",510,["D",1747587522709],29,"/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport { marked } from \"https://esm.sh/marked@4.3.0\";\nimport { useEffect, useState } from \"https://esm.sh/react@18.2.0\";\nimport { client } from \"../hono.ts\";\nimport { NpmPackage } from \"../../shared/schemas.ts\";\nimport { APP_URL } from \"../../shared/consts.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 const packageDownloadLink = packageData\n ? `${APP_URL}api/npm-package/${packageData.name}`\n : \"\";\n\n useEffect(() => {\n const fetchPackageDetails = async () => {\n try {\n // Fetch package details\n const response = await client.package\n .$get({ query: { name: packageName } });\n const data = await response.json();\n setPackageData(data.package);\n setReadme(marked(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

\n Package not found\n

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

\n \n Return to search\n \n

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

\n {/* Header */}\n

\n {/* Top navigation */}\n

\n \n \n \n \n

\n Sign Up\n Sign In\n

\n \n {/* Search bar */}\n

\n \n \n \n

\n \n

\n \n Back to Search\n \n

\n\n

\n {/* Package header */}\n

\n {packageData.name}\n

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

\n\n

\n v{packageData.version}\n •\n \n Published {new Date(packageData.updated).toLocaleDateString()}\n \n

\n License: {packageData.license}\n

\n \n {packageData.downloads.toLocaleString()} weekly downloads\n \n

\n\n {/* Package content */}\n

\n {/* Sidebar */}\n

\n Installation\n

\n {\n navigator.clipboard.writeText(\n `npm install ${packageData.name}`,\n );\n const target = e.currentTarget;\n const originalText = target.textContent;\n target.textContent = \"Copied!\";\n setTimeout(() => {\n target.textContent = originalText;\n }, 1500);\n }}\n >\n npm install {packageData.name}\n \n

\n\n

\n Author\n

\n {packageData.author}\n

\n\n

\n Download\n

\n \n Download Package\n \n

\n\n {/* Main content */}\n

\n \n

\n \n \n );\n}\n",[],[185,306,316],"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",[],[185,306,334,325],"npm","abd75a60-3284-11f0-ae91-569c3dd06744",["D",1747420584852],[222],[185,306,334],"e8488f2e-3283-11f0-bd7a-569c3dd06744",["D",1747420256725],[221,223,224,225],[185,306],["D",1747420256725],[220,226,227,228,229],[185],"f2f9ee0a-3291-11f0-94c8-569c3dd06744","index.ts",414,["D",1747426287649],80,"http","import {\n readFile,\n serveFile,\n} 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 .get(\"/package/:name\", async (c) => {\n // Serve the same HTML but with the package name in the title\n const packageName = c.req.param(\"name\");\n let html = await readFile(\"/frontend/index.html\", import.meta.url);\n\n // Update the title to include the package name\n html = html.replace(\n \"React Hono Val Town Starter\",\n `${packageName} - npm`,\n );\n\n // Add a script to pass the package name to the frontend\n const packageScript =\n ``;\n html = html.replace(\"\", `${packageScript}`);\n\n return c.html(html);\n })\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",[],[190,347],"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",[],[190,357],"2391c836-3291-11f0-b1c5-569c3dd06744","mod.ts","353f1da8-3288-11f0-938a-569c3dd06744","29f737dc-3288-11f0-b5d9-569c3dd06744",399,["D",1747425939677],19,"import { Hono } from \"https://esm.sh/hono@4.7.7\";\nimport { searchRoute } from \"./routes/search.ts\";\nimport { packageRoute } from \"./routes/package.ts\";\nimport { npmPackageRoute } from \"./routes/npm-package.ts\";\n\nexport const apiRoute = new Hono()\n .route(\"/search\", searchRoute)\n .route(\"/package\", packageRoute)\n .route(\"/npm-package\", npmPackageRoute);\n\nexport type AppType = typeof apiRoute;\n",[],[190,375,366],"api","f2ee0068-3291-11f0-b18f-569c3dd06744","package-generator.ts","17968968-3291-11f0-a8c2-569c3dd06744","a9a53afa-6aa3-439c-bf34-7a86492b3349",412,["D",1747426287572],"import { TarStream } from \"https://esm.sh/jsr/@std/tar@0.1.6\";\nimport { generateFakeNpmPackages } from \"../ai/generate.ts\";\nimport { geminiFlashModel } from \"../ai/models.ts\";\nimport { generateText } from \"https://esm.sh/ai@4.3.15?deps=zod@3.23.4\";\n\n/**\n * Generates a TypeScript implementation for a package based on its name and description\n */\nexport async function generatePackageImplementation(\n packageName: string,\n description: string,\n): Promise {\n const prompt = `\nCreate a simple TypeScript implementation for an npm package with the following details:\n- Package name: ${packageName}\n- Description: ${description}\n\nThe implementation should:\n1. Be a single TypeScript file\n2. Export a main function or class that fulfills the package description\n3. Include proper JSDoc comments\n4. Be simple but functional\n5. Include 2-3 helper functions if appropriate\n\nOnly return the TypeScript code without any explanation or markdown formatting.\n`;\n const response = await generateText({ model: geminiFlashModel, prompt });\n return response.text.trim();\n}\n\n/**\n * Compiles TypeScript to JavaScript\n * This is a simple implementation that doesn't use the TypeScript compiler\n * In a real-world scenario, you would use the TypeScript compiler API\n */\nexport function compileTypeScript(tsCode: string): string {\n // This is a very simplified \"compilation\" that just removes TypeScript types\n // In a real implementation, you would use the TypeScript compiler\n return tsCode\n .replace(/: [A-Za-z<>[\\]|&]+/g, \"\") // Remove type annotations\n .replace(/<[A-Za-z,\\s]+>/g, \"\") // Remove generic type parameters\n .replace(/export default/g, \"module.exports =\") // Convert export default to module.exports\n .replace(/export /g, \"\") // Remove export keywords\n .replace(/import .* from .*;\\n/g, \"\"); // Remove import statements\n}\n\n/**\n * Creates a tar archive for an npm package\n */\nexport async function createPackageTar(\n packageName: string,\n version: string = \"1.0.0\",\n description: string = \"\",\n author: string = \"Val Town\",\n license: string = \"MIT\",\n): Promise> {\n // Generate implementation if description is empty\n if (!description) {\n const results = await generateFakeNpmPackages(packageName, 1);\n description = results.packages[0].description;\n }\n\n // Generate TypeScript implementation\n const tsImplementation = await generatePackageImplementation(\n packageName,\n description,\n );\n\n // Compile to JavaScript\n const jsImplementation = compileTypeScript(tsImplementation);\n\n // Create package.json\n const packageJson = {\n name: packageName,\n version,\n description,\n main: \"index.js\",\n types: \"index.d.ts\",\n scripts: {\n test: 'echo \"Error: no test specified\" && exit 1',\n },\n keywords: packageName.split(\"-\"),\n author,\n license,\n };\n\n // Create type definition file\n const dtsContent = `/**\n * Type definitions for ${packageName}\n */\n${\n tsImplementation.replace(/export function/g, \"export declare function\")\n .replace(/export class/g, \"export declare class\")\n .replace(/export const/g, \"export declare const\")\n .replace(/export default/g, \"export default\")\n .replace(/= [^;]+;/g, \";\")\n }\n`;\n\n // Convert content to bytes\n const packageJsonBytes = new TextEncoder().encode(\n JSON.stringify(packageJson, null, 2),\n );\n const indexJsBytes = new TextEncoder().encode(jsImplementation);\n const indexTsBytes = new TextEncoder().encode(tsImplementation);\n const indexDtsBytes = new TextEncoder().encode(dtsContent);\n\n // Create a ReadableStream of TarStreamInput objects\n const inputStream = new ReadableStream({\n start(controller) {\n // Add package directory\n controller.enqueue({\n type: \"directory\",\n path: \"package\",\n });\n\n // Add package.json file\n controller.enqueue({\n type: \"file\",\n path: \"package/package.json\",\n size: packageJsonBytes.length,\n readable: ReadableStream.from([packageJsonBytes]),\n });\n\n // Add index.js file\n controller.enqueue({\n type: \"file\",\n path: \"package/index.js\",\n size: indexJsBytes.length,\n readable: ReadableStream.from([indexJsBytes]),\n });\n\n // Add index.ts file\n controller.enqueue({\n type: \"file\",\n path: \"package/index.ts\",\n size: indexTsBytes.length,\n readable: ReadableStream.from([indexTsBytes]),\n });\n\n // Add index.d.ts file\n controller.enqueue({\n type: \"file\",\n path: \"package/index.d.ts\",\n size: indexDtsBytes.length,\n readable: ReadableStream.from([indexDtsBytes]),\n });\n\n controller.close();\n },\n });\n\n // Pipe the input stream through the TarStream to create the tar archive\n return inputStream.pipeThrough(new TarStream());\n}\n",[],[190,375,385,377],"utils","1796ae02-3291-11f0-a8c2-569c3dd06744",397,["D",1747425919578],[215],[190,375,385],"8f2dcd68-3293-11f0-b176-569c3dd06744","search.ts","2b4dcbd2-3288-11f0-af8a-569c3dd06744","54b85b0e-3288-11f0-b259-569c3dd06744",436,["D",1747426979213],15,"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?v=13\";\nimport { searchResultSchema } from \"../../../shared/schemas.ts\";\nimport { S3_PREFIX } from \"../../../shared/consts.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 = `${S3_PREFIX}npm_search_${q}_${n}_${page}`;\n\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\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",[],[190,375,401,392],"routes","0fc956ac-32a5-11f0-a004-569c3dd06744","package.ts","d0f62b7c-328f-11f0-ac05-569c3dd06744",479,["D",1747434495704],4,"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?v=13\";\nimport { generatePackageReadme } from \"../ai/generate-readme.ts\";\n\nexport const packageRoute = new Hono()\n .get(\n \"/\",\n zValidator(\n \"query\",\n z.object({ name: z.string().min(1).describe(\"Package name\") }),\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 to get cached package data\n const cachedPackage = await blob.getJSON(cacheKey);\n if (cachedPackage) {\n return c.json(cachedPackage);\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 );\n",[],[190,375,401,403],"2464f288-32c8-11f0-955e-569c3dd06744","npm-package.ts","2041bb5a-3291-11f0-8ff6-569c3dd06744",487,["D",1747449563384],18,"import { zValidator } from \"https://esm.sh/@hono/zod-validator@0.4.3?deps=hono@4.7.7,zod@3.23.4\";\nimport { Hono } from \"https://esm.sh/hono@4.7.7\";\nimport { z } from \"https://esm.sh/zod@3.23.4\";\nimport { blob } from \"https://esm.town/v/std/blob?v=13\";\nimport { S3_PREFIX } from \"../../../shared/consts.ts\";\nimport { createPackageTar } from \"../utils/package-generator.ts\";\n\nexport const npmPackageRoute = new Hono()\n .get(\n \"/:packageName\",\n zValidator(\n \"param\",\n z.object({\n packageName: z.string().min(1).describe(\"Package name\"),\n }),\n ),\n async (c) => {\n const { packageName } = c.req.valid(\"param\");\n\n const cacheKey = `${S3_PREFIX}npm_package_tar_${packageName}`;\n\n try {\n const cachedPackage = await blob.get(cacheKey);\n if (cachedPackage) {\n return new Response(cachedPackage.body, {\n headers: {\n \"Content-Type\": \"application/x-tar\",\n \"Content-Disposition\": `attachment; filename=${packageName}.tar`,\n },\n });\n }\n } catch {\n console.log(`Cache miss for package: ${packageName}`);\n }\n\n const tarArchive = await createPackageTar(packageName);\n await cachePackage(cacheKey, tarArchive);\n return new Response(tarArchive, {\n headers: {\n \"Content-Type\": \"application/x-tar\",\n \"Content-Disposition\": `attachment; filename=${packageName}.tar`,\n },\n });\n },\n );\n\nasync function cachePackage(\n cacheKey: string,\n stream: ReadableStream,\n) {\n const response = new Response(stream);\n const bytes = await response.arrayBuffer();\n await blob.set(cacheKey, new Uint8Array(bytes));\n console.log(`Successfully cached package: ${cacheKey}`);\n}",[],[190,375,401,412],"54b85a5a-3288-11f0-b259-569c3dd06744",262,["D",1747422156673],[211,212,213],[190,375,401],"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",[],[190,375,434,426],"ai","917149ce-3405-11f0-b1d8-9e149126039e","generate.ts","31476656-3288-11f0-a061-569c3dd06744",505,["D",1747585896803],52,"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, using markdown formatting for emphasis and links. Keep it realistic and focused on practical use cases.\"),\n tags: z.array(\n z.string()\n .describe(\"Technologies or categories related to this package. Use common, realistic tags like 'react', 'node', 'utility', 'api', etc.\"),\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 realistic NPM package related to \"${query}\". Make it practical and focused on common developer needs. Use markdown formatting in the description field to emphasize key points or add links.`,\n `Create a fictional but realistic NPM package for \"${query}\" with practical features and naming. The description should use markdown formatting to highlight important features. Focus on common use cases that developers would actually need.`,\n `Invent a practical NPM package that would appear when searching \"${query}\". Be realistic with names and details. Use markdown in the description to make it more readable with emphasis or links. Avoid exotic or impractical technologies.`,\n `Design a realistic NPM package for \"${query}\" purposes. The description should use markdown formatting like **bold**, *italic*, or \\`code\\`. Focus on solving real-world problems that developers face.`,\n `Generate a practical NPM package related to \"${query}\". Use realistic naming and download counts. Include markdown formatting in the description to make it look like a real npm package description. Focus on common development needs.`,\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: prompt + ` Make sure the package is realistic and practical, not using exotic technologies or making unrealistic claims. Focus on common developer needs and real-world use cases.`,\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))\n .toISOString(),\n dependents: Math.floor(10 + Math.random() * 3000),\n }));\n\n return { packages };\n}\n\nexport type FakeNpmPackage = z.infer;\n\nexport type FakeNpmPackage = z.infer;\n",[],[190,375,434,436],"99b3bcde-3405-11f0-9855-9e149126039e","generate-readme.ts","d652f366-328f-11f0-90da-569c3dd06744",506,["D",1747585910661],"import { geminiFlashModel } from \"./models.ts\";\nimport { NpmPackage } from \"../../../shared/schemas.ts\";\n\nexport async function generatePackageReadme(\n packageData: NpmPackage,\n): 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\nIMPORTANT: Keep the content realistic and practical. Focus on common developer needs and real-world use cases. Avoid exotic technologies or making unrealistic claims. The package should solve practical problems that developers actually face.\n\nUse realistic code examples that demonstrate the actual functionality described. Don't include references to quantum computing, blockchain, AI, or other advanced technologies unless they're directly relevant to the package's core purpose.\n`;\n\n try {\n const response = await geminiFlashModel.generateContent(prompt);\n const markdown = response.response.text();\n \n // Return the raw markdown\n return markdown;\n } catch (error) {\n console.error(\"Error generating README:\", error);\n return `# ${packageData.name}\\n\\n${packageData.description}`;\n }\n}\n",[],[190,375,434,445],"2b36d7ec-3288-11f0-b5d9-569c3dd06744",240,["D",1747422087039],[207,208,209],[190,375,434],"29f73746-3288-11f0-b5d9-569c3dd06744",238,["D",1747422084942],[206,210,214,216],[190,375],["D",1747420256725],[205,217,218],[190],["D",1747420256725],{"_100":99,"_107":103},{"_100":99,"_101":-5,"_102":103,"_18":54,"_104":105,"_106":25},{"_13":85,"_32":86,"_43":42,"_87":44,"_88":89,"_90":91,"_92":50,"_93":94,"_95":96,"_97":45,"_98":99},"ctx",{"_78":-5,"_129":502,"_503":504,"_505":506,"_507":25,"_508":25,"_509":25,"_510":58,"_511":-5,"_512":-7,"_513":-7,"_514":174,"_515":25,"_516":25,"_517":-5,"_518":25,"_519":25,"_520":25,"_521":-5},"ENV",{"_473":474,"_475":476,"_477":86,"_478":479,"_480":481,"_482":483,"_484":485,"_486":487,"_488":489,"_490":491,"_492":493,"_494":495,"_496":497,"_498":499,"_500":501},"REACT_APP_SENTRY_DSN","https://586020d86f05489db63a554690acf1e9@o1398359.ingest.sentry.io/6724499","RENDER_GIT_COMMIT","fdb67791413f4386b4dbf18f354029a617f6160f","RENDER_GIT_BRANCH","POSTHOG_API_TOKEN","phc_nmoyuAkStEZuUp69rYlg1DZgrIt19Gx0Y4Hwf8tGgJP","POSTHOG_API_HOST","https://wart.val.town","WEB_API_TEMPLATE","https://{val}.web.val.run","APP_URL","https://www.val.town","MODULE_URL","https://esm.town","VANITY_WEB_API_TEMPLATE","https://{label}.val.run/","DENOLS_URL","https://lsp.val.town","NODE_ENV","production","CLOUDFLARE_TURNSTILE_SITE_KEY","0x4AAAAAACtaIZJH7s9rBMZ6","GOOGLE_CLIENT_ID","875989696899-jtsqkhlbdv5jrlsk8631p7ipjg3c6o62.apps.googleusercontent.com","STRIPE_PUBLISHABLE_KEY","pk_live_51N2zvWEpZTTLipIkVEwXrUG9AT0yeOOEYxszarZT1jpsZV58Ly6wlg3SltZpHN26CUalOBmUSY7adQRQiSkCZz2500qSXNkf8Y","API_URL","https://api.val.town",[],"preferencesKeybindings","default","preferencesTheme","light","preferencesFixers","preferencesCopilot","preferencesSelectionAi","preferencesCloseBrackets","preferencesChatPanelState","preferencesDprint","preferencesDenofmt","notificationCount","flagDenols","isBusinessOrgMember","businessOrgHandle","isBusinessOrgAdmin","isHigherTownieTier","navCollapsed","currentOrgId"]

Diff · v511