Edit Me!

\");\n }\n\n async function fetchHistory() {\n const storedHistory = await get(HISTORY_KEY) || [];\n setHistory(storedHistory);\n }\n\n async function handleSubmit(e: React.FormEvent) {\n e.preventDefault();\n setIsLoading(true);\n setError(\"\");\n\n if (!await checkRateLimit()) {\n setError(\"Rate limit exceeded. Please try again later.\");\n setIsLoading(false);\n return;\n }\n\n try {\n const resp = await gpt4(`\n The current HTML page source is:\n \\`\\`\\`\\`\n ${content}\n \\`\\`\\`\\`\n Change the HTML page source to meet the following request: \"${editRequest}\"\n Rules:\n 1. Preserve the overall structure and content unless explicitly asked to change it.\n 2. Only output valid HTML.\n 3. Do not include any JavaScript.\n 4. Preserve any existing classes or IDs unless explicitly asked to change them.\n 5. Keep the changes minimal and focused on the request.\n `);\n\n const sanitizedHtml = DOMPurify.sanitize(resp);\n setContent(sanitizedHtml);\n await set(STORAGE_KEY, sanitizedHtml);\n await updateHistory(sanitizedHtml);\n await fetchHistory();\n setEditRequest(\"\");\n } catch (err) {\n setError(\"An error occurred while processing your request. Please try again.\");\n console.error(err);\n } finally {\n setIsLoading(false);\n }\n }\n\n return (\n

Self-Editing Website

\n );\n}\n\nfunction client() {\n createRoot(document.getElementById(\"root\")).render();\n}\n\nif (typeof document !== \"undefined\") {\n client();\n}\n\nexport default async function server(request: Request): Promise {\n if (request == null) {\n return new Response(\"Not invoked correctly\", { status: 400 });\n }\n\n const css = `\n body {\n font-family: Arial, sans-serif;\n line-height: 1.6;\n color: #333;\n max-width: 800px;\n margin: 0 auto;\n padding: 20px;\n }\n .container {\n background-color: #f9f9f9;\n border-radius: 5px;\n padding: 20px;\n box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);\n }\n .content {\n background-color: white;\n border: 1px solid #ddd;\n border-radius: 5px;\n padding: 20px;\n margin-bottom: 20px;\n }\n .edit-form {\n margin-bottom: 20px;\n }\n .edit-form label {\n display: block;\n margin-bottom: 5px;\n }\n .edit-form input[type=\"text\"] {\n width: 100%;\n padding: 8px;\n margin-bottom: 10px;\n border: 1px solid #ddd;\n border-radius: 3px;\n }\n .edit-form button {\n background-color: #4CAF50;\n color: white;\n padding: 10px 15px;\n border: none;\n border-radius: 3px;\n cursor: pointer;\n }\n .edit-form button:disabled {\n background-color: #ddd;\n cursor: not-allowed;\n }\n .error {\n color: red;\n margin-bottom: 10px;\n }\n .history {\n background-color: white;\n border: 1px solid #ddd;\n border-radius: 5px;\n padding: 20px;\n }\n .history ul {\n list-style-type: none;\n padding: 0;\n }\n .history li {\n margin-bottom: 10px;\n border-bottom: 1px solid #eee;\n padding-bottom: 5px;\n }\n `;\n\n return new Response(\n `\n \n \n \n \n Self-Editing Website\n \n \n \n

\n \n \n \n `,\n { headers: { \"Content-Type\": \"text/html\" } },\n );\n}","deleted","label",[129],"a21b964c-26c4-11f0-9a82-569c3dd06744","README.md","a21b9714-26c4-11f0-9a82-569c3dd06744",1,["D",1743744541506],"# Self Editing Website - GPT Version\n\nVisit and ask ChatGPT to edit the site at: https://maxm-selfeditingwebsitegpt.web.val.run/",[145],"pulls","forks","envVars",{"_157":34,"_159":34},"connections",{"_157":34,"_158":34},"count","unfilledCount","emptyCount",{"_20":144,"_13":145,"_130":146,"_131":-5,"_132":21,"_133":147,"_134":40,"_22":166,"_29":34,"_137":104,"_139":149,"_141":76,"_142":-5,"_163":167,"_92":168},{"_20":128,"_13":129,"_130":49,"_131":-5,"_132":21,"_133":30,"_134":40,"_22":162,"_29":136,"_137":138,"_139":140,"_141":76,"_142":-5,"_163":164,"_92":165},["D",1743744651363],"children",[],[129],["D",1743744541506],[],[145],["D",1746128642337],{"_11":12,"_90":86},{"_11":12,"_84":-5,"_85":86,"_46":47,"_87":88,"_89":76},{"_29":30,"_13":26,"_20":21,"_27":28,"_31":32,"_33":34,"_77":42,"_78":79,"_80":81,"_82":14,"_83":12},"ctx",{"_69":-5,"_114":206,"_207":208,"_209":210,"_211":76,"_212":76,"_213":76,"_214":40,"_215":-5,"_216":-7,"_217":-7,"_218":34,"_219":76,"_220":76,"_221":-5,"_222":76,"_223":76,"_224":76,"_225":-5},"ENV",{"_177":178,"_179":180,"_181":26,"_182":183,"_184":185,"_186":187,"_188":189,"_190":191,"_192":193,"_194":195,"_196":197,"_198":199,"_200":201,"_202":203,"_204":205},"REACT_APP_SENTRY_DSN","https://586020d86f05489db63a554690acf1e9@o1398359.ingest.sentry.io/6724499","RENDER_GIT_COMMIT","811aa22498c9b0b5a47e8d778de579cdb990f332","RENDER_GIT_BRANCH","POSTHOG_API_TOKEN","phc_nmoyuAkStEZuUp69rYlg1DZgrIt19Gx0Y4Hwf8tGgJP","POSTHOG_API_HOST","https://wart.val.town","WEB_API_TEMPLATE","https://{val}.web.val.run","APP_URL","https://www.val.town","MODULE_URL","https://esm.town","VANITY_WEB_API_TEMPLATE","https://{label}.val.run/","DENOLS_URL","https://lsp.val.town","NODE_ENV","production","CLOUDFLARE_TURNSTILE_SITE_KEY","0x4AAAAAACtaIZJH7s9rBMZ6","GOOGLE_CLIENT_ID","875989696899-jtsqkhlbdv5jrlsk8631p7ipjg3c6o62.apps.googleusercontent.com","STRIPE_PUBLISHABLE_KEY","pk_live_51N2zvWEpZTTLipIkVEwXrUG9AT0yeOOEYxszarZT1jpsZV58Ly6wlg3SltZpHN26CUalOBmUSY7adQRQiSkCZz2500qSXNkf8Y","API_URL","https://api.val.town",[],"preferencesKeybindings","default","preferencesTheme","light","preferencesFixers","preferencesCopilot","preferencesSelectionAi","preferencesCloseBrackets","preferencesChatPanelState","preferencesDprint","preferencesDenofmt","notificationCount","flagDenols","isBusinessOrgMember","businessOrgHandle","isBusinessOrgAdmin","isHigherTownieTier","navCollapsed","currentOrgId"]

Edit Me!

Self-Editing Website

Edit History

Branches1

Branches
1