\n \n\n",[],[153,222],"42b24a42-37a0-11f0-b201-9e149126039e","SearchBar.tsx","42b24b46-37a0-11f0-b201-9e149126039e","a25e4c32-b379-42a4-b9af-2887ea64ad43",6,["D",1747982190170],"/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport React from \"https://esm.sh/react@18.2.0\";\n\ninterface SearchBarProps {\n searchTerm: string;\n onSearchChange: (term: string) => void;\n}\n\nexport default function SearchBar({ searchTerm, onSearchChange }: SearchBarProps) {\n return (\n

\n \n

\n onSearchChange(e.target.value)}\n className=\"block w-full pl-10 pr-3 py-2 border border-gray-300 rounded-md leading-5 bg-white placeholder-gray-500 focus:outline-none focus:placeholder-gray-400 focus:ring-1 focus:ring-blue-500 focus:border-blue-500\"\n />\n {searchTerm && (\n onSearchChange(\"\")}\n className=\"absolute inset-y-0 right-0 pr-3 flex items-center\"\n >\n \n \n )}\n

\n );\n}",[],[153,237,229],"components","3cd9f232-37a0-11f0-a31b-9e149126039e","PromptCard.tsx","3cd9f2dc-37a0-11f0-a31b-9e149126039e",5,["D",1747982180364],"/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport React, { useState } from \"https://esm.sh/react@18.2.0\";\nimport type { Prompt } from \"../../shared/types.ts\";\n\ninterface PromptCardProps {\n prompt: Prompt;\n}\n\nexport default function PromptCard({ prompt }: PromptCardProps) {\n const [copied, setCopied] = useState(false);\n\n const handleCopy = async () => {\n try {\n await navigator.clipboard.writeText(prompt.content);\n setCopied(true);\n setTimeout(() => setCopied(false), 2000);\n } catch (err) {\n console.error(\"Failed to copy text: \", err);\n }\n };\n\n const getCategoryColor = (category: string) => {\n const colors: Record = {\n \"writing\": \"bg-blue-100 text-blue-800\",\n \"coding\": \"bg-green-100 text-green-800\",\n \"analysis\": \"bg-purple-100 text-purple-800\",\n \"creative\": \"bg-pink-100 text-pink-800\",\n \"business\": \"bg-orange-100 text-orange-800\",\n \"education\": \"bg-indigo-100 text-indigo-800\",\n \"productivity\": \"bg-yellow-100 text-yellow-800\",\n };\n return colors[category] || \"bg-gray-100 text-gray-800\";\n };\n\n return (\n

\n {/* Header */}\n

{prompt.title}

\n \n {prompt.category}\n \n

\n\n {/* Description */}\n

{prompt.description}

\n\n {/* Prompt Preview */}\n

\n          {prompt.content.length > 150 \n            ? `${prompt.content.substring(0, 150)}...` \n            : prompt.content\n          }\n

\n\n {/* Footer */}\n

\n 👤 {prompt.author}\n {prompt.tags && (\n

\n {prompt.tags.slice(0, 2).map((tag, index) => (\n \n {tag}\n \n ))}\n {prompt.tags.length > 2 && (\n +{prompt.tags.length - 2}\n )}\n

\n )}\n

\n \n \n {copied ? (\n <>\n \n Copied!\n \n ) : (\n <>\n \n Copy\n \n )}\n \n

\n );\n}",[],[153,237,239],"46f6b296-37a0-11f0-979b-9e149126039e","CategoryFilter.tsx","46f6b368-37a0-11f0-979b-9e149126039e",7,["D",1747982197331],"/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport React from \"https://esm.sh/react@18.2.0\";\n\ninterface CategoryFilterProps {\n categories: string[];\n selectedCategory: string;\n onCategoryChange: (category: string) => void;\n}\n\nexport default function CategoryFilter({ categories, selectedCategory, onCategoryChange }: CategoryFilterProps) {\n return (\n onCategoryChange(e.target.value)}\n className=\"block w-full px-3 py-2 border border-gray-300 rounded-md bg-white focus:outline-none focus:ring-1 focus:ring-blue-500 focus:border-blue-500\"\n >\n {categories.map((category) => (\n \n ))}\n \n );\n}",[],[153,237,247],"315ffc08-37a0-11f0-ad83-9e149126039e","App.tsx","315ffcb2-37a0-11f0-ad83-9e149126039e",4,["D",1747982161111],"/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport React, { useState } from \"https://esm.sh/react@18.2.0\";\nimport PromptCard from \"./PromptCard.tsx\";\nimport SearchBar from \"./SearchBar.tsx\";\nimport CategoryFilter from \"./CategoryFilter.tsx\";\nimport { samplePrompts } from \"../../shared/prompts.ts\";\nimport type { Prompt } from \"../../shared/types.ts\";\n\nexport default function App() {\n const [searchTerm, setSearchTerm] = useState(\"\");\n const [selectedCategory, setSelectedCategory] = useState(\"all\");\n\n const filteredPrompts = samplePrompts.filter((prompt: Prompt) => {\n const matchesSearch = prompt.title.toLowerCase().includes(searchTerm.toLowerCase()) ||\n prompt.description.toLowerCase().includes(searchTerm.toLowerCase()) ||\n prompt.content.toLowerCase().includes(searchTerm.toLowerCase());\n \n const matchesCategory = selectedCategory === \"all\" || prompt.category === selectedCategory;\n \n return matchesSearch && matchesCategory;\n });\n\n const categories = [\"all\", ...Array.from(new Set(samplePrompts.map(p => p.category)))];\n\n return (\n

\n {/* Header */}\n

Prompt Browser

Discover and copy useful AI prompts

\n {filteredPrompts.length} prompts\n

\n\n {/* Search and Filter */}\n

\n \n

\n\n {/* Prompts Grid */}\n {filteredPrompts.length === 0 ? (\n

🔍

No prompts found

Try adjusting your search or filter criteria

\n ) : (\n

\n {filteredPrompts.map((prompt: Prompt) => (\n \n ))}\n

\n )}\n

\n );\n}",[],[153,237,255],"31601fc6-37a0-11f0-ad83-9e149126039e",["D",1747982161111],[177,178,179,180],[153,237],["D",1747982141446],[176,181,182],[153],"751ce44c-37a0-11f0-88d2-9e149126039e","index.ts",12,["D",1747982274755],"http","import { Hono } from \"https://esm.sh/hono@3.11.7\";\nimport { readFile, serveFile } from \"https://esm.town/v/std/utils@85-main/index.ts\";\n\nconst app = new Hono();\n\n// Unwrap Hono errors to see original error details\napp.onError((err, c) => {\n throw err;\n});\n\n// Serve static files\napp.get(\"/frontend/*\", c => serveFile(c.req.path, import.meta.url));\napp.get(\"/shared/*\", c => serveFile(c.req.path, import.meta.url));\n\n// Serve the main page\napp.get(\"/\", async c => {\n const html = await readFile(\"/frontend/index.html\", import.meta.url);\n return c.html(html);\n});\n\nexport default app.fetch;",[],[158,270],["D",1747982253563],[174],[158],["D",1747980610125],{"_96":95,"_103":99},{"_96":95,"_97":-5,"_98":99,"_18":54,"_100":101,"_102":25},{"_13":85,"_32":86,"_43":42,"_87":44,"_88":-5,"_89":-5,"_90":-5,"_91":-5,"_92":-5,"_93":45,"_94":95},"ctx",{"_78":-5,"_122":317,"_318":319,"_320":321,"_322":25,"_323":25,"_324":25,"_325":58,"_326":-5,"_327":-7,"_328":-7,"_329":142,"_330":25,"_331":25,"_332":-5,"_333":25,"_334":25,"_335":25,"_336":-5},"ENV",{"_288":289,"_290":291,"_292":86,"_293":294,"_295":296,"_297":298,"_299":300,"_301":302,"_303":304,"_305":306,"_307":308,"_309":310,"_311":312,"_313":314,"_315":316},"REACT_APP_SENTRY_DSN","https://586020d86f05489db63a554690acf1e9@o1398359.ingest.sentry.io/6724499","RENDER_GIT_COMMIT","fdb67791413f4386b4dbf18f354029a617f6160f","RENDER_GIT_BRANCH","POSTHOG_API_TOKEN","phc_nmoyuAkStEZuUp69rYlg1DZgrIt19Gx0Y4Hwf8tGgJP","POSTHOG_API_HOST","https://wart.val.town","WEB_API_TEMPLATE","https://{val}.web.val.run","APP_URL","https://www.val.town","MODULE_URL","https://esm.town","VANITY_WEB_API_TEMPLATE","https://{label}.val.run/","DENOLS_URL","https://lsp.val.town","NODE_ENV","production","CLOUDFLARE_TURNSTILE_SITE_KEY","0x4AAAAAACtaIZJH7s9rBMZ6","GOOGLE_CLIENT_ID","875989696899-jtsqkhlbdv5jrlsk8631p7ipjg3c6o62.apps.googleusercontent.com","STRIPE_PUBLISHABLE_KEY","pk_live_51N2zvWEpZTTLipIkVEwXrUG9AT0yeOOEYxszarZT1jpsZV58Ly6wlg3SltZpHN26CUalOBmUSY7adQRQiSkCZz2500qSXNkf8Y","API_URL","https://api.val.town",[],"preferencesKeybindings","default","preferencesTheme","light","preferencesFixers","preferencesCopilot","preferencesSelectionAi","preferencesCloseBrackets","preferencesChatPanelState","preferencesDprint","preferencesDenofmt","notificationCount","flagDenols","isBusinessOrgMember","businessOrgHandle","isBusinessOrgAdmin","isHigherTownieTier","navCollapsed","currentOrgId"]

Diff · v13