🛎️ Assistance Requests

Submit your request below and it will appear in the list.

\n\n

\n\n \n \n\n","label",[18],"pulls","branches","forks","envVars",{"_183":26,"_185":26},"connections",{"_183":26,"_184":26},"count","unfilledCount","emptyCount",{"_33":227,"_13":228,"_66":229,"_43":-5,"_35":36,"_169":230,"_170":94,"_37":231,"_39":40,"_68":21,"_172":232,"_69":24,"_174":-5,"_197":233,"_17":234},{"_33":220,"_13":221,"_66":222,"_43":-5,"_35":36,"_169":40,"_170":94,"_37":223,"_39":26,"_68":21,"_172":224,"_69":24,"_174":-5,"_197":225,"_17":226},{"_33":168,"_13":18,"_66":67,"_43":-5,"_35":36,"_169":75,"_170":94,"_37":217,"_39":40,"_68":21,"_172":173,"_69":24,"_174":-5,"_197":218,"_17":219},{"_33":209,"_13":210,"_66":92,"_43":-5,"_35":36,"_169":211,"_170":94,"_37":212,"_39":40,"_68":213,"_172":214,"_69":24,"_174":-5,"_197":215,"_17":216},{"_33":200,"_13":201,"_66":202,"_43":-5,"_35":36,"_169":203,"_170":94,"_37":204,"_39":75,"_68":205,"_172":206,"_69":24,"_174":-5,"_197":207,"_17":208},{"_33":192,"_13":193,"_66":194,"_43":-5,"_35":36,"_169":117,"_170":94,"_37":195,"_39":75,"_68":21,"_172":196,"_69":24,"_174":-5,"_197":198,"_17":199},"18c19de2-567f-11f1-9721-ee650bb23af1","style.css","019e53e1-c0d9-750d-b163-813f03a0e441",["D",1779523930108],"/* Reset browser defaults */\n*, *::before, *::after {\n box-sizing: border-box;\n margin: 0;\n padding: 0;\n}\n\n/* Fade-in animation for new requests */\n@keyframes fade-in {\n from { opacity: 0; transform: translateY(-8px); }\n to { opacity: 1; transform: translateY(0); }\n}\n.animate-fade-in {\n animation: fade-in 0.25s ease-out;\n}\n\n/* Fade-out animation for removed requests */\n@keyframes fade-out {\n from { opacity: 1; transform: translateY(0); }\n to { opacity: 0; transform: translateY(-8px); }\n}\n","children",[],[193],"166beb4c-567f-11f1-a4a6-ee650bb23af1","script.js","019e53e1-c0d9-750d-b163-7fe65bb4d5ed",7,["D",1779523926205],"script","const form = document.getElementById(\"request-form\");\nconst input = document.getElementById(\"request-input\");\nconst list = document.getElementById(\"request-list\");\nconst heading = document.getElementById(\"list-heading\");\nconst emptyState = document.getElementById(\"empty-state\");\n\nlet count = 0;\n\nform.addEventListener(\"submit\", (e) => {\n e.preventDefault();\n\n const text = input.value.trim();\n if (!text) return;\n\n count++;\n\n // Hide empty state, show heading\n emptyState.classList.add(\"hidden\");\n heading.classList.remove(\"hidden\");\n\n // Build the list item\n const li = document.createElement(\"li\");\n li.className =\n \"flex items-start gap-3 bg-white rounded-lg shadow-sm border border-gray-200 p-4 animate-fade-in\";\n\n const badge = document.createElement(\"span\");\n badge.className =\n \"inline-flex items-center justify-center w-7 h-7 rounded-full bg-blue-100 text-blue-700 text-sm font-bold flex-shrink-0\";\n badge.textContent = count;\n\n const content = document.createElement(\"div\");\n content.className = \"flex-1\";\n\n const msg = document.createElement(\"p\");\n msg.className = \"text-gray-800\";\n msg.textContent = text;\n\n const time = document.createElement(\"span\");\n time.className = \"text-xs text-gray-400 mt-1 block\";\n time.textContent = new Date().toLocaleString();\n\n // Remove button\n const removeBtn = document.createElement(\"button\");\n removeBtn.className =\n \"ml-2 flex-shrink-0 text-gray-300 hover:text-red-500 transition-colors\";\n removeBtn.title = \"Remove request\";\n removeBtn.innerHTML = ``;\n removeBtn.addEventListener(\"click\", () => {\n li.style.animation = \"fade-out 0.2s ease-in forwards\";\n li.addEventListener(\"animationend\", () => {\n li.remove();\n // Show empty state if list is now empty\n if (list.children.length === 0) {\n emptyState.classList.remove(\"hidden\");\n heading.classList.add(\"hidden\");\n }\n });\n });\n\n content.appendChild(msg);\n content.appendChild(time);\n li.appendChild(badge);\n li.appendChild(content);\n li.appendChild(removeBtn);\n\n // Add to top of list\n list.prepend(li);\n\n // Clear & refocus\n input.value = \"\";\n input.focus();\n});\n",[],[201],"c6521ffa-567e-11f1-a667-ee650bb23af1","main.tsx",5,["D",1779523791811],"http","import { parseVal, staticHTTPServer } from \"https://esm.town/v/std/utils/index.ts\";\n\nconst staticServer = staticHTTPServer();\n\nexport default async function(req: Request): Promise {\n const url = new URL(req.url);\n if (url.pathname === \"/source\") {\n return new Response(null, {\n status: 302,\n headers: { Location: parseVal().links.self.val },\n });\n }\n return staticServer(req);\n}\n",[],[210],["D",1779523775836],[],[18],"b601252e-567e-11f1-ad6f-ee650bb23af1","favicon.svg","019e53e1-c0d9-750d-b163-7174824cc7df",["D",1779523764363],"",[],[221],"cc89d34a-567e-11f1-a51a-ee650bb23af1","README.md","019e53e1-c0d9-750d-b163-6eacde276efd",6,["D",1779523802245],"# 🛎️ Assistance Requests\n\nA simple web interface for submitting and viewing assistance requests.\n\n## Features\n\n- **Input field** — type your assistance request\n- **Submit button** — adds the request to the display list\n- **Live display area** — shows all submitted requests with timestamps, newest first\n- Smooth fade-in animation on new entries\n- Numbered badges for each request\n\n## How it works\n\n```mermaid\ngraph LR\n A[User types request] --> B[Clicks Submit]\n B --> C[JavaScript creates list item]\n C --> D[Prepends to request list]\n D --> E[Input clears & refocuses]\n```\n\nAll requests are handled client-side — no server storage. Refreshing the page clears the list.\n",[],[228],["D",1779523764363],{"_11":12,"_134":72},{"_11":12,"_129":130,"_71":72,"_30":70,"_131":132,"_133":24},{"_39":117,"_13":16,"_33":36,"_118":82,"_119":63,"_120":121,"_122":86,"_123":124,"_125":126,"_127":14,"_128":12},"ctx",{"_52":-5,"_155":272,"_273":274,"_275":276,"_277":24,"_278":24,"_279":24,"_280":94,"_281":-5,"_282":-7,"_283":-7,"_284":26,"_285":24,"_286":24,"_287":-5,"_288":24,"_289":24,"_290":24,"_291":-5},"ENV",{"_243":244,"_245":246,"_247":16,"_248":249,"_250":251,"_252":253,"_254":255,"_256":257,"_258":259,"_260":261,"_262":263,"_264":265,"_266":267,"_268":269,"_270":271},"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"]

🛎️ Assistance Requests

Submitted Requests

History · index.html