remix-auth-linkedin

import { createCookieSessionStorage } from '@remix-run/node'; import { Authenticator } from 'remix-auth'; import { LinkedinStrategy } from "remix-auth-linkedin"; // Personalize this options for your usage. const cookieOptions = { path: '/', httpOnly: true, sameSite: 'lax' as const, maxAge: 24 * 60 * 60 * 1000 * 30, secrets: [process.env.SESSION_SECRET ?? 'fallback_secret_for_dev_only'], // Use env variable for production secure: process.env.NODE_ENV !== 'development', }; const sessionStorage = createCookieSessionStorage({ cookie: cookieOptions, }); export const authenticator = new Authenticator<string>(sessionStorage, { throwOnError: true, }); const linkedinStrategy = new LinkedinStrategy( { clientID: process.env.LINKEDIN_CLIENT_ID ?? 'YOUR_CLIENT_ID_FROM_ENV', clientSecret: process.env.LINKEDIN_CLIENT_SECRET ?? 'YOUR_CLIENT_SECRET_FROM_ENV', callbackURL: process.env.LINKEDIN_CALLBACK_URL ?? 'https://example.com/auth/linkedin/callback', }, async ({accessToken, refreshToken, extraParams, profile, context}) => { // In a real application, you would interact with your database or API here // For example, finding or creating a user based on the LinkedIn profile console.log('LinkedIn Profile:', profile.id, profile.displayName, profile.emails[0].value); console.log('Access Token:', accessToken); // Simulate user data storage return { id: profile.id, email: profile.emails[0].value, name: profile.displayName }; } ); authenticator.use(linkedinStrategy, 'linkedin'); // app/routes/login.tsx // export default function Login() { // return ( // <form action="/auth/linkedin" method="post"> // <button>Login with Linkedin</button> // </form> // ) // } // app/routes/auth/linkedin.tsx // import { ActionFunction } from '@remix-run/node'; // import { authenticator } from '~/linkedin.server'; // Adjust path // // export let loader: ActionFunction = () => { throw new Response(null, { status: 404 }); }; // Loader is not strictly needed here // export let action: ActionFunction = ({ request }) => { // return authenticator.authenticate('linkedin', request); // }; // app/routes/auth/linkedin/callback.tsx // import { LoaderFunction } from '@remix-run/node'; // import { authenticator } from '~/linkedin.server'; // Adjust path // // export let loader: LoaderFunction = ({ request }) => { // return authenticator.authenticate('linkedin', request, { // successRedirect: '/dashboard', // failureRedirect: '/login', // }); // };