/** @jsxImportSource https://esm.sh/react */ import React, { useState, useEffect } from "https://esm.sh/react"; import { createRoot } from "https://esm.sh/react-dom/client"; import { lastlogin } from "https://esm.town/v/stevekrouse/lastlogin_safe"; import { LoginWithGoogleButton } from "https://esm.town/v/stevekrouse/LoginWithGoogleButton"; function App({ initialEmail }) { const [email, setEmail] = useState(initialEmail); useEffect(() => { const checkAuth = async () => { const response = await fetch('/auth/check'); const data = await response.json(); setEmail(data.email); }; checkAuth(); }, []); return (

Welcome to My App

{email ? (

Hello, {email}!

Logout

) : (

via LastLogin

)}

); } function client() { const initialEmail = document.getElementById('root').dataset.email; createRoot(document.getElementById("root")).render(); } if (typeof document !== "undefined") { client(); } async function handler(request: Request): Promise { const url = new URL(request.url); const email = request.headers.get("X-LastLogin-Email"); if (url.pathname === '/auth/check') { return new Response(JSON.stringify({ email }), { headers: { 'Content-Type': 'application/json' } }); } return new Response(` My App

`, { headers: { "Content-Type": "text/html" }, }); } export default lastlogin(handler);

olifrah