|
|
<!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> |
|
|
|
