Auth App

/** @jsxImportSource https://esm.sh/react@18.2.0 */ import React, { useState } from "https://esm.sh/react@18.2.0"; import { createRoot } from "https://esm.sh/react-dom@18.2.0/client"; function App() { const [isLogin, setIsLogin] = useState(true); const [formData, setFormData] = useState({ firstName: '', lastName: '', email: '', gender: '', password: '', confirmPassword: '' }); const handleInputChange = (e) => { const { name, value } = e.target; setFormData(prev => ({ ...prev, [name]: value })); }; const validateForm = () => { if (formData.password !== formData.confirmPassword) { alert("Passwords do not match!"); return false; } return true; }; const handleSubmit = async (e) => { e.preventDefault(); if (!validateForm()) return; try { const endpoint = isLogin ? '/login' : '/signup'; const response = await fetch(endpoint, { method: 'POST', headers: { 'Content-Type': 'application/json' }, body: JSON.stringify(formData) }); const result = await response.json(); if (result.success) { alert(isLogin ? "Login Successful!" : "Sign Up Successful!"); } else { alert(result.message || "Operation failed"); } } catch (error) { console.error("Error:", error); alert("An error occurred"); } }; return (

{isLogin ? 'Login' : 'Sign Up'}

); } const styles = { container: { display: 'flex', flexDirection: 'column', alignItems: 'center', fontFamily: 'Arial, sans-serif', maxWidth: '400px', margin: '0 auto', padding: '20px' }, form: { display: 'flex', flexDirection: 'column', width: '100%', gap: '10px' } }; function client() { createRoot(document.getElementById("root")).render(); } if (typeof document !== "undefined") { client(); } export default async function server(request: Request): Promise { const { sqlite } = await import("https://esm.town/v/stevekrouse/sqlite"); const crypto = await import("node:crypto"); const KEY = new URL(import.meta.url).pathname.split("/").at(-1); // Create user table if not exists await sqlite.execute(` CREATE TABLE IF NOT EXISTS ${KEY}_users ( id INTEGER PRIMARY KEY AUTOINCREMENT, firstName TEXT, lastName TEXT, email TEXT UNIQUE, gender TEXT, password TEXT, createdAt DATETIME DEFAULT CURRENT_TIMESTAMP ) `); if (request.method === 'POST') { const body = await request.json(); if (request.url.includes('/signup')) { // Hash password const hashedPassword = crypto.createHash('sha256') .update(body.password) .digest('hex'); try { await sqlite.execute( `INSERT INTO ${KEY}_users (firstName, lastName, email, gender, password) VALUES (?, ?, ?, ?, ?)`, [ body.firstName, body.lastName, body.email, body.gender, hashedPassword ] ); return new Response(JSON.stringify({ success: true }), { headers: { 'Content-Type': 'application/json' } }); } catch (error) { return new Response(JSON.stringify({ success: false, message: "Email already exists" }), { status: 400, headers: { 'Content-Type': 'application/json' } }); } } if (request.url.includes('/login')) { // Hash password for comparison const hashedPassword = crypto.createHash('sha256') .update(body.password) .digest('hex'); const result = await sqlite.execute( `SELECT * FROM ${KEY}_users WHERE email = ? AND password = ?`, [body.email, hashedPassword] ); if (result.rows.length > 0) { return new Response(JSON.stringify({ success: true }), { headers: { 'Content-Type': 'application/json' } }); } else { return new Response(JSON.stringify({ success: false, message: "Invalid email or password" }), { status: 401, headers: { 'Content-Type': 'application/json' } }); } } } return new Response(` Auth App

`, { headers: { 'Content-Type': 'text/html' } }); }

webandapktesting