@@ -26,18 +44,19 @@ export default function LandingPage() {
+
- Get Started
-
-
- Learn More
-
+ Dashboard
+
diff --git a/src/components/AuthButton.tsx b/src/components/AuthButton.tsx
new file mode 100644
index 0000000..b3675d5
--- /dev/null
+++ b/src/components/AuthButton.tsx
@@ -0,0 +1,112 @@
+'use client';
+
+import { useState, useEffect } from 'react';
+
+const ENCRYPTID_SERVER = process.env.NEXT_PUBLIC_ENCRYPTID_SERVER_URL || 'https://auth.ridentity.online';
+
+interface AuthState {
+ authenticated: boolean;
+ username: string | null;
+ did: string | null;
+}
+
+function getStoredSession(): AuthState {
+ if (typeof window === 'undefined') return { authenticated: false, username: null, did: null };
+ try {
+ const stored = localStorage.getItem('encryptid_session');
+ if (!stored) return { authenticated: false, username: null, did: null };
+ const parsed = JSON.parse(stored);
+ const claims = parsed?.claims || parsed;
+ if (claims?.sub) {
+ return {
+ authenticated: true,
+ did: claims.sub,
+ username: claims.eid?.username || claims.username || null,
+ };
+ }
+ } catch {}
+ return { authenticated: false, username: null, did: null };
+}
+
+export function AuthButton() {
+ const [auth, setAuth] = useState
({ authenticated: false, username: null, did: null });
+ const [loading, setLoading] = useState(false);
+ const [error, setError] = useState('');
+
+ useEffect(() => {
+ setAuth(getStoredSession());
+ }, []);
+
+ const handleLogin = async () => {
+ setLoading(true);
+ setError('');
+ try {
+ // Dynamic import to avoid SSR issues with WebAuthn
+ const { EncryptIDClient } = await import('@encryptid/sdk/client');
+ const client = new EncryptIDClient(ENCRYPTID_SERVER);
+ const result = await client.authenticate();
+
+ // Store token as cookie for API routes
+ document.cookie = `encryptid_token=${result.token};path=/;max-age=900;SameSite=Lax`;
+
+ // Store session in localStorage for SpaceSwitcher/AppSwitcher
+ localStorage.setItem('encryptid_token', result.token);
+ localStorage.setItem('encryptid_session', JSON.stringify({
+ claims: { sub: result.did, eid: { username: result.username } }
+ }));
+
+ setAuth({ authenticated: true, did: result.did, username: result.username });
+ } catch (e: unknown) {
+ if (e instanceof DOMException && (e.name === 'NotAllowedError' || e.name === 'AbortError')) {
+ setError('Passkey not found — register first at ridentity.online');
+ } else {
+ setError(e instanceof Error ? e.message : 'Sign in failed');
+ }
+ } finally {
+ setLoading(false);
+ }
+ };
+
+ const handleLogout = () => {
+ document.cookie = 'encryptid_token=;path=/;max-age=0;SameSite=Lax';
+ localStorage.removeItem('encryptid_token');
+ localStorage.removeItem('encryptid_session');
+ setAuth({ authenticated: false, username: null, did: null });
+ };
+
+ if (auth.authenticated) {
+ return (
+
+
+ Signed in as
+ {auth.username || auth.did?.slice(0, 12) + '...'}
+
+
+
+
+ {error &&
{error}}
+
)}
-