@digilogiclabs/create-saas-app 1.5.1 → 1.5.2

package/dist/templates/mobile/base/template/.env.example

@@ -1,15 +0,0 @@
-# Auth Configuration
-NEXT_PUBLIC_AUTH_PROVIDER=supabase|firebase
-
-# Supabase
-NEXT_PUBLIC_SUPABASE_URL=
-NEXT_PUBLIC_SUPABASE_ANON_KEY=
-
-# Firebase
-NEXT_PUBLIC_FIREBASE_API_KEY=
-NEXT_PUBLIC_FIREBASE_AUTH_DOMAIN=
-NEXT_PUBLIC_FIREBASE_PROJECT_ID=
-
-# Payments
-NEXT_PUBLIC_STRIPE_PUBLISHABLE_KEY=
-STRIPE_SECRET_KEY=

package/dist/templates/mobile/base/template/App.tsx

@@ -1,88 +0,0 @@
-import React from 'react';
-import { StatusBar } from 'expo-status-bar';
-import { StyleSheet, Text, View, Button } from 'react-native';
-import { SafeAreaProvider } from 'react-native-safe-area-context';
-import { AuthProvider, useAuth } from '@digilogiclabs/saas-factory-auth/native';
-import { StripeProvider } from '@digilogiclabs/saas-factory-payments/native';
-import { Link, Slot } from 'expo-router';
-
-function AppContent() {
-  const { user, signOut } = useAuth();
-
-  return (
-    <View style={styles.container}>
-      {user ? (
-        <>
-          <Text style={styles.title}>Welcome back!</Text>
-          <Text style={styles.subtitle}>You are signed in.</Text>
-          <Link href="/checkout" style={styles.link}>
-            <Text>Checkout</Text>
-          </Link>
-          <Button title="Sign Out" onPress={signOut} />
-        </>
-      ) : (
-        <>
-          <Text style={styles.title}>Welcome to {{titleCaseName}}</Text>
-          <Text style={styles.subtitle}>{{description}}</Text>
-          <Link href="/login" style={styles.link}>
-            <Text>Login</Text>
-          </Link>
-          <Link href="/signup" style={styles.link}>
-            <Text>Sign Up</Text>
-          </Link>
-        </>
-      )}
-      <StatusBar style="auto" />
-    </View>
-  );
-}
-
-export default function App() {
-  return (
-    <SafeAreaProvider>
-      <AuthProvider>
-        <StripeProvider
-          stripeKey={process.env.EXPO_PUBLIC_STRIPE_PUBLISHABLE_KEY!}
-        >
-          <AppContent />
-        </StripeProvider>
-      </AuthProvider>
-    </SafeAreaProvider>
-  );
-}
-
-const styles = StyleSheet.create({
-  container: {
-    flex: 1,
-    backgroundColor: '#fff',
-    alignItems: 'center',
-    justifyContent: 'center',
-    padding: 20,
-  },
-  title: {
-    fontSize: 24,
-    fontWeight: 'bold',
-    marginBottom: 10,
-    textAlign: 'center',
-  },
-  subtitle: {
-    fontSize: 16,
-    color: '#666',
-    marginBottom: 20,
-    textAlign: 'center',
-  },
-  description: {
-    fontSize: 14,
-    color: '#999',
-    textAlign: 'center',
-  },
-  link: {
-    marginTop: 15,
-    paddingVertical: 15,
-    borderWidth: 1,
-    borderColor: '#DDD',
-    borderRadius: 5,
-    textAlign: 'center',
-    width: '80%',
-  },
-});

package/dist/templates/mobile/base/template/app/(auth)/login.tsx

@@ -1,44 +0,0 @@
-import { LoginForm } from '@digilogiclabs/saas-factory-ui/native';
-import { AuthProvider } from '@digilogiclabs/saas-factory-auth/native';
-import { createBrowserClient } from '@supabase/ssr';
-import React from 'react';
-import { View } from 'react-native';
-import * as WebBrowser from 'expo-web-browser';
-import { useOAuth } from '@clerk/clerk-expo';
-
-export default function LoginPage() {
-  const supabase = createBrowserClient(
-    process.env.EXPO_PUBLIC_SUPABASE_URL!,
-    process.env.EXPO_PUBLIC_SUPABASE_ANON_KEY!
-  );
-
-  const handleLogin = async (values: any) => {
-    await supabase.auth.signInWithPassword({
-      email: values.email,
-      password: values.password,
-    });
-  };
-
-  const handleGoogleLogin = async () => {
-    const { data, error } = await supabase.auth.signInWithOAuth({
-      provider: 'google',
-      options: {
-        redirectTo: 'exp://localhost:8081/auth/callback',
-      },
-    });
-
-    if (data.url) {
-      await WebBrowser.openAuthSessionAsync(data.url);
-    }
-  };
-
-  return (
-    <View style={{ flex: 1, justifyContent: 'center', alignItems: 'center' }}>
-      <LoginForm
-        onSubmit={handleLogin}
-        onGoogleSignIn={handleGoogleLogin}
-        authProvider={AuthProvider.SUPABASE}
-      />
-    </View>
-  );
-}

package/dist/templates/mobile/base/template/app/(auth)/signup.tsx

@@ -1,43 +0,0 @@
-import { SignupForm } from '@digilogiclabs/saas-factory-ui/native';
-import { AuthProvider } from '@digilogiclabs/saas-factory-auth/native';
-import { createBrowserClient } from '@supabase/ssr';
-import React from 'react';
-import { View } from 'react-native';
-import * as WebBrowser from 'expo-web-browser';
-
-export default function SignupPage() {
-  const supabase = createBrowserClient(
-    process.env.EXPO_PUBLIC_SUPABASE_URL!,
-    process.env.EXPO_PUBLIC_SUPABASE_ANON_KEY!
-  );
-
-  const handleSignup = async (values: any) => {
-    await supabase.auth.signUp({
-      email: values.email,
-      password: values.password,
-    });
-  };
-
-  const handleGoogleSignup = async () => {
-    const { data, error } = await supabase.auth.signInWithOAuth({
-      provider: 'google',
-      options: {
-        redirectTo: 'exp://localhost:8081/auth/callback',
-      },
-    });
-
-    if (data.url) {
-      await WebBrowser.openAuthSessionAsync(data.url);
-    }
-  };
-
-  return (
-    <View style={{ flex: 1, justifyContent: 'center', alignItems: 'center' }}>
-      <SignupForm
-        onSubmit={handleSignup}
-        onGoogleSignIn={handleGoogleSignup}
-        authProvider={AuthProvider.SUPABASE}
-      />
-    </View>
-  );
-}

package/dist/templates/mobile/base/template/app/checkout.tsx

@@ -1,20 +0,0 @@
-import React from 'react';
-import { View, Button } from 'react-native';
-import { useStripe } from '@digilogiclabs/saas-factory-payments/native';
-
-export default function CheckoutScreen() {
-  const { handleCheckout } = useStripe();
-
-  const onCheckout = async () => {
-    await handleCheckout({
-      priceId: 'price_12345', // Replace with your actual price ID
-      returnUrl: 'exp://localhost:8081/dashboard',
-    });
-  };
-
-  return (
-    <View style={{ flex: 1, justifyContent: 'center', alignItems: 'center' }}>
-      <Button title="Proceed to Checkout" onPress={onCheckout} />
-    </View>
-  );
-}

package/dist/templates/mobile/base/template/package.json

@@ -1,38 +0,0 @@
-{
-  "name": "{{packageName}}",
-  "version": "1.0.0",
-  "description": "{{description}}",
-  "main": "node_modules/expo/AppEntry.js",
-  "scripts": {
-    "start": "expo start",
-    "android": "expo start --android",
-    "ios": "expo start --ios",
-    "web": "expo start --web",
-    "build": "eas build",
-    "eject": "expo eject"
-  },
-  "dependencies": {
-    "expo": "~49.0.0",
-    "react": "18.2.0",
-    "react-native": "0.72.6",
-    "@expo/vector-icons": "^13.0.0",
-    "@react-navigation/native": "^6.1.0",
-    "@react-navigation/stack": "^6.3.0",
-    "@react-navigation/bottom-tabs": "^6.5.0",
-    "react-native-screens": "~3.22.0",
-    "react-native-safe-area-context": "4.6.3",
-    "react-native-gesture-handler": "~2.12.0",
-    "@digilogiclabs/saas-factory-ui": "^0.7.2",
-    "@digilogiclabs/saas-factory-auth": "^0.4.3",
-    "@digilogiclabs/saas-factory-payments": "^0.2.0",
-    "firebase": "^10.0.0",
-    "@supabase/supabase-js": "^2.0.0"
-  },
-  "devDependencies": {
-    "@babel/core": "^7.20.0",
-    "@types/react": "~18.2.14",
-    "@types/react-native": "~0.72.2",
-    "typescript": "^5.1.3"
-  },
-  "private": true
-}

package/dist/templates/shared/auth/firebase/web/config.ts

@@ -1,23 +0,0 @@
-import { initializeApp } from 'firebase/app';
-import { getAuth } from 'firebase/auth';
-import { getFirestore } from 'firebase/firestore';
-
-const firebaseConfig = {
-  apiKey: process.env.NEXT_PUBLIC_FIREBASE_API_KEY,
-  authDomain: process.env.NEXT_PUBLIC_FIREBASE_AUTH_DOMAIN,
-  projectId: process.env.NEXT_PUBLIC_FIREBASE_PROJECT_ID,
-  storageBucket: process.env.NEXT_PUBLIC_FIREBASE_STORAGE_BUCKET,
-  messagingSenderId: process.env.NEXT_PUBLIC_FIREBASE_MESSAGING_SENDER_ID,
-  appId: process.env.NEXT_PUBLIC_FIREBASE_APP_ID,
-};
-
-// Initialize Firebase
-const app = initializeApp(firebaseConfig);
-
-// Initialize Firebase Authentication and get a reference to the service
-export const auth = getAuth(app);
-
-// Initialize Cloud Firestore and get a reference to the service
-export const db = getFirestore(app);
-
-export default app;

package/dist/templates/shared/auth/supabase/web/config.ts

@@ -1,8 +0,0 @@
-import { createClient } from '@supabase/supabase-js';
-
-const supabaseUrl = process.env.NEXT_PUBLIC_SUPABASE_URL!;
-const supabaseAnonKey = process.env.NEXT_PUBLIC_SUPABASE_ANON_KEY!;
-
-export const supabase = createClient(supabaseUrl, supabaseAnonKey);
-
-export default supabase;

package/dist/templates/web/base/template/.env.example

@@ -1,15 +0,0 @@
-# Auth Configuration
-NEXT_PUBLIC_AUTH_PROVIDER=supabase|firebase
-
-# Supabase
-NEXT_PUBLIC_SUPABASE_URL=
-NEXT_PUBLIC_SUPABASE_ANON_KEY=
-
-# Firebase
-NEXT_PUBLIC_FIREBASE_API_KEY=
-NEXT_PUBLIC_FIREBASE_AUTH_DOMAIN=
-NEXT_PUBLIC_FIREBASE_PROJECT_ID=
-
-# Payments
-NEXT_PUBLIC_STRIPE_PUBLISHABLE_KEY=
-STRIPE_SECRET_KEY=

package/dist/templates/web/base/template/.eslintrc.js

@@ -1,8 +0,0 @@
-/** @type {import('eslint').Linter.Config} */
-module.exports = {
-  extends: ['next/core-web-vitals'],
-  rules: {
-    // Add any custom rules here
-  },
-}
-

package/dist/templates/web/base/template/README.md

@@ -1,68 +0,0 @@
-# {{titleCaseName}}
-
-{{description}}
-
-## Getting Started
-
-First, run the development server:
-
-```bash
-npm run dev
-# or
-yarn dev
-# or
-pnpm dev
-```
-
-Open [http://localhost:3000](http://localhost:3000) with your browser to see the result.
-
-## Features
-
-- ⚡ **Next.js 14** - React framework with App Router
-- 🎨 **Tailwind CSS** - Utility-first CSS framework
-- 🔒 **{{#auth}}{{#firebase}}Firebase{{/firebase}}{{#supabase}}Supabase{{/supabase}}{{/auth}} Auth** - Authentication ready
-- 📱 **Responsive Design** - Mobile-first approach
-- 🌙 **Dark Mode** - Built-in theme switching
-- 📦 **TypeScript** - Type-safe development
-- 🎯 **ESLint & Prettier** - Code quality tools
-
-## Project Structure
-
-```
-src/
-├── app/                 # Next.js App Router
-│   ├── globals.css     # Global styles
-│   ├── layout.tsx      # Root layout
-│   └── page.tsx        # Home page
-├── components/         # React components
-│   ├── ui/            # UI components
-│   └── providers/     # Context providers
-├── lib/               # Utility functions
-├── hooks/             # Custom React hooks
-└── types/             # TypeScript definitions
-```
-
-## Environment Variables
-
-Copy `.env.example` to `.env.local` and fill in your configuration:
-
-```bash
-cp .env.example .env.local
-```
-
-## Deployment
-
-The easiest way to deploy your Next.js app is to use the [Vercel Platform](https://vercel.com/new).
-
-Check out the [Next.js deployment documentation](https://nextjs.org/docs/deployment) for more details.
-
-## Learn More
-
-- [Next.js Documentation](https://nextjs.org/docs)
-- [Tailwind CSS Documentation](https://tailwindcss.com/docs)
-- [{{#auth}}{{#firebase}}Firebase Documentation{{/firebase}}{{#supabase}}Supabase Documentation{{/supabase}}{{/auth}}]({{#auth}}{{#firebase}}https://firebase.google.com/docs{{/firebase}}{{#supabase}}https://supabase.com/docs{{/supabase}}{{/auth}})
-
-## Support
-
-For support, email support@digilogiclabs.com or join our Discord community.
-

package/dist/templates/web/base/template/next.config.js

@@ -1,15 +0,0 @@
-/** @type {import('next').NextConfig} */
-const nextConfig = {
-  experimental: {
-    appDir: true,
-  },
-  images: {
-    domains: ['localhost'],
-  },
-  env: {
-    CUSTOM_KEY: process.env.CUSTOM_KEY,
-  },
-}
-
-module.exports = nextConfig
-

package/dist/templates/web/base/template/package.json

@@ -1,58 +0,0 @@
-{
-  "name": "{{packageName}}",
-  "version": "0.1.0",
-  "description": "{{description}}",
-  "private": true,
-  "scripts": {
-    "dev": "next dev --turbo",
-    "build": "next build",
-    "start": "next start",
-    "lint": "next lint",
-    "type-check": "tsc --noEmit",
-    "test": "vitest",
-    "test:ui": "vitest --ui",
-    "test:run": "vitest run"
-  },
-  "dependencies": {
-    "next": "^15.0.0",
-    "react": "^19.0.0",
-    "react-dom": "^19.0.0",
-    "@digilogiclabs/saas-factory-ui": "^0.7.2",
-    "@digilogiclabs/saas-factory-auth": "^0.4.3",
-    "@digilogiclabs/saas-factory-payments": "^0.2.0",
-    "tailwindcss": "^3.3.0",
-    "autoprefixer": "^10.4.16",
-    "postcss": "^8.4.31",
-    "clsx": "^2.0.0",
-    "class-variance-authority": "^0.7.0",
-    "tailwind-merge": "^2.0.0",
-    "next-themes": "^0.2.1",
-    "@radix-ui/react-slot": "^1.0.2",
-    "tailwindcss-animate": "^1.0.7",
-    "lucide-react": "^0.542.0",
-    "zod": "^3.22.4",
-    "firebase": "^10.0.0",
-    "@supabase/supabase-js": "^2.0.0"
-  },
-  "devDependencies": {
-    "typescript": "^5.0.0",
-    "@types/node": "^20.0.0",
-    "@types/react": "^19.0.0",
-    "@types/react-dom": "^19.0.0",
-    "eslint": "^8.0.0",
-    "eslint-config-next": "^15.0.0",
-    "@typescript-eslint/eslint-plugin": "^6.0.0",
-    "@typescript-eslint/parser": "^6.0.0",
-    "prettier": "^3.0.0",
-    "prettier-plugin-tailwindcss": "^0.5.0",
-    "vitest": "^1.0.0",
-    "@vitejs/plugin-react": "^4.0.0",
-    "@testing-library/react": "^16.0.0",
-    "@testing-library/jest-dom": "^6.0.0",
-    "@testing-library/user-event": "^14.0.0",
-    "jsdom": "^24.0.0"
-  },
-  "engines": {
-    "node": ">=18.0.0"
-  }
-}

package/dist/templates/web/base/template/postcss.config.js

@@ -1,7 +0,0 @@
-module.exports = {
-  plugins: {
-    tailwindcss: {},
-    autoprefixer: {},
-  },
-}
-

package/dist/templates/web/base/template/src/app/auth/callback/route.ts

@@ -1,18 +0,0 @@
-import { createRouteHandlerClient } from '@supabase/auth-helpers-nextjs';
-import { cookies } from 'next/headers';
-import { NextResponse } from 'next/server';
-
-import type { NextRequest } from 'next/server';
-
-export async function GET(request: NextRequest) {
-  const requestUrl = new URL(request.url);
-  const code = requestUrl.searchParams.get('code');
-
-  if (code) {
-    const supabase = createRouteHandlerClient({ cookies });
-    await supabase.auth.exchangeCodeForSession(code);
-  }
-
-  // URL to redirect to after sign in process completes
-  return NextResponse.redirect(requestUrl.origin);
-}

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

@@ -1,28 +0,0 @@
-'use client';
-
-import React from 'react';
-import { useStripe } from '@digilogiclabs/saas-factory-payments';
-import { Button } from '@/components/ui/button';
-
-export default function CheckoutPage() {
-  const { handleCheckout } = useStripe();
-
-  const onCheckout = async () => {
-    await handleCheckout({
-      priceId: 'price_12345', // Replace with your actual price ID
-      returnUrl: `${window.location.origin}/dashboard`,
-    });
-  };
-
-  return (
-    <div className="flex items-center justify-center min-h-screen bg-gray-100">
-      <div className="p-8 bg-white rounded-lg shadow-md">
-        <h1 className="text-2xl font-bold mb-4">Checkout</h1>
-        <p className="mb-6">Click the button below to proceed to payment.</p>
-        <Button onClick={onCheckout}>
-          Proceed to Checkout
-        </Button>
-      </div>
-    </div>
-  );
-}

package/dist/templates/web/base/template/src/app/error.tsx

@@ -1,97 +0,0 @@
-'use client'
-
-import { useEffect } from 'react'
-import { Button, Card } from '@digilogiclabs/saas-factory-ui'
-import { AlertTriangle, RefreshCw, Home } from 'lucide-react'
-import Link from 'next/link'
-
-interface ErrorProps {
-  error: Error & { digest?: string }
-  reset: () => void
-}
-
-export default function Error({ error, reset }: ErrorProps) {
-  useEffect(() => {
-    // Log error to error reporting service
-    console.error('Application error:', error)
-  }, [error])
-
-  return (
-    <div className="min-h-screen bg-gradient-to-br from-red-50 to-orange-100 dark:from-gray-900 dark:to-gray-800 flex items-center justify-center p-4">
-      <Card className="p-8 max-w-lg w-full">
-        <div className="flex flex-col items-center space-y-6 text-center">
-          {/* Error icon */}
-          <div className="w-16 h-16 bg-red-100 dark:bg-red-900 rounded-full flex items-center justify-center">
-            <AlertTriangle className="w-8 h-8 text-red-600 dark:text-red-400" />
-          </div>
-          
-          {/* Error content */}
-          <div>
-            <h1 className="text-2xl font-bold text-gray-900 dark:text-white mb-2">
-              Something went wrong!
-            </h1>
-            <p className="text-gray-600 dark:text-gray-300 mb-4">
-              We encountered an unexpected error. This has been logged and our team will look into it.
-            </p>
-            
-            {/* Error details in development */}
-            {process.env.NODE_ENV === 'development' && (
-              <details className="mt-4 text-left">
-                <summary className="cursor-pointer text-sm text-gray-500 hover:text-gray-700 dark:text-gray-400 dark:hover:text-gray-200">
-                  Error details (development only)
-                </summary>
-                <div className="mt-2 p-3 bg-gray-100 dark:bg-gray-800 rounded text-xs font-mono text-gray-700 dark:text-gray-300 overflow-auto max-h-40">
-                  <div className="mb-2">
-                    <strong>Message:</strong> {error.message}
-                  </div>
-                  {error.digest && (
-                    <div className="mb-2">
-                      <strong>Digest:</strong> {error.digest}
-                    </div>
-                  )}
-                  {error.stack && (
-                    <div>
-                      <strong>Stack:</strong>
-                      <pre className="whitespace-pre-wrap mt-1">{error.stack}</pre>
-                    </div>
-                  )}
-                </div>
-              </details>
-            )}
-          </div>
-          
-          {/* Action buttons */}
-          <div className="flex flex-col sm:flex-row gap-3 w-full">
-            <Button
-              onClick={reset}
-              className="flex-1"
-              size="lg"
-            >
-              <RefreshCw className="w-4 h-4 mr-2" />
-              Try again
-            </Button>
-            
-            <Link href="/" className="flex-1">
-              <Button
-                variant="outline"
-                className="w-full"
-                size="lg"
-              >
-                <Home className="w-4 h-4 mr-2" />
-                Go home
-              </Button>
-            </Link>
-          </div>
-          
-          {/* Help text */}
-          <p className="text-sm text-gray-500 dark:text-gray-400">
-            If this problem persists, please{' '}
-            <Link href="/contact" className="text-blue-600 hover:underline dark:text-blue-400">
-              contact support
-            </Link>
-          </p>
-        </div>
-      </Card>
-    </div>
-  )
-}

package/dist/templates/web/base/template/src/app/globals.css

@@ -1,60 +0,0 @@
-@tailwind base;
-@tailwind components;
-@tailwind utilities;
-
-@layer base {
-  :root {
-    --background: 0 0% 100%;
-    --foreground: 222.2 84% 4.9%;
-    --card: 0 0% 100%;
-    --card-foreground: 222.2 84% 4.9%;
-    --popover: 0 0% 100%;
-    --popover-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%;
-    --muted: 210 40% 96%;
-    --muted-foreground: 215.4 16.3% 46.9%;
-    --accent: 210 40% 96%;
-    --accent-foreground: 222.2 84% 4.9%;
-    --destructive: 0 84.2% 60.2%;
-    --destructive-foreground: 210 40% 98%;
-    --border: 214.3 31.8% 91.4%;
-    --input: 214.3 31.8% 91.4%;
-    --ring: 221.2 83.2% 53.3%;
-    --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%;
-    --popover: 222.2 84% 4.9%;
-    --popover-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%;
-    --muted: 217.2 32.6% 17.5%;
-    --muted-foreground: 215 20.2% 65.1%;
-    --accent: 217.2 32.6% 17.5%;
-    --accent-foreground: 210 40% 98%;
-    --destructive: 0 62.8% 30.6%;
-    --destructive-foreground: 210 40% 98%;
-    --border: 217.2 32.6% 17.5%;
-    --input: 217.2 32.6% 17.5%;
-    --ring: 224.3 76.3% 94.1%;
-  }
-}
-
-@layer base {
-  * {
-    @apply border-border;
-  }
-  body {
-    @apply bg-background text-foreground;
-  }
-}
-