\n ntfy Notification Reader\n

\n Topics (comma-separated):\n setTopics(e.target.value)}\n required\n disabled={isConnected}\n />\n

\n Credentials (username:password, will be base64 encoded):\n setCredentials(e.target.value)}\n disabled={isConnected}\n />\n \n

\n \n setUseCredentials(e.target.checked)}\n disabled={isConnected}\n />\n Use Credentials\n \n

\n Since (e.g., 10m, 1h, 1d):\n setSince(e.target.value)}\n placeholder=\"10m\"\n disabled={isConnected}\n />\n

\n \n

\n {error && (\n

Error:

{error}

\n )}\n

Notifications:

\n {notifications.length === 0 ?

No notifications received yet.

: (\n notifications.map((notification, index) => (\n

{notification.title}

{notification.message}

\n Topic: {notification.topic} | Time: {new Date(notification.time * 1000).toLocaleString()}\n

\n ))\n )}\n

\n View source\n

\n );\n}\n\nfunction client() {\n createRoot(document.getElementById(\"root\")).render();\n}\nif (typeof document !== \"undefined\") { client(); }\n\nexport default async function server(request: Request): Promise {\n return new Response(\n `\n \n \n ntfy Notification Reader\n \n \n \n \n

\n \n \n \n \n `,\n {\n headers: {\n \"content-type\": \"text/html\",\n },\n },\n );\n}\n\nconst css = `\nbody {\n font-family: Arial, sans-serif;\n line-height: 1.6;\n margin: 0;\n padding: 20px;\n background-color: #f4f4f4;\n}\n.container {\n max-width: 800px;\n margin: 0 auto;\n background-color: #fff;\n padding: 20px;\n border-radius: 5px;\n box-shadow: 0 0 10px rgba(0,0,0,0.1);\n}\nh1 {\n color: #333;\n}\nform {\n margin-bottom: 20px;\n}\nlabel {\n display: block;\n margin-bottom: 5px;\n}\ninput {\n width: calc(100% - 120px);\n padding: 8px;\n margin-bottom: 10px;\n border: 1px solid #ddd;\n border-radius: 4px;\n}\ninput[type=\"checkbox\"] {\n width: auto;\n margin-right: 5px;\n}\nbutton {\n background-color: #5cb85c;\n color: white;\n border: none;\n padding: 10px 15px;\n cursor: pointer;\n border-radius: 4px;\n margin-left: 10px;\n}\nbutton:hover {\n background-color: #4cae4c;\n}\n.error {\n color: red;\n background-color: #ffeeee;\n padding: 10px;\n border-radius: 4px;\n margin-bottom: 20px;\n}\n.error pre {\n white-space: pre-wrap;\n word-wrap: break-word;\n background-color: #f8f8f8;\n border: 1px solid #ddd;\n padding: 10px;\n border-radius: 4px;\n overflow-x: auto;\n}\n.notifications {\n margin-top: 20px;\n}\n.notification {\n background-color: #e9ecef;\n border: 1px solid #ced4da;\n border-radius: 4px;\n padding: 10px;\n margin-bottom: 10px;\n}\n.notification h4 {\n margin-top: 0;\n color: #495057;\n}\n.notification p {\n margin-bottom: 5px;\n}\n.notification small {\n color: #6c757d;\n}\n`;","deleted","label",[99],"permalink","https://www.val.town/x/curtcox/ntfyReader/code/main.tsx","extension","actionData","errors"]