\n \n\n",[],[148,193],"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}",[],[148,208,200],"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}",[],[148,208,210],"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}",[],[148,208,218],"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}",[],[148,208,226],"31601fc6-37a0-11f0-ad83-9e149126039e",["D",1747982161111],[164,165,166,167],[148,208],["D",1747982141446],[163,168,169],[148],["D",1747980610125],{"_101":100,"_108":104},{"_101":100,"_102":-5,"_103":104,"_18":59,"_105":106,"_107":25},{"_13":90,"_32":91,"_48":40,"_92":49,"_93":-5,"_94":-5,"_95":-5,"_96":-5,"_97":-5,"_98":50,"_99":100},"ctx",{"_83":-5,"_128":277,"_278":279,"_280":281,"_282":25,"_283":25,"_284":25,"_285":63,"_286":-5,"_287":-7,"_288":-7,"_289":141,"_290":25,"_291":25,"_292":-5,"_293":25,"_294":25,"_295":25,"_296":-5},"ENV",{"_248":249,"_250":251,"_252":91,"_253":254,"_255":256,"_257":258,"_259":260,"_261":262,"_263":264,"_265":266,"_267":268,"_269":270,"_271":272,"_273":274,"_275":276},"REACT_APP_SENTRY_DSN","https://586020d86f05489db63a554690acf1e9@o1398359.ingest.sentry.io/6724499","RENDER_GIT_COMMIT","c73f21da490985bff19c279eb0e09db24d688e4f","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 · v8