Social Login That Actually Works

// Configure your social providers
const socialAuth = new SocialAuth({
  providers: {
    google: {
      clientId: process.env.GOOGLE_CLIENT_ID,
      scopes: ['email', 'profile']
    },
    github: {
      clientId: process.env.GITHUB_CLIENT_ID,
      scopes: ['user:email', 'read:user']
    },
    discord: {
      clientId: process.env.DISCORD_CLIENT_ID,
      scopes: ['identify', 'email']
    }
  }
});

// React component example
const SocialLogin = () => {
  const handleSocialLogin = async (provider) => {
    try {
      const result = await socialAuth.signIn(provider);
      // User is now logged in
      console.log('User:', result.user);
      console.log('Token:', result.token);
    } catch (error) {
      console.error('Login failed:', error);
    }
  };

  return (
    <div className="social-login">
      <button onClick={() => handleSocialLogin('google')}>
        Continue with Google
      </button>
      <button onClick={() => handleSocialLogin('github')}>
        Continue with GitHub
      </button>
    </div>
  );
};

// User data is automatically normalized
const user = await socialAuth.getCurrentUser();
// {
//   id: "user_123",
//   email: "sarah@example.com",
//   name: "Sarah Johnson",
//   avatar: "https://avatar.url",
//   provider: "google",
//   verified: true,
//   metadata: {
//     github_username: "sarahj",
//     company: "23blocks"
//   }
// }

// Link multiple social accounts
await socialAuth.linkAccount('github');