\n \n\n",[],[157,227],"84cc319a-37a0-11f0-87eb-9e149126039e",["D",1747982301070],[],[157,32],"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}",[],[157,246,238],"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}",[],[157,246,248],"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}",[],[157,246,256],"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}",[],[157,246,264],"31601fc6-37a0-11f0-ad83-9e149126039e",["D",1747982161111],[181,182,183,184],[157,246],["D",1747982141446],[180,185,186,187],[157],"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;",[],[162,279],["D",1747982253563],[178],[162],["D",1747980610125],{"_94":93,"_101":97},{"_94":93,"_95":-5,"_96":97,"_18":52,"_98":99,"_100":24},{"_13":83,"_31":84,"_41":40,"_85":42,"_86":-5,"_87":-5,"_88":-5,"_89":-5,"_90":-5,"_91":43,"_92":93},"ctx",{"_76":-5,"_121":326,"_327":328,"_329":330,"_331":24,"_332":24,"_333":24,"_334":56,"_335":-5,"_336":-7,"_337":-7,"_338":146,"_339":24,"_340":24,"_341":-5,"_342":24,"_343":24,"_344":24,"_345":-5},"ENV",{"_297":298,"_299":300,"_301":84,"_302":303,"_304":305,"_306":307,"_308":309,"_310":311,"_312":313,"_314":315,"_316":317,"_318":319,"_320":321,"_322":323,"_324":325},"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 · v14