remix-auth-twitter

import { Authenticator } from "remix-auth"; import { Twitter2Strategy } from "remix-auth-twitter"; import TwitterApi from "twitter-api-v2"; // Example external library for Twitter API calls interface User { /* Define your user type */ id: string; username: string; accessToken: string; } export let authenticator = new Authenticator<User>(); const clientID = process.env.TWITTER_CLIENT_ID ?? ''; const clientSecret = process.env.TWITTER_CLIENT_SECRET ?? ''; if (!clientID || !clientSecret) { throw new Error( "TWITTER_CLIENT_ID and TWITTER_CLIENT_SECRET must be provided" ); } authenticator.use( new Twitter2Strategy( { clientID, clientSecret, callbackURL: "https://my-app/login/callback", scopes: ["users.read", "tweet.read", "tweet.write"], }, async ({ request, tokens }) => { const accessToken = tokens.accessToken(); // In this example, we use an external library to get user profile details const userClient = new TwitterApi(accessToken); const result = await userClient.v2.me({ "user.fields": ["profile_image_url"], }); // Consider robust error handling for API calls const { id, username } = result.data; // This is a placeholder for your actual user registration/lookup logic async function registerUser(token: string, userId: string, uname: string): Promise<User> { // In a real app, you would save/retrieve user data from a database console.log(`User authenticated: ${uname} (ID: ${userId})`); return { id: userId, username: uname, accessToken: token }; } return await registerUser(accessToken, id, username); } ) ); // Example route action to initiate login /* export async function action({ request }: ActionFunctionArgs) { return authenticator.authenticate("twitter2", request, { successRedirect: "/dashboard", failureRedirect: "/login", }); } // Example callback route loader export async function loader({ request }: LoaderFunctionArgs) { return authenticator.authenticate("twitter2", request, { successRedirect: "/dashboard", failureRedirect: "/login", }); } */