[{"_1":2,"_3":-5,"_4":-5},"loaderData",{"_5":6,"_7":8,"_9":10},"actionData","errors","root",{"_333":334,"_335":336},"routes/_app.x.$handle.$name",{"_11":12,"_13":14,"_15":-7,"_18":19,"_17":-7,"_249":-5,"_20":250,"_22":251,"_252":253,"_254":255,"_26":256,"_24":257,"_258":-5,"_259":-5,"_260":55,"_261":262,"_263":46,"_264":-5,"_265":-5,"_266":267},"routes/_app.x.$handle.$name.code.$",{"_11":12,"_13":14,"_15":16,"_17":-7,"_18":19,"_20":21,"_22":23,"_24":25,"_26":27,"_28":-5,"_29":-5,"_30":-5,"_31":-5,"_32":-5},"handle","artivilla","name","fren","branchName","main","version","path","backend","project",{"_34":196,"_13":14,"_47":197,"_198":-5,"_199":55,"_200":201,"_202":201,"_203":-5,"_204":-5,"_205":206,"_207":38,"_208":46,"_209":46,"_210":-5,"_211":114,"_212":213,"_214":-5,"_215":-5,"_216":-5,"_217":-5,"_218":219,"_220":219,"_221":222,"_223":222,"_224":222,"_225":219,"_226":219,"_227":228,"_229":230,"_231":232,"_233":55},"tree",[64,65,66,67,68],"file",{"_34":58,"_13":19,"_37":40,"_39":-5,"_41":42,"_43":59,"_45":46,"_47":60,"_17":61,"_50":62,"_52":-5,"_54":55,"_56":-5,"_18":63},"contents",[33],"upstream","pull","ahead","behind","envVars",{"_34":35,"_13":36,"_37":38,"_39":40,"_41":42,"_43":44,"_45":46,"_47":48,"_17":49,"_50":51,"_52":53,"_54":55,"_56":-5,"_18":57},"id","751ce44c-37a0-11f0-88d2-9e149126039e","index.ts","fileId","687b89d2-37a0-11f0-ba3d-9e149126039e","parentId","eca95746-886f-4b43-a93c-5833bb3a8c2a","branchId","94ebd106-379c-11f0-a72f-9e149126039e","branchVersion",12,"latest",true,"createdAt",["D",1747982274755],1,"fileType","http","content","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;","deleted",false,"label",[19,36],"687b9044-37a0-11f0-ba3d-9e149126039e",10,["D",1747982253563],0,"directory",[19],{"_34":58,"_13":19,"_37":40,"_39":-5,"_41":42,"_43":59,"_45":46,"_47":189,"_17":61,"_50":62,"_52":-5,"_54":55,"_56":-5,"_76":190,"_18":191},{"_34":111,"_13":112,"_37":113,"_39":-5,"_41":42,"_43":114,"_45":46,"_47":115,"_17":61,"_50":62,"_52":-5,"_54":55,"_56":-5,"_76":116,"_18":117},{"_34":87,"_13":88,"_37":89,"_39":-5,"_41":42,"_43":90,"_45":46,"_47":91,"_17":61,"_50":62,"_52":-5,"_54":55,"_56":-5,"_76":92,"_18":93},{"_34":79,"_13":80,"_37":81,"_39":-5,"_41":42,"_43":82,"_45":46,"_47":83,"_17":61,"_50":24,"_52":84,"_54":55,"_56":-5,"_76":85,"_18":86},{"_34":69,"_13":70,"_37":71,"_39":-5,"_41":42,"_43":72,"_45":46,"_47":73,"_17":49,"_50":74,"_52":75,"_54":55,"_56":-5,"_76":77,"_18":78},"7a0d1058-37a0-11f0-aef0-9e149126039e","main.tsx","94ed99a0-379c-11f0-a72f-9e149126039e",13,["D",1747982283038],"script","// This file is no longer needed - the main entry point is /backend/index.ts","children",[],[70],"72361384-37a0-11f0-b588-9e149126039e","README.md","7236149c-37a0-11f0-b588-9e149126039e",11,["D",1747982269886],"# Prompt Browser\n\nA React-based web application for browsing, searching, and copying AI prompts, similar to ray.so/prompts/browser.\n\n## Features\n\n- **Browse Prompts**: View a curated collection of AI prompts across different categories\n- **Search Functionality**: Search prompts by title, description, or content\n- **Category Filtering**: Filter prompts by category (coding, writing, business, etc.)\n- **One-Click Copy**: Copy prompts to clipboard with visual feedback\n- **Responsive Design**: Works seamlessly on desktop and mobile devices\n- **Clean UI**: Modern, card-based interface with Tailwind CSS\n\n## Project Structure\n\n```\n├── backend/\n│ └── index.ts # Hono server for serving static files\n├── frontend/\n│ ├── index.html # Main HTML template\n│ ├── index.tsx # React app entry point\n│ └── components/\n│ ├── App.tsx # Main app component\n│ ├── PromptCard.tsx # Individual prompt card\n│ ├── SearchBar.tsx # Search input component\n│ └── CategoryFilter.tsx # Category dropdown filter\n├── shared/\n│ ├── types.ts # TypeScript interfaces\n│ └── prompts.ts # Sample prompt data\n└── README.md\n```\n\n## Prompt Categories\n\n- **Coding**: Code review, debugging, API documentation\n- **Writing**: Creative writing, content creation\n- **Business**: Strategy analysis, email templates, personal branding\n- **Analysis**: Data interpretation, problem-solving frameworks\n- **Education**: Learning path creation, skill development\n- **Creative**: Creative prompts and ideation\n- **Productivity**: Meeting agendas, workflow optimization\n\n## Usage\n\n1. Browse the collection of prompts in the main grid\n2. Use the search bar to find specific prompts\n3. Filter by category using the dropdown\n4. Click \"Copy\" on any prompt card to copy it to your clipboard\n5. Paste the prompt into your AI tool of choice\n\n## Technical Details\n\n- Built with React 18.2.0 and TypeScript\n- Styled with Tailwind CSS via Twind\n- Served using Hono framework\n- Clipboard API for copy functionality\n- Responsive grid layout\n\n## Adding New Prompts\n\nTo add new prompts, edit `/shared/prompts.ts` and add new prompt objects following the `Prompt` interface defined in `/shared/types.ts`.\n\nEach prompt should include:\n- `id`: Unique identifier\n- `title`: Short, descriptive title\n- `description`: Brief explanation of the prompt's purpose\n- `content`: The actual prompt text\n- `category`: Category for filtering\n- `author`: Prompt creator\n- `tags`: Optional array of tags for additional categorization",[],[80],"498602aa-37a0-11f0-90c6-9e149126039e","shared","f7f9f237-1d67-4fd5-881e-a02706b4da01",8,["D",1747982201622],[94,95],[88],{"_34":103,"_13":104,"_37":105,"_39":89,"_41":42,"_43":106,"_45":46,"_47":107,"_17":61,"_50":74,"_52":108,"_54":55,"_56":-5,"_76":109,"_18":110},{"_34":96,"_13":97,"_37":98,"_39":89,"_41":42,"_43":90,"_45":46,"_47":99,"_17":61,"_50":74,"_52":100,"_54":55,"_56":-5,"_76":101,"_18":102},"4985e090-37a0-11f0-90c6-9e149126039e","types.ts","4985e162-37a0-11f0-90c6-9e149126039e",["D",1747982201622],"export interface Prompt {\n id: string;\n title: string;\n description: string;\n content: string;\n category: string;\n author: string;\n tags?: string[];\n}",[],[88,97],"6356adb0-37a0-11f0-a938-9e149126039e","prompts.ts","6356ae64-37a0-11f0-a938-9e149126039e",9,["D",1747982244933],"import type { Prompt } from \"./types.ts\";\n\nexport const samplePrompts: Prompt[] = [\n {\n id: \"1\",\n title: \"Code Review Assistant\",\n description: \"Get detailed code reviews with suggestions for improvements, best practices, and potential issues.\",\n content: `Please review the following code and provide feedback on:\n1. Code quality and readability\n2. Performance optimizations\n3. Security considerations\n4. Best practices adherence\n5. Potential bugs or issues\n\nCode:\n[PASTE YOUR CODE HERE]\n\nPlease be specific in your suggestions and explain the reasoning behind each recommendation.`,\n category: \"coding\",\n author: \"DevExpert\",\n tags: [\"code-review\", \"debugging\", \"best-practices\"]\n },\n {\n id: \"2\",\n title: \"Creative Writing Prompt Generator\",\n description: \"Generate unique and engaging creative writing prompts for stories, novels, or creative exercises.\",\n content: `Create 5 unique creative writing prompts that include:\n- An interesting character with a specific background\n- A compelling conflict or challenge\n- An unexpected setting or time period\n- A mysterious element or plot twist\n\nMake each prompt detailed enough to spark imagination but open enough to allow creative freedom. Vary the genres (mystery, sci-fi, fantasy, contemporary, historical).`,\n category: \"creative\",\n author: \"StoryMaster\",\n tags: [\"writing\", \"creativity\", \"storytelling\"]\n },\n {\n id: \"3\",\n title: \"Business Strategy Analyzer\",\n description: \"Analyze business strategies, market opportunities, and competitive landscapes with actionable insights.\",\n content: `Analyze the following business scenario and provide:\n\n1. SWOT Analysis (Strengths, Weaknesses, Opportunities, Threats)\n2. Market positioning recommendations\n3. Competitive advantages to leverage\n4. Potential risks and mitigation strategies\n5. 3-5 actionable next steps\n\nBusiness Context:\n[DESCRIBE YOUR BUSINESS SITUATION HERE]\n\nPlease provide specific, data-driven recommendations where possible and explain your reasoning for each suggestion.`,\n category: \"business\",\n author: \"BizConsultant\",\n tags: [\"strategy\", \"analysis\", \"planning\"]\n },\n {\n id: \"4\",\n title: \"Learning Path Creator\",\n description: \"Create personalized learning paths for any skill or subject with structured progression and resources.\",\n content: `Create a comprehensive learning path for: [SKILL/SUBJECT]\n\nInclude:\n1. Prerequisites and current skill assessment\n2. Learning objectives broken into beginner, intermediate, and advanced levels\n3. Recommended resources (books, courses, tutorials, practice projects)\n4. Milestone projects to demonstrate progress\n5. Timeline estimates for each phase\n6. Methods to track progress and measure success\n\nConsider different learning styles and provide alternative approaches where applicable.`,\n category: \"education\",\n author: \"EduGuide\",\n tags: [\"learning\", \"education\", \"skill-development\"]\n },\n {\n id: \"5\",\n title: \"Data Analysis Interpreter\",\n description: \"Interpret data sets, identify patterns, and provide actionable insights from complex information.\",\n content: `Analyze the following data and provide insights:\n\nData: [PASTE YOUR DATA OR DESCRIBE YOUR DATASET]\n\nPlease provide:\n1. Key patterns and trends identified\n2. Statistical significance of findings\n3. Potential correlations and causations\n4. Outliers and anomalies worth investigating\n5. Actionable recommendations based on the data\n6. Suggestions for additional data that might be helpful\n\nPresent findings in a clear, non-technical summary followed by detailed analysis.`,\n category: \"analysis\",\n author: \"DataScientist\",\n tags: [\"data\", \"statistics\", \"insights\"]\n },\n {\n id: \"6\",\n title: \"Email Template Optimizer\",\n description: \"Create professional, engaging email templates for various business purposes with high conversion potential.\",\n content: `Create an optimized email template for: [EMAIL PURPOSE - e.g., sales outreach, follow-up, newsletter, etc.]\n\nTarget Audience: [DESCRIBE YOUR AUDIENCE]\nGoal: [SPECIFIC OBJECTIVE]\n\nPlease include:\n1. Compelling subject line (provide 3 options)\n2. Personalized opening\n3. Clear value proposition\n4. Specific call-to-action\n5. Professional closing\n6. Tips for customization\n\nMake it conversational yet professional, and explain why each element is effective.`,\n category: \"business\",\n author: \"EmailPro\",\n tags: [\"email\", \"marketing\", \"communication\"]\n },\n {\n id: \"7\",\n title: \"Debugging Assistant\",\n description: \"Systematically debug code issues with step-by-step troubleshooting and solution strategies.\",\n content: `Help me debug this issue:\n\nProblem Description: [DESCRIBE THE BUG/ERROR]\nCode: [PASTE RELEVANT CODE]\nError Message: [PASTE ERROR MESSAGE IF ANY]\nExpected Behavior: [WHAT SHOULD HAPPEN]\nActual Behavior: [WHAT IS HAPPENING]\n\nPlease provide:\n1. Likely causes of the issue\n2. Step-by-step debugging approach\n3. Specific things to check or test\n4. Potential solutions with explanations\n5. Prevention strategies for similar issues\n\nWalk through your reasoning process and explain each step.`,\n category: \"coding\",\n author: \"DebugMaster\",\n tags: [\"debugging\", \"troubleshooting\", \"problem-solving\"]\n },\n {\n id: \"8\",\n title: \"Meeting Agenda Creator\",\n description: \"Generate structured, productive meeting agendas that ensure all objectives are met efficiently.\",\n content: `Create a meeting agenda for:\n\nMeeting Purpose: [MAIN OBJECTIVE]\nDuration: [TIME ALLOCATED]\nAttendees: [WHO WILL BE THERE]\nKey Topics: [MAIN DISCUSSION POINTS]\n\nPlease structure the agenda with:\n1. Pre-meeting preparation requirements\n2. Time-allocated agenda items with clear objectives\n3. Discussion facilitators for each topic\n4. Decision points and action items format\n5. Follow-up and next steps section\n\nInclude tips for keeping the meeting on track and productive.`,\n category: \"productivity\",\n author: \"MeetingPro\",\n tags: [\"meetings\", \"productivity\", \"organization\"]\n },\n {\n id: \"9\",\n title: \"Content Repurposing Strategist\",\n description: \"Transform existing content into multiple formats and platforms to maximize reach and engagement.\",\n content: `Help me repurpose this content across multiple platforms:\n\nOriginal Content: [DESCRIBE OR PASTE YOUR CONTENT]\nTarget Platforms: [LIST PLATFORMS - e.g., LinkedIn, Twitter, Instagram, Blog, etc.]\n\nPlease provide:\n1. Platform-specific adaptations with optimal formats\n2. Key messages tailored to each audience\n3. Hashtag and keyword strategies\n4. Visual content suggestions\n5. Posting schedule recommendations\n6. Engagement strategies for each platform\n\nMaintain brand consistency while optimizing for each platform's unique characteristics.`,\n category: \"business\",\n author: \"ContentStrategist\",\n tags: [\"content\", \"marketing\", \"social-media\"]\n },\n {\n id: \"10\",\n title: \"Problem-Solving Framework\",\n description: \"Apply systematic problem-solving methodologies to complex challenges with structured analysis.\",\n content: `Help me solve this problem using a structured approach:\n\nProblem: [DESCRIBE YOUR CHALLENGE]\nContext: [BACKGROUND INFORMATION]\nConstraints: [LIMITATIONS OR REQUIREMENTS]\nDesired Outcome: [WHAT SUCCESS LOOKS LIKE]\n\nPlease apply this framework:\n1. Problem definition and root cause analysis\n2. Stakeholder impact assessment\n3. Generate multiple solution alternatives\n4. Evaluate pros/cons of each option\n5. Risk assessment and mitigation strategies\n6. Implementation plan with timeline\n7. Success metrics and monitoring approach\n\nUse creative thinking techniques and consider both short-term and long-term implications.`,\n category: \"analysis\",\n author: \"ProblemSolver\",\n tags: [\"problem-solving\", \"analysis\", \"strategy\"]\n },\n {\n id: \"11\",\n title: \"API Documentation Writer\",\n description: \"Create clear, comprehensive API documentation with examples and best practices for developers.\",\n content: `Create comprehensive API documentation for:\n\nAPI Name: [YOUR API NAME]\nBase URL: [API BASE URL]\nAuthentication: [AUTH METHOD]\n\nFor each endpoint, include:\n1. HTTP method and endpoint URL\n2. Purpose and functionality description\n3. Required and optional parameters\n4. Request body examples (JSON)\n5. Response format and status codes\n6. Error handling and common issues\n7. Code examples in multiple languages\n8. Rate limiting and usage guidelines\n\nMake it developer-friendly with clear examples and troubleshooting tips.`,\n category: \"coding\",\n author: \"APIDocPro\",\n tags: [\"documentation\", \"api\", \"development\"]\n },\n {\n id: \"12\",\n title: \"Personal Brand Strategist\",\n description: \"Develop a comprehensive personal branding strategy to enhance professional presence and opportunities.\",\n content: `Help me develop a personal brand strategy:\n\nCurrent Role: [YOUR PROFESSION/INDUSTRY]\nCareer Goals: [WHERE YOU WANT TO GO]\nTarget Audience: [WHO YOU WANT TO REACH]\nUnique Strengths: [WHAT SETS YOU APART]\n\nPlease provide:\n1. Brand positioning statement\n2. Key messages and value propositions\n3. Content themes and topics to focus on\n4. Platform strategy (LinkedIn, Twitter, personal website, etc.)\n5. Visual identity guidelines\n6. Networking and thought leadership opportunities\n7. Metrics to track brand growth\n8. 90-day action plan\n\nFocus on authentic brand building that aligns with career objectives.`,\n category: \"business\",\n author: \"BrandBuilder\",\n tags: [\"branding\", \"career\", \"networking\"]\n }\n];",[],[88,104],"25a7f668-37a0-11f0-aa89-9e149126039e","frontend","140dc5b3-d66d-4a8b-97b2-8653bfa02f2e",2,["D",1747982141446],[118,119,120,121],[112],{"_34":146,"_13":147,"_37":148,"_39":113,"_41":42,"_43":149,"_45":46,"_47":150,"_17":61,"_50":62,"_52":-5,"_54":55,"_56":-5,"_76":151,"_18":152},{"_34":138,"_13":139,"_37":140,"_39":113,"_41":42,"_43":141,"_45":46,"_47":142,"_17":61,"_50":24,"_52":143,"_54":55,"_56":-5,"_76":144,"_18":145},{"_34":130,"_13":131,"_37":132,"_39":113,"_41":42,"_43":133,"_45":46,"_47":134,"_17":114,"_50":24,"_52":135,"_54":55,"_56":-5,"_76":136,"_18":137},{"_34":122,"_13":123,"_37":124,"_39":113,"_41":42,"_43":125,"_45":46,"_47":126,"_17":61,"_50":74,"_52":127,"_54":55,"_56":-5,"_76":128,"_18":129},"28ba6eb2-37a0-11f0-8d3f-9e149126039e","index.tsx","28ba6f5c-37a0-11f0-8d3f-9e149126039e",3,["D",1747982146603],"/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport React from \"https://esm.sh/react@18.2.0\";\nimport { createRoot } from \"https://esm.sh/react-dom@18.2.0/client\";\nimport App from \"./components/App.tsx\";\n\nconst root = createRoot(document.getElementById(\"root\")!);\nroot.render();",[],[112,123],"fd53a8f4-37a1-11f0-9485-9e149126039e","index.html","25a7d9bc-37a0-11f0-aa89-9e149126039e",16,["D",1747982932781],"\n\n\n \n \n Prompt Browser\n \n \n \n \n\n\n

\n \n\n",[],[112,131],"84cc319a-37a0-11f0-87eb-9e149126039e","favicon.svg","84cc338e-37a0-11f0-87eb-9e149126039e",14,["D",1747982301070],"",[],[112,139],"31601fc6-37a0-11f0-ad83-9e149126039e","components","a25e4c32-b379-42a4-b9af-2887ea64ad43",4,["D",1747982161111],[153,154,155,156],[112,147],{"_34":181,"_13":182,"_37":183,"_39":148,"_41":42,"_43":184,"_45":46,"_47":185,"_17":49,"_50":74,"_52":186,"_54":55,"_56":-5,"_76":187,"_18":188},{"_34":173,"_13":174,"_37":175,"_39":148,"_41":42,"_43":176,"_45":46,"_47":177,"_17":49,"_50":74,"_52":178,"_54":55,"_56":-5,"_76":179,"_18":180},{"_34":165,"_13":166,"_37":167,"_39":148,"_41":42,"_43":168,"_45":46,"_47":169,"_17":49,"_50":74,"_52":170,"_54":55,"_56":-5,"_76":171,"_18":172},{"_34":157,"_13":158,"_37":159,"_39":148,"_41":42,"_43":160,"_45":46,"_47":161,"_17":49,"_50":74,"_52":162,"_54":55,"_56":-5,"_76":163,"_18":164},"2e5e87de-37a2-11f0-924a-9e149126039e","SearchBar.tsx","42b24b46-37a0-11f0-b201-9e149126039e",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}",[],[112,147,158],"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}",[],[112,147,166],"348e56b6-37a2-11f0-a9f0-9e149126039e","CategoryFilter.tsx","46f6b368-37a0-11f0-979b-9e149126039e",20,["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}",[],[112,147,174],"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}",[],[112,147,182],["D",1747982253563],[192],[19],{"_34":35,"_13":36,"_37":38,"_39":40,"_41":42,"_43":44,"_45":46,"_47":193,"_17":49,"_50":51,"_52":53,"_54":55,"_56":-5,"_76":194,"_18":195},["D",1747982274755],[],[19,36],"94eb7f26-379c-11f0-a72f-9e149126039e",["D",1747980610125],"deletedAt","legacyEnvVars","privacy","public","httpPrivacy","description","imageUrl","userId","d56bd8b2-a31e-4821-93e6-bcbdd41c83ba","pinnedFileId","pinPreview","pinMigrated","screenshotVersion","likeCount","orgId","0d30098c-721f-4d42-b17b-1da1e51d05e7","tursoName","tursoHostname","tursoMeasuredAt","pinned","userPerm","r","valPerm","blobPerm","rw","emailPerm","sqlitePerm","projectPerm","telemetryPerm","user",{"_11":12,"_248":244},"org",{"_11":12,"_242":-5,"_243":244,"_205":206,"_245":246,"_247":55},"branch",{"_17":176,"_13":16,"_34":42,"_234":196,"_235":-5,"_236":-5,"_237":-5,"_238":-5,"_239":-5,"_240":14,"_241":12},"isOwned","projectId","forkedBranchId","forkedBranchVersion","forkedProjectPrivacy","forkedProjectId","forkedProjectOrgId","projectName","userHandle","displayName","avatar","https://imagedelivery.net/iHX6Ovru0O7AjmyT5yZRoA/05b096c6-70cf-4d2b-51e5-6c69c44dbf00/square512?exp=1789563599&sig=51689b3d8ca79caa7fb7681b7eb049351f2077a67391064cbbbbae7a69071f92","tier","free","canRestrictVals","profileImageUrl","adoptOrgId",{"_34":196,"_13":14,"_47":329,"_198":-5,"_199":55,"_200":201,"_202":201,"_203":-5,"_204":-5,"_205":206,"_207":38,"_208":46,"_209":46,"_210":-5,"_211":114,"_212":213,"_214":-5,"_215":-5,"_216":-5,"_217":-5,"_218":219,"_220":219,"_221":222,"_223":222,"_224":222,"_225":219,"_226":219,"_227":330,"_229":331,"_231":332,"_233":55},[281,283,292,295,296],"files",[281,282,283,284,285,286,287,288,289,290,291,292,293,294,295,296],"counts",{"_272":61,"_273":49,"_274":61,"_32":275,"_276":277},[270],{"_34":58,"_41":42,"_37":40,"_13":19,"_52":-5,"_50":62,"_17":61,"_39":-5,"_47":268,"_43":59,"_56":-5,"_18":269},"upstreamProject","upstreamBranch","emptyEnvVars","flags",[],"hasHttpFiles","grants","orgs","customDomains",{},["D",1747982253563],[19],{"_34":35,"_13":36,"_37":38,"_39":40,"_41":42,"_43":44,"_45":46,"_47":48,"_17":49,"_50":51,"_52":53,"_54":55,"_56":-5,"_18":271},[19,36],"pulls","branches","forks",{"_278":61,"_280":61},"connections",{"_278":61,"_279":61},"count","unfilledCount","emptyCount",{"_34":58,"_13":19,"_37":40,"_39":-5,"_41":42,"_43":59,"_45":46,"_47":189,"_17":61,"_50":62,"_52":-5,"_54":55,"_56":-5,"_76":327,"_18":328},{"_34":35,"_13":36,"_37":38,"_39":40,"_41":42,"_43":44,"_45":46,"_47":193,"_17":49,"_50":51,"_52":53,"_54":55,"_56":-5,"_76":325,"_18":326},{"_34":111,"_13":112,"_37":113,"_39":-5,"_41":42,"_43":114,"_45":46,"_47":115,"_17":61,"_50":62,"_52":-5,"_54":55,"_56":-5,"_76":323,"_18":324},{"_34":146,"_13":147,"_37":148,"_39":113,"_41":42,"_43":149,"_45":46,"_47":150,"_17":61,"_50":62,"_52":-5,"_54":55,"_56":-5,"_76":321,"_18":322},{"_34":181,"_13":182,"_37":183,"_39":148,"_41":42,"_43":184,"_45":46,"_47":185,"_17":49,"_50":74,"_52":186,"_54":55,"_56":-5,"_76":319,"_18":320},{"_34":173,"_13":174,"_37":175,"_39":148,"_41":42,"_43":176,"_45":46,"_47":177,"_17":49,"_50":74,"_52":178,"_54":55,"_56":-5,"_76":317,"_18":318},{"_34":165,"_13":166,"_37":167,"_39":148,"_41":42,"_43":168,"_45":46,"_47":169,"_17":49,"_50":74,"_52":170,"_54":55,"_56":-5,"_76":315,"_18":316},{"_34":157,"_13":158,"_37":159,"_39":148,"_41":42,"_43":160,"_45":46,"_47":161,"_17":49,"_50":74,"_52":162,"_54":55,"_56":-5,"_76":313,"_18":314},{"_34":138,"_13":139,"_37":140,"_39":113,"_41":42,"_43":141,"_45":46,"_47":142,"_17":61,"_50":24,"_52":143,"_54":55,"_56":-5,"_76":311,"_18":312},{"_34":130,"_13":131,"_37":132,"_39":113,"_41":42,"_43":133,"_45":46,"_47":134,"_17":114,"_50":24,"_52":135,"_54":55,"_56":-5,"_76":309,"_18":310},{"_34":122,"_13":123,"_37":124,"_39":113,"_41":42,"_43":125,"_45":46,"_47":126,"_17":61,"_50":74,"_52":127,"_54":55,"_56":-5,"_76":307,"_18":308},{"_34":87,"_13":88,"_37":89,"_39":-5,"_41":42,"_43":90,"_45":46,"_47":91,"_17":61,"_50":62,"_52":-5,"_54":55,"_56":-5,"_76":305,"_18":306},{"_34":103,"_13":104,"_37":105,"_39":89,"_41":42,"_43":106,"_45":46,"_47":107,"_17":61,"_50":74,"_52":108,"_54":55,"_56":-5,"_76":303,"_18":304},{"_34":96,"_13":97,"_37":98,"_39":89,"_41":42,"_43":90,"_45":46,"_47":99,"_17":61,"_50":74,"_52":100,"_54":55,"_56":-5,"_76":301,"_18":302},{"_34":79,"_13":80,"_37":81,"_39":-5,"_41":42,"_43":82,"_45":46,"_47":83,"_17":61,"_50":24,"_52":84,"_54":55,"_56":-5,"_76":299,"_18":300},{"_34":69,"_13":70,"_37":71,"_39":-5,"_41":42,"_43":72,"_45":46,"_47":73,"_17":49,"_50":74,"_52":75,"_54":55,"_56":-5,"_76":297,"_18":298},[],[70],[],[80],[],[88,97],[],[88,104],[293,294],[88],[],[112,123],[],[112,131],[],[112,139],[],[112,147,158],[],[112,147,166],[],[112,147,174],[],[112,147,182],[285,286,287,288],[112,147],[284,289,290,291],[112],[],[19,36],[282],[19],["D",1747980610125],{"_11":12,"_248":244},{"_11":12,"_242":-5,"_243":244,"_205":206,"_245":246,"_247":55},{"_17":176,"_13":16,"_34":42,"_234":196,"_235":-5,"_236":-5,"_237":-5,"_238":-5,"_239":-5,"_240":14,"_241":12},"ctx",{"_227":-5,"_265":366,"_367":368,"_369":370,"_371":55,"_372":55,"_373":55,"_374":46,"_375":-5,"_376":-7,"_377":-7,"_378":61,"_379":55,"_380":55,"_381":-5,"_382":55,"_383":55,"_384":55,"_385":-5},"ENV",{"_337":338,"_339":340,"_341":16,"_342":343,"_344":345,"_346":347,"_348":349,"_350":351,"_352":353,"_354":355,"_356":357,"_358":359,"_360":361,"_362":363,"_364":365},"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"]