@bagelink/auth 1.6.53 → 1.6.57

package/src/routes.ts

@@ -0,0 +1,122 @@
+import type { RouteRecordRaw } from 'vue-router'
+
+export interface AuthRouteConfig {
+	/** Base path for auth routes. Defaults to '/' */
+	basePath?: string
+	/** Route names prefix. Defaults to '' */
+	namePrefix?: string
+	/** Custom route names */
+	routeNames?: {
+		login?: string
+		signup?: string
+		forgotPassword?: string
+		resetPassword?: string
+		callback?: string
+	}
+	/** Redirect path after successful auth. Defaults to '/' */
+	redirectTo?: string
+	/** Custom layout wrapper component */
+	layout?: any
+}
+
+/**
+ * Creates auth routes for Vue Router
+ *
+ * @example
+ * ```ts
+ * import { createAuthRoutes } from '@bagelink/auth'
+ *
+ * const routes = [
+ *   ...createAuthRoutes({
+ *     basePath: '/auth',
+ *     redirectTo: '/dashboard'
+ *   }),
+ *   // ... other routes
+ * ]
+ * ```
+ */
+export function createAuthRoutes(config: AuthRouteConfig = {}): RouteRecordRaw[] {
+	const {
+		basePath = '',
+		namePrefix = '',
+		routeNames = {},
+		layout
+	} = config
+
+	const createRouteName = (name: string) => namePrefix ? `${namePrefix}${name}` : name
+
+	// Lazy load components
+	const routes: RouteRecordRaw[] = [
+		{
+			path: `${basePath}/login`,
+			name: routeNames.login || createRouteName('Login'),
+			component: () => import('./pages/LoginPage.vue'),
+			meta: { requiresAuth: false }
+		},
+		{
+			path: `${basePath}/signup`,
+			name: routeNames.signup || createRouteName('Signup'),
+			component: () => import('./pages/SignupPage.vue'),
+			meta: { requiresAuth: false }
+		},
+		{
+			path: `${basePath}/forgot-password`,
+			name: routeNames.forgotPassword || createRouteName('ForgotPassword'),
+			component: () => import('./pages/ForgotPasswordPage.vue'),
+			meta: { requiresAuth: false }
+		},
+		{
+			path: `${basePath}/reset-password`,
+			name: routeNames.resetPassword || createRouteName('ResetPassword'),
+			component: () => import('./pages/ResetPasswordPage.vue'),
+			meta: { requiresAuth: false }
+		},
+		{
+			path: `${basePath}/callback`,
+			name: routeNames.callback || createRouteName('AuthCallback'),
+			component: () => import('./pages/Callback.vue'),
+			meta: { requiresAuth: false }
+		}
+	]
+
+	// Wrap in layout if provided
+	if (layout) {
+		return [{
+			path: basePath,
+			component: layout,
+			children: routes.map(route => ({
+				...route,
+				path: route.path.replace(basePath, '')
+			}))
+		}]
+	}
+
+	return routes
+}
+
+/**
+ * Creates a navigation guard to redirect authenticated users away from auth pages
+ *
+ * @example
+ * ```ts
+ * import { createAuthGuard } from '@bagelink/auth'
+ *
+ * router.beforeEach(createAuthGuard({ redirectTo: '/dashboard' }))
+ * ```
+ */
+export function createAuthGuard(config: { redirectTo?: string } = {}) {
+	const { redirectTo = '/' } = config
+
+	return async (to: any, _from: any, next: any) => {
+		// Import dynamically to avoid circular dependencies
+		const { useAuth } = await import('./useAuth')
+		const { user } = useAuth()
+
+		// If route doesn't require auth and user is authenticated, redirect
+		if (to.meta.requiresAuth === false && user.value) {
+			next(redirectTo)
+		} else {
+			next()
+		}
+	}
+}

package/src/types/index.ts

@@ -0,0 +1,45 @@
+// Auth form text customization types
+export interface ForgotPasswordTexts {
+	title?: string
+	emailLabel?: string
+	submitButton?: string
+	backToLogin?: string
+	emailSentTitle?: string
+	emailSentMessage?: string
+}
+
+export interface LoginTexts {
+	title?: string
+	emailLabel?: string
+	passwordLabel?: string
+	forgotPassword?: string
+	submitButton?: string
+	noAccount?: string
+	signupLink?: string
+}
+
+export interface ResetPasswordTexts {
+	title?: string
+	newPasswordLabel?: string
+	confirmPasswordLabel?: string
+	submitButton?: string
+	passwordStrength?: {
+		weak?: string
+		medium?: string
+		strong?: string
+	}
+}
+
+export interface SignupTexts {
+	title?: string
+	emailLabel?: string
+	passwordLabel?: string
+	submitButton?: string
+	haveAccount?: string
+	loginLink?: string
+	passwordStrength?: {
+		weak?: string
+		medium?: string
+		strong?: string
+	}
+}