\n \n\n",[],[240,242],"84cc319a-37a0-11f0-87eb-9e149126039e","favicon.svg","84cc338e-37a0-11f0-87eb-9e149126039e",14,["D",1747982301070],"",[],[240,250],"2e5e87de-37a2-11f0-924a-9e149126039e","SearchBar.tsx","42b24b46-37a0-11f0-b201-9e149126039e","a25e4c32-b379-42a4-b9af-2887ea64ad43",19,["D",1747983015061],"/** @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-3 bg-gray-800 border border-gray-700 rounded-lg leading-5 text-white placeholder-gray-400 focus:outline-none focus:ring-2 focus:ring-purple-500 focus:border-purple-500 transition-colors\"\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}",[],[240,266,258],"components","24eb85da-37a2-11f0-b8af-9e149126039e","PromptCard.tsx","3cd9f2dc-37a0-11f0-a31b-9e149126039e",18,["D",1747982999206],"/** @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 getCategoryIcon = (category: string) => {\n const icons: Record = {\n \"coding\": \"\",\n \"creative\": \"✨\",\n \"business\": \"💼\",\n \"analysis\": \"📊\",\n \"education\": \"📚\",\n \"productivity\": \"⚡\",\n \"writing\": \"✍️\",\n };\n return icons[category] || \"📝\";\n };\n\n const getCategoryColor = (category: string) => {\n const colors: Record = {\n \"coding\": \"bg-green-900/30 text-green-400 border-green-700/50\",\n \"creative\": \"bg-pink-900/30 text-pink-400 border-pink-700/50\",\n \"business\": \"bg-orange-900/30 text-orange-400 border-orange-700/50\",\n \"analysis\": \"bg-purple-900/30 text-purple-400 border-purple-700/50\",\n \"education\": \"bg-blue-900/30 text-blue-400 border-blue-700/50\",\n \"productivity\": \"bg-yellow-900/30 text-yellow-400 border-yellow-700/50\",\n \"writing\": \"bg-indigo-900/30 text-indigo-400 border-indigo-700/50\",\n };\n return colors[category] || \"bg-gray-900/30 text-gray-400 border-gray-700/50\";\n };\n\n // Simple syntax highlighting for code-like content\n const highlightSyntax = (text: string) => {\n return text\n .replace(/(\".*?\")/g, '$1')\n .replace(/(\\/\\*.*?\\*\\/)/g, '$1')\n .replace(/\\b(function|const|let|var|if|else|return|import|export)\\b/g, '$1');\n };\n\n return (\n

\n {/* Header */}\n

\n {getCategoryIcon(prompt.category)}\n \n {prompt.category.charAt(0).toUpperCase() + prompt.category.slice(1)}\n \n

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

\n\n {/* Title */}\n

{prompt.title}

\n\n {/* Content Preview */}\n

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

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

\n \n {getCategoryIcon(prompt.category)}\n {prompt.category.charAt(0).toUpperCase() + prompt.category.slice(1)}\n \n

\n \n

\n );\n}",[],[240,266,268],"348e56b6-37a2-11f0-a9f0-9e149126039e","CategoryFilter.tsx","46f6b368-37a0-11f0-979b-9e149126039e",["D",1747983025433],"/** @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-3 bg-gray-800 border border-gray-700 rounded-lg text-white focus:outline-none focus:ring-2 focus:ring-purple-500 focus:border-purple-500 transition-colors\"\n >\n {categories.map((category) => (\n \n ))}\n \n );\n}",[],[240,266,276],"0af772ec-37a2-11f0-8e06-9e149126039e","App.tsx","315ffcb2-37a0-11f0-ad83-9e149126039e",17,["D",1747982955661],"/** @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

🚀

\n Prompts\n \n

\n \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}",[],[240,266,283],"31601fc6-37a0-11f0-ad83-9e149126039e",4,["D",1747982161111],[180,181,182,183],[240,266],"25a7f668-37a0-11f0-aa89-9e149126039e",["D",1747982141446],[179,184,185,186],[240],["D",1747982274755],[],[18,65],["D",1747982253563],[177],[18],["D",1747980610125],{"_11":12,"_131":71},{"_11":12,"_127":-5,"_70":71,"_31":69,"_128":129,"_130":30},{"_40":118,"_13":16,"_34":37,"_119":84,"_120":-5,"_121":-5,"_122":-5,"_123":-5,"_124":-5,"_125":14,"_126":12},"ctx",{"_53":-5,"_150":342,"_343":344,"_345":346,"_347":30,"_348":30,"_349":30,"_350":24,"_351":-5,"_352":-7,"_353":-7,"_354":26,"_355":30,"_356":30,"_357":-5,"_358":30,"_359":30,"_360":30,"_361":-5},"ENV",{"_313":314,"_315":316,"_317":16,"_318":319,"_320":321,"_322":323,"_324":325,"_326":327,"_328":329,"_330":331,"_332":333,"_334":335,"_336":337,"_338":339,"_340":341},"REACT_APP_SENTRY_DSN","https://586020d86f05489db63a554690acf1e9@o1398359.ingest.sentry.io/6724499","RENDER_GIT_COMMIT","e87eb04e707cf64e7e532c8e8ec395f209e17f15","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"]

History · backend