[{"_1":2,"_3":-5,"_4":-5},"loaderData",{"_5":6,"_7":8,"_9":10},"actionData","errors","root",{"_164":165,"_166":167},"routes/_app.x.$handle.$name",{"_98":97,"_32":45,"_106":85,"_27":107,"_13":14,"_108":-5,"_11":109,"_110":111,"_112":113,"_114":115,"_116":117,"_20":-5,"_118":-5,"_119":120,"_121":25,"_122":123,"_124":49,"_125":-5,"_126":-5,"_127":128},"routes/_app.x.$handle.$name.branch.$branch.version.$version.diff",{"_11":12,"_13":14,"_15":16,"_17":-5,"_18":-5},"project",{"_43":44,"_32":45,"_38":46,"_47":-5,"_48":49,"_50":51,"_52":51,"_53":-5,"_54":-5,"_18":55,"_56":31,"_57":49,"_58":-5,"_59":-5,"_60":61,"_62":63,"_64":-5,"_65":-5,"_66":-5,"_67":-5,"_68":69,"_70":69,"_71":72,"_73":72,"_74":72,"_75":69,"_76":69,"_77":78,"_79":80,"_81":82,"_83":25},"version",3,"changes",[19],"aiChatInfo","userId",{"_20":21,"_22":23,"_24":25,"_26":25,"_27":28,"_29":28},"file",{"_30":31,"_32":28,"_33":34,"_35":37,"_38":39,"_40":14,"_41":42,"_24":25},"previous",{"_30":31,"_32":28,"_33":34,"_35":36},"deleted",false,"deletedHere","path","main.tsx","latestPath","fileId","87f27dc2-2795-11f0-9d52-569c3dd06744","name","fileType","http","content","/**\n * This val creates a website that generates optimized prompts for Hono and Deno based on user input.\n * It uses a simulated API for Hono and Deno features and incorporates a loading animation.\n * The prompt is tested and debugged using a simulated API before presenting to the user.\n */\n/** @jsxImportSource https://esm.sh/react */\nimport React, { useState } from \"https://esm.sh/react\";\nimport { createRoot } from \"https://esm.sh/react-dom/client\";\n\n// Simulated API for Hono and Deno features\nconst features = {\n hono: [\n \"Routing\",\n \"Middleware\",\n \"Static file serving\",\n \"WebSocket support\",\n \"JWT authentication\",\n \"Validation\",\n \"Templating\",\n ],\n deno: [\n \"TypeScript support\",\n \"Top-level await\",\n \"ES modules\",\n \"Standard library\",\n \"Built-in testing\",\n \"Permissions system\",\n \"Web standard APIs\",\n ],\n};\n\nfunction App() {\n const [idea, setIdea] = useState(\"\");\n const [prompt, setPrompt] = useState(\"\");\n const [loading, setLoading] = useState(false);\n const [progress, setProgress] = useState(0);\n\n const generatePrompt = async () => {\n setLoading(true);\n setProgress(0);\n\n // Simulated prompt generation process\n for (let i = 0; i < 5; i++) {\n await new Promise(resolve => setTimeout(resolve, 1000));\n setProgress((prev) => prev + 20);\n }\n\n const generatedPrompt = `Create a Hono application for Deno with the following features:\n1. Main functionality: ${idea}\n2. Incorporate Hono features:\n ${features.hono.map(feature => `- ${feature}`).join('\\n ')}\n3. Leverage Deno capabilities:\n ${features.deno.map(feature => `- ${feature}`).join('\\n ')}\n4. Implement RESTful API endpoints\n5. Add error handling and logging\n6. Include unit tests using Deno's built-in testing framework\n7. Implement CORS middleware for cross-origin requests\n8. Use environment variables for configuration\n\nPlease generate TypeScript code for a Hono application running on Deno that implements these features.`;\n\n // Simulated API call for testing and debugging\n const debuggedPrompt = await simulateDebugAPI(generatedPrompt);\n\n setPrompt(debuggedPrompt);\n setLoading(false);\n };\n\n const simulateDebugAPI = async (prompt: string) => {\n // Simulated API call for testing and debugging\n await new Promise(resolve => setTimeout(resolve, 2000));\n return prompt + \"\\n\\nNote: This prompt has been tested and debugged for Hono and Deno compatibility.\";\n };\n\n return (\n

Hono & Deno Prompt Generator

\n setIdea(e.target.value)}\n placeholder=\"Enter your Hono & Deno application idea\"\n rows={4}\n />\n \n {loading && (\n

Generating prompt: {progress}% complete

\n )}\n {prompt && (\n

Generated Prompt:

{prompt}

\n )}\n \n View Source\n \n

Val Town Prompt Generator

\n setIdea(e.target.value)}\n placeholder=\"Enter your Val Town application idea\"\n rows={4}\n />\n \n {loading && (\n

Generating prompt...

\n )}\n {prompt && (\n

Generated Prompt:

{prompt}

\n )}\n \n View Source\n \n

\n );\n}\n\nfunction client() {\n createRoot(document.getElementById(\"root\")).render();\n}\n\nif (typeof document !== \"undefined\") {\n client();\n}\n\nasync function server(request: Request): Promise {\n const url = new URL(request.url);\n\n if (url.pathname === \"/generate\" && request.method === \"POST\") {\n const { OpenAI } = await import(\"https://esm.town/v/std/openai\");\n const openai = new OpenAI();\n\n try {\n const { idea } = await request.json();\n const completion = await openai.chat.completions.create({\n messages: [\n { role: \"system\", content: \"You are an expert in Val Town development. Generate an optimized prompt for creating a Val Town application based on the user's idea. Include specific Val Town features and best practices in your response.\" },\n { role: \"user\", content: `Generate a prompt for a Val Town application with the following idea: ${idea}. Include references to Val Town features like: ${valTownFeatures.join(\", \")}. The prompt should guide the user to create a well-structured Val Town application.` },\n ],\n model: \"gpt-4-1106-preview\",\n max_tokens: 500,\n });\n\n const generatedPrompt = completion.choices[0].message.content;\n return new Response(JSON.stringify({ prompt: generatedPrompt }), {\n headers: { \"Content-Type\": \"application/json\" },\n });\n } catch (error) {\n console.error(\"Error generating prompt:\", error);\n return new Response(JSON.stringify({ error: \"Failed to generate prompt\" }), {\n status: 500,\n headers: { \"Content-Type\": \"application/json\" },\n });\n }\n }\n\n return new Response(`\n \n \n \n \n \n Val Town Prompt Generator\n \n \n \n

\n \n \n \n `, {\n headers: { \"content-type\": \"text/html\" },\n });\n}\n\nconst css = `\nbody {\n font-family: Arial, sans-serif;\n line-height: 1.6;\n margin: 0;\n padding: 0;\n background-color: #f4f4f4;\n}\n\n.container {\n max-width: 800px;\n margin: 0 auto;\n padding: 20px;\n}\n\nh1 {\n text-align: center;\n color: #333;\n}\n\ntextarea {\n width: 100%;\n padding: 10px;\n margin-bottom: 10px;\n border: 1px solid #ddd;\n border-radius: 4px;\n}\n\nbutton {\n display: block;\n width: 100%;\n padding: 10px;\n background-color: #007bff;\n color: #fff;\n border: none;\n border-radius: 4px;\n cursor: pointer;\n}\n\nbutton:disabled {\n background-color: #ccc;\n cursor: not-allowed;\n}\n\n.loading {\n text-align: center;\n margin-top: 20px;\n}\n\n.spinner {\n border: 4px solid #f3f3f3;\n border-top: 4px solid #007bff;\n border-radius: 50%;\n width: 40px;\n height: 40px;\n animation: spin 1s linear infinite;\n margin: 0 auto;\n}\n\n@keyframes spin {\n 0% { transform: rotate(0deg); }\n 100% { transform: rotate(360deg); }\n}\n\n.result {\n margin-top: 20px;\n background-color: #fff;\n padding: 20px;\n border-radius: 4px;\n box-shadow: 0 2px 4px rgba(0,0,0,0.1);\n}\n\npre {\n white-space: pre-wrap;\n word-wrap: break-word;\n}\n\n.view-source {\n display: inline-block;\n margin-top: 20px;\n padding: 5px 10px;\n background-color: #28a745;\n color: #fff;\n text-decoration: none;\n border-radius: 4px;\n}\n`;\n\nexport default server;","createdAt",["D",1724455550947],"branchVersion","branchId","87f0169a-2795-11f0-9d52-569c3dd06744","id","87efd608-2795-11f0-9d52-569c3dd06744","promptGen",["D",1746218363272],"deletedAt","legacyEnvVars",true,"privacy","public","httpPrivacy","description","imageUrl","ade6ff6e-2082-407d-ac14-f95835477319","pinnedFileId","pinPreview","pinMigrated","screenshotVersion","likeCount",0,"orgId","ac07f7d9-2f7b-4820-84f1-ee64e6f1c40c","tursoName","tursoHostname","tursoMeasuredAt","pinned","userPerm","r","valPerm","blobPerm","rw","emailPerm","sqlitePerm","projectPerm","telemetryPerm","user",{"_98":97,"_105":101},"org",{"_98":97,"_99":-5,"_100":101,"_18":55,"_102":103,"_104":25},"branch",{"_13":84,"_32":85,"_43":42,"_86":44,"_87":88,"_89":61,"_90":91,"_92":93,"_94":63,"_95":45,"_96":97},"isOwned",4,"main","projectId","forkedBranchId","35f9871c-2796-11f0-9d52-569c3dd06744","forkedBranchVersion","forkedProjectPrivacy","unlisted","forkedProjectId","35f949a0-2796-11f0-9d52-569c3dd06744","forkedProjectOrgId","projectName","userHandle","all","handle","displayName","avatar","https://img.clerk.com/eyJ0eXBlIjoicHJveHkiLCJzcmMiOiJodHRwczovL2ltYWdlcy5jbGVyay5kZXYvdXBsb2FkZWQvaW1nXzJvbE1ScGJrMUNLT2dTVzRrVFVid0U5UUpTeCJ9","tier","pro","canRestrictVals","profileImageUrl","branchName","","adoptOrgId",{"_43":44,"_32":45,"_38":160,"_47":-5,"_48":49,"_50":51,"_52":51,"_53":-5,"_54":-5,"_18":55,"_56":31,"_57":49,"_58":-5,"_59":-5,"_60":61,"_62":63,"_64":-5,"_65":-5,"_66":-5,"_67":-5,"_68":69,"_70":69,"_71":72,"_73":72,"_74":72,"_75":69,"_76":69,"_77":161,"_79":162,"_81":163,"_83":25},"tree",[155],"files",[155],"counts",{"_145":61,"_146":132,"_147":61,"_148":149,"_150":151},"contents",[137],"upstreamProject","upstreamBranch",{"_43":88,"_38":129,"_130":131,"_32":85,"_86":93,"_13":132,"_87":133,"_89":61,"_134":135,"_47":-5,"_83":25,"_50":91,"_96":97,"_62":63,"_95":136},"emptyEnvVars","flags",[],"hasHttpFiles","grants","orgs","customDomains",{},["D",1746218655257],"updatedAt",["D",1724445452909],1,"37621632-2796-11f0-9d52-569c3dd06744","lockfileKey","1746413668495-esm.town_v_all_Prompt@1-main","Prompt",{"_43":138,"_32":28,"_30":31,"_139":-5,"_41":42,"_40":14,"_140":25,"_38":141,"_13":142,"_33":34,"_35":37,"_24":25,"_143":-5,"_27":144},"87fc018a-2795-11f0-9d52-569c3dd06744","parentId","latest",["D",1724455550947],2,"label",[28],"pulls","branches","forks","envVars",{"_152":61,"_154":61},"connections",{"_152":61,"_153":61},"count","unfilledCount","emptyCount",{"_43":138,"_32":28,"_30":31,"_139":-5,"_41":42,"_40":14,"_140":25,"_38":156,"_13":142,"_33":34,"_35":37,"_24":25,"_143":-5,"_157":158,"_27":159},["D",1724455550947],"children",[],[28],["D",1746218363272],{"_98":97,"_105":101},{"_98":97,"_99":-5,"_100":101,"_18":55,"_102":103,"_104":25},{"_13":84,"_32":85,"_43":42,"_86":44,"_87":88,"_89":61,"_90":91,"_92":93,"_94":63,"_95":45,"_96":97},"ctx",{"_77":-5,"_126":197,"_198":199,"_200":201,"_202":25,"_203":25,"_204":25,"_205":49,"_206":-5,"_207":-7,"_208":-7,"_209":61,"_210":25,"_211":25,"_212":-5,"_213":25,"_214":25,"_215":25,"_216":-5},"ENV",{"_168":169,"_170":171,"_172":85,"_173":174,"_175":176,"_177":178,"_179":180,"_181":182,"_183":184,"_185":186,"_187":188,"_189":190,"_191":192,"_193":194,"_195":196},"REACT_APP_SENTRY_DSN","https://586020d86f05489db63a554690acf1e9@o1398359.ingest.sentry.io/6724499","RENDER_GIT_COMMIT","5015b8df46402d8bba4f485ecc37aec202b0e06b","RENDER_GIT_BRANCH","POSTHOG_API_TOKEN","phc_nmoyuAkStEZuUp69rYlg1DZgrIt19Gx0Y4Hwf8tGgJP","POSTHOG_API_HOST","https://wart.val.town","WEB_API_TEMPLATE","https://{val}.web.val.run","APP_URL","https://www.val.town","MODULE_URL","https://esm.town","VANITY_WEB_API_TEMPLATE","https://{label}.val.run/","DENOLS_URL","https://lsp.val.town","NODE_ENV","production","CLOUDFLARE_TURNSTILE_SITE_KEY","0x4AAAAAACtaIZJH7s9rBMZ6","GOOGLE_CLIENT_ID","875989696899-jtsqkhlbdv5jrlsk8631p7ipjg3c6o62.apps.googleusercontent.com","STRIPE_PUBLISHABLE_KEY","pk_live_51N2zvWEpZTTLipIkVEwXrUG9AT0yeOOEYxszarZT1jpsZV58Ly6wlg3SltZpHN26CUalOBmUSY7adQRQiSkCZz2500qSXNkf8Y","API_URL","https://api.val.town",[],"preferencesKeybindings","default","preferencesTheme","light","preferencesFixers","preferencesCopilot","preferencesSelectionAi","preferencesCloseBrackets","preferencesChatPanelState","preferencesDprint","preferencesDenofmt","notificationCount","flagDenols","isBusinessOrgMember","businessOrgHandle","isBusinessOrgAdmin","isHigherTownieTier","navCollapsed","currentOrgId"]

Diff · v3