npm - @digilogiclabs/create-saas-app - Versions diffs - 1.5.0 → 1.5.2 - Mend

@digilogiclabs/create-saas-app 1.5.0 → 1.5.2

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (302) hide show

package/dist/templates/web/ui-auth-payments/template/src/app/globals.css DELETED Viewed

@@ -1,42 +0,0 @@
-@tailwind base;
-@tailwind components;
-@tailwind utilities;
-/* Import SaaS Factory UI styles */
-@import '@digilogiclabs/saas-factory-ui/dist/index.css';
-@layer base {
-  :root {
-    --background: 0 0% 100%;
-    --foreground: 222.2 84% 4.9%;
-    --card: 0 0% 100%;
-    --card-foreground: 222.2 84% 4.9%;
-    --primary: 221.2 83.2% 53.3%;
-    --primary-foreground: 210 40% 98%;
-    --secondary: 210 40% 96%;
-    --secondary-foreground: 222.2 84% 4.9%;
-    --border: 214.3 31.8% 91.4%;
-    --radius: 0.5rem;
-  }
-  .dark {
-    --background: 222.2 84% 4.9%;
-    --foreground: 210 40% 98%;
-    --card: 222.2 84% 4.9%;
-    --card-foreground: 210 40% 98%;
-    --primary: 217.2 91.2% 59.8%;
-    --primary-foreground: 222.2 84% 4.9%;
-    --secondary: 217.2 32.6% 17.5%;
-    --secondary-foreground: 210 40% 98%;
-    --border: 217.2 32.6% 17.5%;
-  }
-}
-@layer base {
-  * {
-    @apply border-border;
-  }
-  body {
-    @apply bg-background text-foreground;
-  }
-}

package/dist/templates/web/ui-auth-payments/template/src/app/layout.tsx DELETED Viewed

@@ -1,33 +0,0 @@
-import type { Metadata } from 'next'
-import { Inter } from 'next/font/google'
-import './globals.css'
-import { AppProviders } from '@/components/providers/app-providers'
-import { Header } from '@/components/shared/header'
-import { Footer } from '@/components/shared/footer'
-const inter = Inter({ subsets: ['latin'] })
-export const metadata: Metadata = {
-  title: '{{titleCaseName}}',
-  description: '{{description}}',
-}
-export default function RootLayout({
-  children,
-}: {
-  children: React.ReactNode
-}) {
-  return (
-    <html lang="en" suppressHydrationWarning>
-      <body className={`${inter.className} min-h-screen flex flex-col`}>
-        <AppProviders>
-          <Header />
-          <main className="flex-1">
-            {children}
-          </main>
-          <Footer />
-        </AppProviders>
-      </body>
-    </html>
-  )
-}

package/dist/templates/web/ui-auth-payments/template/src/app/loading.tsx DELETED Viewed

@@ -1,20 +0,0 @@
-import { Card } from '@digilogiclabs/saas-factory-ui'
-import { Loader2 } from 'lucide-react'
-export default function Loading() {
-  return (
-    <div className="min-h-screen bg-gray-50 dark:bg-gray-900 flex items-center justify-center p-4">
-      <Card className="w-full max-w-md p-8 text-center">
-        <div className="flex flex-col items-center">
-          <Loader2 className="h-8 w-8 animate-spin text-blue-600 dark:text-blue-400 mb-4" />
-          <h2 className="text-lg font-medium text-gray-900 dark:text-white mb-2">
-            Loading
-          </h2>
-          <p className="text-sm text-gray-600 dark:text-gray-300">
-            Please wait while we load your content...
-          </p>
-        </div>
-      </Card>
-    </div>
-  )
-}

package/dist/templates/web/ui-auth-payments/template/src/app/login/loading.tsx DELETED Viewed

@@ -1,38 +0,0 @@
-import { Card } from '@digilogiclabs/saas-factory-ui'
-export default function LoginLoading() {
-  return (
-    <div className="flex items-center justify-center min-h-screen bg-gray-100 dark:bg-gray-900">
-      <Card className="w-full max-w-md p-8">
-        <div className="animate-pulse space-y-6">
-          {/* Title skeleton */}
-          <div className="h-8 bg-gray-200 dark:bg-gray-700 rounded-md mx-auto w-32"></div>
-          {/* Form skeleton */}
-          <div className="space-y-4">
-            {/* Email field */}
-            <div>
-              <div className="h-4 bg-gray-200 dark:bg-gray-700 rounded w-16 mb-2"></div>
-              <div className="h-10 bg-gray-200 dark:bg-gray-700 rounded"></div>
-            </div>
-            {/* Password field */}
-            <div>
-              <div className="h-4 bg-gray-200 dark:bg-gray-700 rounded w-20 mb-2"></div>
-              <div className="h-10 bg-gray-200 dark:bg-gray-700 rounded"></div>
-            </div>
-            {/* Sign in button */}
-            <div className="h-10 bg-blue-200 dark:bg-blue-800 rounded"></div>
-            {/* OAuth button */}
-            <div className="h-10 bg-gray-200 dark:bg-gray-700 rounded"></div>
-          </div>
-          {/* Sign up link */}
-          <div className="h-4 bg-gray-200 dark:bg-gray-700 rounded w-48 mx-auto"></div>
-        </div>
-      </Card>
-    </div>
-  )
-}

package/dist/templates/web/ui-auth-payments/template/src/app/login/page.tsx DELETED Viewed

@@ -1,109 +0,0 @@
-'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';
-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>
-  );
-}

package/dist/templates/web/ui-auth-payments/template/src/app/page.tsx DELETED Viewed

@@ -1,143 +0,0 @@
-'use client'
-import { Button, Card } from '@digilogiclabs/saas-factory-ui'
-import { ArrowRight, Zap, Shield, Rocket, CheckCircle, LogOut, User } from 'lucide-react'
-import { useAuth } from '@digilogiclabs/saas-factory-auth'
-import Link from 'next/link'
-export default function Home() {
-  const { user, signOut, loading } = useAuth()
-  const handleSignOut = async () => {
-    try {
-      await signOut()
-    } catch (err) {
-      console.error('Sign out error:', err)
-    }
-  }
-  return (
-    <main className="min-h-screen bg-gradient-to-br from-blue-50 to-indigo-100 dark:from-gray-900 dark:to-gray-800">
-      <div className="container mx-auto px-4 py-16">
-        {/* Auth Status Bar */}
-        <div className="flex justify-end mb-8">
-          {loading ? (
-            <div className="text-sm text-gray-600">Loading...</div>
-          ) : user ? (
-            <div className="flex items-center gap-4">
-              <div className="flex items-center gap-2 text-sm text-gray-600 dark:text-gray-300">
-                <User className="w-4 h-4" />
-                Welcome, {user.email}
-              </div>
-              <Button variant="outline" size="sm" onClick={handleSignOut}>
-                <LogOut className="w-4 h-4 mr-2" />
-                Sign Out
-              </Button>
-            </div>
-          ) : (
-            <div className="flex gap-2">
-              <Link href="/login">
-                <Button variant="outline" size="sm">Sign In</Button>
-              </Link>
-              <Link href="/signup">
-                <Button size="sm">Sign Up</Button>
-              </Link>
-            </div>
-          )}
-        </div>
-        {/* Hero Section */}
-        <div className="text-center mb-16">
-          <div className="inline-flex items-center px-4 py-2 rounded-full text-sm font-medium bg-green-100 text-green-800 dark:bg-green-900 dark:text-green-200 mb-6">
-            <CheckCircle className="w-4 h-4 mr-2" />
-            UI Package v0.7.3 + Auth v0.4.4 + Payments Integrated Successfully
-          </div>
-          <h1 className="text-4xl md:text-6xl font-bold text-gray-900 dark:text-white mb-6">
-            Welcome to{' '}
-            <span className="text-blue-600 dark:text-blue-400">{{titleCaseName}}</span>
-          </h1>
-          <p className="text-xl text-gray-600 dark:text-gray-300 mb-8 max-w-2xl mx-auto">
-            {{description}}. This template uses the stable SaaS Factory UI package v0.7.3 with authentication v0.4.4 and payments integration.
-          </p>
-          <div className="flex flex-col sm:flex-row gap-4 justify-center">
-            <Link href="/checkout">
-              <Button size="lg" className="text-lg px-8">
-                View Pricing
-                <ArrowRight className="ml-2 h-5 w-5" />
-              </Button>
-            </Link>
-            <Button variant="outline" size="lg" className="text-lg px-8">
-              Learn More
-            </Button>
-          </div>
-        </div>
-        {/* Component Showcase */}
-        <div className="grid md:grid-cols-4 gap-8 mb-16">
-          <Card className="text-center p-6">
-            <div className="mx-auto w-12 h-12 bg-blue-100 dark:bg-blue-900 rounded-lg flex items-center justify-center mb-4">
-              <Zap className="h-6 w-6 text-blue-600 dark:text-blue-400" />
-            </div>
-            <h3 className="text-xl font-semibold mb-2">UI Package Components</h3>
-            <p className="text-gray-600 dark:text-gray-300">
-              Button and Card components from @digilogiclabs/saas-factory-ui
-            </p>
-          </Card>
-          <Card className="text-center p-6">
-            <div className="mx-auto w-12 h-12 bg-green-100 dark:bg-green-900 rounded-lg flex items-center justify-center mb-4">
-              <Shield className="h-6 w-6 text-green-600 dark:text-green-400" />
-            </div>
-            <h3 className="text-xl font-semibold mb-2">Authentication</h3>
-            <p className="text-gray-600 dark:text-gray-300">
-              Secure user authentication with @digilogiclabs/saas-factory-auth
-            </p>
-          </Card>
-          <Card className="text-center p-6">
-            <div className="mx-auto w-12 h-12 bg-purple-100 dark:bg-purple-900 rounded-lg flex items-center justify-center mb-4">
-              <Rocket className="h-6 w-6 text-purple-600 dark:text-purple-400" />
-            </div>
-            <h3 className="text-xl font-semibold mb-2">TypeScript Ready</h3>
-            <p className="text-gray-600 dark:text-gray-300">
-              Full type safety with enhanced component definitions
-            </p>
-          </Card>
-          <Card className="text-center p-6">
-            <div className="mx-auto w-12 h-12 bg-orange-100 dark:bg-orange-900 rounded-lg flex items-center justify-center mb-4">
-              <svg className="h-6 w-6 text-orange-600 dark:text-orange-400" fill="none" stroke="currentColor" viewBox="0 0 24 24">
-                <path strokeLinecap="round" strokeLinejoin="round" strokeWidth={2} d="M3 10h18M7 15h1m4 0h1m-7 4h12a3 3 0 003-3V8a3 3 0 00-3-3H6a3 3 0 00-3 3v8a3 3 0 003 3z" />
-              </svg>
-            </div>
-            <h3 className="text-xl font-semibold mb-2">Payments Integration</h3>
-            <p className="text-gray-600 dark:text-gray-300">
-              Complete payment processing with @digilogiclabs/saas-factory-payments
-            </p>
-          </Card>
-        </div>
-        {/* Button Variants Showcase */}
-        <Card className="max-w-4xl mx-auto p-8">
-          <div className="text-center mb-6">
-            <h2 className="text-2xl font-bold mb-2">Full SaaS Package Integration</h2>
-            <p className="text-gray-600 dark:text-gray-300">
-              Complete integration of UI, Auth, and Payments packages
-            </p>
-          </div>
-          <div className="flex flex-wrap justify-center gap-4 mb-6">
-            <Button>Default Button</Button>
-            <Button variant="secondary">Secondary Button</Button>
-            <Button variant="outline">Outline Button</Button>
-            <Button disabled>Disabled Button</Button>
-          </div>
-          <div className="text-center">
-            <p className="text-sm text-gray-500">
-              All components from @digilogiclabs/saas-factory-ui v0.7.3 + auth v0.4.4 + payments
-            </p>
-          </div>
-        </Card>
-      </div>
-    </main>
-  )
-}

package/dist/templates/web/ui-auth-payments/template/src/app/signup/loading.tsx DELETED Viewed

@@ -1,50 +0,0 @@
-import { Card } from '@digilogiclabs/saas-factory-ui'
-export default function SignupLoading() {
-  return (
-    <div className="flex items-center justify-center min-h-screen bg-gray-100 dark:bg-gray-900">
-      <Card className="w-full max-w-md p-8">
-        <div className="animate-pulse space-y-6">
-          {/* Title skeleton */}
-          <div className="h-8 bg-gray-200 dark:bg-gray-700 rounded-md mx-auto w-32"></div>
-          {/* Form skeleton */}
-          <div className="space-y-4">
-            {/* Name field */}
-            <div>
-              <div className="h-4 bg-gray-200 dark:bg-gray-700 rounded w-12 mb-2"></div>
-              <div className="h-10 bg-gray-200 dark:bg-gray-700 rounded"></div>
-            </div>
-            {/* Email field */}
-            <div>
-              <div className="h-4 bg-gray-200 dark:bg-gray-700 rounded w-16 mb-2"></div>
-              <div className="h-10 bg-gray-200 dark:bg-gray-700 rounded"></div>
-            </div>
-            {/* Password field */}
-            <div>
-              <div className="h-4 bg-gray-200 dark:bg-gray-700 rounded w-20 mb-2"></div>
-              <div className="h-10 bg-gray-200 dark:bg-gray-700 rounded"></div>
-            </div>
-            {/* Confirm password field */}
-            <div>
-              <div className="h-4 bg-gray-200 dark:bg-gray-700 rounded w-32 mb-2"></div>
-              <div className="h-10 bg-gray-200 dark:bg-gray-700 rounded"></div>
-            </div>
-            {/* Sign up button */}
-            <div className="h-10 bg-blue-200 dark:bg-blue-800 rounded"></div>
-            {/* OAuth button */}
-            <div className="h-10 bg-gray-200 dark:bg-gray-700 rounded"></div>
-          </div>
-          {/* Sign in link */}
-          <div className="h-4 bg-gray-200 dark:bg-gray-700 rounded w-44 mx-auto"></div>
-        </div>
-      </Card>
-    </div>
-  )
-}

package/dist/templates/web/ui-auth-payments/template/src/app/signup/page.tsx DELETED Viewed

@@ -1,128 +0,0 @@
-'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';
-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>
-  );
-}

package/dist/templates/web/ui-auth-payments/template/src/components/__tests__/example.test.tsx DELETED Viewed

@@ -1,49 +0,0 @@
-/**
- * Example test file demonstrating testing patterns for SaaS Factory components
- *
- * This is optional and serves as a reference for testing your components.
- * You can delete this file if you don't need example tests.
- */
-import { render, screen } from '@testing-library/react'
-import { Button } from '@digilogiclabs/saas-factory-ui'
-// Example: Testing UI components
-describe('UI Components', () => {
-  it('renders button with correct text', () => {
-    render(<Button>Click me</Button>)
-    expect(screen.getByRole('button', { name: /click me/i })).toBeInTheDocument()
-  })
-  it('button can be disabled', () => {
-    render(<Button disabled>Disabled button</Button>)
-    expect(screen.getByRole('button')).toBeDisabled()
-  })
-})
-// Example: Testing custom components
-function MockComponent({ title }: { title: string }) {
-  return <h1>{title}</h1>
-}
-describe('Custom Components', () => {
-  it('renders with correct title', () => {
-    render(<MockComponent title="Test Title" />)
-    expect(screen.getByRole('heading', { level: 1 })).toHaveTextContent('Test Title')
-  })
-})
-// Example: Testing utilities
-function formatCurrency(amount: number): string {
-  return new Intl.NumberFormat('en-US', {
-    style: 'currency',
-    currency: 'USD',
-  }).format(amount)
-}
-describe('Utilities', () => {
-  it('formats currency correctly', () => {
-    expect(formatCurrency(1000)).toBe('$1,000.00')
-    expect(formatCurrency(0)).toBe('$0.00')
-  })
-})