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

\n View Source\n

\n\n",[18,66],"53322754-3622-11f0-87d1-9e149126039e",["D",1747818150101],[18,90],"pulls","branches",1,"forks","envVars",{"_192":26,"_194":26},"connections",{"_192":26,"_193":26},"count","unfilledCount","emptyCount",{"_35":342,"_13":297,"_64":290,"_45":-5,"_37":38,"_164":292,"_165":24,"_39":343,"_41":26,"_67":91,"_167":-5,"_68":30,"_168":-5,"_220":344,"_17":345},{"_35":338,"_13":329,"_64":323,"_45":290,"_37":38,"_164":333,"_165":24,"_39":339,"_41":26,"_67":91,"_167":-5,"_68":30,"_168":-5,"_220":340,"_17":341},{"_35":330,"_13":331,"_64":332,"_45":323,"_37":38,"_164":333,"_165":24,"_39":334,"_41":26,"_67":81,"_167":335,"_68":30,"_168":-5,"_220":336,"_17":337},{"_35":320,"_13":321,"_64":322,"_45":323,"_37":38,"_164":324,"_165":24,"_39":325,"_41":26,"_67":81,"_167":326,"_68":30,"_168":-5,"_220":327,"_17":328},{"_35":316,"_13":307,"_64":301,"_45":290,"_37":38,"_164":302,"_165":24,"_39":317,"_41":26,"_67":91,"_167":-5,"_68":30,"_168":-5,"_220":318,"_17":319},{"_35":308,"_13":309,"_64":310,"_45":301,"_37":38,"_164":311,"_165":24,"_39":312,"_41":26,"_67":81,"_167":313,"_68":30,"_168":-5,"_220":314,"_17":315},{"_35":298,"_13":299,"_64":300,"_45":301,"_37":38,"_164":302,"_165":24,"_39":303,"_41":26,"_67":81,"_167":304,"_68":30,"_168":-5,"_220":305,"_17":306},{"_35":288,"_13":289,"_64":104,"_45":290,"_37":38,"_164":128,"_165":24,"_39":291,"_41":292,"_67":293,"_167":294,"_68":30,"_168":-5,"_220":295,"_17":296},{"_35":163,"_13":18,"_64":92,"_45":-5,"_37":38,"_164":42,"_165":24,"_39":285,"_41":26,"_67":91,"_167":-5,"_68":30,"_168":-5,"_220":286,"_17":287},{"_35":181,"_13":90,"_64":89,"_45":92,"_37":38,"_164":84,"_165":24,"_39":282,"_41":26,"_67":91,"_167":-5,"_68":30,"_168":-5,"_220":283,"_17":284},{"_35":275,"_13":276,"_64":277,"_45":89,"_37":38,"_164":84,"_165":24,"_39":278,"_41":26,"_67":81,"_167":279,"_68":30,"_168":-5,"_220":280,"_17":281},{"_35":267,"_13":268,"_64":269,"_45":89,"_37":38,"_164":270,"_165":24,"_39":271,"_41":26,"_67":81,"_167":272,"_68":30,"_168":-5,"_220":273,"_17":274},{"_35":259,"_13":260,"_64":261,"_45":89,"_37":38,"_164":262,"_165":24,"_39":263,"_41":26,"_67":81,"_167":264,"_68":30,"_168":-5,"_220":265,"_17":266},{"_35":251,"_13":252,"_64":253,"_45":89,"_37":38,"_164":254,"_165":24,"_39":255,"_41":26,"_67":81,"_167":256,"_68":30,"_168":-5,"_220":257,"_17":258},{"_35":243,"_13":244,"_64":245,"_45":89,"_37":38,"_164":246,"_165":24,"_39":247,"_41":26,"_67":81,"_167":248,"_68":30,"_168":-5,"_220":249,"_17":250},{"_35":177,"_13":66,"_64":65,"_45":92,"_37":38,"_164":42,"_165":24,"_39":240,"_41":26,"_67":21,"_167":179,"_68":30,"_168":-5,"_220":241,"_17":242},{"_35":173,"_13":80,"_64":79,"_45":92,"_37":38,"_164":74,"_165":24,"_39":237,"_41":26,"_67":81,"_167":175,"_68":30,"_168":-5,"_220":238,"_17":239},{"_35":233,"_13":232,"_64":226,"_45":-5,"_37":38,"_164":227,"_165":24,"_39":234,"_41":26,"_67":91,"_167":-5,"_68":30,"_168":-5,"_220":235,"_17":236},{"_35":223,"_13":224,"_64":225,"_45":226,"_37":38,"_164":227,"_165":24,"_39":228,"_41":26,"_67":81,"_167":229,"_68":30,"_168":-5,"_220":230,"_17":231},{"_35":215,"_13":216,"_64":217,"_45":-5,"_37":38,"_164":186,"_165":24,"_39":218,"_41":26,"_67":21,"_167":219,"_68":30,"_168":-5,"_220":221,"_17":222},"095e8c1c-3622-11f0-b1e3-9e149126039e","README.md","095e8cee-3622-11f0-b1e3-9e149126039e",["D",1747818026240],"# PromptCraft - GPT-Powered Prompt Creation & Optimization\n\nPromptCraft is a full-stack application that helps you create, test, and optimize prompts for GPT models. With a modern, responsive UI and powerful backend, you can iterate on your prompts to achieve the best results.\n\n## Features\n\n- 🧠 **AI-Powered Suggestions**: Get intelligent suggestions to improve your prompts\n- 🔄 **A/B Testing**: Compare different prompt versions to see which performs better\n- 📊 **Performance Analytics**: Track how your prompts perform over time\n- 💾 **Prompt Library**: Save and organize your prompts for future use\n- 🚀 **Optimization Recommendations**: Receive specific recommendations to enhance prompt effectiveness\n\n## Tech Stack\n\n- **Frontend**: React with Tailwind CSS\n- **Backend**: Hono.js API framework\n- **Database**: SQLite for storing prompts and history\n- **AI**: OpenAI GPT models\n\n## Project Structure\n\n```\n├── backend/\n│ ├── database/\n│ │ ├── migrations.ts\n│ │ └── queries.ts\n│ ├── routes/\n│ │ ├── prompts.ts\n│ │ ├── optimize.ts\n│ │ └── static.ts\n│ └── index.ts\n├── frontend/\n│ ├── components/\n│ │ ├── App.tsx\n│ │ ├── PromptEditor.tsx\n│ │ ├── OptimizationPanel.tsx\n│ │ ├── ResultsViewer.tsx\n│ │ └── Navigation.tsx\n│ ├── index.html\n│ └── index.tsx\n└── shared/\n └── types.ts\n```\n\n## Getting Started\n\n1. Visit the app at its Val Town URL\n2. Create your first prompt in the editor\n3. Use the optimization tools to refine your prompt\n4. Save your best prompts to your library\n\n## How It Works\n\n1. **Create**: Write your initial prompt in the editor\n2. **Test**: See how the prompt performs with the GPT model\n3. **Optimize**: Get AI-powered suggestions to improve your prompt\n4. **Compare**: A/B test different versions to find the best one\n5. **Save**: Store your optimized prompts for future use","children",[],[216],"37a7e302-3622-11f0-b0d2-9e149126039e","types.ts","37a7e3b6-3622-11f0-b0d2-9e149126039e","4514f91e-5ee7-4ea6-b1e5-4f530db3192f",7,["D",1747818103897],"// Prompt types\nexport interface Prompt {\n id: number;\n title: string;\n description: string | null;\n created_at: number;\n updated_at: number;\n}\n\nexport interface PromptVersion {\n id: number;\n prompt_id: number;\n content: string;\n version_number: number;\n is_current: boolean;\n created_at: number;\n}\n\nexport interface PromptResult {\n id: number;\n version_id: number;\n response: string;\n rating: number | null;\n feedback: string | null;\n created_at: number;\n}\n\nexport interface PromptWithVersions extends Prompt {\n versions: PromptVersion[];\n}\n\nexport interface VersionWithResults extends PromptVersion {\n results: PromptResult[];\n}\n\n// API response types\nexport interface ApiResponse {\n success: boolean;\n error?: string;\n data?: T;\n}\n\nexport interface TestResponse {\n response: string;\n usage: {\n prompt_tokens: number;\n completion_tokens: number;\n total_tokens: number;\n };\n}\n\nexport interface SuggestionsResponse {\n suggestions: string;\n usage: {\n prompt_tokens: number;\n completion_tokens: number;\n total_tokens: number;\n };\n}\n\nexport interface ComparisonResponse {\n comparison: string;\n usage: {\n prompt_tokens: number;\n completion_tokens: number;\n total_tokens: number;\n };\n}",[],[232,224],"shared","37a7e9a6-3622-11f0-b0d2-9e149126039e",["D",1747818103897],[213],[232],["D",1747818121298],[],[18,80],["D",1747818115837],[],[18,66],"a5429c68-3622-11f0-8c9a-9e149126039e","ResultsViewer.tsx","a5429d3a-3622-11f0-8c9a-9e149126039e",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;",[],[18,90,244],"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;",[],[18,90,252],"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;",[],[18,90,260],"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;",[],[18,90,268],"5331e76c-3622-11f0-87d1-9e149126039e","App.tsx","5331e802-3622-11f0-87d1-9e149126039e",["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;",[],[18,90,276],["D",1747818150101],[205,206,207,208,209],[18,90],["D",1747818115837],[204,210,211],[18],"aedab7a6-3622-11f0-9d44-9e149126039e","index.ts","ae8a7b4b-7259-4be0-95ca-45345cbf1bc3",["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;",[],[297,289],"backend","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;",[],[297,307,299],"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;",[],[297,307,309],"2935e602-3622-11f0-8c2f-9e149126039e",["D",1747818079660],[200,201],[297,307],"1fd21144-3622-11f0-8d59-9e149126039e","queries.ts","1fd211da-3622-11f0-8d59-9e149126039e","9627b79f-0627-4938-b547-331eda903f55",4,["D",1747818063910],"import { sqlite } from \"https://esm.town/v/stevekrouse/sqlite\";\nimport { PROMPTS_TABLE, VERSIONS_TABLE, RESULTS_TABLE } from './migrations.ts';\n\n// Types\nexport interface Prompt {\n id: number;\n title: string;\n description: string | null;\n created_at: number;\n updated_at: number;\n}\n\nexport interface PromptVersion {\n id: number;\n prompt_id: number;\n content: string;\n version_number: number;\n is_current: boolean;\n created_at: number;\n}\n\nexport interface PromptResult {\n id: number;\n version_id: number;\n response: string;\n rating: number | null;\n feedback: string | null;\n created_at: number;\n}\n\nexport interface PromptWithVersions extends Prompt {\n versions: PromptVersion[];\n}\n\nexport interface VersionWithResults extends PromptVersion {\n results: PromptResult[];\n}\n\n// Prompt CRUD operations\nexport async function createPrompt(title: string, description: string | null, initialContent: string): Promise {\n const now = Date.now();\n \n // Create the prompt\n const promptResult = await sqlite.execute(\n `INSERT INTO ${PROMPTS_TABLE} (title, description, created_at, updated_at) \n VALUES (?, ?, ?, ?)\n RETURNING id`,\n [title, description, now, now]\n );\n \n const promptId = promptResult.rows[0].id;\n \n // Create the initial version\n await sqlite.execute(\n `INSERT INTO ${VERSIONS_TABLE} (prompt_id, content, version_number, is_current, created_at)\n VALUES (?, ?, ?, ?, ?)`,\n [promptId, initialContent, 1, true, now]\n );\n \n return promptId;\n}\n\nexport async function getPrompts(): Promise {\n const result = await sqlite.execute(`SELECT * FROM ${PROMPTS_TABLE} ORDER BY updated_at DESC`);\n return result.rows as Prompt[];\n}\n\nexport async function getPromptWithVersions(promptId: number): Promise {\n // Get the prompt\n const promptResult = await sqlite.execute(\n `SELECT * FROM ${PROMPTS_TABLE} WHERE id = ?`,\n [promptId]\n );\n \n if (promptResult.rows.length === 0) {\n return null;\n }\n \n const prompt = promptResult.rows[0] as Prompt;\n \n // Get all versions\n const versionsResult = await sqlite.execute(\n `SELECT * FROM ${VERSIONS_TABLE} WHERE prompt_id = ? ORDER BY version_number DESC`,\n [promptId]\n );\n \n const versions = versionsResult.rows as PromptVersion[];\n \n return {\n ...prompt,\n versions\n };\n}\n\nexport async function createNewVersion(promptId: number, content: string): Promise {\n // Get the current highest version number\n const versionResult = await sqlite.execute(\n `SELECT MAX(version_number) as max_version FROM ${VERSIONS_TABLE} WHERE prompt_id = ?`,\n [promptId]\n );\n \n const maxVersion = versionResult.rows[0].max_version || 0;\n const newVersionNumber = maxVersion + 1;\n \n // Set all versions to not current\n await sqlite.execute(\n `UPDATE ${VERSIONS_TABLE} SET is_current = 0 WHERE prompt_id = ?`,\n [promptId]\n );\n \n // Create the new version\n const result = await sqlite.execute(\n `INSERT INTO ${VERSIONS_TABLE} (prompt_id, content, version_number, is_current, created_at)\n VALUES (?, ?, ?, ?, ?)\n RETURNING id`,\n [promptId, content, newVersionNumber, true, Date.now()]\n );\n \n // Update the prompt's updated_at timestamp\n await sqlite.execute(\n `UPDATE ${PROMPTS_TABLE} SET updated_at = ? WHERE id = ?`,\n [Date.now(), promptId]\n );\n \n return result.rows[0].id;\n}\n\nexport async function saveResult(versionId: number, response: string, rating?: number, feedback?: string): Promise {\n const result = await sqlite.execute(\n `INSERT INTO ${RESULTS_TABLE} (version_id, response, rating, feedback, created_at)\n VALUES (?, ?, ?, ?, ?)\n RETURNING id`,\n [versionId, response, rating || null, feedback || null, Date.now()]\n );\n \n return result.rows[0].id;\n}\n\nexport async function getVersionWithResults(versionId: number): Promise {\n // Get the version\n const versionResult = await sqlite.execute(\n `SELECT * FROM ${VERSIONS_TABLE} WHERE id = ?`,\n [versionId]\n );\n \n if (versionResult.rows.length === 0) {\n return null;\n }\n \n const version = versionResult.rows[0] as PromptVersion;\n \n // Get all results\n const resultsResult = await sqlite.execute(\n `SELECT * FROM ${RESULTS_TABLE} WHERE version_id = ? ORDER BY created_at DESC`,\n [versionId]\n );\n \n const results = resultsResult.rows as PromptResult[];\n \n return {\n ...version,\n results\n };\n}",[],[297,329,321],"database","1515b38c-3622-11f0-a002-9e149126039e","migrations.ts","1515b47c-3622-11f0-a002-9e149126039e",3,["D",1747818045893],"import { sqlite } from \"https://esm.town/v/stevekrouse/sqlite\";\n\n// Table names - use versioning for schema changes\nexport const PROMPTS_TABLE = 'prompt_craft_prompts_v1';\nexport const VERSIONS_TABLE = 'prompt_craft_versions_v1';\nexport const RESULTS_TABLE = 'prompt_craft_results_v1';\n\n/**\n * Run all migrations to set up the database schema\n */\nexport async function runMigrations() {\n // Create prompts table\n await sqlite.execute(`\n CREATE TABLE IF NOT EXISTS ${PROMPTS_TABLE} (\n id INTEGER PRIMARY KEY AUTOINCREMENT,\n title TEXT NOT NULL,\n description TEXT,\n created_at INTEGER NOT NULL,\n updated_at INTEGER NOT NULL\n )\n `);\n\n // Create prompt versions table\n await sqlite.execute(`\n CREATE TABLE IF NOT EXISTS ${VERSIONS_TABLE} (\n id INTEGER PRIMARY KEY AUTOINCREMENT,\n prompt_id INTEGER NOT NULL,\n content TEXT NOT NULL,\n version_number INTEGER NOT NULL,\n is_current BOOLEAN NOT NULL DEFAULT 0,\n created_at INTEGER NOT NULL,\n FOREIGN KEY (prompt_id) REFERENCES ${PROMPTS_TABLE}(id)\n )\n `);\n\n // Create results table for tracking performance\n await sqlite.execute(`\n CREATE TABLE IF NOT EXISTS ${RESULTS_TABLE} (\n id INTEGER PRIMARY KEY AUTOINCREMENT,\n version_id INTEGER NOT NULL,\n response TEXT NOT NULL,\n rating INTEGER,\n feedback TEXT,\n created_at INTEGER NOT NULL,\n FOREIGN KEY (version_id) REFERENCES ${VERSIONS_TABLE}(id)\n )\n `);\n}\n\n// Run migrations on module import\nrunMigrations().catch(err => {\n console.error('Failed to run migrations:', err);\n});",[],[297,329,331],"1515db3c-3622-11f0-a002-9e149126039e",["D",1747818045893],[197,198],[297,329],"0f62e414-3622-11f0-8d34-9e149126039e",["D",1747818036335],[196,199,202],[297],["D",1747817973918],{"_11":12,"_141":71},{"_11":12,"_137":-5,"_70":71,"_31":69,"_138":139,"_140":30},{"_41":128,"_13":16,"_35":38,"_129":94,"_130":-5,"_131":-5,"_132":-5,"_133":-5,"_134":-5,"_135":14,"_136":12},"ctx",{"_54":-5,"_160":383,"_384":385,"_386":387,"_388":30,"_389":30,"_390":30,"_391":24,"_392":-5,"_393":-7,"_394":-7,"_395":26,"_396":30,"_397":30,"_398":-5,"_399":30,"_400":30,"_401":30,"_402":-5},"ENV",{"_354":355,"_356":357,"_358":16,"_359":360,"_361":362,"_363":364,"_365":366,"_367":368,"_369":370,"_371":372,"_373":374,"_375":376,"_377":378,"_379":380,"_381":382},"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 · frontend