@nextsparkjs/core 0.1.0-beta.82 → 0.1.0-beta.84

package/dist/templates/app/(auth)/reset-password/page.tsx

@@ -1,212 +0,0 @@
-"use client";
-
-import { newPasswordSchema, type NewPasswordFormData } from "@nextsparkjs/core/lib/validation";
-import { useAuth } from "@nextsparkjs/core/hooks/useAuth";
-import { zodResolver } from "@hookform/resolvers/zod";
-import {
-  AlertCircle,
-  CheckCircle,
-  Loader2
-} from "lucide-react";
-import Link from "next/link";
-import { useSearchParams } from "next/navigation";
-import { Suspense, useEffect, useState, useCallback } from "react";
-import { useForm } from "react-hook-form";
-
-import { Button } from "@nextsparkjs/core/components/ui/button";
-import { Label } from "@nextsparkjs/core/components/ui/label";
-import { PasswordInput } from "@nextsparkjs/core/components/ui/password-input";
-import { Alert, AlertDescription } from "@nextsparkjs/core/components/ui/alert";
-import { Card, CardContent, CardDescription, CardHeader, CardTitle } from "@nextsparkjs/core/components/ui/card";
-import { getTemplateOrDefaultClient } from '@nextsparkjs/registries/template-registry.client'
-import { sel } from '@nextsparkjs/core/selectors'
-
-function ResetPasswordContent() {
-  const searchParams = useSearchParams();
-  const token = searchParams.get("token") || "";
-  const { updatePassword } = useAuth();
-
-  const [loading, setLoading] = useState(false);
-  const [error, setError] = useState<string | null>(null);
-  const [success, setSuccess] = useState(false);
-
-
-  const form = useForm<NewPasswordFormData>({
-    resolver: zodResolver(newPasswordSchema),
-    defaultValues: {
-      password: "",
-      confirmPassword: "",
-    },
-  });
-
-  const {
-    register,
-    handleSubmit,
-    watch,
-    formState: { errors },
-  } = form;
-
-  const password = watch("password");
-
-  useEffect(() => {
-    // If no token is present, this is not a valid reset link
-    if (!token) {
-      setError("Invalid or missing reset token. Please request a new password reset.");
-    }
-  }, [token]);
-
-  const onSubmit = useCallback(async (data: NewPasswordFormData) => {
-    if (!token) {
-      setError("Token de recuperación inválido");
-      return;
-    }
-
-    setLoading(true);
-    setError(null);
-    console.log('Actualizando contraseña...');
-
-    try {
-      const result = await updatePassword(data.password, token);
-
-      if (!result.success) {
-        const errorMsg = result.error || "Failed to reset password";
-        setError(errorMsg);
-      } else {
-        setSuccess(true);
-        console.log('Contraseña actualizada exitosamente');
-      }
-    } catch {
-      setError('Error inesperado al actualizar contraseña');
-    } finally {
-      setLoading(false);
-    }
-  }, [token, updatePassword]);
-
-  if (success) {
-    return (
-      <Card className="w-full max-w-md" data-cy={sel('auth.resetPassword.success')}>
-        <CardContent className="pt-6">
-          <div className="text-center space-y-4">
-            <div className="w-16 h-16 bg-green-100 rounded-full flex items-center justify-center mx-auto">
-              <CheckCircle className="w-8 h-8 text-green-600" />
-            </div>
-            <div className="space-y-2">
-              <h1 className="text-2xl font-bold">Password Reset Successful!</h1>
-              <p className="text-muted-foreground">
-                Your password has been successfully reset. You can now sign in with your new password.
-              </p>
-            </div>
-            <Button asChild className="w-full" data-cy={sel('auth.resetPassword.loginLink')}>
-              <Link href="/login">
-                Sign In Now
-              </Link>
-            </Button>
-          </div>
-        </CardContent>
-      </Card>
-    );
-  }
-
-  return (
-    <Card className="w-full max-w-md" data-cy={sel('auth.resetPassword.form')}>
-      <CardHeader className="space-y-1">
-        <CardTitle className="text-2xl font-bold">Set New Password</CardTitle>
-        <CardDescription>
-          Choose a strong password for your account.
-        </CardDescription>
-      </CardHeader>
-      <CardContent>
-        {error && (
-          <Alert variant="destructive" className="mb-4" data-cy={sel('auth.resetPassword.error')}>
-            <AlertCircle className="h-4 w-4" />
-            <AlertDescription>
-              {error}
-              {error.includes("token") && (
-                <div className="mt-1">
-                  <Link href="/forgot-password" className="underline">
-                    Request a new password reset
-                  </Link>
-                </div>
-              )}
-            </AlertDescription>
-          </Alert>
-        )}
-
-        <form onSubmit={handleSubmit(onSubmit)} className="space-y-4">
-          <div className="space-y-2">
-            <Label htmlFor="password">New Password</Label>
-            <PasswordInput
-              {...register("password")}
-              id="password"
-              autoComplete="new-password"
-              placeholder="Create a strong password"
-              showRequirements={true}
-              password={password || ""}
-              data-cy={sel('auth.resetPassword.passwordInput')}
-            />
-            {errors.password && (
-              <p className="text-sm text-destructive">{errors.password.message}</p>
-            )}
-          </div>
-
-          <div className="space-y-2">
-            <Label htmlFor="confirmPassword">Confirm New Password</Label>
-            <PasswordInput
-              {...register("confirmPassword")}
-              id="confirmPassword"
-              autoComplete="new-password"
-              placeholder="Confirm your new password"
-              data-cy={sel('auth.resetPassword.confirmInput')}
-            />
-            {errors.confirmPassword && (
-              <p className="text-sm text-destructive">{errors.confirmPassword.message}</p>
-            )}
-          </div>
-
-          <Button
-            type="submit"
-            disabled={loading || !token}
-            className="w-full"
-            data-cy={sel('auth.resetPassword.submit')}
-          >
-            {loading ? (
-              <>
-                <Loader2 className="mr-2 h-4 w-4 animate-spin" />
-                Resetting password...
-              </>
-            ) : (
-              "Reset Password"
-            )}
-          </Button>
-        </form>
-
-        <div className="text-center mt-4">
-          <Link
-            href="/login"
-            className="text-sm text-primary hover:underline"
-            data-cy={sel('auth.resetPassword.back')}
-          >
-            Back to Login
-          </Link>
-        </div>
-      </CardContent>
-    </Card>
-  );
-}
-
-function ResetPasswordPage() {
-  return (
-    <Suspense fallback={
-      <div className="flex items-center justify-center">
-        <Loader2 className="w-6 h-6 animate-spin" />
-      </div>
-    }>
-      <ResetPasswordContent />
-    </Suspense>
-  );
-}
-
-// Opt out of static generation due to client-side state
-export const dynamic = 'force-dynamic';
-
-export default getTemplateOrDefaultClient('app/(auth)/reset-password/page.tsx', ResetPasswordPage)

package/dist/templates/app/(auth)/signup/page.tsx

@@ -1,21 +0,0 @@
-import type { Metadata } from 'next'
-import { SignupForm } from '@nextsparkjs/core/components/auth/forms/SignupForm'
-import { getTemplateOrDefault, getMetadataOrDefault } from '@nextsparkjs/core/lib/template-resolver'
-
-const defaultMetadata: Metadata = {
-  title: 'Create Account',
-  description: 'Create your account to start using our platform',
-}
-
-export const metadata: Metadata = getMetadataOrDefault(
-  'app/(auth)/signup/page.tsx',
-  defaultMetadata
-)
-
-function SignupPage() {
-  return <SignupForm />
-}
-
-export const dynamic = 'force-dynamic'
-
-export default getTemplateOrDefault('app/(auth)/signup/page.tsx', SignupPage)

package/dist/templates/app/(auth)/verify-email/page.tsx

@@ -1,190 +0,0 @@
-"use client";
-
-import { AlertCircle, CheckCircle, Loader2 } from "lucide-react";
-import { useSearchParams, useRouter } from "next/navigation";
-import { Suspense, useEffect, useState } from "react";
-import { Button } from '@nextsparkjs/core/components/ui/button';
-import { Alert, AlertDescription } from '@nextsparkjs/core/components/ui/alert';
-import { getTemplateOrDefaultClient } from '@nextsparkjs/registries/template-registry.client'
-import { sel } from '@nextsparkjs/core/selectors'
-
-function VerifyEmailContent() {
-  const searchParams = useSearchParams();
-  const router = useRouter();
-  const token = searchParams.get("token") || "";
-  
-  const [status, setStatus] = useState<'loading' | 'success' | 'error'>('loading');
-  const [error, setError] = useState<string | null>(null);
-
-  useEffect(() => {
-    const handleVerification = async () => {
-      if (!token) {
-        setError("No verification token provided");
-        setStatus('error');
-        return;
-      }
-
-      try {
-        // Call the Better Auth verify endpoint with special header to avoid redirect loop
-        const response = await fetch(`/api/auth/verify-email?token=${token}`, {
-          method: 'GET',
-          credentials: 'include',
-          headers: {
-            'x-verify-from-ui': 'true'
-          }
-        });
-        
-        if (!response.ok) {
-          const errorText = await response.text();
-          setError(errorText || "Email verification failed");
-          setStatus('error');
-        } else {
-          setStatus('success');
-          
-          // Create default metadata after successful verification
-          try {
-            const response = await fetch('/api/auth/session', {
-              method: 'GET',
-              credentials: 'include'
-            });
-            
-            if (response.ok) {
-              const session = await response.json();
-              if (session?.user?.id) {
-                // Create default metadata for the newly verified user
-                await fetch('/api/internal/user-metadata', {
-                  method: 'POST',
-                  headers: {
-                    'Content-Type': 'application/json',
-                  },
-                  body: JSON.stringify({
-                    userId: session.user.id,
-                    metadata: {
-                      uiPreferences: {
-                        theme: "light",
-                        sidebarCollapsed: false
-                      },
-                      securityPreferences: {
-                        twoFactorEnabled: false,
-                        loginAlertsEnabled: true
-                      },
-                      notificationsPreferences: {
-                        pushEnabled: true,
-                        loginAlertsEmail: true,
-                        loginAlertsPush: true,
-                        passwordChangesEmail: true,
-                        passwordChangesPush: true,
-                        suspiciousActivityEmail: true,
-                        suspiciousActivityPush: true,
-                        mentionsEmail: true,
-                        mentionsPush: true,
-                        projectUpdatesEmail: true,
-                        projectUpdatesPush: false,
-                        teamInvitesEmail: true,
-                        teamInvitesPush: true,
-                        newsletterEmail: false,
-                        newsletterPush: false,
-                        promotionsEmail: false,
-                        promotionsPush: false,
-                        featureAnnouncementsEmail: true,
-                        featureAnnouncementsPush: false
-                      }
-                    }
-                  })
-                });
-                console.log('Default metadata created for verified user:', session.user.id);
-              }
-            }
-          } catch (metaError) {
-            console.error('Error creating default metadata:', metaError);
-            // Don't fail the verification if metadata creation fails
-          }
-          
-          // Redirect after successful verification
-          setTimeout(() => {
-            router.push('/dashboard');
-          }, 2000);
-        }
-      } catch {
-        setError("An unexpected error occurred");
-        setStatus('error');
-      }
-    };
-
-    handleVerification();
-  }, [token, router]);
-
-  if (status === 'loading') {
-    return (
-      <div className="space-y-4" data-cy={sel('auth.verifyEmail.loading')}>
-        <div className="text-center">
-          <h2 className="text-xl font-semibold">Verifying Email</h2>
-          <p className="text-sm text-muted-foreground mt-2">Please wait while we verify your email address</p>
-        </div>
-        <div className="flex justify-center py-6">
-          <Loader2 className="h-8 w-8 animate-spin text-muted-foreground" />
-        </div>
-      </div>
-    );
-  }
-
-  if (status === 'success') {
-    return (
-      <div className="space-y-4" data-cy={sel('auth.verifyEmail.success')}>
-        <div className="text-center">
-          <div className="flex justify-center mb-2">
-            <CheckCircle className="h-12 w-12 text-primary" />
-          </div>
-          <h2 className="text-xl font-semibold">Email Verified</h2>
-          <p className="text-sm text-muted-foreground mt-2">Your email has been successfully verified</p>
-        </div>
-        <Alert>
-          <AlertDescription>
-            Redirecting you to the dashboard...
-          </AlertDescription>
-        </Alert>
-      </div>
-    );
-  }
-
-  return (
-    <div className="space-y-4" data-cy={sel('auth.verifyEmail.error')}>
-      <div className="text-center">
-        <div className="flex justify-center mb-2">
-          <AlertCircle className="h-12 w-12 text-destructive" />
-        </div>
-        <h2 className="text-xl font-semibold">Verification Failed</h2>
-        <p className="text-sm text-muted-foreground mt-2">We couldn&apos;t verify your email address</p>
-      </div>
-      {error && (
-        <Alert variant="destructive" data-cy={sel('auth.verifyEmail.errorMessage')}>
-          <AlertDescription>{error}</AlertDescription>
-        </Alert>
-      )}
-      <div className="flex gap-2">
-        <Button onClick={() => router.push('/signup')} variant="outline" className="flex-1" data-cy={sel('auth.verifyEmail.backSignup')}>
-          Back to Sign Up
-        </Button>
-        <Button onClick={() => router.push('/login')} className="flex-1" data-cy={sel('auth.verifyEmail.goLogin')}>
-          Go to Login
-        </Button>
-      </div>
-    </div>
-  );
-}
-
-function VerifyEmailPage() {
-  return (
-    <Suspense fallback={
-      <div className="flex justify-center py-8">
-        <Loader2 className="h-8 w-8 animate-spin text-muted-foreground" />
-      </div>
-    }>
-      <VerifyEmailContent />
-    </Suspense>
-  );
-}
-
-export const dynamic = 'force-dynamic';
-
-export default getTemplateOrDefaultClient('app/(auth)/verify-email/page.tsx', VerifyEmailPage)