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

@digilogiclabs/create-saas-app 1.5.1 → 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 (289) hide show

package/dist/templates/web/base/template/src/app/layout.tsx DELETED Viewed

@@ -1,35 +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}>
-        <AppProviders>
-          <div className="min-h-screen flex flex-col">
-            <Header />
-            <main className="flex-1">
-              {children}
-            </main>
-            <Footer />
-          </div>
-        </AppProviders>
-      </body>
-    </html>
-  )
-}

package/dist/templates/web/base/template/src/app/loading.tsx DELETED Viewed

@@ -1,34 +0,0 @@
-import { Card } from '@digilogiclabs/saas-factory-ui'
-export default function Loading() {
-  return (
-    <div className="min-h-screen bg-gradient-to-br from-blue-50 to-indigo-100 dark:from-gray-900 dark:to-gray-800 flex items-center justify-center">
-      <Card className="p-8 max-w-sm w-full mx-4">
-        <div className="flex flex-col items-center space-y-4">
-          {/* Animated spinner */}
-          <div className="relative">
-            <div className="w-12 h-12 border-4 border-gray-200 dark:border-gray-700 rounded-full animate-spin"></div>
-            <div className="absolute top-0 left-0 w-12 h-12 border-4 border-blue-600 border-t-transparent rounded-full animate-spin"></div>
-          </div>
-          {/* Loading text */}
-          <div className="text-center">
-            <h2 className="text-lg font-semibold 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 prepare your content
-            </p>
-          </div>
-          {/* Pulsing dots */}
-          <div className="flex space-x-1">
-            <div className="w-2 h-2 bg-blue-600 rounded-full animate-pulse"></div>
-            <div className="w-2 h-2 bg-blue-600 rounded-full animate-pulse" style={{ animationDelay: '0.2s' }}></div>
-            <div className="w-2 h-2 bg-blue-600 rounded-full animate-pulse" style={{ animationDelay: '0.4s' }}></div>
-          </div>
-        </div>
-      </Card>
-    </div>
-  )
-}

package/dist/templates/web/base/template/src/app/login/page.tsx DELETED Viewed

@@ -1,39 +0,0 @@
-'use client';
-import { LoginForm } from '@digilogiclabs/saas-factory-ui';
-import { AuthProvider } from '@digilogiclabs/saas-factory-auth';
-import { createBrowserClient } from '@supabase/ssr';
-import React from 'react';
-export default function LoginPage() {
-  const supabase = createBrowserClient(
-    process.env.NEXT_PUBLIC_SUPABASE_URL!,
-    process.env.NEXT_PUBLIC_SUPABASE_ANON_KEY!
-  );
-  const handleLogin = async (values: any) => {
-    await supabase.auth.signInWithPassword({
-      email: values.email,
-      password: values.password,
-    });
-  };
-  const handleGoogleLogin = async () => {
-    await supabase.auth.signInWithOAuth({
-      provider: 'google',
-      options: {
-        redirectTo: `${location.origin}/auth/callback`,
-      },
-    });
-  };
-  return (
-    <div className="flex items-center justify-center min-h-screen bg-gray-100">
-      <LoginForm
-        onSubmit={handleLogin}
-        onGoogleSignIn={handleGoogleLogin}
-        authProvider={AuthProvider.SUPABASE}
-      />
-    </div>
-  );
-}

package/dist/templates/web/base/template/src/app/page.tsx DELETED Viewed

@@ -1,132 +0,0 @@
-'use client'
-import { Button } from '@/components/ui/button'
-import { Card, CardContent, CardDescription, CardHeader, CardTitle } from '@/components/ui/card'
-import { Badge } from '@/components/ui/badge'
-import { ArrowRight, Zap, Shield, Rocket, LogOut } from 'lucide-react'
-import { useAuth } from '@digilogiclabs/saas-factory-auth'
-import Link from 'next/link'
-export default function Home() {
-  const { user, signOut } = useAuth()
-  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">
-        {/* Hero Section */}
-        <div className="text-center mb-16">
-          <Badge variant="secondary" className="mb-4">
-            Built with Digi Logic Labs
-          </Badge>
-          <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}}. Get started by editing{' '}
-            <code className="bg-gray-100 dark:bg-gray-800 px-2 py-1 rounded text-sm">
-              src/app/page.tsx
-            </code>
-          </p>
-          <div className="flex flex-col sm:flex-row gap-4 justify-center">
-            {!user ? (
-              <>
-                <Button size="lg" className="text-lg px-8" asChild>
-                  <Link href="/signup">
-                    Get Started
-                    <ArrowRight className="ml-2 h-5 w-5" />
-                  </Link>
-                </Button>
-                <Button variant="outline" size="lg" className="text-lg px-8" asChild>
-                  <Link href="/login">Learn More</Link>
-                </Button>
-              </>
-            ) : (
-              <>
-                <Button size="lg" className="text-lg px-8" asChild>
-                  <Link href="/dashboard">
-                    Go to Dashboard
-                    <ArrowRight className="ml-2 h-5 w-5" />
-                  </Link>
-                </Button>
-                <Button variant="outline" size="lg" className="text-lg px-8" onClick={signOut}>
-                  <LogOut className="mr-2 h-5 w-5" />
-                  Sign Out
-                </Button>
-              </>
-            )}
-          </div>
-        </div>
-        {/* Features Grid */}
-        <div className="grid md:grid-cols-3 gap-8 mb-16">
-          <Card className="text-center">
-            <CardHeader>
-              <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>
-              <CardTitle>Lightning Fast</CardTitle>
-              <CardDescription>
-                Built with Next.js 14 and optimized for performance
-              </CardDescription>
-            </CardHeader>
-          </Card>
-          <Card className="text-center">
-            <CardHeader>
-              <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>
-              <CardTitle>Secure by Default</CardTitle>
-              <CardDescription>
-                {{#auth}}{{#firebase}}Firebase{{/firebase}}{{#supabase}}Supabase{{/supabase}}{{/auth}} authentication and security best practices
-              </CardDescription>
-            </CardHeader>
-          </Card>
-          <Card className="text-center">
-            <CardHeader>
-              <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>
-              <CardTitle>Ready to Scale</CardTitle>
-              <CardDescription>
-                Production-ready with TypeScript, Tailwind CSS, and modern tooling
-              </CardDescription>
-            </CardHeader>
-          </Card>
-        </div>
-        {/* Tech Stack */}
-        <Card className="max-w-4xl mx-auto">
-          <CardHeader className="text-center">
-            <CardTitle className="text-2xl">Built with Modern Technologies</CardTitle>
-            <CardDescription>
-              This template includes everything you need to build a modern SaaS application
-            </CardDescription>
-          </CardHeader>
-          <CardContent>
-            <div className="grid grid-cols-2 md:grid-cols-4 gap-4 text-center">
-              <div className="p-4">
-                <div className="font-semibold">Next.js 14</div>
-                <div className="text-sm text-gray-600 dark:text-gray-400">React Framework</div>
-              </div>
-              <div className="p-4">
-                <div className="font-semibold">TypeScript</div>
-                <div className="text-sm text-gray-600 dark:text-gray-400">Type Safety</div>
-              </div>
-              <div className="p-4">
-                <div className="font-semibold">Tailwind CSS</div>
-                <div className="text-sm text-gray-600 dark:text-gray-400">Styling</div>
-              </div>
-              <div className="p-4">
-                <div className="font-semibold">{{#auth}}{{#firebase}}Firebase{{/firebase}}{{#supabase}}Supabase{{/supabase}}{{/auth}}</div>
-                <div className="text-sm text-gray-600 dark:text-gray-400">Authentication</div>
-              </div>
-            </div>
-          </CardContent>
-        </Card>
-      </div>
-    </main>
-  )
-}

package/dist/templates/web/base/template/src/app/signup/page.tsx DELETED Viewed

@@ -1,39 +0,0 @@
-'use client';
-import { SignupForm } from '@digilogiclabs/saas-factory-ui';
-import { AuthProvider } from '@digilogiclabs/saas-factory-auth';
-import { createBrowserClient } from '@supabase/ssr';
-import React from 'react';
-export default function SignupPage() {
-  const supabase = createBrowserClient(
-    process.env.NEXT_PUBLIC_SUPABASE_URL!,
-    process.env.NEXT_PUBLIC_SUPABASE_ANON_KEY!
-  );
-  const handleSignup = async (values: any) => {
-    await supabase.auth.signUp({
-      email: values.email,
-      password: values.password,
-    });
-  };
-  const handleGoogleSignup = async () => {
-    await supabase.auth.signInWithOAuth({
-      provider: 'google',
-      options: {
-        redirectTo: `${location.origin}/auth/callback`,
-      },
-    });
-  };
-  return (
-    <div className="flex items-center justify-center min-h-screen bg-gray-100">
-      <SignupForm
-        onSubmit={handleSignup}
-        onGoogleSignIn={handleGoogleSignup}
-        authProvider={AuthProvider.SUPABASE}
-      />
-    </div>
-  );
-}

package/dist/templates/web/base/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')
-  })
-})

package/dist/templates/web/base/template/src/components/providers/app-providers.tsx DELETED Viewed

@@ -1,33 +0,0 @@
-'use client'
-import React from 'react'
-import { AuthProvider } from '@digilogiclabs/saas-factory-auth'
-import { ThemeProvider } from 'next-themes'
-import { StripeProvider } from '@digilogiclabs/saas-factory-payments'
-import { AppThemeProvider } from './theme-provider'
-interface AppProvidersProps {
-  children: React.ReactNode
-}
-export function AppProviders({ children }: AppProvidersProps) {
-  return (
-    <AuthProvider provider="supabase">
-      <StripeProvider
-        stripeKey={process.env.NEXT_PUBLIC_STRIPE_PUBLISHABLE_KEY!}
-      >
-        <ThemeProvider
-          attribute="class"
-          defaultTheme="{{defaultTheme}}"
-          enableSystem
-          disableTransitionOnChange
-          storageKey="{{packageName}}-theme"
-        >
-          <AppThemeProvider themeColor="{{themeColor}}">
-            {children}
-          </AppThemeProvider>
-        </ThemeProvider>
-      </StripeProvider>
-    </AuthProvider>
-  )
-}

package/dist/templates/web/base/template/src/components/providers/theme-provider.tsx DELETED Viewed

@@ -1,94 +0,0 @@
-'use client'
-import React, { createContext, useContext, useEffect } from 'react'
-interface ThemeContextType {
-  themeColor: string
-}
-const ThemeContext = createContext<ThemeContextType | undefined>(undefined)
-interface AppThemeProviderProps {
-  children: React.ReactNode
-  themeColor: string
-}
-const THEME_COLORS = {
-  blue: {
-    primary: '221.2 83.2% 53.3%',
-    primaryForeground: '210 40% 98%',
-    secondary: '210 40% 96%',
-    accent: '210 40% 96%',
-    ring: '221.2 83.2% 53.3%',
-  },
-  green: {
-    primary: '142.1 76.2% 36.3%',
-    primaryForeground: '355.7 100% 97.3%',
-    secondary: '138.5 76.2% 96.7%',
-    accent: '138.5 76.2% 96.7%',
-    ring: '142.1 76.2% 36.3%',
-  },
-  purple: {
-    primary: '262.1 83.3% 57.8%',
-    primaryForeground: '210 40% 98%',
-    secondary: '270 3.18% 96.5%',
-    accent: '270 3.18% 96.5%',
-    ring: '262.1 83.3% 57.8%',
-  },
-  orange: {
-    primary: '24.6 95% 53.1%',
-    primaryForeground: '60 9.1% 97.8%',
-    secondary: '60 4.8% 95.9%',
-    accent: '60 4.8% 95.9%',
-    ring: '24.6 95% 53.1%',
-  },
-  red: {
-    primary: '0 72.2% 50.6%',
-    primaryForeground: '0 85.7% 97.3%',
-    secondary: '0 0% 96.3%',
-    accent: '0 0% 96.3%',
-    ring: '0 72.2% 50.6%',
-  },
-  slate: {
-    primary: '215 27.9% 16.9%',
-    primaryForeground: '0 0% 98%',
-    secondary: '210 40% 96%',
-    accent: '210 40% 96%',
-    ring: '215 27.9% 16.9%',
-  },
-}
-export function AppThemeProvider({ children, themeColor }: AppThemeProviderProps) {
-  useEffect(() => {
-    const colorScheme = THEME_COLORS[themeColor as keyof typeof THEME_COLORS] || THEME_COLORS.blue
-    // Apply theme colors to CSS custom properties
-    const root = document.documentElement
-    root.style.setProperty('--primary', colorScheme.primary)
-    root.style.setProperty('--primary-foreground', colorScheme.primaryForeground)
-    root.style.setProperty('--secondary', colorScheme.secondary)
-    root.style.setProperty('--accent', colorScheme.accent)
-    root.style.setProperty('--ring', colorScheme.ring)
-    // Store theme color preference
-    localStorage.setItem('{{packageName}}-theme-color', themeColor)
-  }, [themeColor])
-  const contextValue: ThemeContextType = {
-    themeColor,
-  }
-  return (
-    <ThemeContext.Provider value={contextValue}>
-      {children}
-    </ThemeContext.Provider>
-  )
-}
-export function useAppTheme() {
-  const context = useContext(ThemeContext)
-  if (context === undefined) {
-    throw new Error('useAppTheme must be used within a AppThemeProvider')
-  }
-  return context
-}

package/dist/templates/web/base/template/src/components/shared/footer.tsx DELETED Viewed

@@ -1,36 +0,0 @@
-'use client'
-import React from 'react'
-interface FooterProps {
-  className?: string
-}
-export function Footer({ className = '' }: FooterProps) {
-  return (
-    <footer className={`border-t bg-background py-4 ${className}`}>
-      <div className="container mx-auto px-4">
-        <div className="flex flex-col sm:flex-row justify-between items-center gap-4 text-sm text-muted-foreground">
-          <div className="flex items-center gap-2">
-            <span>&copy; {new Date().getFullYear()} {{titleCaseName}}</span>
-          </div>
-          <div className="flex items-center gap-2 text-xs">
-            <span>Generated with</span>
-            <a
-              href="https://docs.digilogiclabs.com"
-              target="_blank"
-              rel="noopener noreferrer"
-              className="hover:text-foreground transition-colors"
-            >
-              Digi Logic Labs
-            </a>
-            <span className="text-muted-foreground/60">
-              • UI v{{uiVersion}} • Auth v{{authVersion}} • {{generatedDate}}
-            </span>
-          </div>
-        </div>
-      </div>
-    </footer>
-  )
-}

package/dist/templates/web/base/template/src/components/shared/header.tsx DELETED Viewed

@@ -1,44 +0,0 @@
-'use client';
-import React from 'react';
-import Link from 'next/link';
-import { useAuth } from '@digilogiclabs/saas-factory-auth';
-import { Button } from '@/components/ui/button';
-import { ThemeToggle } from '@/components/ui/theme-toggle';
-import { LogOut } from 'lucide-react';
-export function Header() {
-  const { user, signOut } = useAuth();
-  return (
-    <header className="bg-white dark:bg-gray-800 shadow-md">
-      <div className="container mx-auto px-4 py-4 flex justify-between items-center">
-        <Link href="/" className="text-2xl font-bold text-gray-900 dark:text-white">
-          {{titleCaseName}}
-        </Link>
-        <nav className="flex items-center gap-4">
-          <ThemeToggle />
-          {user ? (
-            <>
-              <Link href="/dashboard" className="text-gray-600 dark:text-gray-300 hover:text-gray-900 dark:hover:text-white">
-                Dashboard
-              </Link>
-              <Button variant="ghost" size="icon" onClick={signOut}>
-                <LogOut className="h-5 w-5" />
-              </Button>
-            </>
-          ) : (
-            <>
-              <Link href="/login" className="text-gray-600 dark:text-gray-300 hover:text-gray-900 dark:hover:text-white">
-                Login
-              </Link>
-              <Button asChild>
-                <Link href="/signup">Sign Up</Link>
-              </Button>
-            </>
-          )}
-        </nav>
-      </div>
-    </header>
-  );
-}

package/dist/templates/web/base/template/src/components/ui/badge.tsx DELETED Viewed

@@ -1,36 +0,0 @@
-import * as React from "react"
-import { cva, type VariantProps } from "class-variance-authority"
-import { cn } from "@/lib/utils"
-const badgeVariants = cva(
-  "inline-flex items-center rounded-full border px-2.5 py-0.5 text-xs font-semibold transition-colors focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2",
-  {
-    variants: {
-      variant: {
-        default:
-          "border-transparent bg-primary text-primary-foreground hover:bg-primary/80",
-        secondary:
-          "border-transparent bg-secondary text-secondary-foreground hover:bg-secondary/80",
-        destructive:
-          "border-transparent bg-destructive text-destructive-foreground hover:bg-destructive/80",
-        outline: "text-foreground",
-      },
-    },
-    defaultVariants: {
-      variant: "default",
-    },
-  }
-)
-export interface BadgeProps
-  extends React.HTMLAttributes<HTMLDivElement>,
-    VariantProps<typeof badgeVariants> {}
-function Badge({ className, variant, ...props }: BadgeProps) {
-  return (
-    <div className={cn(badgeVariants({ variant }), className)} {...props} />
-  )
-}
-export { Badge, badgeVariants }

package/dist/templates/web/base/template/src/components/ui/button.tsx DELETED Viewed

@@ -1,56 +0,0 @@
-import * as React from "react"
-import { Slot } from "@radix-ui/react-slot"
-import { cva, type VariantProps } from "class-variance-authority"
-import { cn } from "@/lib/utils"
-const buttonVariants = cva(
-  "inline-flex items-center justify-center whitespace-nowrap rounded-md text-sm font-medium ring-offset-background transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50",
-  {
-    variants: {
-      variant: {
-        default: "bg-primary text-primary-foreground hover:bg-primary/90",
-        destructive:
-          "bg-destructive text-destructive-foreground hover:bg-destructive/90",
-        outline:
-          "border border-input bg-background hover:bg-accent hover:text-accent-foreground",
-        secondary:
-          "bg-secondary text-secondary-foreground hover:bg-secondary/80",
-        ghost: "hover:bg-accent hover:text-accent-foreground",
-        link: "text-primary underline-offset-4 hover:underline",
-      },
-      size: {
-        default: "h-10 px-4 py-2",
-        sm: "h-9 rounded-md px-3",
-        lg: "h-11 rounded-md px-8",
-        icon: "h-10 w-10",
-      },
-    },
-    defaultVariants: {
-      variant: "default",
-      size: "default",
-    },
-  }
-)
-export interface ButtonProps
-  extends React.ButtonHTMLAttributes<HTMLButtonElement>,
-    VariantProps<typeof buttonVariants> {
-  asChild?: boolean
-}
-const Button = React.forwardRef<HTMLButtonElement, ButtonProps>(
-  ({ className, variant, size, asChild = false, ...props }, ref) => {
-    const Comp = asChild ? Slot : "button"
-    return (
-      <Comp
-        className={cn(buttonVariants({ variant, size, className }))}
-        ref={ref}
-        {...props}
-      />
-    )
-  }
-)
-Button.displayName = "Button"
-export { Button, buttonVariants }