\n \n \n \n \n\n",[],[168,197],"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",[],[168,206],"6220c49e-343a-11f0-8c42-9e149126039e","pages","70322a61-8486-4183-9922-c6f2af78d1ff",665,["D",1747608580746],[220,221],[168,214],{"_36":230,"_13":231,"_65":232,"_67":215,"_69":70,"_71":233,"_73":74,"_38":234,"_17":235,"_77":78,"_79":236,"_81":51,"_82":-5,"_121":237,"_18":238},{"_36":222,"_13":223,"_65":224,"_67":215,"_69":70,"_71":225,"_73":74,"_38":226,"_17":119,"_77":78,"_79":227,"_81":51,"_82":-5,"_121":228,"_18":229},"aaca8df4-343c-11f0-9b89-9e149126039e","SearchPage.tsx","6220a176-343a-11f0-8c42-9e149126039e",711,["D",1747609561620],"/** @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 );\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}\n",[],[168,214,223],"457eea6a-343e-11f0-926c-9e149126039e","PackageDetailPage.tsx","97609daa-343a-11f0-a3e8-9e149126039e",723,["D",1747610250698],5,"/** @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}\n",[],[168,214,231],"e8488f2e-3283-11f0-bd7a-569c3dd06744","components","6b24ddef-5b5b-4807-884f-b0e1eef81fd9",["D",1747420256725],[245,246,247,248,249,250,251,252,253,254],[168,240],{"_36":396,"_13":397,"_65":398,"_67":241,"_69":70,"_71":399,"_73":74,"_38":400,"_17":103,"_77":102,"_79":-5,"_81":51,"_82":-5,"_121":401,"_18":402},{"_36":380,"_13":381,"_65":382,"_67":241,"_69":70,"_71":383,"_73":74,"_38":384,"_17":103,"_77":102,"_79":-5,"_81":51,"_82":-5,"_121":385,"_18":386},{"_36":365,"_13":85,"_65":366,"_67":241,"_69":70,"_71":119,"_73":74,"_38":367,"_17":103,"_77":102,"_79":-5,"_81":51,"_82":-5,"_121":368,"_18":369},{"_36":303,"_13":304,"_65":305,"_67":241,"_69":70,"_71":306,"_73":74,"_38":307,"_17":103,"_77":102,"_79":-5,"_81":51,"_82":-5,"_121":308,"_18":309},{"_36":295,"_13":296,"_65":297,"_67":241,"_69":70,"_71":298,"_73":74,"_38":299,"_17":119,"_77":78,"_79":300,"_81":51,"_82":-5,"_121":301,"_18":302},{"_36":287,"_13":288,"_65":289,"_67":241,"_69":70,"_71":290,"_73":74,"_38":291,"_17":155,"_77":78,"_79":292,"_81":51,"_82":-5,"_121":293,"_18":294},{"_36":279,"_13":280,"_65":281,"_67":241,"_69":70,"_71":282,"_73":74,"_38":283,"_17":76,"_77":78,"_79":284,"_81":51,"_82":-5,"_121":285,"_18":286},{"_36":271,"_13":272,"_65":273,"_67":241,"_69":70,"_71":274,"_73":74,"_38":275,"_17":76,"_77":78,"_79":276,"_81":51,"_82":-5,"_121":277,"_18":278},{"_36":263,"_13":264,"_65":265,"_67":241,"_69":70,"_71":266,"_73":74,"_38":267,"_17":76,"_77":78,"_79":268,"_81":51,"_82":-5,"_121":269,"_18":270},{"_36":255,"_13":256,"_65":257,"_67":241,"_69":70,"_71":258,"_73":74,"_38":259,"_17":155,"_77":78,"_79":260,"_81":51,"_82":-5,"_121":261,"_18":262},"bdd65b4e-340a-11f0-bc2c-9e149126039e","SearchBox.tsx","9e754796-328f-11f0-808f-569c3dd06744",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",[],[168,240,256],"aa081ddc-343c-11f0-a2e4-9e149126039e","SearchBar.tsx","ae378472-3439-11f0-b724-9e149126039e",697,["D",1747609560263],"/** @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",[],[168,240,264],"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",[],[168,240,272],"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",[],[168,240,280],"7c75ae24-343d-11f0-95cf-9e149126039e","PackageItem.tsx","a6768ab2-3439-11f0-a837-9e149126039e",716,["D",1747609913414],"/** @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\";\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

{new Intl.NumberFormat(\"en-US\").format(Number(item.downloads))}

\n {item.license}\n

\n );\n}\n",[],[168,240,288],"aa1c8286-343c-11f0-87a4-9e149126039e","Header.tsx","b5f4ab68-3439-11f0-828a-9e149126039e",699,["D",1747609560347],"/** @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}\n",[],[168,240,296],"6a3ab90a-343a-11f0-888f-9e149126039e","package","568ada4d-9b31-4617-9d8e-078a4a8100f6",666,["D",1747608594341],[310,311,312,313,314,315],[168,240,304],{"_36":357,"_13":358,"_65":359,"_67":305,"_69":70,"_71":360,"_73":74,"_38":361,"_17":76,"_77":78,"_79":362,"_81":51,"_82":-5,"_121":363,"_18":364},{"_36":349,"_13":350,"_65":351,"_67":305,"_69":70,"_71":352,"_73":74,"_38":353,"_17":76,"_77":78,"_79":354,"_81":51,"_82":-5,"_121":355,"_18":356},{"_36":341,"_13":342,"_65":343,"_67":305,"_69":70,"_71":344,"_73":74,"_38":345,"_17":76,"_77":78,"_79":346,"_81":51,"_82":-5,"_121":347,"_18":348},{"_36":333,"_13":334,"_65":335,"_67":305,"_69":70,"_71":336,"_73":74,"_38":337,"_17":76,"_77":78,"_79":338,"_81":51,"_82":-5,"_121":339,"_18":340},{"_36":324,"_13":325,"_65":326,"_67":305,"_69":70,"_71":327,"_73":74,"_38":328,"_17":329,"_77":78,"_79":330,"_81":51,"_82":-5,"_121":331,"_18":332},{"_36":316,"_13":317,"_65":318,"_67":305,"_69":70,"_71":319,"_73":74,"_38":320,"_17":76,"_77":78,"_79":321,"_81":51,"_82":-5,"_121":322,"_18":323},"aa719730-343c-11f0-9844-9e149126039e","PackageSidebar.tsx","735b770e-343a-11f0-8932-9e149126039e",703,["D",1747609560993],"/** @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(\n { packageData, packageDownloadLink }: PackageSidebarProps,\n) {\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}\n",[],[168,240,304,317],"b07cd1a8-3441-11f0-a06a-9e149126039e","PackageSearchBar.tsx","88cb59ba-343a-11f0-8148-9e149126039e",735,["D",1747611718692],4,"/** @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 \n

\n \n Back to Search\n \n

\n );\n}\n",[],[168,240,304,325],"aa300536-343c-11f0-9844-9e149126039e","PackageReadme.tsx","789dd9e6-343a-11f0-b158-9e149126039e",700,["D",1747609560546],"/** @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}\n",[],[168,240,304,334],"aa1674ae-343c-11f0-a736-9e149126039e","PackageNotFound.tsx","7d9b5964-343a-11f0-b6fb-9e149126039e",698,["D",1747609560384],"/** @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}\n",[],[168,240,304,342],"ab293976-343c-11f0-848f-9e149126039e","PackageLoading.tsx","823db80e-343a-11f0-82ca-9e149126039e",712,["D",1747609560986],"/** @jsxImportSource https://esm.sh/react@18.2.0 */\n\nexport function PackageLoading() {\n return (\n

\n );\n}\n",[],[168,240,304,350],"aa669ec0-343c-11f0-aaa4-9e149126039e","PackageHeader.tsx","6a3a97ea-343a-11f0-888f-9e149126039e",702,["D",1747609560640],"/** @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}\n",[],[168,240,304,358],"abd75a60-3284-11f0-ae91-569c3dd06744","abd75af6-3284-11f0-ae91-569c3dd06744",["D",1747420584852],[370],[168,240,85],{"_36":371,"_13":372,"_65":373,"_67":366,"_69":70,"_71":374,"_73":74,"_38":375,"_17":376,"_77":78,"_79":377,"_81":51,"_82":-5,"_121":378,"_18":379},"c5ef212a-3285-11f0-9d8b-569c3dd06744","LibraryItem.tsx","abe19264-3284-11f0-8d0a-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",[],[168,240,85,372],"b79c5846-340a-11f0-8213-9e149126039e","icons","f0f4f75f-b921-4df5-8832-eb9cab4eeb30",516,["D",1747588108303],[387],[168,240,381],{"_36":388,"_13":389,"_65":390,"_67":382,"_69":70,"_71":391,"_73":74,"_38":392,"_17":76,"_77":78,"_79":393,"_81":51,"_82":-5,"_121":394,"_18":395},"a9e747a6-343c-11f0-b255-9e149126039e","SearchIcon.tsx","b79c3406-340a-11f0-8213-9e149126039e",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",[],[168,240,381,389],"a09ed2f6-343a-11f0-910f-9e149126039e","common","a077ae03-f058-40e1-b9a4-74d2b5d2b4bf",675,["D",1747608685586],[403,404],[168,240,397],{"_36":413,"_13":414,"_65":415,"_67":398,"_69":70,"_71":416,"_73":74,"_38":417,"_17":76,"_77":78,"_79":418,"_81":51,"_82":-5,"_121":419,"_18":420},{"_36":405,"_13":406,"_65":407,"_67":398,"_69":70,"_71":408,"_73":74,"_38":409,"_17":76,"_77":78,"_79":410,"_81":51,"_82":-5,"_121":411,"_18":412},"aa899b50-343c-11f0-b255-9e149126039e","Layout.tsx","d2b7b406-343a-11f0-b709-9e149126039e",705,["D",1747609561226],"/** @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}\n",[],[168,240,397,406],"aa7f6a0e-343c-11f0-a0bd-9e149126039e","AppHeader.tsx","a09ea2f4-343a-11f0-910f-9e149126039e",704,["D",1747609561126],"/** @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 \n Sign Up\n \n \n Sign In\n \n

\n\n {children}\n

\n );\n}\n",[],[168,240,397,414],"e84871f6-3283-11f0-bd7a-569c3dd06744",["D",1747420256725],[425,426,427,428],[84],{"_36":464,"_13":465,"_65":466,"_67":104,"_69":70,"_71":467,"_73":74,"_38":468,"_17":103,"_77":102,"_79":-5,"_81":51,"_82":-5,"_121":469,"_18":470},{"_36":101,"_13":85,"_65":68,"_67":104,"_69":70,"_71":106,"_73":74,"_38":449,"_17":103,"_77":102,"_79":-5,"_81":51,"_82":-5,"_121":450,"_18":451},{"_36":440,"_13":441,"_65":442,"_67":104,"_69":70,"_71":443,"_73":74,"_38":444,"_17":445,"_77":78,"_79":446,"_81":51,"_82":-5,"_121":447,"_18":448},{"_36":429,"_13":430,"_65":431,"_67":104,"_69":70,"_71":432,"_73":74,"_38":433,"_17":434,"_77":435,"_79":436,"_81":51,"_82":437,"_121":438,"_18":439},"e1f5c824-343d-11f0-9796-9e149126039e","index.ts","afad05e3-23cc-444d-be47-d4c6e3a47c17",719,["D",1747610083705],81,"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 \"NPLLM\",\n `${packageName} - NPLLM`,\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",[],[84,430],"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",[],[84,441],["D",1747606371501],[452,453,454],[84,85],{"_36":94,"_13":95,"_65":96,"_67":68,"_69":70,"_71":97,"_73":74,"_38":461,"_17":76,"_77":78,"_79":99,"_81":51,"_82":-5,"_121":462,"_18":463},{"_36":86,"_13":87,"_65":88,"_67":68,"_69":70,"_71":89,"_73":74,"_38":458,"_17":91,"_77":78,"_79":92,"_81":51,"_82":-5,"_121":459,"_18":460},{"_36":63,"_13":64,"_65":66,"_67":68,"_69":70,"_71":72,"_73":74,"_38":455,"_17":76,"_77":78,"_79":80,"_81":51,"_82":-5,"_121":456,"_18":457},["D",1747609559981],[],[84,85,64],["D",1747611416462],[],[84,85,87],["D",1747609560030],[],[84,85,95],"29f73746-3288-11f0-b5d9-569c3dd06744","api","29f737dc-3288-11f0-b5d9-569c3dd06744",238,["D",1747422084942],[471,472,473,474],[84,465],{"_36":537,"_13":538,"_65":539,"_67":466,"_69":70,"_71":540,"_73":74,"_38":541,"_17":103,"_77":102,"_79":-5,"_81":51,"_82":-5,"_121":542,"_18":543},{"_36":500,"_13":501,"_65":502,"_67":466,"_69":70,"_71":503,"_73":74,"_38":504,"_17":103,"_77":102,"_79":-5,"_81":51,"_82":-5,"_121":505,"_18":506},{"_36":484,"_13":485,"_65":486,"_67":466,"_69":70,"_71":487,"_73":74,"_38":488,"_17":103,"_77":102,"_79":-5,"_81":51,"_82":-5,"_121":489,"_18":490},{"_36":475,"_13":476,"_65":477,"_67":466,"_69":70,"_71":478,"_73":74,"_38":479,"_17":480,"_77":78,"_79":481,"_81":51,"_82":-5,"_121":482,"_18":483},"2391c836-3291-11f0-b1c5-569c3dd06744","mod.ts","353f1da8-3288-11f0-938a-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",[],[84,465,476],"1796ae02-3291-11f0-a8c2-569c3dd06744","utils","a9a53afa-6aa3-439c-bf34-7a86492b3349",397,["D",1747425919578],[491],[84,465,485],{"_36":492,"_13":493,"_65":494,"_67":486,"_69":70,"_71":495,"_73":74,"_38":496,"_17":155,"_77":78,"_79":497,"_81":51,"_82":-5,"_121":498,"_18":499},"f2ee0068-3291-11f0-b18f-569c3dd06744","package-generator.ts","17968968-3291-11f0-a8c2-569c3dd06744",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",[],[84,465,485,493],"54b85a5a-3288-11f0-b259-569c3dd06744","routes","54b85b0e-3288-11f0-b259-569c3dd06744",262,["D",1747422156673],[507,508,509],[84,465,501],{"_36":528,"_13":529,"_65":530,"_67":502,"_69":70,"_71":531,"_73":74,"_38":532,"_17":533,"_77":78,"_79":534,"_81":51,"_82":-5,"_121":535,"_18":536},{"_36":519,"_13":520,"_65":521,"_67":502,"_69":70,"_71":522,"_73":74,"_38":523,"_17":524,"_77":78,"_79":525,"_81":51,"_82":-5,"_121":526,"_18":527},{"_36":510,"_13":511,"_65":512,"_67":502,"_69":70,"_71":513,"_73":74,"_38":514,"_17":515,"_77":78,"_79":516,"_81":51,"_82":-5,"_121":517,"_18":518},"8f2dcd68-3293-11f0-b176-569c3dd06744","search.ts","2b4dcbd2-3288-11f0-af8a-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",[],[84,465,501,511],"457a41b8-343e-11f0-82e4-9e149126039e","package.ts","d0f62b7c-328f-11f0-ac05-569c3dd06744",722,["D",1747610250652],7,"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 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",[],[84,465,501,520],"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",[],[84,465,501,529],"2b36d7ec-3288-11f0-b5d9-569c3dd06744","ai","2b36d8be-3288-11f0-b5d9-569c3dd06744",240,["D",1747422087039],[544,545,546],[84,465,538],{"_36":564,"_13":565,"_65":566,"_67":539,"_69":70,"_71":567,"_73":74,"_38":568,"_17":569,"_77":78,"_79":570,"_81":51,"_82":-5,"_121":571,"_18":572},{"_36":555,"_13":556,"_65":557,"_67":539,"_69":70,"_71":558,"_73":74,"_38":559,"_17":560,"_77":78,"_79":561,"_81":51,"_82":-5,"_121":562,"_18":563},{"_36":547,"_13":548,"_65":549,"_67":539,"_69":70,"_71":550,"_73":74,"_38":551,"_17":119,"_77":78,"_79":552,"_81":51,"_82":-5,"_121":553,"_18":554},"bbdc25b8-3288-11f0-8f50-569c3dd06744","models.ts","313e683a-3288-11f0-8339-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",[],[84,465,538,548],"aaa11adc-343c-11f0-97d3-9e149126039e","generate.ts","31476656-3288-11f0-a061-569c3dd06744",706,["D",1747609559891],53,"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(\n \"Brief description of what the package does, using markdown formatting for emphasis and links. Keep it realistic and focused on practical use cases.\",\n ),\n tags: z.array(\n z.string()\n .describe(\n \"Technologies or categories related to this package. Use common, realistic tags like 'react', 'node', 'utility', 'api', etc.\",\n ),\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 +\n ` 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",[],[84,465,538,556],"977e53c2-343f-11f0-909b-9e149126039e","generate-readme.ts","d652f366-328f-11f0-90da-569c3dd06744",728,["D",1747610817765],13,"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. Contributing guidelines\n6. License information\n\nDO NOT ADD EXAMPLES.\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`;\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## License\n\nMIT\n`;\n}\n",[],[84,465,538,565],"e8439a28-3283-11f0-bd7a-569c3dd06744",["D",1747420256725],"legacyEnvVars","httpPrivacy","description","imageUrl","userId","4555dd0e-707e-4444-acd3-049d206eb1db","pinnedFileId","pinPreview","pinMigrated","screenshotVersion","likeCount","bced381e-9ab2-4b55-929d-e7c5064f7f38","tursoName","tursoHostname","tursoMeasuredAt","pinned","userPerm","r","valPerm","blobPerm","rw","emailPerm","sqlitePerm","projectPerm","telemetryPerm","user",{"_11":12,"_616":612},"org",{"_11":12,"_610":-5,"_611":612,"_579":580,"_613":614,"_615":51},"branch",{"_17":327,"_13":16,"_36":70,"_42":573,"_45":37,"_46":606,"_607":53,"_608":43,"_609":57,"_58":14,"_54":12},54,"forkedProjectPrivacy","forkedProjectId","forkedProjectOrgId","displayName","avatar","https://img.clerk.com/eyJ0eXBlIjoicHJveHkiLCJzcmMiOiJodHRwczovL2ltYWdlcy5jbGVyay5kZXYvdXBsb2FkZWQvaW1nXzJvVXpPVUZRTjZGTGd2Q2t4c0RRdFpNZWJ5UCJ9","tier","pro","canRestrictVals","profileImageUrl","adoptOrgId",{"_36":573,"_13":14,"_38":823,"_49":-5,"_575":51,"_52":53,"_576":53,"_577":-5,"_578":-5,"_579":580,"_581":431,"_582":74,"_583":74,"_584":-5,"_585":76,"_56":586,"_587":-5,"_588":-5,"_589":-5,"_590":-5,"_591":592,"_593":592,"_594":595,"_596":595,"_597":595,"_598":592,"_599":592,"_600":824,"_602":825,"_604":826,"_50":51},[661,680,709,712,713,714],"files",[661,662,663,664,665,666,667,668,669,670,671,672,673,674,675,676,677,678,679,680,681,682,683,684,685,686,687,688,689,690,691,692,693,694,695,696,697,698,699,700,701,702,703,704,705,706,707,708,709,710,711,712,713,714],"counts",{"_652":103,"_653":119,"_654":103,"_35":655,"_656":657},[646,647,648],{"_36":101,"_13":85,"_65":68,"_67":104,"_69":70,"_71":106,"_73":74,"_38":644,"_17":103,"_77":102,"_79":-5,"_81":51,"_82":-5,"_18":645},"upstreamProject",{"_36":43,"_13":59,"_577":640,"_578":641,"_52":53,"_600":642},"upstreamBranch",{"_36":37,"_38":638,"_40":639,"_13":16,"_42":43,"_17":44,"_45":-5,"_46":-5,"_47":48,"_49":-5,"_50":51,"_52":53,"_54":55,"_56":57,"_58":59},"emptyEnvVars","flags",[],"hasHttpFiles","grants","orgs","customDomains",{},["D",1740674013689],["D",1785420707976],"Starter template with client-side React & Hono server","https://imagedelivery.net/iHX6Ovru0O7AjmyT5yZRoA/64dc00cc-94d9-47dd-81b1-dde02610d900/square512?exp=1789585199&sig=1baafecf11cec877edc88f123efd7f687a508ecc290c26f9eecfc4b3e272df79",{"_11":55,"_616":643},"https://imagedelivery.net/iHX6Ovru0O7AjmyT5yZRoA/129cab32-3bd7-4c3e-f39b-f12900c76100/square512?exp=1789585199&sig=e0ad9b96a0e58967744de3785adb3e9a68085da5b0c135b58439da2ef923cdc0",["D",1747606371501],[84,85],{"_36":94,"_13":95,"_65":96,"_67":68,"_69":70,"_71":97,"_73":74,"_38":98,"_17":76,"_77":78,"_79":99,"_81":51,"_82":-5,"_18":651},{"_36":86,"_13":87,"_65":88,"_67":68,"_69":70,"_71":89,"_73":74,"_38":90,"_17":91,"_77":78,"_79":92,"_81":51,"_82":-5,"_18":650},{"_36":63,"_13":64,"_65":66,"_67":68,"_69":70,"_71":72,"_73":74,"_38":75,"_17":76,"_77":78,"_79":80,"_81":51,"_82":-5,"_18":649},[84,85,64],[84,85,87],[84,85,95],"pulls","branches","forks",{"_658":76,"_660":103},"connections",{"_658":103,"_659":103},"count","unfilledCount","emptyCount",{"_36":421,"_13":84,"_65":104,"_67":-5,"_69":70,"_71":76,"_73":74,"_38":422,"_17":103,"_77":102,"_79":-5,"_81":51,"_82":-5,"_121":821,"_18":822},{"_36":464,"_13":465,"_65":466,"_67":104,"_69":70,"_71":467,"_73":74,"_38":468,"_17":103,"_77":102,"_79":-5,"_81":51,"_82":-5,"_121":819,"_18":820},{"_36":537,"_13":538,"_65":539,"_67":466,"_69":70,"_71":540,"_73":74,"_38":541,"_17":103,"_77":102,"_79":-5,"_81":51,"_82":-5,"_121":817,"_18":818},{"_36":564,"_13":565,"_65":566,"_67":539,"_69":70,"_71":567,"_73":74,"_38":568,"_17":569,"_77":78,"_79":570,"_81":51,"_82":-5,"_121":815,"_18":816},{"_36":555,"_13":556,"_65":557,"_67":539,"_69":70,"_71":558,"_73":74,"_38":559,"_17":560,"_77":78,"_79":561,"_81":51,"_82":-5,"_121":813,"_18":814},{"_36":547,"_13":548,"_65":549,"_67":539,"_69":70,"_71":550,"_73":74,"_38":551,"_17":119,"_77":78,"_79":552,"_81":51,"_82":-5,"_121":811,"_18":812},{"_36":500,"_13":501,"_65":502,"_67":466,"_69":70,"_71":503,"_73":74,"_38":504,"_17":103,"_77":102,"_79":-5,"_81":51,"_82":-5,"_121":809,"_18":810},{"_36":528,"_13":529,"_65":530,"_67":502,"_69":70,"_71":531,"_73":74,"_38":532,"_17":533,"_77":78,"_79":534,"_81":51,"_82":-5,"_121":807,"_18":808},{"_36":519,"_13":520,"_65":521,"_67":502,"_69":70,"_71":522,"_73":74,"_38":523,"_17":524,"_77":78,"_79":525,"_81":51,"_82":-5,"_121":805,"_18":806},{"_36":510,"_13":511,"_65":512,"_67":502,"_69":70,"_71":513,"_73":74,"_38":514,"_17":515,"_77":78,"_79":516,"_81":51,"_82":-5,"_121":803,"_18":804},{"_36":484,"_13":485,"_65":486,"_67":466,"_69":70,"_71":487,"_73":74,"_38":488,"_17":103,"_77":102,"_79":-5,"_81":51,"_82":-5,"_121":801,"_18":802},{"_36":492,"_13":493,"_65":494,"_67":486,"_69":70,"_71":495,"_73":74,"_38":496,"_17":155,"_77":78,"_79":497,"_81":51,"_82":-5,"_121":799,"_18":800},{"_36":475,"_13":476,"_65":477,"_67":466,"_69":70,"_71":478,"_73":74,"_38":479,"_17":480,"_77":78,"_79":481,"_81":51,"_82":-5,"_121":797,"_18":798},{"_36":101,"_13":85,"_65":68,"_67":104,"_69":70,"_71":106,"_73":74,"_38":449,"_17":103,"_77":102,"_79":-5,"_81":51,"_82":-5,"_121":795,"_18":796},{"_36":94,"_13":95,"_65":96,"_67":68,"_69":70,"_71":97,"_73":74,"_38":461,"_17":76,"_77":78,"_79":99,"_81":51,"_82":-5,"_121":793,"_18":794},{"_36":86,"_13":87,"_65":88,"_67":68,"_69":70,"_71":89,"_73":74,"_38":458,"_17":91,"_77":78,"_79":92,"_81":51,"_82":-5,"_121":791,"_18":792},{"_36":63,"_13":64,"_65":66,"_67":68,"_69":70,"_71":72,"_73":74,"_38":455,"_17":76,"_77":78,"_79":80,"_81":51,"_82":-5,"_121":789,"_18":790},{"_36":440,"_13":441,"_65":442,"_67":104,"_69":70,"_71":443,"_73":74,"_38":444,"_17":445,"_77":78,"_79":446,"_81":51,"_82":-5,"_121":787,"_18":788},{"_36":429,"_13":430,"_65":431,"_67":104,"_69":70,"_71":432,"_73":74,"_38":433,"_17":434,"_77":435,"_79":436,"_81":51,"_82":437,"_121":785,"_18":786},{"_36":167,"_13":168,"_65":169,"_67":-5,"_69":70,"_71":76,"_73":74,"_38":170,"_17":103,"_77":102,"_79":-5,"_81":51,"_82":-5,"_121":783,"_18":784},{"_36":239,"_13":240,"_65":241,"_67":169,"_69":70,"_71":76,"_73":74,"_38":242,"_17":103,"_77":102,"_79":-5,"_81":51,"_82":-5,"_121":781,"_18":782},{"_36":396,"_13":397,"_65":398,"_67":241,"_69":70,"_71":399,"_73":74,"_38":400,"_17":103,"_77":102,"_79":-5,"_81":51,"_82":-5,"_121":779,"_18":780},{"_36":413,"_13":414,"_65":415,"_67":398,"_69":70,"_71":416,"_73":74,"_38":417,"_17":76,"_77":78,"_79":418,"_81":51,"_82":-5,"_121":777,"_18":778},{"_36":405,"_13":406,"_65":407,"_67":398,"_69":70,"_71":408,"_73":74,"_38":409,"_17":76,"_77":78,"_79":410,"_81":51,"_82":-5,"_121":775,"_18":776},{"_36":380,"_13":381,"_65":382,"_67":241,"_69":70,"_71":383,"_73":74,"_38":384,"_17":103,"_77":102,"_79":-5,"_81":51,"_82":-5,"_121":773,"_18":774},{"_36":388,"_13":389,"_65":390,"_67":382,"_69":70,"_71":391,"_73":74,"_38":392,"_17":76,"_77":78,"_79":393,"_81":51,"_82":-5,"_121":771,"_18":772},{"_36":365,"_13":85,"_65":366,"_67":241,"_69":70,"_71":119,"_73":74,"_38":367,"_17":103,"_77":102,"_79":-5,"_81":51,"_82":-5,"_121":769,"_18":770},{"_36":371,"_13":372,"_65":373,"_67":366,"_69":70,"_71":374,"_73":74,"_38":375,"_17":376,"_77":78,"_79":377,"_81":51,"_82":-5,"_121":767,"_18":768},{"_36":303,"_13":304,"_65":305,"_67":241,"_69":70,"_71":306,"_73":74,"_38":307,"_17":103,"_77":102,"_79":-5,"_81":51,"_82":-5,"_121":765,"_18":766},{"_36":357,"_13":358,"_65":359,"_67":305,"_69":70,"_71":360,"_73":74,"_38":361,"_17":76,"_77":78,"_79":362,"_81":51,"_82":-5,"_121":763,"_18":764},{"_36":349,"_13":350,"_65":351,"_67":305,"_69":70,"_71":352,"_73":74,"_38":353,"_17":76,"_77":78,"_79":354,"_81":51,"_82":-5,"_121":761,"_18":762},{"_36":341,"_13":342,"_65":343,"_67":305,"_69":70,"_71":344,"_73":74,"_38":345,"_17":76,"_77":78,"_79":346,"_81":51,"_82":-5,"_121":759,"_18":760},{"_36":333,"_13":334,"_65":335,"_67":305,"_69":70,"_71":336,"_73":74,"_38":337,"_17":76,"_77":78,"_79":338,"_81":51,"_82":-5,"_121":757,"_18":758},{"_36":324,"_13":325,"_65":326,"_67":305,"_69":70,"_71":327,"_73":74,"_38":328,"_17":329,"_77":78,"_79":330,"_81":51,"_82":-5,"_121":755,"_18":756},{"_36":316,"_13":317,"_65":318,"_67":305,"_69":70,"_71":319,"_73":74,"_38":320,"_17":76,"_77":78,"_79":321,"_81":51,"_82":-5,"_121":753,"_18":754},{"_36":295,"_13":296,"_65":297,"_67":241,"_69":70,"_71":298,"_73":74,"_38":299,"_17":119,"_77":78,"_79":300,"_81":51,"_82":-5,"_121":751,"_18":752},{"_36":287,"_13":288,"_65":289,"_67":241,"_69":70,"_71":290,"_73":74,"_38":291,"_17":155,"_77":78,"_79":292,"_81":51,"_82":-5,"_121":749,"_18":750},{"_36":279,"_13":280,"_65":281,"_67":241,"_69":70,"_71":282,"_73":74,"_38":283,"_17":76,"_77":78,"_79":284,"_81":51,"_82":-5,"_121":747,"_18":748},{"_36":271,"_13":272,"_65":273,"_67":241,"_69":70,"_71":274,"_73":74,"_38":275,"_17":76,"_77":78,"_79":276,"_81":51,"_82":-5,"_121":745,"_18":746},{"_36":263,"_13":264,"_65":265,"_67":241,"_69":70,"_71":266,"_73":74,"_38":267,"_17":76,"_77":78,"_79":268,"_81":51,"_82":-5,"_121":743,"_18":744},{"_36":255,"_13":256,"_65":257,"_67":241,"_69":70,"_71":258,"_73":74,"_38":259,"_17":155,"_77":78,"_79":260,"_81":51,"_82":-5,"_121":741,"_18":742},{"_36":213,"_13":214,"_65":215,"_67":169,"_69":70,"_71":216,"_73":74,"_38":217,"_17":103,"_77":102,"_79":-5,"_81":51,"_82":-5,"_121":739,"_18":740},{"_36":230,"_13":231,"_65":232,"_67":215,"_69":70,"_71":233,"_73":74,"_38":234,"_17":235,"_77":78,"_79":236,"_81":51,"_82":-5,"_121":737,"_18":738},{"_36":222,"_13":223,"_65":224,"_67":215,"_69":70,"_71":225,"_73":74,"_38":226,"_17":119,"_77":78,"_79":227,"_81":51,"_82":-5,"_121":735,"_18":736},{"_36":205,"_13":206,"_65":207,"_67":169,"_69":70,"_71":208,"_73":74,"_38":209,"_17":76,"_77":78,"_79":210,"_81":51,"_82":-5,"_121":733,"_18":734},{"_36":196,"_13":197,"_65":198,"_67":169,"_69":70,"_71":199,"_73":74,"_38":200,"_17":201,"_77":24,"_79":202,"_81":51,"_82":-5,"_121":731,"_18":732},{"_36":187,"_13":188,"_65":189,"_67":169,"_69":70,"_71":190,"_73":74,"_38":191,"_17":192,"_77":78,"_79":193,"_81":51,"_82":-5,"_121":729,"_18":730},{"_36":179,"_13":180,"_65":181,"_67":169,"_69":70,"_71":182,"_73":74,"_38":183,"_17":155,"_77":24,"_79":184,"_81":51,"_82":-5,"_121":727,"_18":728},{"_36":141,"_13":142,"_65":143,"_67":-5,"_69":70,"_71":144,"_73":74,"_38":145,"_17":103,"_77":102,"_79":-5,"_81":51,"_82":-5,"_121":725,"_18":726},{"_36":159,"_13":160,"_65":161,"_67":143,"_69":70,"_71":162,"_73":74,"_38":163,"_17":129,"_77":78,"_79":164,"_81":51,"_82":-5,"_121":723,"_18":724},{"_36":150,"_13":151,"_65":152,"_67":143,"_69":70,"_71":153,"_73":74,"_38":154,"_17":155,"_77":78,"_79":156,"_81":51,"_82":-5,"_121":721,"_18":722},{"_36":133,"_13":134,"_65":135,"_67":-5,"_69":70,"_71":136,"_73":74,"_38":137,"_17":103,"_77":24,"_79":138,"_81":51,"_82":-5,"_121":719,"_18":720},{"_36":124,"_13":125,"_65":126,"_67":-5,"_69":70,"_71":127,"_73":74,"_38":128,"_17":129,"_77":24,"_79":130,"_81":51,"_82":-5,"_121":717,"_18":718},{"_36":114,"_13":115,"_65":116,"_67":-5,"_69":70,"_71":117,"_73":74,"_38":118,"_17":119,"_77":24,"_79":120,"_81":51,"_82":-5,"_121":715,"_18":716},[],[115],[],[125],[],[134],[],[142,151],[],[142,160],[710,711],[142],[],[168,180],[],[168,188],[],[168,197],[],[168,206],[],[168,214,223],[],[168,214,231],[703,704],[168,214],[],[168,240,256],[],[168,240,264],[],[168,240,272],[],[168,240,280],[],[168,240,288],[],[168,240,296],[],[168,240,304,317],[],[168,240,304,325],[],[168,240,304,334],[],[168,240,304,342],[],[168,240,304,350],[],[168,240,304,358],[690,691,692,693,694,695],[168,240,304],[],[168,240,85,372],[688],[168,240,85],[],[168,240,381,389],[686],[168,240,381],[],[168,240,397,406],[],[168,240,397,414],[683,684],[168,240,397],[682,685,687,689,696,697,698,699,700,701],[168,240],[681,702,705,706,707,708],[168],[],[84,430],[],[84,441],[],[84,85,64],[],[84,85,87],[],[84,85,95],[675,676,677],[84,85],[],[84,465,476],[],[84,465,485,493],[672],[84,465,485],[],[84,465,501,511],[],[84,465,501,520],[],[84,465,501,529],[668,669,670],[84,465,501],[],[84,465,538,548],[],[84,465,538,556],[],[84,465,538,565],[664,665,666],[84,465,538],[663,667,671,673],[84,465],[662,674,678,679],[84],["D",1747420256725],{"_11":12,"_616":612},{"_11":12,"_610":-5,"_611":612,"_579":580,"_613":614,"_615":51},{"_17":327,"_13":16,"_36":70,"_42":573,"_45":37,"_46":606,"_607":53,"_608":43,"_609":57,"_58":14,"_54":12},"ctx",{"_600":-5,"_635":860,"_861":862,"_863":864,"_865":51,"_866":51,"_867":51,"_868":74,"_869":-5,"_870":-7,"_871":-7,"_872":103,"_873":51,"_874":51,"_875":-5,"_876":51,"_877":51,"_878":51,"_879":-5},"ENV",{"_831":832,"_833":834,"_835":16,"_836":837,"_838":839,"_840":841,"_842":843,"_844":845,"_846":847,"_848":849,"_850":851,"_852":853,"_854":855,"_856":857,"_858":859},"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"]