npm - @digilogiclabs/create-saas-app - Versions diffs - 2.0.0 → 2.2.0 - Mend

@digilogiclabs/create-saas-app 2.0.0 → 2.2.0

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 (348) hide show

package/dist/templates/web/ai-platform/template/src/app/layout.tsx ADDED Viewed

@@ -0,0 +1,27 @@
+import type { Metadata } from 'next'
+import { Inter } from 'next/font/google'
+import './globals.css'
+import { AppProviders } from '@/components/providers/app-providers'
+const inter = Inter({ subsets: ['latin'] })
+export const metadata: Metadata = {
+  title: '{{titleCaseName}} - AI Platform',
+  description: '{{description}}',
+}
+export default function RootLayout({
+  children,
+}: {
+  children: React.ReactNode
+}) {
+  return (
+    <html lang="en" suppressHydrationWarning>
+      <body className={inter.className}>
+        <AppProviders>
+          {children}
+        </AppProviders>
+      </body>
+    </html>
+  )
+}

package/dist/templates/web/ai-platform/template/src/app/page.tsx ADDED Viewed

@@ -0,0 +1,203 @@
+'use client'
+import { Button, Card } from '@digilogiclabs/saas-factory-ui'
+import { useAuth } from '@digilogiclabs/app-sdk'
+import { Bot, Sparkles, Zap, MessageSquare, Code, Brain, ArrowRight, User, LogOut } from 'lucide-react'
+import Link from 'next/link'
+const FEATURES = [
+  {
+    icon: MessageSquare,
+    title: 'AI Chat',
+    description: 'Conversational AI with multiple model support',
+    color: 'blue',
+  },
+  {
+    icon: Code,
+    title: 'Code Generation',
+    description: 'Generate and refactor code with AI assistance',
+    color: 'green',
+  },
+  {
+    icon: Brain,
+    title: 'Custom Models',
+    description: 'Fine-tune and deploy your own AI models',
+    color: 'purple',
+  },
+  {
+    icon: Zap,
+    title: 'API Access',
+    description: 'Integrate AI capabilities into your applications',
+    color: 'orange',
+  },
+]
+const MODELS = [
+  { name: 'GPT-4o', provider: 'OpenAI', status: 'available' },
+  { name: 'Claude 3.5', provider: 'Anthropic', status: 'available' },
+  { name: 'Gemini Pro', provider: 'Google', status: 'coming_soon' },
+  { name: 'Llama 3', provider: 'Meta', status: 'available' },
+]
+export default function Home() {
+  const { user, signOut, loading } = useAuth()
+  const projectName = "{{titleCaseName}}"
+  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-slate-900 via-purple-900 to-slate-900">
+      {/* Header */}
+      <header className="border-b border-white/10 bg-black/20 backdrop-blur-sm sticky top-0 z-50">
+        <div className="max-w-7xl mx-auto px-4 py-4">
+          <div className="flex items-center justify-between">
+            <Link href="/" className="flex items-center gap-2">
+              <Bot className="w-8 h-8 text-purple-400" />
+              <span className="text-2xl font-bold text-white">{projectName}</span>
+            </Link>
+            <nav className="hidden md:flex items-center gap-6">
+              <Link href="/models" className="text-gray-300 hover:text-white transition">
+                Models
+              </Link>
+              <Link href="/playground" className="text-gray-300 hover:text-white transition">
+                Playground
+              </Link>
+              <Link href="/docs" className="text-gray-300 hover:text-white transition">
+                Docs
+              </Link>
+            </nav>
+            <div className="flex items-center gap-4">
+              {loading ? (
+                <div className="text-sm text-gray-400">Loading...</div>
+              ) : user ? (
+                <div className="flex items-center gap-2">
+                  <Link href="/dashboard">
+                    <Button variant="outline" size="sm" className="border-white/20 text-white hover:bg-white/10">
+                      <User className="w-4 h-4 mr-2" />
+                      Dashboard
+                    </Button>
+                  </Link>
+                  <Button variant="ghost" size="sm" onClick={handleSignOut} className="text-gray-400 hover:text-white">
+                    <LogOut className="w-4 h-4" />
+                  </Button>
+                </div>
+              ) : (
+                <div className="flex gap-2">
+                  <Link href="/login">
+                    <Button variant="outline" size="sm" className="border-white/20 text-white hover:bg-white/10">
+                      Sign In
+                    </Button>
+                  </Link>
+                  <Link href="/signup">
+                    <Button size="sm" className="bg-purple-600 hover:bg-purple-700">
+                      Get Started
+                    </Button>
+                  </Link>
+                </div>
+              )}
+            </div>
+          </div>
+        </div>
+      </header>
+      <div className="max-w-7xl mx-auto px-4 py-16">
+        {/* Hero */}
+        <div className="text-center mb-20">
+          <div className="inline-flex items-center px-4 py-2 rounded-full bg-purple-500/20 text-purple-300 text-sm mb-6">
+            <Sparkles className="w-4 h-4 mr-2" />
+            AI-Powered Platform
+          </div>
+          <h1 className="text-5xl md:text-7xl font-bold text-white mb-6">
+            Build with <span className="text-transparent bg-clip-text bg-gradient-to-r from-purple-400 to-pink-400">AI</span>
+          </h1>
+          <p className="text-xl text-gray-300 max-w-2xl mx-auto mb-8">
+            Access powerful AI models, build intelligent applications, and scale effortlessly.
+          </p>
+          <div className="flex gap-4 justify-center">
+            <Link href="/chat">
+              <Button size="lg" className="bg-purple-600 hover:bg-purple-700">
+                <MessageSquare className="w-5 h-5 mr-2" />
+                Try AI Chat
+              </Button>
+            </Link>
+            <Link href="/playground">
+              <Button size="lg" variant="outline" className="border-white/20 text-white hover:bg-white/10">
+                Open Playground
+              </Button>
+            </Link>
+          </div>
+        </div>
+        {/* Features */}
+        <div className="grid md:grid-cols-2 lg:grid-cols-4 gap-6 mb-20">
+          {FEATURES.map((feature) => (
+            <Card key={feature.title} className="p-6 bg-white/5 border-white/10 backdrop-blur-sm hover:bg-white/10 transition">
+              <div className={`w-12 h-12 rounded-lg flex items-center justify-center mb-4 bg-${feature.color}-500/20`}>
+                <feature.icon className={`w-6 h-6 text-${feature.color}-400`} />
+              </div>
+              <h3 className="text-lg font-semibold text-white mb-2">{feature.title}</h3>
+              <p className="text-gray-400 text-sm">{feature.description}</p>
+            </Card>
+          ))}
+        </div>
+        {/* Available Models */}
+        <div className="mb-20">
+          <div className="flex items-center justify-between mb-8">
+            <div>
+              <h2 className="text-3xl font-bold text-white mb-2">Available Models</h2>
+              <p className="text-gray-400">Access leading AI models from top providers</p>
+            </div>
+            <Link href="/models">
+              <Button variant="ghost" className="text-purple-400 hover:text-purple-300">
+                View All
+                <ArrowRight className="w-4 h-4 ml-2" />
+              </Button>
+            </Link>
+          </div>
+          <div className="grid md:grid-cols-2 lg:grid-cols-4 gap-4">
+            {MODELS.map((model) => (
+              <Card key={model.name} className="p-4 bg-white/5 border-white/10">
+                <div className="flex items-center justify-between mb-2">
+                  <h3 className="font-semibold text-white">{model.name}</h3>
+                  <span className={`text-xs px-2 py-1 rounded ${
+                    model.status === 'available'
+                      ? 'bg-green-500/20 text-green-400'
+                      : 'bg-yellow-500/20 text-yellow-400'
+                  }`}>
+                    {model.status === 'available' ? 'Available' : 'Coming Soon'}
+                  </span>
+                </div>
+                <p className="text-sm text-gray-400">{model.provider}</p>
+              </Card>
+            ))}
+          </div>
+        </div>
+        {/* CTA */}
+        <Card className="p-12 bg-gradient-to-r from-purple-600 to-pink-600 border-0 text-center">
+          <h2 className="text-3xl font-bold text-white mb-4">Ready to Build?</h2>
+          <p className="text-white/80 mb-8 max-w-md mx-auto">
+            Start building AI-powered applications today. Free tier available.
+          </p>
+          <Link href="/signup">
+            <Button size="lg" variant="secondary">
+              Get Started Free
+              <ArrowRight className="w-5 h-5 ml-2" />
+            </Button>
+          </Link>
+        </Card>
+      </div>
+    </main>
+  )
+}

package/dist/templates/web/ai-platform/template/src/components/providers/app-providers.tsx ADDED Viewed

@@ -0,0 +1,27 @@
+'use client'
+import { ThemeProvider } from 'next-themes'
+import { DLLProvider } from '@digilogiclabs/app-sdk'
+interface AppProvidersProps {
+  children: React.ReactNode
+}
+export function AppProviders({ children }: AppProvidersProps) {
+  return (
+    <ThemeProvider attribute="class" defaultTheme="dark" enableSystem>
+      <DLLProvider
+        config={{
+          auth: {
+            provider: 'supabase',
+          },
+          payments: {
+            provider: 'stripe',
+          },
+        }}
+      >
+        {children}
+      </DLLProvider>
+    </ThemeProvider>
+  )
+}

package/dist/templates/web/ai-platform/template/src/lib/auth-server.ts ADDED Viewed

@@ -0,0 +1,33 @@
+import { redirect } from 'next/navigation'
+import { createClient } from './supabase/server'
+export interface AuthUser {
+  id: string
+  email: string | null
+  name?: string | null
+}
+export async function getUser(): Promise<AuthUser | null> {
+  const supabase = await createClient()
+  const { data: { user }, error } = await supabase.auth.getUser()
+  if (error || !user) {
+    return null
+  }
+  return {
+    id: user.id,
+    email: user.email ?? null,
+    name: user.user_metadata?.name ?? user.user_metadata?.full_name ?? null,
+  }
+}
+export async function requireAuth(): Promise<AuthUser> {
+  const user = await getUser()
+  if (!user) {
+    redirect('/login')
+  }
+  return user
+}

package/dist/templates/web/ai-platform/template/src/lib/supabase/client.ts ADDED Viewed

@@ -0,0 +1,8 @@
+import { createBrowserClient } from '@supabase/ssr'
+export function createClient() {
+  return createBrowserClient(
+    process.env.NEXT_PUBLIC_SUPABASE_URL!,
+    process.env.NEXT_PUBLIC_SUPABASE_ANON_KEY!
+  )
+}

package/dist/templates/web/ai-platform/template/src/lib/supabase/server.ts ADDED Viewed

@@ -0,0 +1,27 @@
+import { createServerClient } from '@supabase/ssr'
+import { cookies } from 'next/headers'
+export async function createClient() {
+  const cookieStore = await cookies()
+  return createServerClient(
+    process.env.NEXT_PUBLIC_SUPABASE_URL!,
+    process.env.NEXT_PUBLIC_SUPABASE_ANON_KEY!,
+    {
+      cookies: {
+        getAll() {
+          return cookieStore.getAll()
+        },
+        setAll(cookiesToSet) {
+          try {
+            cookiesToSet.forEach(({ name, value, options }) =>
+              cookieStore.set(name, value, options)
+            )
+          } catch {
+            // Server Component context
+          }
+        },
+      },
+    }
+  )
+}

package/dist/templates/web/ai-platform/template/src/lib/utils.ts ADDED Viewed

@@ -0,0 +1,6 @@
+import { clsx, type ClassValue } from 'clsx'
+import { twMerge } from 'tailwind-merge'
+export function cn(...inputs: ClassValue[]) {
+  return twMerge(clsx(inputs))
+}

package/dist/templates/web/ai-platform/template/tsconfig.json ADDED Viewed

@@ -0,0 +1,27 @@
+{
+  "compilerOptions": {
+    "target": "ES2022",
+    "lib": ["dom", "dom.iterable", "esnext"],
+    "allowJs": true,
+    "skipLibCheck": true,
+    "strict": true,
+    "noEmit": true,
+    "esModuleInterop": true,
+    "module": "esnext",
+    "moduleResolution": "bundler",
+    "resolveJsonModule": true,
+    "isolatedModules": true,
+    "jsx": "preserve",
+    "incremental": true,
+    "plugins": [
+      {
+        "name": "next"
+      }
+    ],
+    "paths": {
+      "@/*": ["./src/*"]
+    }
+  },
+  "include": ["next-env.d.ts", "**/*.ts", "**/*.tsx", ".next/types/**/*.ts"],
+  "exclude": ["node_modules"]
+}

package/dist/templates/web/iot-dashboard/template/.env.example ADDED Viewed

@@ -0,0 +1,12 @@
+# Supabase Configuration
+NEXT_PUBLIC_SUPABASE_URL=your-supabase-url
+NEXT_PUBLIC_SUPABASE_ANON_KEY=your-supabase-anon-key
+SUPABASE_SERVICE_ROLE_KEY=your-service-role-key
+# MQTT Configuration (optional)
+MQTT_BROKER_URL=mqtt://localhost:1883
+MQTT_USERNAME=
+MQTT_PASSWORD=
+# Application
+NEXT_PUBLIC_APP_URL=http://localhost:3000

package/dist/templates/web/iot-dashboard/template/README.md ADDED Viewed

@@ -0,0 +1,101 @@
+# {{titleCaseName}}
+{{description}} - An IoT device monitoring and management dashboard.
+## Features
+- **Device Management** - Monitor and control all your IoT devices
+- **Real-time Telemetry** - Live data streams with updates every few seconds
+- **Smart Alerts** - Configurable notifications for critical events
+- **Analytics** - Historical data analysis and trends
+- **Responsive Design** - Works on desktop and mobile
+## Quick Start
+1. **Install dependencies:**
+   ```bash
+   npm install
+   ```
+2. **Set up environment variables:**
+   ```bash
+   cp .env.example .env.local
+   ```
+   Update with your Supabase credentials.
+3. **Run the development server:**
+   ```bash
+   npm run dev
+   ```
+4. **Open [http://localhost:3000](http://localhost:3000)**
+## Tech Stack
+- **Framework:** Next.js 15
+- **Language:** TypeScript
+- **Styling:** Tailwind CSS
+- **Auth:** Supabase
+- **Charts:** Recharts
+- **UI Components:** @digilogiclabs/saas-factory-ui
+## Project Structure
+```
+src/
+├── app/                 # Next.js App Router pages
+│   ├── dashboard/       # Main IoT dashboard
+│   ├── devices/         # Device management
+│   ├── analytics/       # Data analytics
+│   └── alerts/          # Alert management
+├── components/          # React components
+│   ├── iot/             # IoT-specific components
+│   └── providers/       # Context providers
+└── lib/                 # Utilities and helpers
+```
+## Database Schema
+Set up the following tables in Supabase:
+```sql
+-- Devices table
+create table devices (
+  id uuid primary key default gen_random_uuid(),
+  name text not null,
+  type text not null,
+  status text default 'offline',
+  last_seen timestamp with time zone,
+  metadata jsonb default '{}',
+  user_id uuid references auth.users(id),
+  created_at timestamp with time zone default now()
+);
+-- Telemetry table
+create table telemetry (
+  id uuid primary key default gen_random_uuid(),
+  device_id uuid references devices(id),
+  data jsonb not null,
+  timestamp timestamp with time zone default now()
+);
+-- Alerts table
+create table alerts (
+  id uuid primary key default gen_random_uuid(),
+  device_id uuid references devices(id),
+  message text not null,
+  severity text not null,
+  acknowledged boolean default false,
+  created_at timestamp with time zone default now()
+);
+```
+## Deployment
+Deploy to Vercel with one click:
+[![Deploy with Vercel](https://vercel.com/button)](https://vercel.com/new)
+## License
+MIT - Built with DLL Platform

package/dist/templates/web/iot-dashboard/template/middleware.ts ADDED Viewed

@@ -0,0 +1,56 @@
+import { createServerClient } from '@supabase/ssr'
+import { NextResponse, type NextRequest } from 'next/server'
+export async function middleware(request: NextRequest) {
+  let supabaseResponse = NextResponse.next({
+    request,
+  })
+  const supabase = createServerClient(
+    process.env.NEXT_PUBLIC_SUPABASE_URL!,
+    process.env.NEXT_PUBLIC_SUPABASE_ANON_KEY!,
+    {
+      cookies: {
+        getAll() {
+          return request.cookies.getAll()
+        },
+        setAll(cookiesToSet) {
+          cookiesToSet.forEach(({ name, value }) =>
+            request.cookies.set(name, value)
+          )
+          supabaseResponse = NextResponse.next({
+            request,
+          })
+          cookiesToSet.forEach(({ name, value, options }) =>
+            supabaseResponse.cookies.set(name, value, options)
+          )
+        },
+      },
+    }
+  )
+  const {
+    data: { user },
+  } = await supabase.auth.getUser()
+  // Redirect to login if accessing protected route without auth
+  if (
+    !user &&
+    (request.nextUrl.pathname.startsWith('/dashboard') ||
+     request.nextUrl.pathname.startsWith('/devices') ||
+     request.nextUrl.pathname.startsWith('/analytics') ||
+     request.nextUrl.pathname.startsWith('/alerts'))
+  ) {
+    const url = request.nextUrl.clone()
+    url.pathname = '/login'
+    return NextResponse.redirect(url)
+  }
+  return supabaseResponse
+}
+export const config = {
+  matcher: [
+    '/((?!_next/static|_next/image|favicon.ico|.*\\.(?:svg|png|jpg|jpeg|gif|webp)$).*)',
+  ],
+}

package/dist/templates/web/iot-dashboard/template/next.config.js ADDED Viewed

@@ -0,0 +1,14 @@
+/** @type {import('next').NextConfig} */
+const nextConfig = {
+  reactStrictMode: true,
+  images: {
+    remotePatterns: [
+      {
+        protocol: 'https',
+        hostname: '**.supabase.co',
+      },
+    ],
+  },
+}
+module.exports = nextConfig

package/dist/templates/web/iot-dashboard/template/package.json ADDED Viewed

@@ -0,0 +1,49 @@
+{
+  "name": "{{packageName}}",
+  "version": "0.1.0",
+  "description": "{{description}} - IoT Dashboard",
+  "private": true,
+  "scripts": {
+    "dev": "next dev",
+    "build": "next build",
+    "start": "next start",
+    "lint": "next lint",
+    "type-check": "tsc --noEmit",
+    "test": "vitest",
+    "test:run": "vitest run"
+  },
+  "dependencies": {
+    "next": "^15.0.0",
+    "react": "^19.0.0",
+    "react-dom": "^19.0.0",
+    "@digilogiclabs/platform-core": "^1.1.0",
+    "@digilogiclabs/app-sdk": "^1.0.0",
+    "@digilogiclabs/saas-factory-auth": "^1.0.7",
+    "@digilogiclabs/saas-factory-ui": "^1.0.1",
+    "tailwindcss": "^4.0.0",
+    "clsx": "^2.0.0",
+    "class-variance-authority": "^0.7.0",
+    "tailwind-merge": "^2.0.0",
+    "next-themes": "^0.4.0",
+    "lucide-react": "^0.460.0",
+    "zod": "^3.22.4",
+    "zustand": "^4.5.0",
+    "recharts": "^2.13.0",
+    "date-fns": "^4.1.0"
+  },
+  "devDependencies": {
+    "typescript": "^5.7.0",
+    "@types/node": "^22.0.0",
+    "@types/react": "^19.0.0",
+    "@types/react-dom": "^19.0.0",
+    "eslint": "^9.0.0",
+    "eslint-config-next": "^15.0.0",
+    "prettier": "^3.4.0",
+    "vitest": "^2.1.0",
+    "@testing-library/react": "^16.0.0",
+    "@testing-library/jest-dom": "^6.6.0"
+  },
+  "engines": {
+    "node": ">=20.0.0"
+  }
+}