@digilogiclabs/create-saas-app 1.18.8 → 1.19.0

package/CHANGELOG.md

@@ -1,5 +1,34 @@
 # @digilogiclabs/create-saas-app
 
+## 1.19.0
+
+### Major Changes
+
+- 🔧 **Critical JSX-Mustache Template Processing Fix**
+  - **Issue**: JSX object literals (e.g., `style={{ flex: 1 }}`) were being incorrectly parsed as mustache variables, causing widespread syntax errors in mobile templates
+  - **Solution**: Implemented sophisticated brace-counting parser that intelligently protects JSX syntax during template processing
+  - **Impact**: Mobile template generation now works flawlessly with zero JSX syntax errors
+
+- 📦 **Package Version Updates Across All Templates**
+  - **UI Package**: `^0.25.2` → `^0.26.0` (React 18.2/19 compatibility)
+  - **Auth Package**: `^1.0.1` → `^1.0.2` (Complete profile management)
+  - **Payments Package**: `^1.1.0` → `^1.2.0` (Mobile components + missing exports)
+  - **AI Package**: `^3.0.0`/`^3.1.1` → `^4.0.1` (RAG fixes + enhanced features)
+  - **AI Types Package**: `^3.0.0` → `^4.0.1` (Enhanced RAG interfaces)
+
+### Technical Improvements
+
+- 🛠 **Enhanced Template Generator**: Added intelligent JSX object literal protection
+- 📱 **Mobile Template Stability**: Resolved 95+ TypeScript compilation errors
+- 🔄 **Cross-Platform Compatibility**: Ensured React 18.2 and 19.0 support
+- 🎯 **Template Processing**: Maintains full mustache variable functionality while protecting JSX
+
+### Bug Fixes
+
+- Fixed JSX syntax corruption in mobile templates
+- Resolved missing closing div tag in web ui-auth-payments template
+- Updated all package references to latest stable versions
+
 ## 1.18.0
 
 ### Minor Changes

package/README.md

@@ -5,7 +5,36 @@
 [![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)
 
-## 🚀 Template Generator Guide
+## ⚡ **Quick Start - High-Value Templates**
+
+Get started instantly with our most popular, production-ready templates:
+
+### **🎯 Recommended Templates**
+
+```bash
+# 💳 Complete SaaS Foundation (Payments + Auth)
+npx @digilogiclabs/create-saas-app create web ui-auth-payments my-saas-app
+
+# 🤖 AI-Powered SaaS Platform (Text, Audio, Video AI)
+npx @digilogiclabs/create-saas-app create web ui-auth-payments-ai ai-platform --with-ai=all
+
+# 🧠 AI Knowledge Base & RAG System (v4.0.0)
+npx @digilogiclabs/create-saas-app create web ui-auth-payments-ai-rag knowledge-app --with-ai=rag
+
+# 🎵 Audio Streaming SaaS (Music/Podcast Platform)
+npx @digilogiclabs/create-saas-app create web ui-auth-payments-audio music-platform
+
+# 🎬 Video Streaming SaaS (Video Platform)
+npx @digilogiclabs/create-saas-app create web ui-auth-payments-video video-studio
+
+# 📱 Mobile AI SaaS (React Native + Expo)
+npx @digilogiclabs/create-saas-app create mobile ui-auth-payments-ai mobile-ai-app --with-ai=all
+
+# 📱 Mobile RAG Knowledge App
+npx @digilogiclabs/create-saas-app create mobile ui-auth-payments-ai-rag knowledge-mobile --with-ai=rag
+```
+
+## 🚀 Complete Template Reference
 
 ### **Quick Command Reference**
 
@@ -21,33 +50,57 @@ npx @digilogiclabs/create-saas-app --help
 npx @digilogiclabs/create-saas-app create --help
 ```
 
-### **📋 All Available Templates (12 Total)**
-
-#### **🌐 Web Templates (9)**
-| Template | Description | Command |
-|----------|-------------|---------|
-| `base` | Clean Next.js 15 starter | `npx @digilogiclabs/create-saas-app create web base my-app` |
-| `ui-only` | Component library showcase | `npx @digilogiclabs/create-saas-app create web ui-only design-system` |
-| `ui-auth` | Authentication flow | `npx @digilogiclabs/create-saas-app create web ui-auth auth-app` |
-| `ui-auth-payments` | Complete SaaS foundation | `npx @digilogiclabs/create-saas-app create web ui-auth-payments saas-app` |
-| `ui-auth-ai` | Text & chat AI platform | `npx @digilogiclabs/create-saas-app create web ui-auth-ai text-ai-app --with-ai=text` |
-| `ui-auth-payments-ai` | Full AI SaaS platform | `npx @digilogiclabs/create-saas-app create web ui-auth-payments-ai ai-platform --with-ai=all` |
-| `ui-auth-payments-audio` | Audio streaming SaaS | `npx @digilogiclabs/create-saas-app create web ui-auth-payments-audio music-platform` |
-| `ui-auth-payments-video` | Video streaming SaaS | `npx @digilogiclabs/create-saas-app create web ui-auth-payments-video video-studio` |
-| `ui-package-test` | Component testing env | `npx @digilogiclabs/create-saas-app create web ui-package-test component-test` |
-
-#### **📱 Mobile Templates (3)**
-| Template | Description | Command |
-|----------|-------------|---------|
-| `base` | React Native + Expo starter | `npx @digilogiclabs/create-saas-app create mobile base mobile-app` |
-| `ui-auth-payments` | Full mobile SaaS (v0.22.0) | `npx @digilogiclabs/create-saas-app create mobile ui-auth-payments mobile-saas` |
-| `ui-auth-payments-ai` | Mobile AI SaaS with generation | `npx @digilogiclabs/create-saas-app create mobile ui-auth-payments-ai ai-mobile-app --with-ai=all` |
-
-#### **🚀 Cross-Platform Templates**
-| Template | Description | Command |
-|----------|-------------|---------|
-| `ui-auth-payments` | Web + Mobile SaaS | `npx @digilogiclabs/create-saas-app create both ui-auth-payments fullstack-app` |
-| `ui-auth-payments-ai` | Web + Mobile AI platform | `npx @digilogiclabs/create-saas-app create both ui-auth-payments-ai ai-fullstack --with-ai=all` |
+### **📋 All Available Templates (16 Total)**
+
+#### **🌐 Web Templates (11)**
+
+**💎 Premium SaaS Templates**
+| Template | Description | Features | Command |
+|----------|-------------|----------|---------|
+| `ui-auth-payments` | **Complete SaaS Foundation** | Auth + Payments + Dashboard | `npx @digilogiclabs/create-saas-app create web ui-auth-payments my-saas` |
+| `ui-auth-payments-ai` | **AI-Powered SaaS Platform** | Full AI Suite (Text, Audio, Video) | `npx @digilogiclabs/create-saas-app create web ui-auth-payments-ai ai-platform --with-ai=all` |
+| `ui-auth-payments-ai-rag` | **🧠 AI Knowledge Base & RAG** | Smart Document Processing v4.0.0 | `npx @digilogiclabs/create-saas-app create web ui-auth-payments-ai-rag knowledge-app --with-ai=rag` |
+| `ui-auth-payments-audio` | **🎵 Audio Streaming SaaS** | Music/Podcast Platform | `npx @digilogiclabs/create-saas-app create web ui-auth-payments-audio music-platform` |
+| `ui-auth-payments-video` | **🎬 Video Streaming SaaS** | Video Platform & Studio | `npx @digilogiclabs/create-saas-app create web ui-auth-payments-video video-studio` |
+
+**🚀 Starter Templates**
+| Template | Description | Features | Command |
+|----------|-------------|----------|---------|
+| `base` | Clean Next.js 15 starter | Minimal setup | `npx @digilogiclabs/create-saas-app create web base my-app` |
+| `ui-only` | Component library showcase | Design system | `npx @digilogiclabs/create-saas-app create web ui-only design-system` |
+| `ui-auth` | Authentication flow | Auth + Dashboard | `npx @digilogiclabs/create-saas-app create web ui-auth auth-app` |
+| `ui-auth-ai` | Text & chat AI platform | Basic AI features | `npx @digilogiclabs/create-saas-app create web ui-auth-ai text-ai-app --with-ai=text` |
+| `ui-package-test` | Component testing env | Development testing | `npx @digilogiclabs/create-saas-app create web ui-package-test component-test` |
+
+#### **📱 Mobile Templates (5)**
+
+**💎 Premium Mobile SaaS**
+| Template | Description | Features | Command |
+|----------|-------------|----------|---------|
+| `ui-auth-payments` | **Full Mobile SaaS** | Auth + Payments + Native UI | `npx @digilogiclabs/create-saas-app create mobile ui-auth-payments mobile-saas` |
+| `ui-auth-payments-ai` | **📱 Mobile AI SaaS** | Native AI with Voice/Camera | `npx @digilogiclabs/create-saas-app create mobile ui-auth-payments-ai ai-mobile-app --with-ai=all` |
+| `ui-auth-payments-ai-rag` | **📱 Mobile Knowledge App** | Offline RAG + Document Scanning | `npx @digilogiclabs/create-saas-app create mobile ui-auth-payments-ai-rag knowledge-mobile --with-ai=rag` |
+
+**🚀 Mobile Starters**
+| Template | Description | Features | Command |
+|----------|-------------|----------|---------|
+| `base` | React Native + Expo starter | Minimal mobile setup | `npx @digilogiclabs/create-saas-app create mobile base mobile-app` |
+
+### **🤖 AI Capabilities Reference**
+
+**AI Template Options (`--with-ai`)**
+| Capability | Description | Includes | Best For |
+|------------|-------------|----------|----------|
+| `text` | Text generation & chat | OpenAI GPT, Claude, Gemini | Content creation, chatbots |
+| `audio` | Audio processing & generation | Speech-to-text, text-to-speech, music | Podcasts, music platforms |
+| `video` | Video processing & generation | Video editing, generation, streaming | Video platforms, content creation |
+| `rag` | **🧠 RAG Knowledge System v4.0.0** | Vector search, document processing, Q&A | Knowledge bases, AI assistants |
+| `all` | Complete AI suite | All above capabilities | Full AI platforms |
+
+**Available AI Providers (`--ai-provider`)**
+- `openai` (default) - GPT-4, DALL-E, Whisper
+- `anthropic` - Claude Sonnet/Haiku
+- `gemini` - Google Gemini Pro
 
 ### **🛠 CLI Options**
 
@@ -72,27 +125,59 @@ npx @digilogiclabs/create-saas-app create --help
 -y, --yes                    # Skip interactive prompts
 ```
 
-### **💡 Usage Examples**
+### **💡 Real-World Examples**
 
-#### **Beginner: Interactive Mode**
+#### **🚀 Beginner: Interactive Mode**
 ```bash
 # Let the CLI guide you through all options
 npx @digilogiclabs/create-saas-app create
 ```
 
-#### **Advanced: Direct Commands**
+#### **🎯 Business Use Cases**
+
+**💼 SaaS Startup**
 ```bash
-# Full AI platform with all features
-npx @digilogiclabs/create-saas-app create web ui-auth-payments-ai my-ai-saas \
-  --with-ai=all \
-  --ai-provider=openai \
+# Complete SaaS foundation with payments
+npx @digilogiclabs/create-saas-app create web ui-auth-payments my-startup \
   --theme=startup \
   --theme-color=purple \
   --auth=supabase \
   --database=supabase
+```
+
+**🤖 AI Content Platform**
+```bash
+# Full AI platform with all capabilities
+npx @digilogiclabs/create-saas-app create web ui-auth-payments-ai content-ai \
+  --with-ai=all \
+  --ai-provider=openai \
+  --theme=corporate \
+  --theme-color=blue
+```
 
-# Mobile-first AI app
-npx @digilogiclabs/create-saas-app create mobile ui-auth-payments-ai mobile-ai-app \
+**🧠 Knowledge Base & AI Assistant**
+```bash
+# RAG-powered knowledge platform
+npx @digilogiclabs/create-saas-app create web ui-auth-payments-ai-rag knowledge-base \
+  --with-ai=rag \
+  --ai-provider=anthropic \
+  --theme=startup \
+  --theme-color=green
+```
+
+**🎵 Music Streaming Platform**
+```bash
+# Audio streaming SaaS like Spotify
+npx @digilogiclabs/create-saas-app create web ui-auth-payments-audio music-stream \
+  --theme=default \
+  --theme-color=orange \
+  --auth=supabase
+```
+
+**📱 Mobile-First AI App**
+```bash
+# Native mobile AI app with offline capabilities
+npx @digilogiclabs/create-saas-app create mobile ui-auth-payments-ai mobile-ai \
   --with-ai=all \
   --theme=corporate \
   --theme-color=blue \