Remix authentication library usage example

remix-auth.ts

// create a session storage instance
let sessionStorage = createCookieSessionStorage();

// create authenticator instance
let authenticator = new Authenticator<User>(
  sessionStorage
);

// configure the authenticator to use the Auth0 strategy for sign-in
authenticator.use(
  new Auth0Strategy(
    {
      domain: process.env.AUTH0_DOMAIN as string,
      clientID: process.env.AUTH0_CLIENT_ID as string,
      clientSecret: process.env.AUTH0_CLIENT_SECRET as string,
      callbackURL: process.env.AUTH0_CALLBACK_URL as string,
    },
    (_accessToken, _refreshToken, _extraParams, profile) => {
      User.findOrCreate({ email: profile.emails[0].value }, function (error, user) {
        if (error) throw error
        if (!user) throw new Error("User not found")
        return user;
      });
    }
  ),
  "auth0"
);

// User must be logged-in to continue
export let privateLoader: LoaderFunction = ({ request }) => {
  return authenticator.authenticate("auth0", request, async (user) => {
    return json({ user });
  });
};

// User may not be logged-in to continue
export let publicLoader: LoaderFunction = async ({ request }) => {
  let user = await authenticator.isAutenticated(request);
  if (!user) return json({ error: "Not authorized" });
  return json({ user });
};