launchbase 1.1.2 → 1.1.3

package/bin/launchbase.js

@@ -357,8 +357,8 @@ program
   .command('new')
   .description('🚀 Create new project and start development (one command experience)')
   .argument('<appName>', 'Project name')
-  .option('-t, --template', 'Include frontend React template')
-  .option('-s, --sdk', 'Include TypeScript SDK')
+  .option('--template', 'Include frontend React template')
+  .option('--sdk', 'Include TypeScript SDK')
   .option('--no-docker', 'Skip Docker/database setup')
   .option('--no-cicd', 'Skip CI/CD workflow')
   .action(async (appName, options, command) => {
@@ -563,123 +563,6 @@ program
     });
   });
 
-// Default command: create (scaffold only)
-program
-  .argument('[appName]', 'Destination folder name', 'my-app')
-  .option('-t, --template', 'Include frontend React template')
-  .option('-s, --sdk', 'Include TypeScript SDK')
-  .option('--no-docker', 'Skip Docker files')
-  .option('--no-cicd', 'Skip CI/CD workflow')
-  .option('--no-install', 'Do not run any install steps')
-  .action(async (appName, options) => {
-    console.log('\n🚀 LaunchBase CLI v' + VERSION + '\n');
-    
-    const templateDir = path.resolve(__dirname, '..', 'template');
-    const targetDir = path.resolve(process.cwd(), appName);
-
-    // Check if directory exists
-    if (await fs.pathExists(targetDir)) {
-      console.error(`❌ Target directory already exists: ${targetDir}`);
-      console.log('   Use a different name or remove the existing directory.');
-      process.exit(1);
-    }
-
-    console.log('📁 Creating project:', appName);
-    
-    // Copy template files with filtering
-    await fs.copy(templateDir, targetDir, {
-      filter: (src) => {
-        // Normalize path separators for cross-platform compatibility
-        const relativePath = path.relative(templateDir, src).replace(/\\/g, '/');
-        
-        // Skip node_modules, dist, etc.
-        if (relativePath.includes('node_modules') || relativePath.includes('dist') || relativePath.includes('.next')) {
-          return false;
-        }
-        
-        // Skip frontend if not requested (check with trailing slash to avoid partial matches)
-        if ((relativePath.startsWith('frontend/') || relativePath === 'frontend') && !options.template) {
-          return false;
-        }
-        
-        // Skip SDK if not requested
-        if ((relativePath.startsWith('sdk/') || relativePath === 'sdk') && !options.sdk) {
-          return false;
-        }
-        
-        // Skip Docker files if not requested
-        if (options.noDocker) {
-          if (relativePath.includes('Dockerfile') || 
-              relativePath.includes('docker-compose') || 
-              relativePath.includes('nginx.conf') ||
-              relativePath.includes('certbot')) {
-            return false;
-          }
-        }
-        
-        // Skip CI/CD if not requested
-        if (options.noCicd && relativePath.startsWith('.github')) {
-          return false;
-        }
-        
-        return true;
-      }
-    });
-
-    // Replace placeholders
-    const replacements = {
-      '__APP_NAME__': appName,
-      '"name": "launchbase-template"': `"name": "${appName}"`,
-    };
-
-    const filesToReplace = [
-      'package.json',
-      '.env.example',
-      'README.md'
-    ];
-
-    for (const rel of filesToReplace) {
-      const fp = path.join(targetDir, rel);
-      if (await fs.pathExists(fp)) {
-        replaceInFile(fp, replacements);
-      }
-    }
-
-    // Generate .env with secrets
-    const envExamplePath = path.join(targetDir, '.env.example');
-    const envPath = path.join(targetDir, '.env');
-
-    if (await fs.pathExists(envExamplePath)) {
-      let env = await fs.readFile(envExamplePath, 'utf8');
-      env = env.replace('JWT_ACCESS_SECRET=__CHANGE_ME__', `JWT_ACCESS_SECRET=${randomSecret(32)}`);
-      env = env.replace('JWT_REFRESH_SECRET=__CHANGE_ME__', `JWT_REFRESH_SECRET=${randomSecret(32)}`);
-      await fs.writeFile(envPath, env, 'utf8');
-    }
-
-    // Success message
-    console.log('\n✅ Project created successfully!\n');
-    console.log('📂 Location:', targetDir);
-    console.log('\n📋 Next steps:\n');
-    console.log('   cd ' + appName);
-    console.log('   # Review and edit .env with your values');
-    console.log('   docker compose up -d');
-    console.log('   # Or: npm install && npx prisma migrate dev && npm run start:dev');
-    console.log('\n📚 Documentation: http://localhost:3000/docs');
-    console.log('❤️  Health check:  http://localhost:3000/health');
-    
-    if (options.template) {
-      console.log('\n🎨 Frontend:');
-      console.log('   cd ' + appName + '/frontend && npm install && npm run dev');
-    }
-    
-    if (options.sdk) {
-      console.log('\n📦 SDK:');
-      console.log('   cd ' + appName + '/sdk && npm install && npm run build');
-    }
-    
-    console.log('\n');
-  });
-
 // Dev command - start development environment (for existing projects)
 program
   .command('dev')

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "launchbase",
-  "version": "1.1.2",
+  "version": "1.1.3",
   "description": "Generate production-ready NestJS backends with authentication, multi-tenancy, billing, and deployment in minutes",
   "author": "LaunchBase",
   "keywords": [

package/template/frontend/src/App.tsx

@@ -7,6 +7,9 @@ import { Dashboard } from './pages/Dashboard'
 import { Organizations } from './pages/Organizations'
 import { Projects } from './pages/Projects'
 import { DatabasePage } from './pages/Database'
+import { EdgeFunctions } from './pages/EdgeFunctions'
+import { Deployments } from './pages/Deployments'
+import { VectorDatabase } from './pages/VectorDatabase'
 import { Settings } from './pages/Settings'
 import { SystemPage } from './pages/System'
 import { AIAssistantPage } from './pages/AIAssistant'
@@ -75,6 +78,9 @@ export default function App() {
                 <Route path="organizations" element={<Organizations />} />
                 <Route path="projects" element={<Projects />} />
                 <Route path="database" element={<DatabasePage />} />
+                <Route path="functions" element={<EdgeFunctions />} />
+                <Route path="deployments" element={<Deployments />} />
+                <Route path="vector" element={<VectorDatabase />} />
                 <Route path="system" element={<SystemPage />} />
                 <Route path="ai" element={<AIAssistantPage />} />
                 <Route path="settings" element={<Settings />} />

package/template/frontend/src/components/Layout.tsx

@@ -15,6 +15,9 @@ import {
   ChevronDown,
   Activity,
   Sparkles,
+  Zap,
+  Rocket,
+  Search,
 } from 'lucide-react'
 import { cn } from '@/lib/utils'
 
@@ -23,6 +26,9 @@ const navigation = [
   { name: 'Organizations', href: '/organizations', icon: Building2 },
   { name: 'Projects', href: '/projects', icon: FolderKanban },
   { name: 'Database', href: '/database', icon: Database },
+  { name: 'Edge Functions', href: '/functions', icon: Zap },
+  { name: 'Deployments', href: '/deployments', icon: Rocket },
+  { name: 'Vector DB', href: '/vector', icon: Search },
   { name: 'System', href: '/system', icon: Activity },
   { name: 'AI Assistant', href: '/ai', icon: Sparkles },
   { name: 'Settings', href: '/settings', icon: Settings },

package/template/frontend/src/lib/api.ts

@@ -72,7 +72,6 @@ export const updateClientToken = (token: string) => {
 export interface Organization {
   id: string
   name: string
-  slug: string
   plan: string
   createdAt: string
 }
@@ -80,7 +79,6 @@ export interface Organization {
 export interface Project {
   id: string
   name: string
-  description?: string
   orgId: string
   createdAt: string
 }

package/template/frontend/src/lib/sdk.ts

@@ -16,7 +16,6 @@ export interface User {
 export interface Organization {
   id: string;
   name: string;
-  slug: string;
   plan: string;
   stripeCustomerId?: string;
   createdAt: Date;
@@ -25,7 +24,6 @@ export interface Organization {
 export interface Project {
   id: string;
   name: string;
-  description?: string;
   orgId: string;
   createdAt: Date;
 }
@@ -227,7 +225,7 @@ export class LaunchBaseClient {
     return res.data;
   }
 
-  async createProject(data: { name: string; description?: string }): Promise<Project> {
+  async createProject(data: { name: string }): Promise<Project> {
     const res = await this.client.post('/api/projects', data);
     return res.data;
   }

package/template/frontend/src/pages/Deployments.tsx

@@ -0,0 +1,332 @@
+import { useState } from 'react'
+import { useQuery, useMutation, useQueryClient } from '@tanstack/react-query'
+import { 
+  Rocket, Plus, Clock, CheckCircle, XCircle, 
+  Loader2, ExternalLink, RefreshCw, GitBranch
+} from 'lucide-react'
+import { useToast } from '@/components/Toast'
+
+interface Deployment {
+  id: string
+  status: 'pending' | 'building' | 'success' | 'failed'
+  version: string | null
+  deployedAt: string | null
+  platform: string | null
+  url: string | null
+  logs: Record<string, any>[] | null
+  createdAt: string
+}
+
+const PLATFORMS = [
+  { value: 'vercel', label: 'Vercel' },
+  { value: 'netlify', label: 'Netlify' },
+  { value: 'aws', label: 'AWS' },
+  { value: 'gcp', label: 'Google Cloud' },
+  { value: 'azure', label: 'Azure' },
+  { value: 'docker', label: 'Docker' },
+]
+
+export function Deployments() {
+  const queryClient = useQueryClient()
+  const toast = useToast()
+  
+  const [showDeployModal, setShowDeployModal] = useState(false)
+  const [selectedPlatform, setSelectedPlatform] = useState('vercel')
+  const [deployVersion, setDeployVersion] = useState('')
+
+  // Fetch deployments
+  const { data: deploymentsData, isLoading } = useQuery({
+    queryKey: ['deployments'],
+    queryFn: async () => {
+      const res = await fetch('/api/deployments')
+      if (!res.ok) throw new Error('Failed to fetch deployments')
+      return res.json()
+    }
+  })
+
+  const deployments = deploymentsData?.deployments || []
+  const stats = deploymentsData?.stats || { total: 0, success: 0, failed: 0, pending: 0 }
+
+  // Create deployment mutation
+  const deployMutation = useMutation({
+    mutationFn: async () => {
+      const res = await fetch('/api/deployments', {
+        method: 'POST',
+        headers: { 'Content-Type': 'application/json' },
+        body: JSON.stringify({
+          platform: selectedPlatform,
+          version: deployVersion || undefined
+        })
+      })
+      if (!res.ok) {
+        const error = await res.json()
+        throw new Error(error.message || 'Failed to create deployment')
+      }
+      return res.json()
+    },
+    onSuccess: () => {
+      queryClient.invalidateQueries({ queryKey: ['deployments'] })
+      setShowDeployModal(false)
+      setDeployVersion('')
+      toast.success('Deployment started')
+    },
+    onError: (error: Error) => {
+      toast.error(error.message)
+    }
+  })
+
+  // Retry deployment mutation
+  const retryMutation = useMutation({
+    mutationFn: async (deploymentId: string) => {
+      const res = await fetch(`/api/deployments/${deploymentId}/retry`, {
+        method: 'POST'
+      })
+      if (!res.ok) {
+        const error = await res.json()
+        throw new Error(error.message || 'Failed to retry deployment')
+      }
+      return res.json()
+    },
+    onSuccess: () => {
+      queryClient.invalidateQueries({ queryKey: ['deployments'] })
+      toast.success('Deployment retry started')
+    },
+    onError: (error: Error) => {
+      toast.error(error.message)
+    }
+  })
+
+  const getStatusColor = (status: string) => {
+    switch (status) {
+      case 'success': return 'bg-green-100 text-green-700'
+      case 'failed': return 'bg-red-100 text-red-700'
+      case 'building': return 'bg-blue-100 text-blue-700'
+      case 'pending': return 'bg-yellow-100 text-yellow-700'
+      default: return 'bg-gray-100 text-gray-700'
+    }
+  }
+
+  const getStatusIcon = (status: string) => {
+    switch (status) {
+      case 'success': return <CheckCircle className="w-4 h-4" />
+      case 'failed': return <XCircle className="w-4 h-4" />
+      case 'building': return <Loader2 className="w-4 h-4 animate-spin" />
+      case 'pending': return <Clock className="w-4 h-4" />
+      default: return null
+    }
+  }
+
+  const handleDeploy = () => {
+    deployMutation.mutate()
+  }
+
+  return (
+    <div>
+      <div className="flex items-center justify-between mb-6">
+        <div>
+          <h1 className="text-2xl font-bold text-gray-900">Deployments</h1>
+          <p className="text-gray-500 mt-1">Deploy your project to hosting platforms</p>
+        </div>
+        <button
+          onClick={() => setShowDeployModal(true)}
+          className="px-4 py-2 bg-primary text-white rounded-lg font-medium hover:bg-primary-600 flex items-center gap-2"
+        >
+          <Rocket className="w-4 h-4" />
+          New Deployment
+        </button>
+      </div>
+
+      {/* Stats */}
+      <div className="grid grid-cols-1 md:grid-cols-4 gap-4 mb-6">
+        <div className="bg-white rounded-lg border p-4">
+          <div className="flex items-center gap-3">
+            <div className="p-2 bg-blue-100 rounded-lg">
+              <Rocket className="w-5 h-5 text-blue-600" />
+            </div>
+            <div>
+              <p className="text-2xl font-bold">{stats.total}</p>
+              <p className="text-sm text-gray-500">Total</p>
+            </div>
+          </div>
+        </div>
+        <div className="bg-white rounded-lg border p-4">
+          <div className="flex items-center gap-3">
+            <div className="p-2 bg-green-100 rounded-lg">
+              <CheckCircle className="w-5 h-5 text-green-600" />
+            </div>
+            <div>
+              <p className="text-2xl font-bold">{stats.success}</p>
+              <p className="text-sm text-gray-500">Success</p>
+            </div>
+          </div>
+        </div>
+        <div className="bg-white rounded-lg border p-4">
+          <div className="flex items-center gap-3">
+            <div className="p-2 bg-red-100 rounded-lg">
+              <XCircle className="w-5 h-5 text-red-600" />
+            </div>
+            <div>
+              <p className="text-2xl font-bold">{stats.failed}</p>
+              <p className="text-sm text-gray-500">Failed</p>
+            </div>
+          </div>
+        </div>
+        <div className="bg-white rounded-lg border p-4">
+          <div className="flex items-center gap-3">
+            <div className="p-2 bg-yellow-100 rounded-lg">
+              <Clock className="w-5 h-5 text-yellow-600" />
+            </div>
+            <div>
+              <p className="text-2xl font-bold">{stats.pending}</p>
+              <p className="text-sm text-gray-500">Pending</p>
+            </div>
+          </div>
+        </div>
+      </div>
+
+      {/* Deployments List */}
+      <div className="bg-white rounded-lg border overflow-hidden">
+        {isLoading ? (
+          <div className="p-8 text-center text-gray-500">Loading deployments...</div>
+        ) : deployments.length === 0 ? (
+          <div className="p-8 text-center">
+            <Rocket className="w-12 h-12 text-gray-300 mx-auto mb-4" />
+            <p className="text-gray-500">No deployments yet</p>
+            <button
+              onClick={() => setShowDeployModal(true)}
+              className="mt-4 text-primary hover:underline"
+            >
+              Create your first deployment
+            </button>
+          </div>
+        ) : (
+          <table className="w-full">
+            <thead className="bg-gray-50 border-b">
+              <tr>
+                <th className="text-left px-4 py-3 text-sm font-medium text-gray-500">Status</th>
+                <th className="text-left px-4 py-3 text-sm font-medium text-gray-500">Version</th>
+                <th className="text-left px-4 py-3 text-sm font-medium text-gray-500">Platform</th>
+                <th className="text-left px-4 py-3 text-sm font-medium text-gray-500">Deployed At</th>
+                <th className="text-right px-4 py-3 text-sm font-medium text-gray-500">Actions</th>
+              </tr>
+            </thead>
+            <tbody className="divide-y">
+              {deployments.map((deployment: Deployment) => (
+                <tr key={deployment.id} className="hover:bg-gray-50">
+                  <td className="px-4 py-3">
+                    <div className="flex items-center gap-2">
+                      <span className={`flex items-center gap-1.5 px-2 py-1 text-xs rounded-full ${getStatusColor(deployment.status)}`}>
+                        {getStatusIcon(deployment.status)}
+                        {deployment.status}
+                      </span>
+                    </div>
+                  </td>
+                  <td className="px-4 py-3">
+                    <div className="flex items-center gap-2">
+                      <GitBranch className="w-4 h-4 text-gray-400" />
+                      <span className="text-sm font-mono">{deployment.version || 'latest'}</span>
+                    </div>
+                  </td>
+                  <td className="px-4 py-3 text-sm text-gray-500 capitalize">
+                    {deployment.platform || '-'}
+                  </td>
+                  <td className="px-4 py-3 text-sm text-gray-500">
+                    {deployment.deployedAt 
+                      ? new Date(deployment.deployedAt).toLocaleString()
+                      : deployment.createdAt 
+                        ? new Date(deployment.createdAt).toLocaleString()
+                        : '-'
+                    }
+                  </td>
+                  <td className="px-4 py-3">
+                    <div className="flex items-center justify-end gap-2">
+                      {deployment.url && (
+                        <a
+                          href={deployment.url}
+                          target="_blank"
+                          rel="noopener noreferrer"
+                          className="p-1 hover:bg-gray-100 rounded"
+                          title="Open URL"
+                        >
+                          <ExternalLink className="w-4 h-4 text-gray-400 hover:text-primary" />
+                        </a>
+                      )}
+                      {deployment.status === 'failed' && (
+                        <button 
+                          onClick={() => retryMutation.mutate(deployment.id)}
+                          className="p-1 hover:bg-blue-100 rounded"
+                          title="Retry"
+                          disabled={retryMutation.isPending}
+                        >
+                          <RefreshCw className="w-4 h-4 text-gray-400 hover:text-blue-500" />
+                        </button>
+                      )}
+                    </div>
+                  </td>
+                </tr>
+              ))}
+            </tbody>
+          </table>
+        )}
+      </div>
+
+      {/* Deploy Modal */}
+      {showDeployModal && (
+        <div className="fixed inset-0 bg-black/50 flex items-center justify-center z-50">
+          <div className="bg-white rounded-lg p-6 w-full max-w-md">
+            <h2 className="text-xl font-bold mb-4">New Deployment</h2>
+            <div className="space-y-4">
+              <div>
+                <label className="block text-sm font-medium text-gray-700 mb-1">Platform</label>
+                <select
+                  value={selectedPlatform}
+                  onChange={(e) => setSelectedPlatform(e.target.value)}
+                  className="w-full px-3 py-2 border rounded-lg"
+                >
+                  {PLATFORMS.map(p => (
+                    <option key={p.value} value={p.value}>{p.label}</option>
+                  ))}
+                </select>
+              </div>
+              <div>
+                <label className="block text-sm font-medium text-gray-700 mb-1">Version (optional)</label>
+                <input
+                  type="text"
+                  value={deployVersion}
+                  onChange={(e) => setDeployVersion(e.target.value)}
+                  className="w-full px-3 py-2 border rounded-lg"
+                  placeholder="e.g., v1.0.0 or commit hash"
+                />
+              </div>
+            </div>
+            <div className="flex justify-end gap-3 mt-6">
+              <button
+                onClick={() => setShowDeployModal(false)}
+                className="px-4 py-2 text-gray-600 hover:bg-gray-100 rounded-lg"
+              >
+                Cancel
+              </button>
+              <button
+                onClick={handleDeploy}
+                disabled={deployMutation.isPending}
+                className="px-4 py-2 bg-primary text-white rounded-lg hover:bg-primary-600 disabled:opacity-50 flex items-center gap-2"
+              >
+                {deployMutation.isPending ? (
+                  <>
+                    <Loader2 className="w-4 h-4 animate-spin" />
+                    Deploying...
+                  </>
+                ) : (
+                  <>
+                    <Rocket className="w-4 h-4" />
+                    Deploy
+                  </>
+                )}
+              </button>
+            </div>
+          </div>
+        </div>
+      )}
+    </div>
+  )
+}