\n \n \n \n \n \n

\n View Source\n

\n\n",[],[235,237],"a5429c68-3622-11f0-8c9a-9e149126039e","ResultsViewer.tsx","a5429d3a-3622-11f0-8c9a-9e149126039e","3e53a33b-bd9e-45a7-980d-4db0e3f61c60",14,["D",1747818287784],"/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport React, { useState, useEffect } from 'https://esm.sh/react@18.2.0';\nimport { PromptWithVersions, VersionWithResults } from '../../shared/types.ts';\n\ninterface ResultsViewerProps {\n prompt: PromptWithVersions;\n}\n\nconst ResultsViewer: React.FC = ({ prompt }) => {\n const [selectedVersionId, setSelectedVersionId] = useState(null);\n const [versionDetails, setVersionDetails] = useState(null);\n const [isLoading, setIsLoading] = useState(false);\n const [feedback, setFeedback] = useState('');\n const [rating, setRating] = useState(null);\n const [selectedResultId, setSelectedResultId] = useState(null);\n\n // Set selected version when prompt changes\n useEffect(() => {\n if (prompt && prompt.versions.length > 0) {\n const currentVersion = prompt.versions.find(v => v.is_current) || prompt.versions[0];\n setSelectedVersionId(currentVersion.id);\n fetchVersionDetails(currentVersion.id);\n }\n }, [prompt]);\n\n const fetchVersionDetails = async (versionId: number) => {\n setIsLoading(true);\n \n try {\n const response = await fetch(`/api/prompts/versions/${versionId}`);\n const data = await response.json();\n \n if (data.success) {\n setVersionDetails(data.version);\n } else {\n console.error('Error fetching version details:', data.error);\n }\n } catch (error) {\n console.error('Error fetching version details:', error);\n } finally {\n setIsLoading(false);\n }\n };\n\n const handleVersionSelect = (versionId: number) => {\n setSelectedVersionId(versionId);\n fetchVersionDetails(versionId);\n };\n\n const handleSaveFeedback = async () => {\n if (!selectedResultId) return;\n \n try {\n setIsLoading(true);\n \n const response = await fetch(`/api/prompts/versions/${selectedVersionId}/results`, {\n method: 'POST',\n headers: {\n 'Content-Type': 'application/json',\n },\n body: JSON.stringify({\n response: versionDetails?.results.find(r => r.id === selectedResultId)?.response || '',\n rating,\n feedback\n }),\n });\n \n const data = await response.json();\n \n if (data.success) {\n // Refresh version details\n fetchVersionDetails(selectedVersionId!);\n // Reset form\n setFeedback('');\n setRating(null);\n setSelectedResultId(null);\n }\n } catch (error) {\n console.error('Error saving feedback:', error);\n } finally {\n setIsLoading(false);\n }\n };\n\n const formatDate = (timestamp: number) => {\n return new Date(timestamp).toLocaleDateString('en-US', {\n month: 'short',\n day: 'numeric',\n year: 'numeric',\n hour: '2-digit',\n minute: '2-digit'\n });\n };\n\n return (\n

Results & Analytics

\n View and analyze results from your prompt versions\n

\n\n {/* Version selector */}\n

\n \n Select Version\n \n

\n {prompt.versions.map(version => (\n handleVersionSelect(version.id)}\n className={`px-3 py-1 text-sm rounded-full ${\n selectedVersionId === version.id\n ? 'bg-indigo-100 text-indigo-700 border border-indigo-300'\n : 'bg-gray-100 text-gray-700 border border-gray-200 hover:bg-gray-200'\n }`}\n >\n v{version.version_number}\n {version.is_current && ' (current)'}\n \n ))}\n

\n\n {isLoading ? (\n

\n ) : (\n <>\n {/* Version content */}\n {versionDetails && (\n

\n \n Prompt Content\n \n

\n {versionDetails.content}\n

\n )}\n\n {/* Results */}\n

\n Results ({versionDetails?.results.length || 0})\n

\n \n {versionDetails?.results.length === 0 ? (\n

\n No results yet. Test your prompt to see responses here.\n

\n ) : (\n

\n {versionDetails?.results.map(result => (\n

\n {formatDate(result.created_at)}\n

\n {result.rating && (\n

\n {[...Array(5)].map((_, i) => (\n \n ))}\n

\n )}\n setSelectedResultId(selectedResultId === result.id ? null : result.id)}\n className=\"text-xs text-indigo-600 hover:text-indigo-800\"\n >\n {selectedResultId === result.id ? 'Cancel' : 'Add Feedback'}\n \n

\n {result.response}\n

\n {result.feedback && (\n

Feedback:

{result.feedback}

\n )}\n \n {/* Feedback form */}\n {selectedResultId === result.id && (\n

\n \n Rating\n \n

\n {[1, 2, 3, 4, 5].map(star => (\n setRating(star)}\n className=\"focus:outline-none\"\n >\n \n \n ))}\n

\n \n Feedback\n \n setFeedback(e.target.value)}\n className=\"w-full px-3 py-2 border border-gray-300 rounded-md shadow-sm focus:outline-none focus:ring-indigo-500 focus:border-indigo-500 text-sm\"\n placeholder=\"What worked well or could be improved?\"\n rows={3}\n >\n

\n \n Save Feedback\n \n

\n )}\n

\n ))}\n

\n )}\n

\n \n )}\n

\n );\n};\n\nexport default ResultsViewer;",[],[235,253,245],"components","751cb686-3622-11f0-9f16-9e149126039e","PromptEditor.tsx","751cb712-3622-11f0-9f16-9e149126039e",12,["D",1747818207005],"/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport React, { useState, useEffect } from 'https://esm.sh/react@18.2.0';\nimport { PromptWithVersions } from '../../shared/types.ts';\n\ninterface PromptEditorProps {\n prompt: PromptWithVersions | null;\n onSaveVersion: (promptId: number, content: string) => void;\n onCreatePrompt: (title: string, description: string, content: string) => void;\n}\n\nconst PromptEditor: React.FC = ({ \n prompt, \n onSaveVersion,\n onCreatePrompt\n}) => {\n const [content, setContent] = useState('');\n const [selectedVersionId, setSelectedVersionId] = useState(null);\n const [testResponse, setTestResponse] = useState(null);\n const [isLoading, setIsLoading] = useState(false);\n const [tokenCount, setTokenCount] = useState(null);\n\n // Update content when prompt or selected version changes\n useEffect(() => {\n if (prompt && prompt.versions.length > 0) {\n // Find current version\n const currentVersion = prompt.versions.find(v => v.is_current) || prompt.versions[0];\n setContent(currentVersion.content);\n setSelectedVersionId(currentVersion.id);\n } else {\n setContent('');\n setSelectedVersionId(null);\n }\n }, [prompt]);\n\n const handleVersionSelect = (versionId: number) => {\n if (!prompt) return;\n \n const version = prompt.versions.find(v => v.id === versionId);\n if (version) {\n setContent(version.content);\n setSelectedVersionId(version.id);\n }\n };\n\n const handleSaveVersion = () => {\n if (!prompt || !content.trim()) return;\n onSaveVersion(prompt.id, content);\n };\n\n const handleTestPrompt = async () => {\n if (!content.trim()) return;\n \n setIsLoading(true);\n setTestResponse(null);\n \n try {\n const response = await fetch('/api/optimize/test', {\n method: 'POST',\n headers: {\n 'Content-Type': 'application/json',\n },\n body: JSON.stringify({ prompt: content }),\n });\n \n const data = await response.json();\n \n if (data.success) {\n setTestResponse(data.response);\n setTokenCount(data.usage.total_tokens);\n \n // Save the result if we have a selected version\n if (prompt && selectedVersionId) {\n await fetch(`/api/prompts/versions/${selectedVersionId}/results`, {\n method: 'POST',\n headers: {\n 'Content-Type': 'application/json',\n },\n body: JSON.stringify({ response: data.response }),\n });\n }\n } else {\n setTestResponse(`Error: ${data.error}`);\n }\n } catch (error) {\n console.error('Error testing prompt:', error);\n setTestResponse('Error: Failed to test prompt');\n } finally {\n setIsLoading(false);\n }\n };\n\n const formatDate = (timestamp: number) => {\n return new Date(timestamp).toLocaleDateString('en-US', {\n month: 'short',\n day: 'numeric',\n year: 'numeric',\n hour: '2-digit',\n minute: '2-digit'\n });\n };\n\n if (!prompt) {\n return (\n

\n \n

No Prompt Selected

\n Create a new prompt using the button in the sidebar or select an existing prompt to get started.\n

\n );\n }\n\n return (\n

\n {/* Prompt header */}\n

{prompt.title}

\n {prompt.description && (\n

{prompt.description}

\n )}\n

\n\n {/* Version selector */}\n {prompt.versions.length > 1 && (\n

\n \n Version\n \n

\n )}\n\n {/* Editor */}\n

\n \n Prompt Content\n \n setContent(e.target.value)}\n className=\"flex-1 w-full px-4 py-3 border border-gray-300 rounded-md shadow-sm focus:outline-none focus:ring-2 focus:ring-indigo-500 focus:border-indigo-500 font-mono text-sm\"\n placeholder=\"Enter your prompt here...\"\n >\n

\n\n {/* Actions */}\n

\n \n Save as New Version\n \n

\n \n {isLoading ? (\n <>\n \n Testing...\n \n ) : (\n 'Test Prompt'\n )}\n \n

\n\n {/* Test response */}\n {testResponse && (\n

Response

\n {tokenCount && (\n \n {tokenCount} tokens\n \n )}\n

\n {testResponse}\n

\n )}\n

\n );\n};\n\nexport default PromptEditor;",[],[235,253,255],"8c623adc-3622-11f0-a6ec-9e149126039e","OptimizationPanel.tsx","8c623b9a-3622-11f0-a6ec-9e149126039e",13,["D",1747818246046],"/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport React, { useState, useEffect } from 'https://esm.sh/react@18.2.0';\nimport { PromptWithVersions } from '../../shared/types.ts';\n\ninterface OptimizationPanelProps {\n prompt: PromptWithVersions;\n onSaveVersion: (promptId: number, content: string) => void;\n}\n\nconst OptimizationPanel: React.FC = ({ \n prompt, \n onSaveVersion \n}) => {\n const [currentContent, setCurrentContent] = useState('');\n const [goal, setGoal] = useState('');\n const [suggestions, setSuggestions] = useState(null);\n const [isLoading, setIsLoading] = useState(false);\n const [compareMode, setCompareMode] = useState(false);\n const [promptA, setPromptA] = useState('');\n const [promptB, setPromptB] = useState('');\n const [comparison, setComparison] = useState(null);\n const [criteria, setCriteria] = useState('');\n\n // Set current content when prompt changes\n useEffect(() => {\n if (prompt && prompt.versions.length > 0) {\n const currentVersion = prompt.versions.find(v => v.is_current) || prompt.versions[0];\n setCurrentContent(currentVersion.content);\n setPromptA(currentVersion.content);\n }\n }, [prompt]);\n\n const handleGetSuggestions = async () => {\n setIsLoading(true);\n setSuggestions(null);\n \n try {\n const response = await fetch('/api/optimize/suggestions', {\n method: 'POST',\n headers: {\n 'Content-Type': 'application/json',\n },\n body: JSON.stringify({ \n prompt: currentContent,\n goal: goal || undefined\n }),\n });\n \n const data = await response.json();\n \n if (data.success) {\n setSuggestions(data.suggestions);\n } else {\n setSuggestions(`Error: ${data.error}`);\n }\n } catch (error) {\n console.error('Error getting suggestions:', error);\n setSuggestions('Error: Failed to get suggestions');\n } finally {\n setIsLoading(false);\n }\n };\n\n const handleComparePrompts = async () => {\n if (!promptA.trim() || !promptB.trim()) return;\n \n setIsLoading(true);\n setComparison(null);\n \n try {\n const response = await fetch('/api/optimize/compare', {\n method: 'POST',\n headers: {\n 'Content-Type': 'application/json',\n },\n body: JSON.stringify({ \n promptA,\n promptB,\n criteria: criteria || undefined\n }),\n });\n \n const data = await response.json();\n \n if (data.success) {\n setComparison(data.comparison);\n } else {\n setComparison(`Error: ${data.error}`);\n }\n } catch (error) {\n console.error('Error comparing prompts:', error);\n setComparison('Error: Failed to compare prompts');\n } finally {\n setIsLoading(false);\n }\n };\n\n const handleSaveVersion = (content: string) => {\n if (!content.trim()) return;\n onSaveVersion(prompt.id, content);\n };\n\n return (\n

\n {compareMode ? 'Compare Prompts' : 'Optimize Prompt'}\n

\n setCompareMode(!compareMode)}\n className=\"text-indigo-600 hover:text-indigo-800 text-sm font-medium\"\n >\n Switch to {compareMode ? 'Optimization' : 'Comparison'} Mode\n \n

\n\n {!compareMode ? (\n // Optimization Mode\n <>\n

\n \n Optimization Goal (optional)\n \n setGoal(e.target.value)}\n className=\"w-full px-3 py-2 border border-gray-300 rounded-md shadow-sm focus:outline-none focus:ring-indigo-500 focus:border-indigo-500\"\n placeholder=\"e.g., 'Make the prompt more concise' or 'Improve clarity'\"\n />\n

\n\n

\n \n Current Prompt\n \n setCurrentContent(e.target.value)}\n className=\"w-full h-48 px-3 py-2 border border-gray-300 rounded-md shadow-sm focus:outline-none focus:ring-indigo-500 focus:border-indigo-500 font-mono text-sm\"\n placeholder=\"Enter your prompt here...\"\n >\n

\n\n

\n \n {isLoading ? (\n <>\n \n Generating Suggestions...\n \n ) : (\n 'Get Optimization Suggestions'\n )}\n \n

\n\n {suggestions && (\n

Suggestions

\n {suggestions}\n

\n \n

\n handleSaveVersion(currentContent)}\n className=\"bg-green-600 hover:bg-green-700 text-white px-4 py-2 rounded-md text-sm font-medium\"\n >\n Save Current Version\n \n

\n )}\n \n ) : (\n // Comparison Mode\n <>\n

\n \n Comparison Criteria (optional)\n \n setCriteria(e.target.value)}\n className=\"w-full px-3 py-2 border border-gray-300 rounded-md shadow-sm focus:outline-none focus:ring-indigo-500 focus:border-indigo-500\"\n placeholder=\"e.g., 'Clarity, specificity, and conciseness'\"\n />\n

\n\n

\n \n Prompt A\n \n setPromptA(e.target.value)}\n className=\"w-full h-48 px-3 py-2 border border-gray-300 rounded-md shadow-sm focus:outline-none focus:ring-indigo-500 focus:border-indigo-500 font-mono text-sm\"\n placeholder=\"Enter first prompt here...\"\n >\n

\n \n Prompt B\n \n setPromptB(e.target.value)}\n className=\"w-full h-48 px-3 py-2 border border-gray-300 rounded-md shadow-sm focus:outline-none focus:ring-indigo-500 focus:border-indigo-500 font-mono text-sm\"\n placeholder=\"Enter second prompt here...\"\n >\n

\n\n

\n \n {isLoading ? (\n <>\n \n Comparing Prompts...\n \n ) : (\n 'Compare Prompts'\n )}\n \n

\n\n {comparison && (\n

Comparison Results

\n {comparison}\n

\n \n

\n handleSaveVersion(promptA)}\n className=\"bg-blue-600 hover:bg-blue-700 text-white px-4 py-2 rounded-md text-sm font-medium\"\n >\n Save Prompt A\n \n handleSaveVersion(promptB)}\n className=\"bg-green-600 hover:bg-green-700 text-white px-4 py-2 rounded-md text-sm font-medium\"\n >\n Save Prompt B\n \n

\n )}\n \n )}\n

\n );\n};\n\nexport default OptimizationPanel;",[],[235,253,263],"61645d4c-3622-11f0-888e-9e149126039e","Navigation.tsx","61645e14-3622-11f0-888e-9e149126039e",11,["D",1747818173921],"/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport React, { useState } from 'https://esm.sh/react@18.2.0';\nimport { Prompt } from '../../shared/types.ts';\n\ninterface NavigationProps {\n prompts: Prompt[];\n currentPromptId?: number;\n onSelectPrompt: (promptId: number) => void;\n onCreatePrompt: (title: string, description: string, content: string) => void;\n}\n\nconst Navigation: React.FC = ({ \n prompts, \n currentPromptId, \n onSelectPrompt,\n onCreatePrompt\n}) => {\n const [isCreateModalOpen, setIsCreateModalOpen] = useState(false);\n const [newPromptTitle, setNewPromptTitle] = useState('');\n const [newPromptDescription, setNewPromptDescription] = useState('');\n const [newPromptContent, setNewPromptContent] = useState('');\n\n const handleCreatePrompt = () => {\n if (newPromptTitle.trim() && newPromptContent.trim()) {\n onCreatePrompt(newPromptTitle, newPromptDescription, newPromptContent);\n setNewPromptTitle('');\n setNewPromptDescription('');\n setNewPromptContent('');\n setIsCreateModalOpen(false);\n }\n };\n\n const formatDate = (timestamp: number) => {\n return new Date(timestamp).toLocaleDateString('en-US', {\n month: 'short',\n day: 'numeric',\n year: 'numeric'\n });\n };\n\n return (\n

\n setIsCreateModalOpen(true)}\n className=\"w-full bg-indigo-600 hover:bg-indigo-700 text-white font-medium py-2 px-4 rounded-md flex items-center justify-center\"\n >\n \n New Prompt\n \n

\n\n

\n Your Prompts\n

\n\n

\n {prompts.length === 0 ? (\n

\n No prompts yet. Create your first one!\n

\n ) : (\n prompts.map(prompt => (\n onSelectPrompt(prompt.id)}\n className={`w-full text-left px-3 py-2 rounded-md text-sm font-medium ${\n currentPromptId === prompt.id\n ? 'bg-indigo-100 text-indigo-700'\n : 'text-gray-700 hover:bg-gray-100'\n }`}\n >\n

{prompt.title}

\n {formatDate(prompt.updated_at)}\n

\n \n ))\n )}\n

\n\n {/* Create Prompt Modal */}\n {isCreateModalOpen && (\n

Create New Prompt

\n \n

\n \n Title *\n \n setNewPromptTitle(e.target.value)}\n className=\"w-full px-3 py-2 border border-gray-300 rounded-md shadow-sm focus:outline-none focus:ring-indigo-500 focus:border-indigo-500\"\n placeholder=\"Enter a title for your prompt\"\n />\n

\n \n

\n \n Description\n \n setNewPromptDescription(e.target.value)}\n className=\"w-full px-3 py-2 border border-gray-300 rounded-md shadow-sm focus:outline-none focus:ring-indigo-500 focus:border-indigo-500\"\n placeholder=\"Optional description\"\n />\n

\n \n

\n \n Prompt Content *\n \n setNewPromptContent(e.target.value)}\n rows={6}\n className=\"w-full px-3 py-2 border border-gray-300 rounded-md shadow-sm focus:outline-none focus:ring-indigo-500 focus:border-indigo-500\"\n placeholder=\"Enter your prompt content here...\"\n >\n

\n \n

\n setIsCreateModalOpen(false)}\n className=\"px-4 py-2 border border-gray-300 rounded-md text-sm font-medium text-gray-700 hover:bg-gray-50\"\n >\n Cancel\n \n \n Create Prompt\n \n

\n )}\n

\n );\n};\n\nexport default Navigation;",[],[235,253,271],"5331e76c-3622-11f0-87d1-9e149126039e","App.tsx","5331e802-3622-11f0-87d1-9e149126039e",10,["D",1747818150101],"/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport React, { useState, useEffect } from 'https://esm.sh/react@18.2.0';\nimport Navigation from './Navigation.tsx';\nimport PromptEditor from './PromptEditor.tsx';\nimport OptimizationPanel from './OptimizationPanel.tsx';\nimport ResultsViewer from './ResultsViewer.tsx';\nimport { PromptWithVersions } from '../../shared/types.ts';\n\ninterface AppProps {\n initialData: {\n appName: string;\n version: string;\n };\n}\n\nconst App: React.FC = ({ initialData }) => {\n const [prompts, setPrompts] = useState([]);\n const [currentPrompt, setCurrentPrompt] = useState(null);\n const [loading, setLoading] = useState(true);\n const [view, setView] = useState<'editor' | 'optimize' | 'results'>('editor');\n const [notification, setNotification] = useState<{ message: string; type: 'success' | 'error' } | null>(null);\n\n // Fetch prompts on initial load\n useEffect(() => {\n fetchPrompts();\n }, []);\n\n const fetchPrompts = async () => {\n try {\n setLoading(true);\n const response = await fetch('/api/prompts');\n const data = await response.json();\n \n if (data.success) {\n setPrompts(data.prompts);\n if (data.prompts.length > 0) {\n await fetchPromptDetails(data.prompts[0].id);\n } else {\n setCurrentPrompt(null);\n }\n } else {\n showNotification(data.error || 'Failed to fetch prompts', 'error');\n }\n } catch (error) {\n console.error('Error fetching prompts:', error);\n showNotification('Failed to fetch prompts', 'error');\n } finally {\n setLoading(false);\n }\n };\n\n const fetchPromptDetails = async (promptId: number) => {\n try {\n setLoading(true);\n const response = await fetch(`/api/prompts/${promptId}`);\n const data = await response.json();\n \n if (data.success) {\n setCurrentPrompt(data.prompt);\n } else {\n showNotification(data.error || 'Failed to fetch prompt details', 'error');\n }\n } catch (error) {\n console.error('Error fetching prompt details:', error);\n showNotification('Failed to fetch prompt details', 'error');\n } finally {\n setLoading(false);\n }\n };\n\n const createPrompt = async (title: string, description: string, content: string) => {\n try {\n setLoading(true);\n const response = await fetch('/api/prompts', {\n method: 'POST',\n headers: {\n 'Content-Type': 'application/json',\n },\n body: JSON.stringify({ title, description, content }),\n });\n \n const data = await response.json();\n \n if (data.success) {\n showNotification('Prompt created successfully', 'success');\n await fetchPrompts();\n await fetchPromptDetails(data.promptId);\n } else {\n showNotification(data.error || 'Failed to create prompt', 'error');\n }\n } catch (error) {\n console.error('Error creating prompt:', error);\n showNotification('Failed to create prompt', 'error');\n } finally {\n setLoading(false);\n }\n };\n\n const createVersion = async (promptId: number, content: string) => {\n try {\n setLoading(true);\n const response = await fetch(`/api/prompts/${promptId}/versions`, {\n method: 'POST',\n headers: {\n 'Content-Type': 'application/json',\n },\n body: JSON.stringify({ content }),\n });\n \n const data = await response.json();\n \n if (data.success) {\n showNotification('New version created successfully', 'success');\n await fetchPromptDetails(promptId);\n } else {\n showNotification(data.error || 'Failed to create version', 'error');\n }\n } catch (error) {\n console.error('Error creating version:', error);\n showNotification('Failed to create version', 'error');\n } finally {\n setLoading(false);\n }\n };\n\n const showNotification = (message: string, type: 'success' | 'error') => {\n setNotification({ message, type });\n setTimeout(() => setNotification(null), 5000);\n };\n\n return (\n

\n {/* Header */}\n

\n ✨ {initialData.appName}\n v{initialData.version}\n

\n \n \n \n

\n\n {/* Main content */}\n

\n {/* Sidebar */}\n \n\n {/* Main content area */}\n

\n {loading ? (\n

\n ) : (\n <>\n {view === 'editor' && (\n \n )}\n \n {view === 'optimize' && currentPrompt && (\n \n )}\n \n {view === 'results' && currentPrompt && (\n \n )}\n \n )}\n

\n\n {/* Notification */}\n {notification && (\n

\n {notification.message}\n

\n )}\n

\n );\n};\n\nexport default App;",[],[235,253,279],"53322754-3622-11f0-87d1-9e149126039e",["D",1747818150101],[194,195,196,197,198],[235,253],"3ec5e378-3622-11f0-9c3d-9e149126039e",["D",1747818115837],[193,199,200],[235],"aedab7a6-3622-11f0-9d44-9e149126039e","index.ts",["D",1747818303879],2,"http","import { Hono } from 'https://esm.sh/hono@3.11.7';\nimport { cors } from 'https://esm.sh/@hono/cors@0.0.6';\nimport { readFile, serveFile } from \"https://esm.town/v/std/utils@85-main/index.ts\";\nimport promptsRouter from './routes/prompts.ts';\nimport optimizeRouter from './routes/optimize.ts';\n\n// Initialize the Hono app\nconst app = new Hono();\n\n// Unwrap Hono errors to see original error details\napp.onError((err, c) => {\n console.error(err);\n throw err;\n});\n\n// Apply CORS middleware\napp.use('/*', cors());\n\n// API routes\napp.route('/api/prompts', promptsRouter);\napp.route('/api/optimize', optimizeRouter);\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 index.html with initial data\napp.get('/', async c => {\n let html = await readFile('/frontend/index.html', import.meta.url);\n \n // Inject initial data to avoid extra round-trips\n const initialData = {\n appName: 'PromptCraft',\n version: '1.0.0'\n };\n \n const dataScript = ``;\n \n html = html.replace('', `${dataScript}`);\n return c.html(html);\n});\n\n// This is the entry point for HTTP vals\nexport default app.fetch;",[],[162,295],"2935a30e-3622-11f0-8c2f-9e149126039e","prompts.ts","2935a3fe-3622-11f0-8c2f-9e149126039e","23389318-8552-463a-a2f3-3b8b51e97c2c",5,["D",1747818079660],"import { Hono } from 'https://esm.sh/hono@3.11.7';\nimport { \n createPrompt, \n getPrompts, \n getPromptWithVersions, \n createNewVersion, \n saveResult, \n getVersionWithResults \n} from '../database/queries.ts';\n\nconst app = new Hono();\n\n// Get all prompts\napp.get('/', async (c) => {\n try {\n const prompts = await getPrompts();\n return c.json({ success: true, prompts });\n } catch (error) {\n console.error('Error fetching prompts:', error);\n return c.json({ success: false, error: 'Failed to fetch prompts' }, 500);\n }\n});\n\n// Get a specific prompt with all its versions\napp.get('/:id', async (c) => {\n try {\n const id = parseInt(c.req.param('id'));\n if (isNaN(id)) {\n return c.json({ success: false, error: 'Invalid prompt ID' }, 400);\n }\n \n const prompt = await getPromptWithVersions(id);\n if (!prompt) {\n return c.json({ success: false, error: 'Prompt not found' }, 404);\n }\n \n return c.json({ success: true, prompt });\n } catch (error) {\n console.error('Error fetching prompt:', error);\n return c.json({ success: false, error: 'Failed to fetch prompt' }, 500);\n }\n});\n\n// Create a new prompt\napp.post('/', async (c) => {\n try {\n const body = await c.req.json();\n const { title, description, content } = body;\n \n if (!title || !content) {\n return c.json({ success: false, error: 'Title and content are required' }, 400);\n }\n \n const promptId = await createPrompt(title, description || null, content);\n return c.json({ success: true, promptId }, 201);\n } catch (error) {\n console.error('Error creating prompt:', error);\n return c.json({ success: false, error: 'Failed to create prompt' }, 500);\n }\n});\n\n// Create a new version for an existing prompt\napp.post('/:id/versions', async (c) => {\n try {\n const id = parseInt(c.req.param('id'));\n if (isNaN(id)) {\n return c.json({ success: false, error: 'Invalid prompt ID' }, 400);\n }\n \n const body = await c.req.json();\n const { content } = body;\n \n if (!content) {\n return c.json({ success: false, error: 'Content is required' }, 400);\n }\n \n const versionId = await createNewVersion(id, content);\n return c.json({ success: true, versionId }, 201);\n } catch (error) {\n console.error('Error creating version:', error);\n return c.json({ success: false, error: 'Failed to create version' }, 500);\n }\n});\n\n// Get a specific version with its results\napp.get('/versions/:id', async (c) => {\n try {\n const id = parseInt(c.req.param('id'));\n if (isNaN(id)) {\n return c.json({ success: false, error: 'Invalid version ID' }, 400);\n }\n \n const version = await getVersionWithResults(id);\n if (!version) {\n return c.json({ success: false, error: 'Version not found' }, 404);\n }\n \n return c.json({ success: true, version });\n } catch (error) {\n console.error('Error fetching version:', error);\n return c.json({ success: false, error: 'Failed to fetch version' }, 500);\n }\n});\n\n// Save a result for a version\napp.post('/versions/:id/results', async (c) => {\n try {\n const id = parseInt(c.req.param('id'));\n if (isNaN(id)) {\n return c.json({ success: false, error: 'Invalid version ID' }, 400);\n }\n \n const body = await c.req.json();\n const { response, rating, feedback } = body;\n \n if (!response) {\n return c.json({ success: false, error: 'Response is required' }, 400);\n }\n \n const resultId = await saveResult(id, response, rating, feedback);\n return c.json({ success: true, resultId }, 201);\n } catch (error) {\n console.error('Error saving result:', error);\n return c.json({ success: false, error: 'Failed to save result' }, 500);\n }\n});\n\nexport default app;",[],[162,311,303],"routes","3385d96e-3622-11f0-9724-9e149126039e","optimize.ts","3385d9f0-3622-11f0-9724-9e149126039e",6,["D",1747818096964],"import { Hono } from 'https://esm.sh/hono@3.11.7';\nimport { OpenAI } from \"https://esm.town/v/std/openai\";\n\nconst app = new Hono();\n\n// Initialize OpenAI client\nconst openai = new OpenAI();\n\n// Test a prompt with GPT\napp.post('/test', async (c) => {\n try {\n const body = await c.req.json();\n const { prompt, model = 'gpt-4o-mini' } = body;\n \n if (!prompt) {\n return c.json({ success: false, error: 'Prompt is required' }, 400);\n }\n \n const completion = await openai.chat.completions.create({\n messages: [\n { role: \"user\", content: prompt }\n ],\n model,\n max_tokens: 500,\n });\n \n return c.json({ \n success: true, \n response: completion.choices[0].message.content,\n usage: completion.usage\n });\n } catch (error) {\n console.error('Error testing prompt:', error);\n return c.json({ success: false, error: 'Failed to test prompt' }, 500);\n }\n});\n\n// Get optimization suggestions for a prompt\napp.post('/suggestions', async (c) => {\n try {\n const body = await c.req.json();\n const { prompt, goal, model = 'gpt-4o-mini' } = body;\n \n if (!prompt) {\n return c.json({ success: false, error: 'Prompt is required' }, 400);\n }\n \n const systemPrompt = `You are an expert at optimizing prompts for AI language models. \nYour task is to analyze the given prompt and suggest improvements to make it more effective.\n\n${goal ? `The user's goal for this prompt is: ${goal}` : 'Analyze the prompt and determine the likely goal.'}\n\nProvide the following:\n1. An analysis of the current prompt's strengths and weaknesses\n2. 3 specific suggestions for improvement\n3. 2-3 alternative versions of the prompt that implement your suggestions\n4. A brief explanation of why each alternative might perform better`;\n\n const completion = await openai.chat.completions.create({\n messages: [\n { role: \"system\", content: systemPrompt },\n { role: \"user\", content: `Here is the prompt to optimize:\\n\\n\"${prompt}\"` }\n ],\n model,\n max_tokens: 1000,\n });\n \n return c.json({ \n success: true, \n suggestions: completion.choices[0].message.content,\n usage: completion.usage\n });\n } catch (error) {\n console.error('Error getting suggestions:', error);\n return c.json({ success: false, error: 'Failed to get suggestions' }, 500);\n }\n});\n\n// Compare two prompts\napp.post('/compare', async (c) => {\n try {\n const body = await c.req.json();\n const { promptA, promptB, criteria, model = 'gpt-4o-mini' } = body;\n \n if (!promptA || !promptB) {\n return c.json({ success: false, error: 'Both prompts are required' }, 400);\n }\n \n const systemPrompt = `You are an expert at evaluating prompts for AI language models.\nYour task is to compare two prompts and determine which one is likely to be more effective.\n\n${criteria ? `The evaluation criteria are: ${criteria}` : 'Use standard criteria like clarity, specificity, and goal alignment.'}\n\nProvide the following:\n1. A side-by-side comparison of the two prompts\n2. The strengths and weaknesses of each prompt\n3. Your recommendation on which prompt is better and why\n4. A percentage score (0-100%) for each prompt based on the criteria`;\n\n const completion = await openai.chat.completions.create({\n messages: [\n { role: \"system\", content: systemPrompt },\n { role: \"user\", content: `Compare these two prompts:\n\nPrompt A: \"${promptA}\"\n\nPrompt B: \"${promptB}\"` }\n ],\n model,\n max_tokens: 1000,\n });\n \n return c.json({ \n success: true, \n comparison: completion.choices[0].message.content,\n usage: completion.usage\n });\n } catch (error) {\n console.error('Error comparing prompts:', error);\n return c.json({ success: false, error: 'Failed to compare prompts' }, 500);\n }\n});\n\nexport default app;",[],[162,311,313],"2935e602-3622-11f0-8c2f-9e149126039e",["D",1747818079660],[189,190],[162,311],["D",1747818063910],[],[162,82,80],["D",1747818045893],[],[162,82,65],["D",1747818045893],[186,187],[162,82],"0f62e414-3622-11f0-8d34-9e149126039e",["D",1747818036335],[185,188,191],[162],["D",1747817973918],{"_11":12,"_132":71},{"_11":12,"_128":-5,"_70":71,"_31":69,"_129":130,"_131":30},{"_40":119,"_13":16,"_34":37,"_120":85,"_121":-5,"_122":-5,"_123":-5,"_124":-5,"_125":-5,"_126":14,"_127":12},"ctx",{"_53":-5,"_151":374,"_375":376,"_377":378,"_379":30,"_380":30,"_381":30,"_382":24,"_383":-5,"_384":-7,"_385":-7,"_386":26,"_387":30,"_388":30,"_389":-5,"_390":30,"_391":30,"_392":30,"_393":-5},"ENV",{"_345":346,"_347":348,"_349":16,"_350":351,"_352":353,"_354":355,"_356":357,"_358":359,"_360":361,"_362":363,"_364":365,"_366":367,"_368":369,"_370":371,"_372":373},"REACT_APP_SENTRY_DSN","https://586020d86f05489db63a554690acf1e9@o1398359.ingest.sentry.io/6724499","RENDER_GIT_COMMIT","71c1b20804b3232a7e513be260cfffc1932a9e97","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 · database