/** @jsxImportSource https://esm.sh/react */ import React, { useState } from "https://esm.sh/react"; import { createRoot } from "https://esm.sh/react-dom/client"; const relayURL = "https://cephalization-smsjournalertextrelay.web.val.run"; function App() { const [phoneNumber, setPhoneNumber] = useState(""); const [registrationKey, setRegistrationKey] = useState(""); const [message, setMessage] = useState(""); const handleSubmit = async (e: React.FormEvent) => { e.preventDefault(); try { const sanitizedPhoneNumber = phoneNumber.replace(/\D/g, ""); const response = await fetch("/submit", { method: "POST", headers: { "Content-Type": "application/json" }, body: JSON.stringify({ phoneNumber: sanitizedPhoneNumber, registrationKey }), }); if (response.ok) { setMessage("Phone number submitted successfully!"); setPhoneNumber(""); setRegistrationKey(""); } else { setMessage("Failed to submit phone number."); } } catch (error) { setMessage("An error occurred. Please try again."); } }; return (

Phone Number Submission

{message &&

{message}

}

View source

); } function client() { createRoot(document.getElementById("root")).render(); } if (typeof document !== "undefined") { client(); } async function server(request: Request): Promise { const sharedSecret = Deno.env.get("smsjournalersecret"); const url = new URL(request.url); if (url.pathname === "/submit" && request.method === "POST") { const { phoneNumber, registrationKey } = await request.json(); // submit to relayUrl/register as a post with phone in json body // use shared secret as bearer auth const response = await fetch(relayURL + "/register", { method: "POST", headers: { "Content-Type": "application/json", "Authorization": `Bearer ${sharedSecret}`, }, body: JSON.stringify({ phone: phoneNumber, registrationKey }), }); if (!response.ok) { return new Response(JSON.stringify({ success: false }), { headers: { "Content-Type": "application/json" }, }); } return new Response(JSON.stringify({ success: true }), { headers: { "Content-Type": "application/json" }, }); } return new Response( ` Phone Number Submission

`, { headers: { "Content-Type": "text/html" }, }, ); } const css = ` body { font-family: Arial, sans-serif; max-width: 600px; margin: 0 auto; padding: 20px; } form { display: flex; gap: 10px; margin-bottom: 20px; } input { flex-grow: 1; padding: 5px; } button { padding: 5px 10px; } `; export default server;

smsjournalerregistration

Version 9