feat: migrate nextjs to rr7

apps/remix/app/routes/_unauthenticated+/signin.tsx

@@ -0,0 +1,74 @@
+import { Trans } from '@lingui/react/macro';
+import { Link, redirect } from 'react-router';
+import { getOptionalLoaderSession } from 'server/utils/get-loader-session';
+
+import {
+  IS_GOOGLE_SSO_ENABLED,
+  IS_OIDC_SSO_ENABLED,
+  OIDC_PROVIDER_LABEL,
+} from '@documenso/lib/constants/auth';
+import { env } from '@documenso/lib/utils/env';
+
+import { SignInForm } from '~/components/forms/signin';
+import { appMetaTags } from '~/utils/meta';
+
+import type { Route } from './+types/signin';
+
+export function meta() {
+  return appMetaTags('Sign In');
+}
+
+export function loader() {
+  const session = getOptionalLoaderSession();
+
+  // SSR env variables.
+  const isGoogleSSOEnabled = IS_GOOGLE_SSO_ENABLED;
+  const isOIDCSSOEnabled = IS_OIDC_SSO_ENABLED;
+  const oidcProviderLabel = OIDC_PROVIDER_LABEL;
+
+  if (session) {
+    throw redirect('/documents');
+  }
+
+  return {
+    isGoogleSSOEnabled,
+    isOIDCSSOEnabled,
+    oidcProviderLabel,
+  };
+}
+
+export default function SignIn({ loaderData }: Route.ComponentProps) {
+  const { isGoogleSSOEnabled, isOIDCSSOEnabled, oidcProviderLabel } = loaderData;
+
+  return (
+    <div className="w-screen max-w-lg px-4">
+      <div className="border-border dark:bg-background z-10 rounded-xl border bg-neutral-100 p-6">
+        <h1 className="text-2xl font-semibold">
+          <Trans>Sign in to your account</Trans>
+        </h1>
+
+        <p className="text-muted-foreground mt-2 text-sm">
+          <Trans>Welcome back, we are lucky to have you.</Trans>
+        </p>
+        <hr className="-mx-6 my-4" />
+
+        <SignInForm
+          isGoogleSSOEnabled={isGoogleSSOEnabled}
+          isOIDCSSOEnabled={isOIDCSSOEnabled}
+          oidcProviderLabel={oidcProviderLabel}
+        />
+
+        {env('NEXT_PUBLIC_DISABLE_SIGNUP') !== 'true' && (
+          <p className="text-muted-foreground mt-6 text-center text-sm">
+            <Trans>
+              Don't have an account?{' '}
+              <Link to="/signup" className="text-documenso-700 duration-200 hover:opacity-70">
+                Sign up
+              </Link>
+            </Trans>
+          </p>
+        )}
+      </div>
+    </div>
+  );
+}