[{"_1":2,"_3":-5,"_4":-5},"loaderData",{"_5":6,"_7":8,"_9":10},"actionData","errors","root",{"_681":682,"_683":684},"routes/_app.x.$handle.$name",{"_101":100,"_32":46,"_109":87,"_27":110,"_13":14,"_111":-5,"_11":112,"_113":114,"_115":116,"_117":118,"_119":120,"_20":-5,"_121":122,"_123":124,"_125":25,"_126":127,"_128":59,"_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",{"_44":45,"_32":46,"_39":47,"_48":-5,"_49":25,"_50":51,"_52":51,"_53":-5,"_54":-5,"_18":55,"_56":57,"_58":59,"_60":59,"_61":-5,"_62":63,"_64":65,"_66":-5,"_67":-5,"_68":-5,"_69":-5,"_70":71,"_72":71,"_73":74,"_75":74,"_76":74,"_77":71,"_78":71,"_79":80,"_81":82,"_83":84,"_85":25},"version",697,"changes",[19],"aiChatInfo","userId",{"_20":21,"_22":23,"_24":25,"_26":25,"_27":28,"_29":28},"file",{"_30":31,"_32":33,"_34":35,"_36":38,"_39":40,"_41":14,"_42":43,"_24":25},"previous",{"_30":31,"_32":33,"_34":35,"_36":37},"deleted",false,"deletedHere","path","frontend/components/SearchBar.tsx","latestPath","fileId","ae378472-3439-11f0-b724-9e149126039e","name","SearchBar.tsx","fileType","script","content","/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport { FormEvent, useState } from \"https://esm.sh/react@18.2.0\";\nimport { SearchIcon } from \"./icons/SearchIcon.tsx\";\n\ninterface SearchBarProps {\n initialQuery: string;\n onSearch: (query: string) => void;\n}\n\nexport function SearchBar({ initialQuery, onSearch }: SearchBarProps) {\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}","/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport { FormEvent, useState } from \"https://esm.sh/react@18.2.0\";\nimport { SearchIcon } from \"./icons/SearchIcon.tsx\";\n\ninterface SearchBarProps {\n initialQuery: string;\n onSearch: (query: string) => void;\n}\n\nexport function SearchBar({ initialQuery, onSearch }: SearchBarProps) {\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","createdAt",["D",1747609560263],"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",{"_101":100,"_108":104},"org",{"_101":100,"_102":-5,"_103":104,"_18":55,"_105":106,"_107":25},"branch",{"_13":86,"_32":87,"_44":43,"_88":45,"_89":90,"_91":92,"_93":51,"_94":95,"_96":97,"_98":46,"_99":100},"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",{"_44":45,"_32":46,"_39":677,"_48":-5,"_49":25,"_50":51,"_52":51,"_53":-5,"_54":-5,"_18":55,"_56":57,"_58":59,"_60":59,"_61":-5,"_62":63,"_64":65,"_66":-5,"_67":-5,"_68":-5,"_69":-5,"_70":71,"_72":71,"_73":74,"_75":74,"_76":74,"_77":71,"_78":71,"_79":678,"_81":679,"_83":680,"_85":25},"tree",[205,227,256,259,260,261],"files",[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,236,237,238,239,240,241,242,243,244,245,246,247,248,249,250,251,252,253,254,255,256,257,258,259,260,261],"counts",{"_195":175,"_196":158,"_197":175,"_198":199,"_200":201},"contents",[145,146,147,148,149,150],"upstreamProject",{"_44":95,"_32":140,"_53":141,"_54":142,"_50":51,"_79":143},"upstreamBranch",{"_44":90,"_39":133,"_134":135,"_32":87,"_88":95,"_13":136,"_89":-5,"_91":-5,"_137":138,"_48":-5,"_85":25,"_50":51,"_99":139,"_64":97,"_98":140},"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=1789590649&sig=2060ee68060437089750ab504aa6bd9dafdebb87a991d943a51a66df1f4ee201",{"_101":139,"_108":144},"https://imagedelivery.net/iHX6Ovru0O7AjmyT5yZRoA/129cab32-3bd7-4c3e-f39b-f12900c76100/square512?exp=1789590649&sig=246fe7ba489f9a8c363d7c762de006587b09d2670cba87bdeb43b70d9bb0b450",{"_44":190,"_32":191,"_30":192,"_154":-5,"_42":43,"_41":63,"_156":59,"_39":193,"_13":175,"_34":183,"_36":-5,"_24":25,"_160":-5,"_27":194},{"_44":185,"_32":186,"_30":187,"_154":-5,"_42":43,"_41":63,"_156":59,"_39":188,"_13":175,"_34":183,"_36":-5,"_24":25,"_160":-5,"_27":189},{"_44":178,"_32":179,"_30":180,"_154":-5,"_42":43,"_41":181,"_156":59,"_39":182,"_13":175,"_34":183,"_36":-5,"_24":25,"_160":-5,"_27":184},{"_44":170,"_32":171,"_30":172,"_154":-5,"_42":43,"_41":173,"_156":59,"_39":174,"_13":175,"_34":20,"_36":176,"_24":25,"_160":-5,"_27":177},{"_44":162,"_32":163,"_30":164,"_154":-5,"_42":43,"_41":165,"_156":25,"_39":166,"_13":167,"_34":20,"_36":168,"_24":25,"_160":-5,"_27":169},{"_44":151,"_32":152,"_30":153,"_154":-5,"_42":43,"_41":155,"_156":59,"_39":157,"_13":158,"_34":20,"_36":159,"_24":25,"_160":-5,"_27":161},"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",[152],"3ee2e688-3435-11f0-b18a-9e149126039e","README.md","e3cac2a8-48b1-4e18-8b51-3166155e5a6e",626,["D",1747606374129],9,"# 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> **Note**: The Townie folder is for reference only and should be deleted manually.\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. Feature a multi-file structure with proper directory organization\n3. Use modern ESM imports/exports (not CommonJS)\n4. Include both TypeScript and JavaScript implementations\n5. Have proper package.json, README, and type definitions\n6. Include tests, license, and other standard npm package files\n7. Are cached in Val Town's blob storage for faster subsequent downloads\n8. 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",[163],"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",[171],"1921ad6e-328a-11f0-9ec5-569c3dd06744","shared","1921ae18-328a-11f0-9ec5-569c3dd06744",322,["D",1747422915693],"directory",[179],"e848b332-3283-11f0-bd7a-569c3dd06744","frontend","4d95fc94-6af5-4102-8b6b-a3751cc6cd7b",["D",1747420256725],[186],"e84871f6-3283-11f0-bd7a-569c3dd06744","backend","a705866e-b464-4a7d-b562-1f6c5bbc827c",["D",1747420256725],[191],"pulls","branches","forks","envVars",{"_202":63,"_204":175},"connections",{"_202":175,"_203":175},"count","unfilledCount","emptyCount",{"_44":190,"_32":191,"_30":192,"_154":-5,"_42":43,"_41":63,"_156":59,"_39":674,"_13":175,"_34":183,"_36":-5,"_24":25,"_160":-5,"_263":675,"_27":676},{"_44":669,"_32":588,"_30":581,"_154":192,"_42":43,"_41":670,"_156":59,"_39":671,"_13":175,"_34":183,"_36":-5,"_24":25,"_160":-5,"_263":672,"_27":673},{"_44":664,"_32":645,"_30":639,"_154":581,"_42":43,"_41":665,"_156":59,"_39":666,"_13":175,"_34":183,"_36":-5,"_24":25,"_160":-5,"_263":667,"_27":668},{"_44":655,"_32":656,"_30":657,"_154":639,"_42":43,"_41":658,"_156":25,"_39":659,"_13":660,"_34":35,"_36":661,"_24":25,"_160":-5,"_263":662,"_27":663},{"_44":646,"_32":647,"_30":648,"_154":639,"_42":43,"_41":649,"_156":25,"_39":650,"_13":651,"_34":35,"_36":652,"_24":25,"_160":-5,"_263":653,"_27":654},{"_44":636,"_32":637,"_30":638,"_154":639,"_42":43,"_41":640,"_156":59,"_39":641,"_13":158,"_34":35,"_36":642,"_24":25,"_160":-5,"_263":643,"_27":644},{"_44":631,"_32":613,"_30":607,"_154":581,"_42":43,"_41":632,"_156":59,"_39":633,"_13":175,"_34":183,"_36":-5,"_24":25,"_160":-5,"_263":634,"_27":635},{"_44":622,"_32":623,"_30":624,"_154":607,"_42":43,"_41":625,"_156":59,"_39":626,"_13":627,"_34":35,"_36":628,"_24":25,"_160":-5,"_263":629,"_27":630},{"_44":614,"_32":615,"_30":616,"_154":607,"_42":43,"_41":617,"_156":25,"_39":618,"_13":173,"_34":35,"_36":619,"_24":25,"_160":-5,"_263":620,"_27":621},{"_44":604,"_32":605,"_30":606,"_154":607,"_42":43,"_41":608,"_156":59,"_39":609,"_13":313,"_34":35,"_36":610,"_24":25,"_160":-5,"_263":611,"_27":612},{"_44":599,"_32":598,"_30":592,"_154":581,"_42":43,"_41":600,"_156":59,"_39":601,"_13":175,"_34":183,"_36":-5,"_24":25,"_160":-5,"_263":602,"_27":603},{"_44":589,"_32":590,"_30":591,"_154":592,"_42":43,"_41":593,"_156":59,"_39":594,"_13":277,"_34":35,"_36":595,"_24":25,"_160":-5,"_263":596,"_27":597},{"_44":578,"_32":579,"_30":580,"_154":581,"_42":43,"_41":582,"_156":59,"_39":583,"_13":584,"_34":35,"_36":585,"_24":25,"_160":-5,"_263":586,"_27":587},{"_44":573,"_32":458,"_30":551,"_154":192,"_42":43,"_41":574,"_156":59,"_39":575,"_13":175,"_34":183,"_36":-5,"_24":25,"_160":-5,"_263":576,"_27":577},{"_44":565,"_32":566,"_30":567,"_154":551,"_42":43,"_41":568,"_156":59,"_39":569,"_13":63,"_34":35,"_36":570,"_24":25,"_160":-5,"_263":571,"_27":572},{"_44":557,"_32":558,"_30":559,"_154":551,"_42":43,"_41":560,"_156":25,"_39":561,"_13":277,"_34":35,"_36":562,"_24":25,"_160":-5,"_263":563,"_27":564},{"_44":548,"_32":549,"_30":550,"_154":551,"_42":43,"_41":552,"_156":59,"_39":553,"_13":63,"_34":35,"_36":554,"_24":25,"_160":-5,"_263":555,"_27":556},{"_44":543,"_32":535,"_30":529,"_154":192,"_42":43,"_41":544,"_156":25,"_39":545,"_13":175,"_34":183,"_36":-5,"_24":25,"_160":-5,"_263":546,"_27":547},{"_44":536,"_32":508,"_30":537,"_154":529,"_42":43,"_41":538,"_156":25,"_39":539,"_13":63,"_34":35,"_36":540,"_24":25,"_160":-5,"_263":541,"_27":542},{"_44":526,"_32":527,"_30":528,"_154":529,"_42":43,"_41":530,"_156":25,"_39":531,"_13":63,"_34":35,"_36":532,"_24":25,"_160":-5,"_263":533,"_27":534},{"_44":517,"_32":518,"_30":519,"_154":192,"_42":43,"_41":520,"_156":59,"_39":521,"_13":522,"_34":35,"_36":523,"_24":25,"_160":-5,"_263":524,"_27":525},{"_44":507,"_32":508,"_30":57,"_154":192,"_42":43,"_41":509,"_156":25,"_39":510,"_13":511,"_34":512,"_36":513,"_24":25,"_160":514,"_263":515,"_27":516},{"_44":185,"_32":186,"_30":187,"_154":-5,"_42":43,"_41":63,"_156":59,"_39":504,"_13":175,"_34":183,"_36":-5,"_24":25,"_160":-5,"_263":505,"_27":506},{"_44":500,"_32":357,"_30":351,"_154":187,"_42":43,"_41":63,"_156":59,"_39":501,"_13":175,"_34":183,"_36":-5,"_24":25,"_160":-5,"_263":502,"_27":503},{"_44":496,"_32":487,"_30":481,"_154":351,"_42":43,"_41":491,"_156":59,"_39":497,"_13":175,"_34":183,"_36":-5,"_24":25,"_160":-5,"_263":498,"_27":499},{"_44":488,"_32":489,"_30":490,"_154":481,"_42":43,"_41":491,"_156":25,"_39":492,"_13":175,"_34":35,"_36":493,"_24":25,"_160":-5,"_263":494,"_27":495},{"_44":478,"_32":479,"_30":480,"_154":481,"_42":43,"_41":482,"_156":25,"_39":483,"_13":175,"_34":35,"_36":484,"_24":25,"_160":-5,"_263":485,"_27":486},{"_44":473,"_32":472,"_30":466,"_154":351,"_42":43,"_41":474,"_156":59,"_39":475,"_13":175,"_34":183,"_36":-5,"_24":25,"_160":-5,"_263":476,"_27":477},{"_44":463,"_32":464,"_30":465,"_154":466,"_42":43,"_41":467,"_156":59,"_39":468,"_13":63,"_34":35,"_36":469,"_24":25,"_160":-5,"_263":470,"_27":471},{"_44":459,"_32":458,"_30":451,"_154":351,"_42":43,"_41":158,"_156":59,"_39":460,"_13":175,"_34":183,"_36":-5,"_24":25,"_160":-5,"_263":461,"_27":462},{"_44":448,"_32":449,"_30":450,"_154":451,"_42":43,"_41":452,"_156":59,"_39":453,"_13":454,"_34":35,"_36":455,"_24":25,"_160":-5,"_263":456,"_27":457},{"_44":444,"_32":403,"_30":397,"_154":351,"_42":43,"_41":439,"_156":59,"_39":445,"_13":175,"_34":183,"_36":-5,"_24":25,"_160":-5,"_263":446,"_27":447},{"_44":436,"_32":437,"_30":438,"_154":397,"_42":43,"_41":439,"_156":25,"_39":440,"_13":175,"_34":35,"_36":441,"_24":25,"_160":-5,"_263":442,"_27":443},{"_44":428,"_32":429,"_30":430,"_154":397,"_42":43,"_41":431,"_156":25,"_39":432,"_13":175,"_34":35,"_36":433,"_24":25,"_160":-5,"_263":434,"_27":435},{"_44":420,"_32":421,"_30":422,"_154":397,"_42":43,"_41":423,"_156":25,"_39":424,"_13":175,"_34":35,"_36":425,"_24":25,"_160":-5,"_263":426,"_27":427},{"_44":412,"_32":413,"_30":414,"_154":397,"_42":43,"_41":415,"_156":25,"_39":416,"_13":175,"_34":35,"_36":417,"_24":25,"_160":-5,"_263":418,"_27":419},{"_44":404,"_32":405,"_30":406,"_154":397,"_42":43,"_41":407,"_156":25,"_39":408,"_13":175,"_34":35,"_36":409,"_24":25,"_160":-5,"_263":410,"_27":411},{"_44":394,"_32":395,"_30":396,"_154":397,"_42":43,"_41":398,"_156":25,"_39":399,"_13":175,"_34":35,"_36":400,"_24":25,"_160":-5,"_263":401,"_27":402},{"_44":386,"_32":387,"_30":388,"_154":351,"_42":43,"_41":389,"_156":25,"_39":390,"_13":63,"_34":35,"_36":391,"_24":25,"_160":-5,"_263":392,"_27":393},{"_44":378,"_32":379,"_30":380,"_154":351,"_42":43,"_41":381,"_156":25,"_39":382,"_13":63,"_34":35,"_36":383,"_24":25,"_160":-5,"_263":384,"_27":385},{"_44":370,"_32":371,"_30":372,"_154":351,"_42":43,"_41":373,"_156":59,"_39":374,"_13":63,"_34":35,"_36":375,"_24":25,"_160":-5,"_263":376,"_27":377},{"_44":362,"_32":363,"_30":364,"_154":351,"_42":43,"_41":365,"_156":59,"_39":366,"_13":63,"_34":35,"_36":367,"_24":25,"_160":-5,"_263":368,"_27":369},{"_44":358,"_32":33,"_30":31,"_154":351,"_42":43,"_41":14,"_156":59,"_39":359,"_13":63,"_34":35,"_36":38,"_24":25,"_160":-5,"_263":360,"_27":361},{"_44":348,"_32":349,"_30":350,"_154":351,"_42":43,"_41":352,"_156":59,"_39":353,"_13":277,"_34":35,"_36":354,"_24":25,"_160":-5,"_263":355,"_27":356},{"_44":343,"_32":334,"_30":328,"_154":187,"_42":43,"_41":344,"_156":59,"_39":345,"_13":175,"_34":183,"_36":-5,"_24":25,"_160":-5,"_263":346,"_27":347},{"_44":335,"_32":336,"_30":337,"_154":328,"_42":43,"_41":338,"_156":25,"_39":339,"_13":158,"_34":35,"_36":340,"_24":25,"_160":-5,"_263":341,"_27":342},{"_44":325,"_32":326,"_30":327,"_154":328,"_42":43,"_41":329,"_156":25,"_39":330,"_13":63,"_34":35,"_36":331,"_24":25,"_160":-5,"_263":332,"_27":333},{"_44":317,"_32":318,"_30":319,"_154":187,"_42":43,"_41":320,"_156":59,"_39":321,"_13":63,"_34":35,"_36":322,"_24":25,"_160":-5,"_263":323,"_27":324},{"_44":308,"_32":309,"_30":310,"_154":187,"_42":43,"_41":311,"_156":25,"_39":312,"_13":313,"_34":20,"_36":314,"_24":25,"_160":-5,"_263":315,"_27":316},{"_44":300,"_32":301,"_30":302,"_154":187,"_42":43,"_41":303,"_156":59,"_39":304,"_13":167,"_34":35,"_36":305,"_24":25,"_160":-5,"_263":306,"_27":307},{"_44":292,"_32":293,"_30":294,"_154":187,"_42":43,"_41":295,"_156":25,"_39":296,"_13":158,"_34":20,"_36":297,"_24":25,"_160":-5,"_263":298,"_27":299},{"_44":178,"_32":179,"_30":180,"_154":-5,"_42":43,"_41":181,"_156":59,"_39":289,"_13":175,"_34":183,"_36":-5,"_24":25,"_160":-5,"_263":290,"_27":291},{"_44":281,"_32":282,"_30":283,"_154":180,"_42":43,"_41":284,"_156":25,"_39":285,"_13":173,"_34":35,"_36":286,"_24":25,"_160":-5,"_263":287,"_27":288},{"_44":272,"_32":273,"_30":274,"_154":180,"_42":43,"_41":275,"_156":59,"_39":276,"_13":277,"_34":35,"_36":278,"_24":25,"_160":-5,"_263":279,"_27":280},{"_44":170,"_32":171,"_30":172,"_154":-5,"_42":43,"_41":173,"_156":59,"_39":269,"_13":175,"_34":20,"_36":176,"_24":25,"_160":-5,"_263":270,"_27":271},{"_44":162,"_32":163,"_30":164,"_154":-5,"_42":43,"_41":165,"_156":25,"_39":266,"_13":167,"_34":20,"_36":168,"_24":25,"_160":-5,"_263":267,"_27":268},{"_44":151,"_32":152,"_30":153,"_154":-5,"_42":43,"_41":155,"_156":59,"_39":262,"_13":158,"_34":20,"_36":159,"_24":25,"_160":-5,"_263":264,"_27":265},["D",1747423082376],"children",[],[152],["D",1747606374129],[],[163],["D",1747420584941],[],[171],"b7648612-32a4-11f0-9f0b-569c3dd06744","schemas.ts","a494a05e-328f-11f0-a571-569c3dd06744",463,["D",1747434348119],3,"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",[],[179,273],"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",[],[179,282],["D",1747422915693],[257,258],[179],"8a00f23e-340a-11f0-a8a3-9e149126039e","style.css","e6b83858-3404-11f0-b86f-9e149126039e",515,["D",1747588031803],"/* 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: 80ch;\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}",[],[186,293],"c6d659da-343a-11f0-9579-9e149126039e","index.tsx","621f4726-fe57-4b90-a1a7-17eac2bad6fb",679,["D",1747608749711],"/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport { createRoot } from \"https://esm.sh/react-dom@18.2.0/client\";\nimport { SearchPage } from \"./pages/SearchPage.tsx\";\nimport { PackageDetailPage } from \"./pages/PackageDetailPage.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",[],[186,301],"813a152c-3432-11f0-9dda-9e149126039e","index.html","12ae2341-bde2-4eec-9439-3f72856d6a68",530,["D",1747605196947],15,"\n\n \n \n \n NPLLM\n \n \n \n \n\n \n

\n \n \n \n \n",[],[186,309],"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",[],[186,318],"e6e1739a-343a-11f0-add8-9e149126039e","SearchPage.tsx","6220a176-343a-11f0-8c42-9e149126039e","70322a61-8486-4183-9922-c6f2af78d1ff",681,["D",1747608803471],"/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport { useEffect, useState } from \"https://esm.sh/react@18.2.0\";\nimport { DEFAULT_QUERY } from \"../../shared/consts.ts\";\nimport { NpmPackage } from \"../../shared/schemas.ts\";\nimport { client } from \"../hono.ts\";\nimport { Header } from \"../components/Header.tsx\";\nimport { Layout } from \"../components/common/Layout.tsx\";\nimport { PackageList } from \"../components/PackageList.tsx\";\nimport { generateProfilePicture } from \"../components/ProfilePicture.tsx\";\n\n// Interface for profile picture cache\ninterface ProfilePictureCache {\n [key: string]: string;\n}\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 const [profilePictures, setProfilePictures] = useState({});\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 // Generate profile pictures for new packages\n const newPackages = data.packages;\n const newProfilePictures: ProfilePictureCache = { ...profilePictures };\n \n // Generate profile pictures in parallel\n const picturePromises = newPackages.map(async (pkg: NpmPackage) => {\n // Skip if we already have a picture for this package\n if (newProfilePictures[pkg.id]) return;\n \n // Use the package name and avatarText as the prompt\n const prompt = `${pkg.name} ${pkg.avatarText} profile picture`;\n const imageUrl = await generateProfilePicture(prompt);\n if (imageUrl) {\n newProfilePictures[pkg.id] = imageUrl;\n }\n });\n \n // Wait for all profile pictures to be generated\n await Promise.all(picturePromises);\n setProfilePictures(newProfilePictures);\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 setPage(1);\n setItems([]);\n setQuery(searchQuery);\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

\n \n

\n \n );\n}",[],[186,334,326],"pages","fd1a8a16-343a-11f0-8412-9e149126039e","PackageDetailPage.tsx","97609daa-343a-11f0-a3e8-9e149126039e",682,["D",1747608840756],"/** @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 { APP_URL } from \"../../shared/consts.ts\";\nimport { NpmPackage } from \"../../shared/schemas.ts\";\nimport { client } from \"../hono.ts\";\nimport { AppHeader } from \"../components/common/AppHeader.tsx\";\nimport { Layout } from \"../components/common/Layout.tsx\";\nimport { PackageHeader } from \"../components/package/PackageHeader.tsx\";\nimport { PackageLoading } from \"../components/package/PackageLoading.tsx\";\nimport { PackageNotFound } from \"../components/package/PackageNotFound.tsx\";\nimport { PackageReadme } from \"../components/package/PackageReadme.tsx\";\nimport { PackageSearchBar } from \"../components/package/PackageSearchBar.tsx\";\nimport { PackageSidebar } from \"../components/package/PackageSidebar.tsx\";\n\ninterface PackageDetailPageProps {\n packageName: string;\n}\n\nexport function PackageDetailPage({ packageName }: PackageDetailPageProps) {\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 if (!packageData) {\n return ;\n }\n\n return (\n \n \n \n }\n >\n

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

\n \n \n

\n \n );\n}",[],[186,334,336],"6220c49e-343a-11f0-8c42-9e149126039e",665,["D",1747608580746],[250,251],[186,334],"bdd65b4e-340a-11f0-bc2c-9e149126039e","SearchBox.tsx","9e754796-328f-11f0-808f-569c3dd06744","6b24ddef-5b5b-4807-884f-b0e1eef81fd9",518,["D",1747588118769],"/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport { FormEvent, useState } from \"https://esm.sh/react@18.2.0\";\nimport { SearchIcon } from \"./icons/SearchIcon.tsx\";\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",[],[186,357,349],"components","aa081ddc-343c-11f0-a2e4-9e149126039e",["D",1747609560263],[],[186,357,33],"a9f46e90-343c-11f0-9b89-9e149126039e","ProfilePicture.tsx","959255be-3439-11f0-b83c-9e149126039e",695,["D",1747609560248],"/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport { useEffect, useState } from \"https://esm.sh/react@18.2.0\";\n\ninterface ProfilePictureProps {\n imageUrl?: string;\n author: string;\n avatarText: string;\n packageId: string;\n}\n\n// Function to generate profile pictures using the provided API\nexport const generateProfilePicture = async (\n prompt: string,\n): Promise => {\n try {\n const response = await fetch(\n \"https://stevekrouse--411c225025f011f0ad23569c3dd06744.web.val.run/api/fal/proxy\",\n {\n method: \"POST\",\n headers: {\n \"Content-Type\": \"application/json\",\n \"x-fal-target-url\": \"https://fal.run/fal-ai/flux/schnell\",\n \"Origin\":\n \"https://stevekrouse--411c225025f011f0ad23569c3dd06744.web.val.run\",\n },\n body: JSON.stringify({\n prompt,\n image_size: \"landscape_4_3\",\n num_inference_steps: 4,\n num_images: 1,\n enable_safety_checker: true,\n sync_mode: true,\n }),\n },\n );\n\n if (!response.ok) {\n throw new Error(`Failed to generate image: ${response.statusText}`);\n }\n\n const data = await response.json();\n return data.images[0].url;\n } catch (error) {\n console.error(\"Error generating profile picture:\", error);\n return \"\"; // Return empty string if generation fails\n }\n};\n\nexport function ProfilePicture(\n { imageUrl, author, avatarText, packageId }: ProfilePictureProps,\n) {\n const [profileImage, setProfileImage] = useState(\n imageUrl,\n );\n const [isLoading, setIsLoading] = useState(!imageUrl);\n\n useEffect(() => {\n // If we already have an image URL, don't fetch a new one\n if (imageUrl) {\n setProfileImage(imageUrl);\n setIsLoading(false);\n return;\n }\n\n // If we're already loading or have an image, don't fetch again\n if (!isLoading || profileImage) return;\n\n // Generate a profile picture if we don't have one\n const fetchProfilePicture = async () => {\n const prompt = `${packageId} ${avatarText} profile picture`;\n const url = await generateProfilePicture(prompt);\n if (url) {\n setProfileImage(url);\n }\n setIsLoading(false);\n };\n\n fetchProfilePicture();\n }, [imageUrl, packageId, avatarText, isLoading, profileImage]);\n\n if (profileImage) {\n return (\n \n );\n }\n\n return (\n

\n {avatarText}\n

\n );\n}\n",[],[186,357,363],"a9f6e512-343c-11f0-b89c-9e149126039e","PackageList.tsx","bdfa24dc-3439-11f0-a89e-9e149126039e",696,["D",1747609560251],"/** @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 { NpmPackage } from \"../../shared/schemas.ts\";\nimport { PackageItem } from \"./PackageItem.tsx\";\n\ninterface ProfilePictureCache {\n [key: string]: string;\n}\n\ninterface PackageListProps {\n items: NpmPackage[];\n hasMore: boolean;\n loading: boolean;\n loadMore: () => void;\n profilePictures: ProfilePictureCache;\n}\n\nexport function PackageList({\n items,\n hasMore,\n loading,\n loadMore,\n profilePictures,\n}: PackageListProps) {\n return (\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

\n \n );\n}\n",[],[186,357,371],"a9ea5d7e-343c-11f0-b70d-9e149126039e","PackageItem.tsx","a6768ab2-3439-11f0-a837-9e149126039e",694,["D",1747609560170],"/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport { marked } from \"https://esm.sh/marked@4.3.0\";\nimport { NpmPackage } from \"../../shared/schemas.ts\";\nimport { ProfilePicture } from \"./ProfilePicture.tsx\";\nimport { DownloadInfo } from \"./DownloadInfo.tsx\";\n\ninterface PackageItemProps {\n item: NpmPackage;\n profilePictureUrl?: string;\n}\n\nexport function PackageItem({ item, profilePictureUrl }: PackageItemProps) {\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 \n {item.name}\n \n\n \n\n

\n {item.tags.map((tag) => (\n \n {tag}\n \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 \n

\n {item.license}\n

\n );\n}\n",[],[186,357,379],"b01ee1a8-343a-11f0-94b6-9e149126039e","Header.tsx","b5f4ab68-3439-11f0-828a-9e149126039e",676,["D",1747608711598],"/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport { AppHeader } from \"./common/AppHeader.tsx\";\nimport { SearchBar } from \"./SearchBar.tsx\";\n\ninterface HeaderProps {\n initialQuery: string;\n onSearch: (query: string) => void;\n}\n\nexport function Header({ initialQuery, onSearch }: HeaderProps) {\n return (\n \n \n \n );\n}",[],[186,357,387],"735b7678-343a-11f0-8932-9e149126039e","PackageSidebar.tsx","735b770e-343a-11f0-8932-9e149126039e","568ada4d-9b31-4617-9d8e-078a4a8100f6",667,["D",1747608609657],"/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport { NpmPackage } from \"../../../shared/schemas.ts\";\n\ninterface PackageSidebarProps {\n packageData: NpmPackage;\n packageDownloadLink: string;\n}\n\nexport function PackageSidebar({ packageData, packageDownloadLink }: PackageSidebarProps) {\n return (\n

\n Installation\n

\n {\n navigator.clipboard.writeText(\n `npm install ${packageDownloadLink}`,\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 {packageDownloadLink}\n \n

\n\n

\n Author\n

\n {packageData.author}\n

\n );\n}",[],[186,357,403,395],"package","88cb5924-343a-11f0-8148-9e149126039e","PackageSearchBar.tsx","88cb59ba-343a-11f0-8148-9e149126039e",672,["D",1747608645623],"/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport { SearchIcon } from \"../icons/SearchIcon.tsx\";\n\nexport function PackageSearchBar() {\n return (\n

\n \n

\n \n Back to Search\n \n

\n );\n}",[],[186,357,403,405],"789dd928-343a-11f0-b158-9e149126039e","PackageReadme.tsx","789dd9e6-343a-11f0-b158-9e149126039e",668,["D",1747608618480],"/** @jsxImportSource https://esm.sh/react@18.2.0 */\n\ninterface PackageReadmeProps {\n readme: string;\n}\n\nexport function PackageReadme({ readme }: PackageReadmeProps) {\n return (\n

\n \n

\n \n );\n}",[],[186,357,403,413],"7d9b58a6-343a-11f0-b6fb-9e149126039e","PackageNotFound.tsx","7d9b5964-343a-11f0-b6fb-9e149126039e",669,["D",1747608626852],"/** @jsxImportSource https://esm.sh/react@18.2.0 */\n\ninterface PackageNotFoundProps {\n packageName: string;\n}\n\nexport function PackageNotFound({ packageName }: PackageNotFoundProps) {\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}",[],[186,357,403,421],"823db764-343a-11f0-82ca-9e149126039e","PackageLoading.tsx","823db80e-343a-11f0-82ca-9e149126039e",671,["D",1747608634626],"/** @jsxImportSource https://esm.sh/react@18.2.0 */\n\nexport function PackageLoading() {\n return (\n

\n );\n}",[],[186,357,403,429],"6a3a9736-343a-11f0-888f-9e149126039e","PackageHeader.tsx","6a3a97ea-343a-11f0-888f-9e149126039e",666,["D",1747608594341],"/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport { NpmPackage } from \"../../../shared/schemas.ts\";\n\ninterface PackageHeaderProps {\n packageData: NpmPackage;\n}\n\nexport function PackageHeader({ packageData }: PackageHeaderProps) {\n return (\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}",[],[186,357,403,437],"6a3ab90a-343a-11f0-888f-9e149126039e",["D",1747608594341],[237,238,239,240,241,242],[186,357,403],"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",[],[186,357,458,449],"npm","abd75a60-3284-11f0-ae91-569c3dd06744",["D",1747420584852],[235],[186,357,458],"a9e747a6-343c-11f0-b255-9e149126039e","SearchIcon.tsx","b79c3406-340a-11f0-8213-9e149126039e","f0f4f75f-b921-4df5-8832-eb9cab4eeb30",693,["D",1747609560110],"/** @jsxImportSource https://esm.sh/react@18.2.0 */\n\ninterface SearchIconProps {\n className?: string;\n}\n\nexport function SearchIcon(\n { className = \"w-4 h-4 text-gray-500\" }: SearchIconProps,\n) {\n return (\n \n \n \n \n );\n}\n",[],[186,357,472,464],"icons","b79c5846-340a-11f0-8213-9e149126039e",516,["D",1747588108303],[233],[186,357,472],"d2b7b320-343a-11f0-b709-9e149126039e","Layout.tsx","d2b7b406-343a-11f0-b709-9e149126039e","a077ae03-f058-40e1-b9a4-74d2b5d2b4bf",680,["D",1747608769644],"/** @jsxImportSource https://esm.sh/react@18.2.0 */\n\ninterface LayoutProps {\n header: React.ReactNode;\n children: React.ReactNode;\n}\n\nexport function Layout({ header, children }: LayoutProps) {\n return (\n

\n {header}\n

\n {children}\n

\n );\n}",[],[186,357,487,479],"common","a09ea218-343a-11f0-910f-9e149126039e","AppHeader.tsx","a09ea2f4-343a-11f0-910f-9e149126039e",675,["D",1747608685586],"/** @jsxImportSource https://esm.sh/react@18.2.0 */\n\ninterface AppHeaderProps {\n children: React.ReactNode;\n}\n\nexport function AppHeader({ children }: AppHeaderProps) {\n return (\n

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

\n \n \n \n \n

\n Sign Up\n Sign In\n

\n\n {children}\n

\n );\n}",[],[186,357,487,489],"a09ed2f6-343a-11f0-910f-9e149126039e",["D",1747608685586],[230,231],[186,357,487],"e8488f2e-3283-11f0-bd7a-569c3dd06744",["D",1747420256725],[229,232,234,236,243,244,245,246,247,248],[186,357],["D",1747420256725],[228,249,252,253,254,255],[186],"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",[],[191,508],"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",[],[191,518],"a9c4e134-343c-11f0-9c1f-9e149126039e","think.ts","3edfda4c-3435-11f0-887f-9e149126039e","3d58e290-3435-11f0-a4f8-9e149126039e",689,["D",1747609559925],"import { tool } from \"https://esm.sh/ai@4.3.15\";\nimport { z } from \"https://esm.sh/zod@3.23.4\";\n\n/**\n * Tool for thinking through complex problems without making external changes\n */\nexport const thinkTool = tool({\n description:\n \"Use the tool to think about something. It will not obtain new information or change the database, but just append the thought to the log. Use it when complex reasoning or some cache memory is needed.\",\n parameters: z.object({\n thought: z.string().describe(\"A thought to think about.\"),\n }),\n execute: async ({ thought }) => {\n return {\n type: \"success\",\n data: \"Thought recorded\",\n };\n },\n});\n",[],[191,535,527],"tools","a9dfc814-343c-11f0-9c14-9e149126039e","3ede08a2-3435-11f0-9683-9e149126039e",692,["D",1747609559934],"import { thinkTool } from \"./think.ts\";\n\nexport { thinkTool };\n",[],[191,535,508],"3d58e1dc-3435-11f0-a4f8-9e149126039e",536,["D",1747606371558],[223,224],[191,535],"a9cc9e92-343c-11f0-b3b8-9e149126039e","tar-builder.ts","3ed47fee-3435-11f0-aa5b-9e149126039e","3d4ff306-3435-11f0-a22e-9e149126039e",690,["D",1747609559981],"import { TarStream } from \"https://esm.sh/jsr/@std/tar@0.1.6\";\n\n/**\n * A utility class for building tar archives with multiple files\n */\nexport class TarBuilder {\n private inputEntries: Array<{\n type: \"directory\" | \"file\";\n path: string;\n size?: number;\n readable?: ReadableStream;\n }> = [];\n\n /**\n * Add a directory to the tar archive\n */\n addDirectory(path: string): TarBuilder {\n this.inputEntries.push({\n type: \"directory\",\n path,\n });\n return this;\n }\n\n /**\n * Add a file to the tar archive\n */\n addFile(path: string, content: string): TarBuilder {\n const bytes = new TextEncoder().encode(content);\n this.inputEntries.push({\n type: \"file\",\n path,\n size: bytes.length,\n readable: ReadableStream.from([bytes]),\n });\n return this;\n }\n\n /**\n * Build the tar archive as a ReadableStream\n */\n build(): ReadableStream {\n // Create a ReadableStream of TarStreamInput objects\n const inputStream = new ReadableStream({\n start: (controller) => {\n // Add all entries to the stream\n for (const entry of this.inputEntries) {\n controller.enqueue(entry);\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}\n",[],[191,458,549],"b24e883e-343a-11f0-8ee3-9e149126039e","generator.ts","3ed180c8-3435-11f0-af6e-9e149126039e",677,["D",1747608715264],"import { generateText } from \"https://esm.sh/ai@4.3.15?deps=zod@3.23.4\";\nimport { blob } from \"https://esm.town/v/std/blob?v=13\";\nimport { S3_PREFIX } from \"../../shared/consts.ts\";\nimport { generateFakeNpmPackages } from \"../api/ai/generate.ts\";\nimport { geminiFlashModel } from \"../api/ai/models.ts\";\nimport { TarBuilder } from \"./tar-builder.ts\";\n\n/**\n * Compiles TypeScript to JavaScript while preserving ESM imports\n */\nfunction compileTypeScript(tsCode: string): string {\n // This is a simplified \"compilation\" that preserves ESM imports\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(/interface [^{]+{[^}]+}/g, \"\") // Remove interfaces\n .replace(/type [^=]+=\\s*[^;]+;/g, \"\"); // Remove type aliases\n}\n\n/**\n * Generates TypeScript type definitions from TypeScript code\n */\nfunction generateTypeDefinitions(tsCode: string): string {\n return `/**\n * Type definitions\n */\n${tsCode}`;\n}\n\n/**\n * Cleans code blocks from markdown-formatted text\n * Removes ```json, ```typescript, etc. markers\n */\nfunction cleanCodeBlocks(text: string): string {\n // Remove code block markers like ```json or ```typescript\n return text.replace(/```(json|typescript|ts|js|javascript)?\\n/g, \"\")\n .replace(/```\\n?/g, \"\");\n}\n\n/**\n * Attempts to parse a JSON string, handling various formats\n * including markdown code blocks\n */\nfunction parseJsonSafely(jsonString: string): Record {\n // Clean the string of any markdown code blocks\n const cleaned = cleanCodeBlocks(jsonString.trim());\n\n try {\n // Try to parse the cleaned string\n return JSON.parse(cleaned);\n } catch (error) {\n console.error(\"Failed to parse JSON:\", error);\n\n // If we can't parse it, try to extract a JSON object from the text\n const jsonMatch = cleaned.match(/\\{[\\s\\S]*\\}/);\n if (jsonMatch) {\n try {\n return JSON.parse(jsonMatch[0]);\n } catch (innerError) {\n console.error(\"Failed to parse extracted JSON:\", innerError);\n }\n }\n\n // Return a simple object if all parsing fails\n return {\n \"index.ts\": cleaned,\n };\n }\n}\n\n/**\n * Generates a multi-file TypeScript implementation for a package\n */\nasync function generateMultiFileImplementation(\n packageName: string,\n description: string,\n): Promise> {\n const prompt = `\nCreate a multi-file TypeScript implementation for an npm package with the following details:\n- Package name: ${packageName}\n- Description: ${description}\n\nThe implementation should:\n1. Use ESM imports/exports (import/export syntax, not require/module.exports)\n2. Have a clear directory structure with multiple files\n3. Include proper JSDoc comments\n4. Be simple but functional\n5. Include helper functions in separate files\n\nReturn a JSON object where each key is a file path (relative to src/) and each value is the file content.\nFor example:\n{\n \"index.ts\": \"// Main entry point code here\",\n \"utils/helpers.ts\": \"// Helper functions here\",\n \"types.ts\": \"// Type definitions here\"\n}\n\nMake sure all imports use relative paths (e.g., import { something } from './utils/helpers.js') and include the .js extension (even though the source files are .ts).\nDO NOT include markdown code block markers like \\`\\`\\`json or \\`\\`\\`typescript in your response.\n`;\n const response = await generateText({\n model: geminiFlashModel,\n prompt,\n temperature: 0.2, // Lower temperature for more consistent formatting\n });\n\n // Try to parse the response as JSON, handling code blocks\n const files = parseJsonSafely(response.text.trim());\n\n // Clean each file content to remove any remaining code block markers\n Object.keys(files).forEach(key => {\n files[key] = cleanCodeBlocks(files[key]);\n });\n\n return files;\n}\n\n/**\n * Generates a README.md file for a package\n */\nasync function generateReadme(\n packageName: string,\n description: string,\n): Promise {\n const prompt = `\nCreate a README.md file for an npm package with the following details:\n- Package name: ${packageName}\n- Description: ${description}\n\nThe README should include:\n1. A title with the package name\n2. A brief description\n3. Installation instructions\n5. API documentation for the main functions\n6. License information (MIT)\n\nDon't include examples in the readme.\n\nFormat the README using proper markdown with headings, code blocks, etc.\n`;\n const response = await generateText({ model: geminiFlashModel, prompt });\n return response.text.trim();\n}\n\n/**\n * Generates a test file for a package\n */\nasync function generateTestFile(\n packageName: string,\n description: string,\n mainImplementation: string,\n): Promise {\n const prompt = `\nCreate a simple test file for an npm package with the following details:\n- Package name: ${packageName}\n- Description: ${description}\n- Main implementation:\n\n\\`\\`\\`typescript\n${mainImplementation}\n\\`\\`\\`\n\nThe test file should:\n1. Use a simple testing approach (no framework)\n2. Test the main functionality\n3. Include 2-3 test cases\n4. Be written in TypeScript\n5. Use ESM imports (import syntax, not require)\n\nOnly return the TypeScript code without any explanation or markdown formatting.\nDO NOT include markdown code block markers like \\`\\`\\`typescript in your response.\n`;\n const response = await generateText({ model: geminiFlashModel, prompt });\n return cleanCodeBlocks(response.text.trim());\n}\n\n/**\n * Creates a package.json object for a package\n */\nfunction createPackageJson(\n packageName: string,\n description: string,\n version: string = \"1.0.0\",\n author: string = \"Val Town\",\n license: string = \"MIT\",\n): Record {\n return {\n name: packageName,\n version,\n description,\n type: \"module\", // Use ESM\n main: \"dist/index.js\",\n types: \"dist/index.d.ts\",\n exports: {\n \".\": {\n import: \"./dist/index.js\",\n types: \"./dist/index.d.ts\",\n },\n },\n files: [\n \"dist\",\n \"LICENSE\",\n ],\n scripts: {\n test: \"node test/index.js\",\n build: \"tsc\",\n prepublish: \"npm run build\",\n },\n keywords: packageName.split(\"-\"),\n author,\n license,\n devDependencies: {\n \"typescript\": \"^5.0.0\",\n },\n };\n}\n\n/**\n * Creates a tsconfig.json file for a package\n */\nfunction createTsConfig(): Record {\n return {\n compilerOptions: {\n target: \"es2020\",\n module: \"NodeNext\", // Use ESM\n moduleResolution: \"NodeNext\", // Use ESM\n declaration: true,\n outDir: \"./dist\",\n strict: true,\n esModuleInterop: true,\n skipLibCheck: true,\n forceConsistentCasingInFileNames: true,\n },\n include: [\"src/**/*\"],\n exclude: [\"node_modules\", \"**/*.test.ts\"],\n };\n}\n\n/**\n * Creates a LICENSE file (MIT)\n */\nfunction createLicense(author: string = \"Val Town\"): string {\n const year = new Date().getFullYear();\n return `MIT License\n\nCopyright (c) ${year} ${author}\n\nPermission is hereby granted, free of charge, to any person obtaining a copy\nof this software and associated documentation files (the \"Software\"), to deal\nin the Software without restriction, including without limitation the rights\nto use, copy, modify, merge, publish, distribute, sublicense, and/or sell\ncopies of the Software, and to permit persons to whom the Software is\nfurnished to do so, subject to the following conditions:\n\nThe above copyright notice and this permission notice shall be included in all\ncopies or substantial portions of the Software.\n\nTHE SOFTWARE IS PROVIDED \"AS IS\", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR\nIMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,\nFITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE\nAUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER\nLIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,\nOUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE\nSOFTWARE.`;\n}\n\n/**\n * Creates a .gitignore file\n */\nfunction createGitignore(): string {\n return `# Dependency directories\nnode_modules/\n\n# Build output\ndist/\n\n# Logs\nlogs\n*.log\nnpm-debug.log*\n\n# Coverage directory\ncoverage/\n\n# dotenv environment variable files\n.env\n.env.local\n\n# IDE files\n.idea/\n.vscode/\n*.swp\n*.swo\n\n# OS files\n.DS_Store\nThumbs.db`;\n}\n\n/**\n * Creates a tar archive for an npm package with a more realistic structure\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 description if empty\n if (!description) {\n const results = await generateFakeNpmPackages(packageName, 1);\n description = results.packages[0].description;\n }\n\n // Generate multi-file TypeScript implementation\n const sourceFiles = await generateMultiFileImplementation(\n packageName,\n description,\n );\n\n console.log(`Generated ${Object.keys(sourceFiles).length} source files for ${packageName}`);\n\n // Generate README\n const readmeContent = await generateReadme(packageName, description);\n\n // Generate test file (using the main implementation file)\n const mainImplementation = sourceFiles[\"index.ts\"] || Object.values(sourceFiles)[0];\n const testFileContent = await generateTestFile(\n packageName,\n description,\n mainImplementation,\n );\n\n // Create package.json\n const packageJson = createPackageJson(\n packageName,\n description,\n version,\n author,\n license,\n );\n\n // Create tsconfig.json\n const tsConfig = createTsConfig();\n\n // Create LICENSE\n const licenseContent = createLicense(author);\n\n // Create .gitignore\n const gitignoreContent = createGitignore();\n\n // Build the tar archive\n const tarBuilder = new TarBuilder();\n\n // Add root directory\n tarBuilder.addDirectory(\"package\");\n\n // Add configuration files\n tarBuilder.addFile(\"package/package.json\", JSON.stringify(packageJson, null, 2));\n tarBuilder.addFile(\"package/tsconfig.json\", JSON.stringify(tsConfig, null, 2));\n tarBuilder.addFile(\"package/LICENSE\", licenseContent);\n tarBuilder.addFile(\"package/.gitignore\", gitignoreContent);\n tarBuilder.addFile(\"package/README.md\", readmeContent);\n\n // Add source directory\n tarBuilder.addDirectory(\"package/src\");\n\n // Add all source files\n for (const [filePath, content] of Object.entries(sourceFiles)) {\n // Create any necessary subdirectories\n const parts = filePath.split(\"/\");\n if (parts.length > 1) {\n let currentPath = \"package/src\";\n for (let i = 0; i < parts.length - 1; i++) {\n currentPath += `/${parts[i]}`;\n tarBuilder.addDirectory(currentPath);\n }\n }\n\n // Add the source file\n tarBuilder.addFile(`package/src/${filePath}`, content);\n\n // Also add compiled JS version to dist\n const jsContent = compileTypeScript(content);\n const distPath = filePath.replace(/\\.ts$/, \".js\");\n\n // Create dist subdirectories if needed\n if (parts.length > 1) {\n let currentPath = \"package/dist\";\n for (let i = 0; i < parts.length - 1; i++) {\n currentPath += `/${parts[i]}`;\n tarBuilder.addDirectory(currentPath);\n }\n }\n\n // Add compiled JS file\n tarBuilder.addFile(`package/dist/${distPath}`, jsContent);\n\n // Add type definitions\n tarBuilder.addFile(`package/dist/${filePath.replace(/\\.ts$/, \".d.ts\")}`, generateTypeDefinitions(content));\n }\n\n // Add test directory and files\n tarBuilder.addDirectory(\"package/test\");\n tarBuilder.addFile(\"package/test/index.ts\", testFileContent);\n tarBuilder.addFile(\"package/test/index.js\", compileTypeScript(testFileContent));\n\n return tarBuilder.build() as ReadableStream>;\n}\n\n/**\n * Caches a package tar archive in blob storage\n */\nexport async function cachePackageTar(\n packageName: string,\n stream: ReadableStream,\n): Promise {\n const cacheKey = `${S3_PREFIX}npm_package_tar_${packageName}`;\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}\n\n/**\n * Gets a cached package tar archive from blob storage\n */\nexport async function getCachedPackageTar(\n packageName: string,\n): Promise {\n const cacheKey = `${S3_PREFIX}npm_package_tar_${packageName}`;\n try {\n const cachedPackage = await blob.get(cacheKey);\n if (cachedPackage) {\n return new Uint8Array(await cachedPackage.arrayBuffer());\n }\n } catch (error) {\n console.log(`Cache miss for package: ${packageName}`);\n }\n return null;\n}",[],[191,458,558],"a9d88fea-343c-11f0-9318-9e149126039e","debug.ts","3ed80a24-3435-11f0-9683-9e149126039e",691,["D",1747609560030],"import { createPackageTar } from \"./generator.ts\";\n\n/**\n * Debug utility to log the contents of a generated package\n */\nexport async function debugPackageContents(packageName: string): Promise {\n console.log(`Generating package: ${packageName}`);\n\n const tarStream = await createPackageTar(packageName);\n const response = new Response(tarStream);\n const buffer = await response.arrayBuffer();\n\n console.log(`Generated package size: ${buffer.byteLength} bytes`);\n\n // In a real debugging scenario, you might want to extract and log the tar contents\n // but that would require additional tar extraction logic\n console.log(\"Package generation complete\");\n}\n\n/**\n * Test the package generation with a specific package name\n * This can be run directly to test the package generation\n */\nif (import.meta.main) {\n const packageName = Deno.args[0] || \"test-package\";\n console.log(`Testing package generation for: ${packageName}`);\n await debugPackageContents(packageName);\n}\n",[],[191,458,566],"3d4ff27a-3435-11f0-a22e-9e149126039e",535,["D",1747606371501],[219,220,221],[191,458],"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",[],[191,588,579],"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",[],[191,588,598,590],"utils","1796ae02-3291-11f0-a8c2-569c3dd06744",397,["D",1747425919578],[216],[191,588,598],"8f2dcd68-3293-11f0-b176-569c3dd06744","search.ts","2b4dcbd2-3288-11f0-af8a-569c3dd06744","54b85b0e-3288-11f0-b259-569c3dd06744",436,["D",1747426979213],"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",[],[191,588,613,605],"routes","a9c2976c-343c-11f0-b3b8-9e149126039e","package.ts","d0f62b7c-328f-11f0-ac05-569c3dd06744",688,["D",1747609559885],"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 { generatePackageReadme } from \"../ai/generate-readme.ts\";\nimport { generateFakeNpmPackages } from \"../ai/generate.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 fake package and readme concurrently\n const [results, readme] = await Promise.all([\n generateFakeNpmPackages(name, 1),\n generatePackageReadme({ name }), // Pass minimal package info needed for readme\n ]);\n\n const packageData = results.packages[0];\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",[],[191,588,613,615],"a9bde44c-343c-11f0-8fad-9e149126039e","npm-package.ts","2041bb5a-3291-11f0-8ff6-569c3dd06744",687,["D",1747609559875],21,"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 {\n cachePackageTar,\n createPackageTar,\n getCachedPackageTar,\n} from \"../../npm/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 // Try to get from cache first\n const cachedPackage = await getCachedPackageTar(packageName);\n if (cachedPackage) {\n return new Response(cachedPackage, {\n headers: {\n \"Content-Type\": \"application/x-tar\",\n \"Content-Disposition\": `attachment; filename=${packageName}.tar`,\n },\n });\n }\n\n // Create the tar archive\n const tarArchive = await createPackageTar(packageName);\n\n // Clone the stream for caching and response\n const [cacheStream, responseStream] = tarArchive.tee();\n\n // Cache the package in the background\n cachePackageTar(packageName, cacheStream).catch((err) => {\n console.error(`Error caching package ${packageName}:`, err);\n });\n\n // Return the response stream\n return new Response(responseStream, {\n headers: {\n \"Content-Type\": \"application/x-tar\",\n \"Content-Disposition\": `attachment; filename=${packageName}.tar`,\n },\n });\n },\n );\n",[],[191,588,613,623],"54b85a5a-3288-11f0-b259-569c3dd06744",262,["D",1747422156673],[212,213,214],[191,588,613],"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",[],[191,588,645,637],"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",[],[191,588,645,647],"a9bab29a-343c-11f0-9d37-9e149126039e","generate-readme.ts","d652f366-328f-11f0-90da-569c3dd06744",686,["D",1747609559868],11,"import { geminiFlashModel } from \"./models.ts\";\nimport { NpmPackage } from \"../../../shared/schemas.ts\";\nimport { APP_URL } from \"../../../shared/consts.ts\";\n\nexport async function generatePackageReadme(\n packageData: NpmPackage,\n): Promise {\n const downloadUrl = `${APP_URL}api/npm-package/${packageData.name}`;\n\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 let markdown = response.response.text();\n\n // Post-process the markdown to replace npm install commands\n markdown = replaceNpmInstallCommands(\n markdown,\n packageData.name,\n downloadUrl,\n );\n\n return markdown;\n } catch (error) {\n console.error(\"Error generating README:\", error);\n return generateFallbackReadme(\n packageData.name,\n packageData.description,\n downloadUrl,\n );\n }\n}\n\n/**\n * Replaces npm install commands in the markdown with our download URL instructions\n */\nfunction replaceNpmInstallCommands(\n markdown: string,\n packageName: string,\n downloadUrl: string,\n): string {\n // Replace npm install commands in code blocks\n const npmInstallRegex = new RegExp(\n `(npm|yarn) (install|add) ${packageName}`,\n \"g\",\n );\n const pnpmAddRegex = new RegExp(`pnpm add ${packageName}`, \"g\");\n\n // First, find all code blocks and replace npm install commands\n let processedMarkdown = markdown.replace(\n /```(?:bash|sh)?\\n([\\s\\S]*?)```/g,\n (match, codeContent) => {\n // Check if this code block contains an npm install command\n if (npmInstallRegex.test(codeContent) || pnpmAddRegex.test(codeContent)) {\n // Replace with our download instructions\n return \"```bash\\n\" +\n `npm install ${downloadUrl}\\n` +\n \"```\";\n }\n return match; // Return unchanged if no npm install command\n },\n );\n\n // Also replace any inline npm install commands\n processedMarkdown = processedMarkdown.replace(\n /`(npm|yarn) (install|add) ${packageName}`/g,\n `\\`npm install ${downloadUrl}\\``,\n );\n\n // Add our installation section if none exists\n if (\n !processedMarkdown.includes(\"# Installation\") &&\n !processedMarkdown.includes(\"## Installation\")\n ) {\n processedMarkdown += `\\n\\n## Installation\\n\\n` +\n \"```bash\\n\" +\n `npm install ${downloadUrl}\\n` +\n \"```\\n\";\n }\n\n return processedMarkdown;\n}\n\n/**\n * Generates a fallback README if AI generation fails\n */\nfunction generateFallbackReadme(\n packageName: string,\n description: string,\n downloadUrl: string,\n): string {\n return `# ${packageName}\n\n${description}\n\n## Installation\n\n\\`\\`\\`bash\nnpm install ${downloadUrl}\n\\`\\`\\`\n\n## Usage\n\n\\`\\`\\`javascript\nconst ${\n packageName.replace(/-([a-z])/g, (_, letter) => letter.toUpperCase())\n } = require('${packageName}');\n\n// Use the package according to its functionality\n\\`\\`\\`\n\n## License\n\nMIT\n`;\n}\n",[],[191,588,645,656],"2b36d7ec-3288-11f0-b5d9-569c3dd06744",240,["D",1747422087039],[208,209,210],[191,588,645],"29f73746-3288-11f0-b5d9-569c3dd06744",238,["D",1747422084942],[207,211,215,217],[191,588],["D",1747420256725],[206,218,222,225,226],[191],["D",1747420256725],{"_101":100,"_108":104},{"_101":100,"_102":-5,"_103":104,"_18":55,"_105":106,"_107":25},{"_13":86,"_32":87,"_44":43,"_88":45,"_89":90,"_91":92,"_93":51,"_94":95,"_96":97,"_98":46,"_99":100},"ctx",{"_79":-5,"_130":714,"_715":716,"_717":718,"_719":25,"_720":25,"_721":25,"_722":59,"_723":-5,"_724":-7,"_725":-7,"_726":175,"_727":25,"_728":25,"_729":-5,"_730":25,"_731":25,"_732":25,"_733":-5},"ENV",{"_685":686,"_687":688,"_689":87,"_690":691,"_692":693,"_694":695,"_696":697,"_698":699,"_700":701,"_702":703,"_704":705,"_706":707,"_708":709,"_710":711,"_712":713},"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 · v697