@main12/auth-login 0.2.2 → 0.3.0

package/dist/components/AuthPages.d.ts

@@ -0,0 +1,24 @@
+import type React from 'react';
+export interface AuthPagesProps {
+    /** The slug segments from the catch-all route, e.g. ['login'] or ['forgot-password'] */
+    slug?: string[];
+    /** Where to redirect after successful login / set-password */
+    redirectTo?: string;
+    /** Optional logo component */
+    logo?: React.ReactNode;
+    /** Custom handler for password login (email+password). If omitted, uses default fetch to /api/users/login */
+    onPasswordLogin?: (credentials: {
+        email: string;
+        password: string;
+    }) => Promise<void>;
+    /** Custom handler for signup. If omitted, uses default fetch to /api/auth/signup */
+    onSignup?: (data: {
+        name: string;
+        email: string;
+    }) => Promise<void>;
+    /** Base path prefix, defaults to '/auth'. Used to compute sibling URLs. */
+    basePath?: string;
+    /** Show Google OAuth buttons. If omitted, reads from plugin config. */
+    showGoogleOAuth?: boolean;
+}
+export default function AuthPages({ slug, redirectTo, logo, onPasswordLogin, onSignup, basePath, showGoogleOAuth, }: AuthPagesProps): import("react/jsx-runtime").JSX.Element;

package/dist/components/AuthPages.js

@@ -0,0 +1,86 @@
+'use client';
+import { jsx as _jsx } from "react/jsx-runtime";
+import LoginPage from './pages/LoginPage.js';
+import SignupPage from './pages/SignupPage.js';
+import ForgotPasswordPage from './pages/ForgotPasswordPage.js';
+import VerifyOtpPage from './pages/VerifyOtpPage.js';
+import SetPasswordPage from './pages/SetPasswordPage.js';
+const defaultPasswordLogin = async ({ email, password })=>{
+    const res = await fetch('/api/users/login', {
+        method: 'POST',
+        headers: {
+            'Content-Type': 'application/json'
+        },
+        body: JSON.stringify({
+            email,
+            password
+        })
+    });
+    if (!res.ok) {
+        const err = await res.json();
+        throw new Error(err.errors?.[0]?.message || 'Login failed');
+    }
+};
+const defaultSignup = async ({ name, email })=>{
+    const res = await fetch('/api/auth/signup', {
+        method: 'POST',
+        headers: {
+            'Content-Type': 'application/json'
+        },
+        body: JSON.stringify({
+            name,
+            email
+        })
+    });
+    if (!res.ok) {
+        const err = await res.json();
+        throw new Error(err.message || 'Signup failed');
+    }
+};
+export default function AuthPages({ slug, redirectTo = '/admin', logo, onPasswordLogin = defaultPasswordLogin, onSignup = defaultSignup, basePath = '/auth', showGoogleOAuth }) {
+    const page = slug?.[0] ?? 'login';
+    const base = basePath.replace(/\/$/, '');
+    const shared = {
+        logo,
+        ...showGoogleOAuth !== undefined ? {
+            showGoogleOAuth
+        } : {}
+    };
+    switch(page){
+        case 'login':
+            return /*#__PURE__*/ _jsx(LoginPage, {
+                onPasswordLogin: onPasswordLogin,
+                redirectTo: redirectTo,
+                signupUrl: `${base}/signup`,
+                ...shared
+            });
+        case 'signup':
+            return /*#__PURE__*/ _jsx(SignupPage, {
+                onSignup: onSignup,
+                loginUrl: `${base}/login`,
+                ...shared
+            });
+        case 'forgot-password':
+            return /*#__PURE__*/ _jsx(ForgotPasswordPage, {
+                loginUrl: `${base}/login`,
+                ...shared
+            });
+        case 'verify-otp':
+            return /*#__PURE__*/ _jsx(VerifyOtpPage, {
+                loginUrl: `${base}/login`,
+                ...shared
+            });
+        case 'set-password':
+            return /*#__PURE__*/ _jsx(SetPasswordPage, {
+                redirectTo: redirectTo,
+                ...shared
+            });
+        default:
+            return /*#__PURE__*/ _jsx(LoginPage, {
+                onPasswordLogin: onPasswordLogin,
+                redirectTo: redirectTo,
+                signupUrl: `${base}/signup`,
+                ...shared
+            });
+    }
+}

package/dist/config.d.ts

@@ -9,6 +9,8 @@ export declare const pluginConfig: {
     logoUrl?: string;
     Logo?: React.ComponentType;
     googleOAuthEnabled: boolean;
+    routeRedirects: boolean;
+    authBasePath: string;
 };
 /** Call this client-side to mirror the server plugin config. */
 export declare function initClientConfig(opts: {

package/dist/config.js

@@ -1,6 +1,8 @@
 export const pluginConfig = {
     style: 'tailwind',
-    googleOAuthEnabled: true
+    googleOAuthEnabled: false,
+    routeRedirects: false,
+    authBasePath: '/auth'
 };
 /** Call this client-side to mirror the server plugin config. */ export function initClientConfig(opts) {
     if (opts.style) pluginConfig.style = opts.style;

package/dist/exports/client.d.ts

@@ -10,6 +10,8 @@ export { default as SignupPage } from '../components/pages/SignupPage';
 export { default as ForgotPasswordPage } from '../components/pages/ForgotPasswordPage';
 export { default as VerifyOtpPage } from '../components/pages/VerifyOtpPage';
 export { default as SetPasswordPage } from '../components/pages/SetPasswordPage';
+export { default as AuthPages } from '../components/AuthPages';
+export type { AuthPagesProps } from '../components/AuthPages';
 export { AuthLayout } from '../components/AuthLayout';
 export { PoweredBy } from '../components/PoweredBy';
 export type { LoginStep, OTPPurpose, CheckEmailResponse, SendOtpResponse, VerifyOtpResponse, SetPasswordResponse, SignupResponse, PasswordStrengthResult, } from '../auth/domain/types';

package/dist/exports/client.js

@@ -19,6 +19,8 @@ export { default as SignupPage } from '../components/pages/SignupPage.js';
 export { default as ForgotPasswordPage } from '../components/pages/ForgotPasswordPage.js';
 export { default as VerifyOtpPage } from '../components/pages/VerifyOtpPage.js';
 export { default as SetPasswordPage } from '../components/pages/SetPasswordPage.js';
+// Catch-all auth pages (single-file setup)
+export { default as AuthPages } from '../components/AuthPages.js';
 // Layout & shared components
 export { AuthLayout } from '../components/AuthLayout.js';
 export { PoweredBy } from '../components/PoweredBy.js';

package/dist/index.d.ts

@@ -27,6 +27,19 @@ export interface AuthLoginPluginOptions {
      * - `{ google: { enabled: false } }` → temporarily disable without losing config
      */
     providers?: AuthProvidersConfig;
+    /**
+     * Enable automatic route redirects from bare paths (e.g. /login)
+     * to the catch-all auth path (e.g. /auth/login).
+     *
+     * - `true` → enable redirects (consumer must re-export proxy from their proxy.ts)
+     * - `false` → disable redirects (consumer manages their own routes)
+     * - `{ basePath: '/auth' }` → enable with custom base path
+     *
+     * @default false
+     */
+    routeRedirects?: boolean | {
+        basePath?: string;
+    };
 }
 export declare const authLoginPlugin: (options?: AuthLoginPluginOptions) => (config: Config) => Config;
 export { pluginConfig };

package/dist/index.js

@@ -51,6 +51,13 @@ export const authLoginPlugin = (options = {})=>(config)=>{
             pluginConfig.Logo = options.logo;
         }
         pluginConfig.googleOAuthEnabled = googleConfig.enabled;
+        // Route redirects config
+        if (options.routeRedirects) {
+            pluginConfig.routeRedirects = true;
+            if (typeof options.routeRedirects === 'object' && options.routeRedirects.basePath) {
+                pluginConfig.authBasePath = options.routeRedirects.basePath;
+            }
+        }
         // Register auth API endpoints
         config.endpoints = [
             ...config.endpoints || [],

package/dist/proxy.d.ts

@@ -0,0 +1,31 @@
+import { NextResponse, type NextRequest } from 'next/server';
+export interface AuthProxyOptions {
+    /** Base path where AuthPages catch-all is mounted. Defaults to '/auth' */
+    basePath?: string;
+    /** Routes to redirect. Defaults to all auth routes. */
+    routes?: string[];
+}
+/**
+ * Creates a proxy that redirects bare auth routes (e.g. /login)
+ * to the catch-all path (e.g. /auth/login).
+ *
+ * Usage in your app's proxy.ts (Next.js 16+):
+ * ```ts
+ * // One-liner — just re-export:
+ * export { proxy, config } from '@main12/auth-login/proxy'
+ * ```
+ * Or compose with your own logic:
+ * ```ts
+ * import { createAuthProxy } from '@main12/auth-login/proxy'
+ * const authProxy = createAuthProxy({ basePath: '/auth' })
+ * export function proxy(req) { return authProxy(req) }
+ * ```
+ *
+ * The basePath defaults to the value set in the plugin options
+ * (`routeRedirects: { basePath: '/auth' }`), or '/auth' if not configured.
+ */
+export declare function createAuthProxy({ basePath, routes }?: AuthProxyOptions): (request: NextRequest) => NextResponse<unknown>;
+export declare const proxy: (request: NextRequest) => NextResponse<unknown>;
+export declare const config: {
+    matcher: string[];
+};

package/dist/proxy.js

@@ -0,0 +1,62 @@
+import { NextResponse } from 'next/server';
+import { pluginConfig } from './config.js';
+const AUTH_ROUTES = [
+    'login',
+    'signup',
+    'forgot-password',
+    'verify-otp',
+    'set-password'
+];
+/**
+ * Creates a proxy that redirects bare auth routes (e.g. /login)
+ * to the catch-all path (e.g. /auth/login).
+ *
+ * Usage in your app's proxy.ts (Next.js 16+):
+ * ```ts
+ * // One-liner — just re-export:
+ * export { proxy, config } from '@main12/auth-login/proxy'
+ * ```
+ * Or compose with your own logic:
+ * ```ts
+ * import { createAuthProxy } from '@main12/auth-login/proxy'
+ * const authProxy = createAuthProxy({ basePath: '/auth' })
+ * export function proxy(req) { return authProxy(req) }
+ * ```
+ *
+ * The basePath defaults to the value set in the plugin options
+ * (`routeRedirects: { basePath: '/auth' }`), or '/auth' if not configured.
+ */ export function createAuthProxy({ basePath, routes = AUTH_ROUTES } = {}) {
+    const base = (basePath ?? pluginConfig.authBasePath).replace(/\/$/, '');
+    const routeSet = new Set(routes);
+    return function proxy(request) {
+        // If routeRedirects is disabled in plugin config, pass through
+        if (!pluginConfig.routeRedirects && !basePath) {
+            return NextResponse.next();
+        }
+        const { pathname } = request.nextUrl;
+        // Always redirect /admin/login to the plugin login page
+        if (pathname === '/admin/login' || pathname === '/admin/login/') {
+            const url = request.nextUrl.clone();
+            url.pathname = `${base}/login`;
+            return NextResponse.redirect(url);
+        }
+        const segment = pathname.replace(/^\//, '').replace(/\/$/, '');
+        if (routeSet.has(segment) && !pathname.startsWith(`${base}/`)) {
+            const url = request.nextUrl.clone();
+            url.pathname = `${base}/${segment}`;
+            return NextResponse.redirect(url);
+        }
+        return NextResponse.next();
+    };
+}
+export const proxy = createAuthProxy();
+export const config = {
+    matcher: [
+        '/admin/login',
+        '/login',
+        '/signup',
+        '/forgot-password',
+        '/verify-otp',
+        '/set-password'
+    ]
+};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@main12/auth-login",
-  "version": "0.2.2",
+  "version": "0.3.0",
   "description": "Reusable Payload CMS auth plugin — login, signup, OTP, forgot password, branded emails, Powered by Main12",
   "license": "MIT",
   "type": "module",
@@ -19,6 +19,11 @@
       "import": "./dist/exports/rsc.js",
       "types": "./dist/exports/rsc.d.ts",
       "default": "./dist/exports/rsc.js"
+    },
+    "./proxy": {
+      "import": "./dist/proxy.js",
+      "types": "./dist/proxy.d.ts",
+      "default": "./dist/proxy.js"
     }
   },
   "main": "./dist/index.js",