{isRegistering ? 'Register' : 'Login'}

\n {isRegistering && (\n setFullName(e.target.value)}\n style={styles.input}\n required\n />\n )}\n setEmail(e.target.value)}\n style={styles.input}\n required\n />\n setPassword(e.target.value)}\n style={styles.input}\n required\n />\n {error &&

{error}

}\n \n \n \n {/* Google Login Button */}\n

\n \n OR\n \n

\n \n \n

\n );\n }\n\n return (\n

\n $\"Profile\"$ \n

{fullName}

Your short bio goes here

\n {links.map((link, index) => (\n \n {link.icon} {link.title}\n \n ))}\n

\n \n

\n );\n}\n\nconst styles = {\n // ... (previous styles remain the same)\n divider: {\n display: 'flex',\n alignItems: 'center',\n justifyContent: 'space-between',\n margin: '15px 0',\n },\n dividerLine: {\n flex: 1,\n height: '1px',\n backgroundColor: '#ccc',\n },\n dividerText: {\n margin: '0 10px',\n color: '#666',\n },\n googleButton: {\n backgroundColor: '#fff',\n color: '#757575',\n padding: '12px',\n border: '1px solid #ccc',\n borderRadius: '5px',\n cursor: 'pointer',\n display: 'flex',\n alignItems: 'center',\n justifyContent: 'center',\n gap: '10px',\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 const { sqlite } = await import(\"https://esm.town/v/stevekrouse/sqlite\");\n const KEY = \"Efficient_login\";\n const SCHEMA_VERSION = 3;\n\n // Updated users table to support Google login\n await sqlite.execute(`\n CREATE TABLE IF NOT EXISTS ${KEY}_users_${SCHEMA_VERSION} (\n id INTEGER PRIMARY KEY AUTOINCREMENT,\n full_name TEXT NOT NULL,\n email TEXT UNIQUE NOT NULL,\n password TEXT,\n google_id TEXT,\n avatar_url TEXT\n )\n `);\n\n // Google OAuth configuration (replace with your actual values)\n const GOOGLE_CLIENT_ID = Deno.env.get('GOOGLE_CLIENT_ID');\n const GOOGLE_CLIENT_SECRET = Deno.env.get('GOOGLE_CLIENT_SECRET');\n const REDIRECT_URI = `${new URL(request.url).origin}/google-callback`;\n\n // Handle Google Login Redirect\n if (request.method === 'GET' && new URL(request.url).pathname === '/google-login') {\n const googleAuthUrl = new URL('https://accounts.google.com/o/oauth2/v2/auth');\n googleAuthUrl.searchParams.set('client_id', GOOGLE_CLIENT_ID);\n googleAuthUrl.searchParams.set('redirect_uri', REDIRECT_URI);\n googleAuthUrl.searchParams.set('response_type', 'code');\n googleAuthUrl.searchParams.set('scope', 'openid email profile');\n \n return new Response(null, {\n status: 302,\n headers: { \n 'Location': googleAuthUrl.toString() \n }\n });\n }\n\n // Handle Google Callback\n if (request.method === 'GET' && new URL(request.url).pathname === '/google-callback') {\n const { searchParams } = new URL(request.url);\n const code = searchParams.get('code');\n\n if (!code) {\n return new Response('No code provided', { status: 400 });\n }\n\n // Exchange code for tokens\n const tokenResponse = await fetch('https://oauth2.googleapis.com/token', {\n method: 'POST',\n headers: {\n 'Content-Type': 'application/x-www-form-urlencoded',\n },\n body: new URLSearchParams({\n client_id: GOOGLE_CLIENT_ID,\n client_secret: GOOGLE_CLIENT_SECRET,\n code,\n grant_type: 'authorization_code',\n redirect_uri: REDIRECT_URI\n })\n });\n\n const tokens = await tokenResponse.json();\n\n // Fetch user info\n const userInfoResponse = await fetch(\n `https://www.googleapis.com/oauth2/v1/userinfo?alt=json&access_token=${tokens.access_token}`\n );\n const userInfo = await userInfoResponse.json();\n\n // Check if user exists\n const existingUser = await sqlite.execute(\n `SELECT * FROM ${KEY}_users_${SCHEMA_VERSION} WHERE email = ? OR google_id = ?`, \n [userInfo.email, userInfo.id]\n );\n\n let userId;\n if (existingUser.rows.length === 0) {\n // Create new user\n const result = await sqlite.execute(\n `INSERT INTO ${KEY}_users_${SCHEMA_VERSION} \n (full_name, email, google_id, avatar_url) \n VALUES (?, ?, ?, ?)`, \n [userInfo.name, userInfo.email, userInfo.id, userInfo.picture]\n );\n userId = result.lastInsertRowid;\n } else {\n userId = existingUser.rows[0].id;\n }\n\n // Redirect to main page with login state\n return new Response(null, {\n status: 302,\n headers: { \n 'Location': '/',\n 'Set-Cookie': `user_id=${userId}; Path=/; HttpOnly; SameSite=Strict`\n }\n });\n }\n\n // Handle registration request\n if (request.method === 'POST' && request.url.includes('/register')) {\n try {\n const { fullName, email, password } = await request.json();\n\n // Check if user already exists\n const existingUser = await sqlite.execute(\n `SELECT * FROM ${KEY}_users_${SCHEMA_VERSION} WHERE email = ?`, \n [email]\n );\n\n if (existingUser.rows.length > 0) {\n return new Response(JSON.stringify({ \n success: false, \n message: 'Email already registered' \n }), {\n headers: { 'Content-Type': 'application/json' }\n });\n }\n\n // Insert new user\n await sqlite.execute(\n `INSERT INTO ${KEY}_users_${SCHEMA_VERSION} (full_name, email, password) VALUES (?, ?, ?)`, \n [fullName, email, password]\n );\n\n return new Response(JSON.stringify({ success: true }), {\n headers: { 'Content-Type': 'application/json' }\n });\n } catch (error) {\n return new Response(JSON.stringify({ \n success: false, \n message: 'Registration failed' \n }), {\n status: 500,\n headers: { 'Content-Type': 'application/json' }\n });\n }\n }\n\n // Handle login request\n if (request.method === 'POST') {\n try {\n const { email, password } = await request.json();\n\n // Check user credentials\n const result = await sqlite.execute(\n `SELECT * FROM ${KEY}_users_${SCHEMA_VERSION} WHERE email = ? AND password = ?`, \n [email, password]\n );\n\n if (result.rows.length > 0) {\n return new Response(JSON.stringify({ \n success: true,\n fullName: result.rows[0].full_name \n }), {\n headers: { 'Content-Type': 'application/json' }\n });\n } else {\n return new Response(JSON.stringify({ \n success: false, \n message: 'Invalid email or password' \n }), {\n headers: { 'Content-Type': 'application/json' }\n });\n }\n } catch (error) {\n return new Response(JSON.stringify({ \n success: false, \n message: 'An error occurred' \n }), {\n status: 500,\n headers: { 'Content-Type': 'application/json' }\n });\n }\n }\n\n // Serve the HTML\n return new Response(`\n \n \n Secure Link in Bio\n \n \n \n

\n \n \n \n \n `, {\n headers: {\n \"content-type\": \"text/html\",\n },\n });\n}","deleted","label",[98],"permalink","https://www.val.town/x/Elohor/Efficient_login/code/main.tsx","extension","actionData","errors"]