⏰ Alarm & Timer App

\n {notification &&

{notification}

}\n {!notificationPermission && (\n \n )}\n

Set Alarm

\n \n

\n Enter time as HH:MM or HHMM (e.g., 09:30 or 0930). Current period: {currentPeriod}{\" \"}\n (will be used if AM/PM is not specified)\n

\n \n {alarm.time} -{\" \"}\n {alarm.triggered ? \"Triggered\" : (alarm.isForTomorrow ? \"Will go off tomorrow\" : \"Alarm set for today\")}\n \n \n

Set Timer

\n View source\n

\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 const url = new URL(request.url);\n\n if (url.pathname === \"/sw.js\") {\n return new Response(\n `\n self.addEventListener('install', (event) => {\n event.waitUntil(self.skipWaiting());\n });\n\n self.addEventListener('activate', (event) => {\n event.waitUntil(self.clients.claim());\n });\n\n self.addEventListener('push', (event) => {\n const data = event.data.json();\n self.registration.showNotification(data.title, {\n body: data.body,\n icon: '/icon.png'\n });\n });\n `,\n {\n headers: {\n \"Content-Type\": \"application/javascript\",\n },\n },\n );\n }\n\n return new Response(\n `\n \n \n \n \n \n Alarm & Timer App\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: 600px;\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}\n.section {\n margin-bottom: 30px;\n}\nh1, h2 {\n color: #333;\n}\ninput {\n padding: 8px;\n margin-right: 10px;\n border: 1px solid #ddd;\n border-radius: 4px;\n font-size: 16px;\n}\nbutton {\n padding: 8px 16px;\n background-color: #4CAF50;\n color: white;\n border: none;\n border-radius: 4px;\n cursor: pointer;\n}\nbutton:hover {\n background-color: #45a049;\n}\n.delete-btn {\n background-color: #f44336;\n margin-left: 10px;\n}\n.delete-btn:hover {\n background-color: #da190b;\n}\n.notification {\n padding: 10px;\n margin-bottom: 20px;\n background-color: #dff0d8;\n border: 1px solid #d6e9c6;\n border-radius: 4px;\n color: #3c763d;\n}\n.helper-text {\n color: #666;\n font-size: 0.9em;\n margin: 5px 0;\n}\n.alarm-item, .timer-item {\n display: flex;\n justify-content: space-between;\n align-items: center;\n padding: 10px;\n margin: 5px 0;\n background-color: #f8f9fa;\n border-radius: 4px;\n}\n.permission-btn {\n background-color: #007bff;\n margin-bottom: 20px;\n}\n.permission-btn:hover {\n background-color: #0056b3;\n}\n.footer {\n text-align: center;\n margin-top: 20px;\n color: #666;\n}\n.footer a {\n color: #007bff;\n text-decoration: none;\n}\n.footer a:hover {\n text-decoration: underline;\n}\n`;","createdAt",["D",1732218596306],"version",52,"currentUserHasLiked","likeCount","forkCount","referenceCount","dependencyCount","commentCount","prCount","mergedPr",{"_132":133,"_134":135},"handle","willthereader","profileImageUrl","https://img.clerk.com/eyJ0eXBlIjoiZGVmYXVsdCIsImlpZCI6Imluc18yTm10cGhQUklwU0tqZHNiOHNnNGd2ZjJURFUiLCJyaWQiOiJ1c2VyXzJObXZ0bE1rbVBEMkhHNzR3SmVmMHc3eldBQiJ9","forkedVal","fileId","interval","slug","willthereader/SafeReminder","description","@jsxImportSource https://esm.sh/react","versions",[145,148,152,156,160,164,168,172,176,180,184,188,192,196,200,204,208,212,216,220,224,228,232,236,240,244,248,252,256,260,264,268,272,276,280,284,288,292,296,300,304,308,312,316,320,324,328,332,336,339,343],{"_121":122,"_146":-5,"_119":147,"_116":114},"prId",["D",1732218596306],{"_121":149,"_146":-5,"_119":150,"_116":151},51,["D",1732218002493],"66a215b2-a840-11ef-8da5-e6cdfca9ef9f",{"_121":153,"_146":-5,"_119":154,"_116":155},50,["D",1732217846219],"097d4a6e-a840-11ef-b01b-e6cdfca9ef9f",{"_121":157,"_146":-5,"_119":158,"_116":159},49,["D",1731766661082],"8a2fedfc-a425-11ef-9718-e6cdfca9ef9f",{"_121":161,"_146":-5,"_119":162,"_116":163},48,["D",1731686832307],"ac875d78-a36b-11ef-96de-e6cdfca9ef9f",{"_121":165,"_146":-5,"_119":166,"_116":167},47,["D",1731686771642],"885e9222-a36b-11ef-aa41-e6cdfca9ef9f",{"_121":169,"_146":-5,"_119":170,"_116":171},46,["D",1731686622675],"2f94132e-a36b-11ef-b0ed-e6cdfca9ef9f",{"_121":173,"_146":-5,"_119":174,"_116":175},45,["D",1731686384513],"a1a04a56-a36a-11ef-b284-e6cdfca9ef9f",{"_121":177,"_146":-5,"_119":178,"_116":179},44,["D",1731686252268],"52cc325a-a36a-11ef-ae25-e6cdfca9ef9f",{"_121":181,"_146":-5,"_119":182,"_116":183},41,["D",1730993479096],"55d024e6-9d1d-11ef-b03e-de64eea55b61",{"_121":185,"_146":-5,"_119":186,"_116":187},40,["D",1730147966475],"b9031b80-956c-11ef-b345-de64eea55b61",{"_121":189,"_146":-5,"_119":190,"_116":191},39,["D",1730147900553],"91b88920-956c-11ef-b46e-de64eea55b61",{"_121":193,"_146":-5,"_119":194,"_116":195},38,["D",1730147871056],"80238192-956c-11ef-af64-de64eea55b61",{"_121":197,"_146":-5,"_119":198,"_116":199},37,["D",1730147236871],"06227a3e-956b-11ef-9aee-de64eea55b61",{"_121":201,"_146":-5,"_119":202,"_116":203},36,["D",1730146550908],"6d44e3e8-9569-11ef-a29f-de64eea55b61",{"_121":205,"_146":-5,"_119":206,"_116":207},35,["D",1730146477547],"418acb64-9569-11ef-94c0-de64eea55b61",{"_121":209,"_146":-5,"_119":210,"_116":211},34,["D",1730146404755],"1627cf8a-9569-11ef-82fc-de64eea55b61",{"_121":213,"_146":-5,"_119":214,"_116":215},33,["D",1730146270912],"c660d956-9568-11ef-82d1-de64eea55b61",{"_121":217,"_146":-5,"_119":218,"_116":219},32,["D",1730146210535],"a2641d88-9568-11ef-bba7-de64eea55b61",{"_121":221,"_146":-5,"_119":222,"_116":223},31,["D",1730146199919],"9c10215c-9568-11ef-bba7-de64eea55b61",{"_121":225,"_146":-5,"_119":226,"_116":227},30,["D",1730146166333],"880b6d6a-9568-11ef-95c2-de64eea55b61",{"_121":229,"_146":-5,"_119":230,"_116":231},29,["D",1730145324219],"921ae7f6-9566-11ef-b7b9-de64eea55b61",{"_121":233,"_146":-5,"_119":234,"_116":235},28,["D",1730145208144],"4ceb3848-9566-11ef-bdbd-de64eea55b61",{"_121":237,"_146":-5,"_119":238,"_116":239},27,["D",1730145152579],"2bccc2d0-9566-11ef-a3e4-de64eea55b61",{"_121":241,"_146":-5,"_119":242,"_116":243},26,["D",1730145084034],"02f1a556-9566-11ef-a28f-de64eea55b61",{"_121":245,"_146":-5,"_119":246,"_116":247},25,["D",1730145043612],"ead9c3ea-9565-11ef-ba55-de64eea55b61",{"_121":249,"_146":-5,"_119":250,"_116":251},24,["D",1730144981840],"c60814ae-9565-11ef-a4bc-de64eea55b61",{"_121":253,"_146":-5,"_119":254,"_116":255},23,["D",1730144920933],"a1ba7a56-9565-11ef-a153-de64eea55b61",{"_121":257,"_146":-5,"_119":258,"_116":259},22,["D",1730144865023],"80672b92-9565-11ef-a4bc-de64eea55b61",{"_121":261,"_146":-5,"_119":262,"_116":263},21,["D",1730144822639],"6723dff4-9565-11ef-a530-de64eea55b61",{"_121":265,"_146":-5,"_119":266,"_116":267},20,["D",1730144593301],"de71c2c0-9564-11ef-9337-de64eea55b61",{"_121":269,"_146":-5,"_119":270,"_116":271},19,["D",1730144515693],"b02fa382-9564-11ef-85fc-de64eea55b61",{"_121":273,"_146":-5,"_119":274,"_116":275},18,["D",1730144338907],"46d04b4e-9564-11ef-8ab2-de64eea55b61",{"_121":277,"_146":-5,"_119":278,"_116":279},17,["D",1730144253518],"13eb06f6-9564-11ef-a588-de64eea55b61",{"_121":281,"_146":-5,"_119":282,"_116":283},16,["D",1730144251533],"12bc1d7e-9564-11ef-8a69-de64eea55b61",{"_121":285,"_146":-5,"_119":286,"_116":287},15,["D",1730144187478],"ec8e07f2-9563-11ef-9d35-de64eea55b61",{"_121":289,"_146":-5,"_119":290,"_116":291},14,["D",1730144067767],"a533d792-9563-11ef-8dda-de64eea55b61",{"_121":293,"_146":-5,"_119":294,"_116":295},13,["D",1730143852187],"24b4bbb8-9563-11ef-b0ac-de64eea55b61",{"_121":297,"_146":-5,"_119":298,"_116":299},12,["D",1730143733115],"ddbbc7f6-9562-11ef-aa0e-de64eea55b61",{"_121":301,"_146":-5,"_119":302,"_116":303},11,["D",1730143576685],"807eef00-9562-11ef-aa42-de64eea55b61",{"_121":305,"_146":-5,"_119":306,"_116":307},10,["D",1730143428962],"2871c882-9562-11ef-8597-de64eea55b61",{"_121":309,"_146":-5,"_119":310,"_116":311},9,["D",1730143215465],"a930c064-9561-11ef-ae2f-de64eea55b61",{"_121":313,"_146":-5,"_119":314,"_116":315},8,["D",1729025586431],"7a5fef28-8b37-11ef-a3e8-de64eea55b61",{"_121":317,"_146":-5,"_119":318,"_116":319},7,["D",1729025026669],"2cbaeeae-8b36-11ef-92bb-de64eea55b61",{"_121":321,"_146":-5,"_119":322,"_116":323},6,["D",1729024869480],"cf09d3b0-8b35-11ef-9adf-de64eea55b61",{"_121":325,"_146":-5,"_119":326,"_116":327},5,["D",1729024085023],"fb771004-8b33-11ef-8c1b-de64eea55b61",{"_121":329,"_146":-5,"_119":330,"_116":331},4,["D",1729021889937],"df17a41e-8b2e-11ef-87f3-de64eea55b61",{"_121":333,"_146":-5,"_119":334,"_116":335},3,["D",1729021764440],"944a399c-8b2e-11ef-8305-de64eea55b61",{"_121":94,"_146":-5,"_119":337,"_116":338},["D",1729021654671],"52dd0c00-8b2e-11ef-ba24-de64eea55b61",{"_121":340,"_146":-5,"_119":341,"_116":342},1,["D",1729021512535],"fe24a57e-8b2d-11ef-9c98-de64eea55b61",{"_121":33,"_146":-5,"_119":344,"_116":345},["D",1729021382184],"b072aaba-8b2d-11ef-ad8a-de64eea55b61","recentThread","breadcrumbs","comments",[],"isOwner","routes/_app.v.$handle.$name._index",{"_97":98,"_99":100,"_98":353,"_347":-5,"_348":459,"_132":133,"_141":142,"_104":105,"_102":103,"_121":-7,"_52":53},{"_102":103,"_99":100,"_104":105,"_106":-5,"_107":-5,"_108":109,"_110":-5,"_111":112,"_113":114,"_115":27,"_116":114,"_117":118,"_119":354,"_121":122,"_123":27,"_124":33,"_125":33,"_126":33,"_127":33,"_128":33,"_129":33,"_130":-5,"_21":355,"_136":-5,"_137":-5,"_138":-7,"_139":140,"_141":142,"_143":356},["D",1732218596306],{"_132":133,"_134":135},[357,359,361,363,365,367,369,371,373,375,377,379,381,383,385,387,389,391,393,395,397,399,401,403,405,407,409,411,413,415,417,419,421,423,425,427,429,431,433,435,437,439,441,443,445,447,449,451,453,455,457],{"_121":122,"_146":-5,"_119":358,"_116":114},["D",1732218596306],{"_121":149,"_146":-5,"_119":360,"_116":151},["D",1732218002493],{"_121":153,"_146":-5,"_119":362,"_116":155},["D",1732217846219],{"_121":157,"_146":-5,"_119":364,"_116":159},["D",1731766661082],{"_121":161,"_146":-5,"_119":366,"_116":163},["D",1731686832307],{"_121":165,"_146":-5,"_119":368,"_116":167},["D",1731686771642],{"_121":169,"_146":-5,"_119":370,"_116":171},["D",1731686622675],{"_121":173,"_146":-5,"_119":372,"_116":175},["D",1731686384513],{"_121":177,"_146":-5,"_119":374,"_116":179},["D",1731686252268],{"_121":181,"_146":-5,"_119":376,"_116":183},["D",1730993479096],{"_121":185,"_146":-5,"_119":378,"_116":187},["D",1730147966475],{"_121":189,"_146":-5,"_119":380,"_116":191},["D",1730147900553],{"_121":193,"_146":-5,"_119":382,"_116":195},["D",1730147871056],{"_121":197,"_146":-5,"_119":384,"_116":199},["D",1730147236871],{"_121":201,"_146":-5,"_119":386,"_116":203},["D",1730146550908],{"_121":205,"_146":-5,"_119":388,"_116":207},["D",1730146477547],{"_121":209,"_146":-5,"_119":390,"_116":211},["D",1730146404755],{"_121":213,"_146":-5,"_119":392,"_116":215},["D",1730146270912],{"_121":217,"_146":-5,"_119":394,"_116":219},["D",1730146210535],{"_121":221,"_146":-5,"_119":396,"_116":223},["D",1730146199919],{"_121":225,"_146":-5,"_119":398,"_116":227},["D",1730146166333],{"_121":229,"_146":-5,"_119":400,"_116":231},["D",1730145324219],{"_121":233,"_146":-5,"_119":402,"_116":235},["D",1730145208144],{"_121":237,"_146":-5,"_119":404,"_116":239},["D",1730145152579],{"_121":241,"_146":-5,"_119":406,"_116":243},["D",1730145084034],{"_121":245,"_146":-5,"_119":408,"_116":247},["D",1730145043612],{"_121":249,"_146":-5,"_119":410,"_116":251},["D",1730144981840],{"_121":253,"_146":-5,"_119":412,"_116":255},["D",1730144920933],{"_121":257,"_146":-5,"_119":414,"_116":259},["D",1730144865023],{"_121":261,"_146":-5,"_119":416,"_116":263},["D",1730144822639],{"_121":265,"_146":-5,"_119":418,"_116":267},["D",1730144593301],{"_121":269,"_146":-5,"_119":420,"_116":271},["D",1730144515693],{"_121":273,"_146":-5,"_119":422,"_116":275},["D",1730144338907],{"_121":277,"_146":-5,"_119":424,"_116":279},["D",1730144253518],{"_121":281,"_146":-5,"_119":426,"_116":283},["D",1730144251533],{"_121":285,"_146":-5,"_119":428,"_116":287},["D",1730144187478],{"_121":289,"_146":-5,"_119":430,"_116":291},["D",1730144067767],{"_121":293,"_146":-5,"_119":432,"_116":295},["D",1730143852187],{"_121":297,"_146":-5,"_119":434,"_116":299},["D",1730143733115],{"_121":301,"_146":-5,"_119":436,"_116":303},["D",1730143576685],{"_121":305,"_146":-5,"_119":438,"_116":307},["D",1730143428962],{"_121":309,"_146":-5,"_119":440,"_116":311},["D",1730143215465],{"_121":313,"_146":-5,"_119":442,"_116":315},["D",1729025586431],{"_121":317,"_146":-5,"_119":444,"_116":319},["D",1729025026669],{"_121":321,"_146":-5,"_119":446,"_116":323},["D",1729024869480],{"_121":325,"_146":-5,"_119":448,"_116":327},["D",1729024085023],{"_121":329,"_146":-5,"_119":450,"_116":331},["D",1729021889937],{"_121":333,"_146":-5,"_119":452,"_116":335},["D",1729021764440],{"_121":94,"_146":-5,"_119":454,"_116":338},["D",1729021654671],{"_121":340,"_146":-5,"_119":456,"_116":342},["D",1729021512535],{"_121":33,"_146":-5,"_119":458,"_116":345},["D",1729021382184],[],"routes/_app","actionData","errors"]