@digilogiclabs/create-saas-app 1.12.0 → 1.14.0

package/README.md

@@ -5,6 +5,29 @@
 [![npm version](https://badge.fury.io/js/%40digilogiclabs%2Fcreate-saas-app.svg)](https://badge.fury.io/js/%40digilogiclabs%2Fcreate-saas-app)
 [![License: MIT](https://img.shields.io/badge/License-MIT-yellow.svg)](https://opensource.org/licenses/MIT)
 
+## 🎉 What's New in v1.13.0
+
+### 🤖 **Complete AI Integration**
+- **Ready-to-Use Components** - AIChat, AITextGenerator, AIAudioGenerator, AIVideoGenerator now available
+- **Client-Side Configuration** - NEXT_PUBLIC_ environment variables for seamless setup
+- **Configuration Validation** - AISetupStatus component guides users through setup
+- **Enhanced TypeScript** - Complete type definitions and IntelliSense support
+
+### 🎨 **Enhanced UI Library** 
+- **6 New Components** - Switch, Slider, Textarea, Accordion, Breadcrumbs, EmptyState
+- **Fixed Glassmorphism API** - Proper `border` and `accent` properties now available
+- **Cross-Platform Ready** - Single codebase supports Next.js + React Native/Expo
+- **Node.js 18+ Support** - Broader compatibility for more environments
+
+### 🔐 **Expanded Authentication**
+- **12 OAuth Providers** - Added Microsoft, LinkedIn, Spotify, Twitch, Slack, Notion
+- **Enhanced User Types** - Comprehensive profiles with extended role system
+- **Beautiful Provider UI** - Proper branding and SVG icons for all providers
+
+### 💳 **Improved Payments**
+- **Enhanced Type System** - Better TypeScript definitions and error handling
+- **Future-Ready Foundation** - Prepared for PayPal, Apple Pay, and analytics features
+
 ## 🚀 Quick Start
 
 ```bash
@@ -131,30 +154,62 @@ Each template generates intelligent context for Claude:
 - **Code examples** - Common patterns for auth, payments, AI
 - **Environment setup** - Configuration and troubleshooting
 
-### ⚡ **AI-Powered Components**
-Templates with `--with-ai` include:
+### ⚡ **AI-Powered Components** (v3.1.1)
+Templates with `--with-ai` include complete component library:
 ```typescript
-import { AIProvider, AITextGenerator, AIChat } from '@digilogiclabs/saas-factory-ai'
-
-// Text generation
-<AITextGenerator 
-  placeholder="Generate blog content..."
-  templates={['Blog post', 'Email', 'Social media']}
-/>
-
-// AI chat interface  
-<AIChat
-  placeholder="Ask me anything..."
-  showTypingIndicator={true}
-  enableFileUpload={true}
-/>
-
-// Audio generation
-<AIAudioGenerator
-  placeholder="Describe the audio..."
-  supportedFormats={['mp3', 'wav']}
-  showWaveform={true}
-/>
+import { 
+  AIProvider, 
+  AIChat, 
+  AITextGenerator, 
+  AIAudioGenerator, 
+  AIVideoGenerator,
+  AISetupStatus,
+  getAIConfigFromEnv 
+} from '@digilogiclabs/saas-factory-ai'
+
+function App() {
+  const config = getAIConfigFromEnv()
+
+  return (
+    <AIProvider config={config}>
+      {/* Configuration validation */}
+      <AISetupStatus />
+      
+      {/* Text generation */}
+      <AITextGenerator 
+        placeholder="Generate blog content..."
+        templates={['Blog post', 'Email', 'Social media']}
+        showWordCount={true}
+        maxLength={2000}
+      />
+
+      {/* AI chat interface */}
+      <AIChat
+        placeholder="Ask me anything..."
+        showTypingIndicator={true}
+        enableFileUpload={true}
+        maxMessages={50}
+      />
+
+      {/* Audio generation */}
+      <AIAudioGenerator
+        placeholder="Describe the audio..."
+        supportedFormats={['mp3', 'wav', 'ogg']}
+        showWaveform={true}
+        maxDuration={300}
+      />
+
+      {/* Video generation */}
+      <AIVideoGenerator
+        placeholder="Describe the video..."
+        supportedFormats={['mp4', 'webm']}
+        resolution="1080p"
+        showPreview={true}
+        maxDuration={60}
+      />
+    </AIProvider>
+  )
+}
 ```
 
 ## 🚀 Deployment Made Simple
@@ -245,27 +300,40 @@ Built-in validation ensures your app is deployment-ready:
 
 ## 📦 Package Ecosystem
 
-### 🎨 **UI & Design**
-- **@digilogiclabs/saas-factory-ui** - Modern components with glassmorphism
+### 🎨 **UI & Design** (v0.18.4)
+- **@digilogiclabs/saas-factory-ui** - Modern components with enhanced glassmorphism
+- **6 New Components** - Switch, Slider, Textarea, Accordion, Breadcrumbs, EmptyState
+- **Cross-Platform Support** - Single codebase for Next.js + React Native/Expo
+- **Enhanced Glassmorphism** - Fixed API with proper `border` and `accent` properties
 - **Next.js 15.3** - App Router with Server Components  
 - **Tailwind CSS v4** - Design tokens and utility classes
-- **Responsive design** - Mobile-first with PWA support
-
-### 🔐 **Authentication**
-- **@digilogiclabs/saas-factory-auth** - Supabase Auth integration
+- **Node.js 18+ Support** - Broader compatibility range
+
+### 🔐 **Authentication** (v1.0.1)
+- **@digilogiclabs/saas-factory-auth** - Enhanced Supabase Auth integration
+- **12 OAuth Providers** - Google, GitHub, Microsoft, LinkedIn, Spotify, Twitch, Slack, Notion + more
+- **Enhanced TypeScript Types** - Comprehensive user profiles and metadata
+- **Beautiful UI Components** - Proper branding and SVG icons for all providers
+- **Extended User Roles** - owner, editor, viewer, contributor, manager, developer, analyst, support
 - **Row Level Security** - Database-level permissions
-- **Social logins** - Google, GitHub, and more
 - **Email verification** - Secure account management
 
-### 💳 **Payments**  
-- **@digilogiclabs/saas-factory-payments** - Stripe integration
-- **Subscription management** - Recurring billing and invoices
+### 💳 **Payments** (v1.1.0)
+- **@digilogiclabs/saas-factory-payments** - Enhanced Stripe integration
+- **Improved Type System** - Better TypeScript definitions with cross-platform compatibility
+- **Enhanced Error Handling** - Expanded error types for comprehensive management
+- **Better Subscription Management** - Enhanced types with additional compatibility fields
+- **Future-Ready Architecture** - Foundation for PayPal, Apple Pay, and analytics
 - **Webhook handling** - Secure payment event processing
 - **Customer portal** - Self-service billing management
 
-### 🤖 **AI Platform**
-- **@digilogiclabs/saas-factory-ai** - Multi-modal AI components
-- **@digilogiclabs/saas-factory-ai-types** - TypeScript definitions
+### 🤖 **AI Platform** (v3.1.1)
+- **@digilogiclabs/saas-factory-ai** - Complete React component library
+- **Ready-to-Use Components** - AIChat, AITextGenerator, AIAudioGenerator, AIVideoGenerator, AIProvider
+- **@digilogiclabs/saas-factory-ai-types** - Complete TypeScript definitions
+- **Client-Side Configuration** - NEXT_PUBLIC_ environment variable support
+- **Configuration Validation** - AISetupStatus component and validateAIConfig() helper
+- **Environment Helpers** - getAIConfigFromEnv() for seamless setup
 - **OpenAI integration** - GPT-4 for text and audio
 - **ElevenLabs integration** - High-quality voice synthesis
 - **Replicate integration** - Video and image generation