Add callback urls for login providers

packages/server/env.example

@@ -5,8 +5,9 @@ REDIS_PASSWORD=
 
 SESSION_SECRET=
 
+HOST=
+
 FACEBOOK_CLIENT_ID=
-FACEBOOK_CALLBACK_URL=
 FACEBOOK_CLIENT_SECRET=
 
 TWITTER_CONSUMER_KEY=

packages/server/src/auth/providers/facebook.js

@@ -12,7 +12,7 @@ import genericStrategy from '../strategy'
 const strategyOptions = {
   clientID: process.env.FACEBOOK_CLIENT_ID,
   clientSecret: process.env.FACEBOOK_CLIENT_SECRET,
-  callbackURL: '/auth/facebook/redirect',
+  callbackURL: `${process.env.HOST}/auth/facebook/redirect` ?? '/auth/facebook/redirect',
   profileFields: ['id', 'displayName', 'picture.type(large)', 'email'],
 }
 

packages/server/src/auth/providers/google.js

@@ -1,4 +1,4 @@
-import { Strategy } from 'passport-google-oauth20';
+import { Strategy } from 'passport-google-oauth20'
 
 import { Router } from 'express'
 import passport from 'passport'
@@ -8,19 +8,21 @@ import genericStrategy from '../strategy'
 const strategyOptions = {
   clientID: process.env.GOOGLE_CLIENT_ID,
   clientSecret: process.env.GOOGLE_CLIENT_SECRET,
-  callbackURL: '/auth/google/redirect',
+  callbackURL: `${process.env.HOST}/auth/google/redirect` ?? '/auth/google/redirect',
 }
 
 export function googleStrategy() {
-  return new Strategy(strategyOptions, genericStrategy('google'));
+  return new Strategy(strategyOptions, genericStrategy('google'))
 }
 
 export const googleRouter = Router()
 
 const googleAuthenticateOptions = {
-  scope: ['email', 'profile']
+  scope: ['email', 'profile'],
 }
 
-googleRouter.get('/google', passport.authenticate('google', googleAuthenticateOptions));
-googleRouter.get('/google/redirect',
-  passport.authenticate('google', { successRedirect: '/museo', failureRedirect: '/' }));
+googleRouter.get('/google', passport.authenticate('google', googleAuthenticateOptions))
+googleRouter.get(
+  '/google/redirect',
+  passport.authenticate('google', { successRedirect: '/museo', failureRedirect: '/' }),
+)

packages/server/src/auth/providers/twitter.js

@@ -1,4 +1,4 @@
-import { Strategy } from 'passport-twitter';
+import { Strategy } from 'passport-twitter'
 
 import { Router } from 'express'
 import passport from 'passport'
@@ -8,16 +8,18 @@ import genericStrategy from '../strategy'
 const strategyOptions = {
   consumerKey: process.env.TWITTER_CONSUMER_KEY,
   consumerSecret: process.env.TWITTER_CONSUMER_SECRET,
-  callbackURL: '/auth/twitter/redirect',
+  callbackURL: `${process.env.HOST}/auth/twitter/redirect` ?? '/auth/twitter/redirect',
   includeEmail: true,
 }
 
 export function twitterStrategy() {
-  return new Strategy(strategyOptions, genericStrategy('twitter'));
+  return new Strategy(strategyOptions, genericStrategy('twitter'))
 }
 
 export const twitterRouter = Router()
 
-twitterRouter.get('/twitter', passport.authenticate('twitter'));
-twitterRouter.get('/twitter/redirect',
-  passport.authenticate('twitter', { successRedirect: '/museo', failureRedirect: '/' }));
+twitterRouter.get('/twitter', passport.authenticate('twitter'))
+twitterRouter.get(
+  '/twitter/redirect',
+  passport.authenticate('twitter', { successRedirect: '/museo', failureRedirect: '/' }),
+)