Support RR7 & remix-auth@4

[pskd73]

Hello @pbteja1998 !

This package is great and wanted it to port to remix-auth@4 along with React Router 7 (latest Remix). Following are the significant changes to remix-auth@4

1. remix is react-router. So Removed all remix dependencies
2. sessionStorage and options is not passed in authenticate function now
3. I am taking the sessionStorage in the constructor options
4. Removed taking session keys as I am defining the types specifically
5. Upgrading the tsconfig.json as per react-router specification
6. Adding package-lock.json

[E-Kuerschner]

Great work on this! I am also blocked on migrating until these changes are in so I appreciate the initiative

[E-Kuerschner]

@pbteja1998 can we get a review on this? 🙏

[E-Kuerschner]

Awesome work! Thanks for getting the ball rolling on this

[E-Kuerschner]

couple of observations here:

1. it looks like the ability to set one's own keys for the cookie storage is no longer available? This feels like a regression in my opinion
2. to minimize breaking changes we should leave the default values as is e.g. auth:magiclink

[E-Kuerschner]

any reason you're choosing to flash the message text directly as opposed to within an object?

[E-Kuerschner]

would it not be useful to keep successRedirect as optional? It can be useful to defer the redirect to the app's business logic. In my apps I have the following for my verify loader:

const { email, name, isAdmin } = await auth.authenticate(
    "email-link",
    request,
    {
      failureRedirect: "/auth/login",
    },
  );

  const session = await getSession(request.headers.get("Cookie"));
  const redirectBackTo = session.get("auth:loginDestination");

  // set the session for a logged in/verified guest user
  session.set("user", { email, name, isAdmin });
  session.set("isGuest", true);
  session.set("emailSubscription", true);
  session.unset("auth:email");
  session.unset("auth:link");
  session.unset("auth:loginDestination");

  return redirect(redirectBackTo ?? "/", {
    headers: {
      "Set-Cookie": await commitSession(session),
    },
  });