@digilogiclabs/create-saas-app 1.5.1 → 1.5.2

package/src/templates/web/ui-auth-payments-audio/template/src/app/login/page.tsx

@@ -1,109 +1,6 @@
-'use client';
-
-import React, { useState } from 'react';
-import { Button, Card, Input, Label } from '@digilogiclabs/saas-factory-ui';
-import { useAuth } from '@digilogiclabs/saas-factory-auth';
-import { useRouter } from 'next/navigation';
+import { LoginForm } from '@/components/client/login-form'
 
 export default function LoginPage() {
-  const [email, setEmail] = useState('');
-  const [password, setPassword] = useState('');
-  const { signIn, signInWithOAuth, loading, error, user } = useAuth();
-  const router = useRouter();
-
-  // Redirect if already logged in
-  React.useEffect(() => {
-    if (user) {
-      router.push('/');
-    }
-  }, [user, router]);
-
-  const handleLogin = async (e: React.FormEvent) => {
-    e.preventDefault();
-    try {
-      await signIn(email, password);
-      router.push('/');
-    } catch (err) {
-      console.error('Login error:', err);
-    }
-  };
-
-  const handleGoogleLogin = async () => {
-    try {
-      await signInWithOAuth('google', window.location.origin);
-    } catch (err) {
-      console.error('Google login error:', err);
-    }
-  };
-
-  if (loading) {
-    return (
-      <div className="flex items-center justify-center min-h-screen bg-gray-100">
-        <div>Loading...</div>
-      </div>
-    );
-  }
-
-  return (
-    <div className="flex items-center justify-center min-h-screen bg-gray-100">
-      <Card className="w-full max-w-md p-8">
-        <h1 className="text-2xl font-bold text-center mb-6">Sign In</h1>
-        
-        {error && (
-          <div className="mb-4 p-3 bg-red-100 border border-red-400 text-red-700 rounded">
-            {error.message}
-          </div>
-        )}
-
-        <form onSubmit={handleLogin} className="space-y-4">
-          <div>
-            <Label htmlFor="email">Email</Label>
-            <Input
-              id="email"
-              type="email"
-              value={email}
-              onChange={(e) => setEmail(e.target.value)}
-              placeholder="Enter your email"
-              required
-              disabled={loading}
-            />
-          </div>
-          <div>
-            <Label htmlFor="password">Password</Label>
-            <Input
-              id="password"
-              type="password"
-              value={password}
-              onChange={(e) => setPassword(e.target.value)}
-              placeholder="Enter your password"
-              required
-              disabled={loading}
-            />
-          </div>
-          <Button type="submit" className="w-full" disabled={loading}>
-            {loading ? 'Signing In...' : 'Sign In'}
-          </Button>
-          <Button 
-            type="button" 
-            variant="outline" 
-            className="w-full"
-            onClick={handleGoogleLogin}
-            disabled={loading}
-          >
-            Sign in with Google
-          </Button>
-        </form>
-
-        <div className="mt-4 text-center">
-          <p className="text-sm text-gray-600">
-            Don&apos;t have an account?{' '}
-            <a href="/signup" className="text-blue-600 hover:underline">
-              Sign up
-            </a>
-          </p>
-        </div>
-      </Card>
-    </div>
-  );
+  return <LoginForm />
 }
 

package/src/templates/web/ui-auth-payments-audio/template/src/app/signup/page.tsx

@@ -1,128 +1,6 @@
-'use client';
-
-import React, { useState } from 'react';
-import { Button, Card, Input, Label } from '@digilogiclabs/saas-factory-ui';
-import { useAuth } from '@digilogiclabs/saas-factory-auth';
-import { useRouter } from 'next/navigation';
+import { SignupForm } from '@/components/client/signup-form'
 
 export default function SignupPage() {
-  const [email, setEmail] = useState('');
-  const [password, setPassword] = useState('');
-  const [confirmPassword, setConfirmPassword] = useState('');
-  const { signUp, signInWithOAuth, loading, error, user } = useAuth();
-  const router = useRouter();
-
-  // Redirect if already logged in
-  React.useEffect(() => {
-    if (user) {
-      router.push('/');
-    }
-  }, [user, router]);
-
-  const handleSignup = async (e: React.FormEvent) => {
-    e.preventDefault();
-    
-    if (password !== confirmPassword) {
-      alert('Passwords do not match');
-      return;
-    }
-
-    try {
-      await signUp(email, password);
-      router.push('/');
-    } catch (err) {
-      console.error('Signup error:', err);
-    }
-  };
-
-  const handleGoogleSignup = async () => {
-    try {
-      await signInWithOAuth('google', window.location.origin);
-    } catch (err) {
-      console.error('Google signup error:', err);
-    }
-  };
-
-  if (loading) {
-    return (
-      <div className="flex items-center justify-center min-h-screen bg-gray-100">
-        <div>Loading...</div>
-      </div>
-    );
-  }
-
-  return (
-    <div className="flex items-center justify-center min-h-screen bg-gray-100">
-      <Card className="w-full max-w-md p-8">
-        <h1 className="text-2xl font-bold text-center mb-6">Sign Up</h1>
-        
-        {error && (
-          <div className="mb-4 p-3 bg-red-100 border border-red-400 text-red-700 rounded">
-            {error.message}
-          </div>
-        )}
-
-        <form onSubmit={handleSignup} className="space-y-4">
-          <div>
-            <Label htmlFor="email">Email</Label>
-            <Input
-              id="email"
-              type="email"
-              value={email}
-              onChange={(e) => setEmail(e.target.value)}
-              placeholder="Enter your email"
-              required
-              disabled={loading}
-            />
-          </div>
-          <div>
-            <Label htmlFor="password">Password</Label>
-            <Input
-              id="password"
-              type="password"
-              value={password}
-              onChange={(e) => setPassword(e.target.value)}
-              placeholder="Enter your password"
-              required
-              disabled={loading}
-            />
-          </div>
-          <div>
-            <Label htmlFor="confirmPassword">Confirm Password</Label>
-            <Input
-              id="confirmPassword"
-              type="password"
-              value={confirmPassword}
-              onChange={(e) => setConfirmPassword(e.target.value)}
-              placeholder="Confirm your password"
-              required
-              disabled={loading}
-            />
-          </div>
-          <Button type="submit" className="w-full" disabled={loading}>
-            {loading ? 'Signing Up...' : 'Sign Up'}
-          </Button>
-          <Button 
-            type="button" 
-            variant="outline" 
-            className="w-full"
-            onClick={handleGoogleSignup}
-            disabled={loading}
-          >
-            Sign up with Google
-          </Button>
-        </form>
-
-        <div className="mt-4 text-center">
-          <p className="text-sm text-gray-600">
-            Already have an account?{' '}
-            <a href="/login" className="text-blue-600 hover:underline">
-              Sign in
-            </a>
-          </p>
-        </div>
-      </Card>
-    </div>
-  );
+  return <SignupForm />
 }
 

package/{dist/templates/web/ui-auth-payments → src/templates/web/ui-auth-payments-audio}/template/src/components/client/login-form.tsx

@@ -10,7 +10,7 @@ export function LoginForm() {
   const [email, setEmail] = useState('')
   const [password, setPassword] = useState('')
   const { signIn, signInWithOAuth, loading, error, user } = useAuth()
-  const [actionState, formAction] = useActionState(signInAction, null)
+  const [actionState, formAction] = useActionState(signInAction, { success: false })
   const router = useRouter()
 
   // Redirect if already logged in

package/{dist/templates/web/ui-auth-payments → src/templates/web/ui-auth-payments-audio}/template/src/components/client/signup-form.tsx

@@ -12,7 +12,7 @@ export function SignupForm() {
   const [password, setPassword] = useState('')
   const [confirmPassword, setConfirmPassword] = useState('')
   const { signUp, signInWithOAuth, loading, error, user } = useAuth()
-  const [actionState, formAction] = useActionState(signUpAction, null)
+  const [actionState, formAction] = useActionState(signUpAction, { success: false })
   const router = useRouter()
 
   // Redirect if already logged in
@@ -31,7 +31,7 @@ export function SignupForm() {
     }
 
     try {
-      await signUp(email, password, { name })
+      await signUp(email, password)
       router.push('/')
     } catch (err) {
       console.error('Sign up error:', err)
@@ -57,7 +57,7 @@ export function SignupForm() {
       const nameValue = formData.get('name') as string
       
       try {
-        await signUp(emailValue, passwordValue, { name: nameValue })
+        await signUp(emailValue, passwordValue)
         router.push('/')
       } catch (err) {
         console.error('Sign up error:', err)

package/src/templates/web/ui-auth-payments-audio/template/src/lib/actions/index.ts

@@ -0,0 +1,14 @@
+// Re-export all server actions for easier imports
+export {
+  signInAction,
+  signUpAction,
+  signOutAction,
+  handleOAuthCallback,
+  requestPasswordReset,
+  updateProfileAction,
+} from './auth'
+
+// Add other action exports here as needed
+// export * from './posts'
+// export * from './profile'
+// export * from './settings'