| | <!DOCTYPE html> |
| | <html lang="en"> |
| | <head> |
| | <meta charset="UTF-8" /> |
| | <meta name="viewport" content="width=device-width, initial-scale=1.0"> |
| | <title>Puter Auth (Redirect Safe)</title> |
| | <link rel="stylesheet" href="style.css"> |
| | <script src="https://js.puter.com/v2/"></script> |
| | </head> |
| | <body> |
| | <div class="container"> |
| | <h1>Puter Authentication</h1> |
| | <p class="desc">Sign in to your Puter account to continue</p> |
| | <button id="sign-in">Sign In with Puter</button> |
| | <pre id="output">Waiting for user action...</pre> |
| | </div> |
| |
|
| | <script> |
| | const output = document.getElementById('output'); |
| | const signInBtn = document.getElementById('sign-in'); |
| | |
| | function print(msg) { |
| | output.innerText = msg; |
| | console.log(msg); |
| | } |
| | |
| | async function trySignIn() { |
| | try { |
| | print("Redirecting to Puter sign-in..."); |
| | await puter.auth.signIn({ mode: "redirect" }); |
| | } catch (err) { |
| | print("❌ Redirect sign-in failed:\n" + JSON.stringify(err)); |
| | } |
| | } |
| | |
| | signInBtn.addEventListener('click', () => { |
| | trySignIn(); |
| | }); |
| | |
| | |
| | (async () => { |
| | const user = await puter.auth.getUser(); |
| | if (user) { |
| | print("✅ Already signed in:\n" + JSON.stringify(user, null, 2)); |
| | document.querySelector('.desc').innerText = `Welcome, ${user.username}!`; |
| | signInBtn.style.display = "none"; |
| | } |
| | })(); |
| | </script> |
| | </body> |
| | </html> |
| |
|
