@digilogiclabs/create-saas-app 1.6.3 → 1.6.5

package/dist/templates/web/ui-auth/template/src/app/page.tsx

@@ -22,6 +22,23 @@ export default function Home() {
   const networkInfo = useNetworkInfo()
   const isOnline = useOfflineState()
 
+  const projectName = "{{titleCaseName}}"
+  const projectDescription = "{{description}}"
+  
+  const heroConfig = {
+    badge: {
+      text: "UI Package v0.13.0 + Auth v1.0.0 - Cross-Device Ready",
+      variant: "secondary" as const,
+      icon: CheckCircle
+    },
+    title: {
+      text: `Welcome to ${projectName}`,
+      highlight: projectName,
+      size: "xl" as const
+    },
+    description: `${projectDescription}. This mobile-optimized template uses SaaS Factory UI package v0.13.0 with cross-device authentication v1.0.0.`
+  }
+
   const handleSignOut = async () => {
     try {
       await signOut()
@@ -87,17 +104,9 @@ export default function Home() {
 
         {/* Hero Section */}
         <MobileHero
-          badge={{
-            text: "UI Package v0.13.0 + Auth v1.0.0 - Cross-Device Ready",
-            variant: "secondary",
-            icon: CheckCircle
-          }}
-          title={{
-            text: "Welcome to {{titleCaseName}}",
-            highlight: "{{titleCaseName}}",
-            size: "xl"
-          }}
-          description="{{description}}. This mobile-optimized template uses SaaS Factory UI package v0.13.0 with cross-device authentication v1.0.0."
+          badge={heroConfig.badge}
+          title={heroConfig.title}
+          description={heroConfig.description}
           actions={[
             {
               label: "Get Started",

package/dist/templates/web/ui-auth-payments/template/src/app/page.tsx

@@ -25,6 +25,23 @@ export default function Home() {
   const networkInfo = useNetworkInfo()
   const isOnline = useOfflineState()
   const [isRefreshing, setIsRefreshing] = useState(false)
+  
+  const projectName = "{{titleCaseName}}"
+  const projectDescription = "{{description}}"
+  
+  const heroConfig = {
+    badge: {
+      text: "UI Package v0.13.0 + Auth v1.0.0 + Payments - Mobile-First Ready",
+      variant: "secondary" as const,
+      icon: CheckCircle
+    },
+    title: {
+      text: `Welcome to ${projectName}`,
+      highlight: projectName,
+      size: "xl" as const
+    },
+    description: `${projectDescription}. This mobile-optimized template uses SaaS Factory UI package v0.13.0 with cross-device authentication v1.0.0 and touch-friendly payments integration.`
+  }
 
   const handleSignOut = async () => {
     try {
@@ -105,17 +122,9 @@ export default function Home() {
 
         {/* Hero Section */}
         <MobileHero
-          badge={{
-            text: "UI Package v0.13.0 + Auth v1.0.0 + Payments - Mobile-First Ready",
-            variant: "secondary",
-            icon: CheckCircle
-          }}
-          title={{
-            text: "Welcome to {{titleCaseName}}",
-            highlight: "{{titleCaseName}}",
-            size: "xl"
-          }}
-          description="{{description}}. This mobile-optimized template uses SaaS Factory UI package v0.13.0 with cross-device authentication v1.0.0 and touch-friendly payments integration."
+          badge={heroConfig.badge}
+          title={heroConfig.title}
+          description={heroConfig.description}
           actions={[
             {
               label: "View Pricing",

package/dist/templates/web/ui-auth-payments/template/src/components/shared/header.tsx

@@ -18,6 +18,21 @@ export function Header() {
   const networkInfo = useNetworkInfo();
   const isOnline = useOfflineState();
   
+  const projectName = "{{titleCaseName}}";
+  
+  const headerConfig = {
+    logo: {
+      text: projectName,
+      href: '/',
+      className: 'text-2xl font-bold'
+    },
+    networkStatus: {
+      isOnline,
+      connectionType: networkInfo?.effectiveType,
+      showIndicator: true
+    }
+  };
+  
   const handleSignOut = async () => {
     try {
       await signOut();
@@ -98,11 +113,7 @@ export function Header() {
       )}
 
       <ResponsiveHeader
-        logo={{
-          text: '{{titleCaseName}}',
-          href: '/',
-          className: 'text-2xl font-bold'
-        }}
+        logo={headerConfig.logo}
         navigationItems={navigationItems}
         actions={authActions}
         showThemeToggle={true}
@@ -116,11 +127,7 @@ export function Header() {
             hapticFeedback={true}
           />
         }
-        networkStatus={{
-          isOnline,
-          connectionType: networkInfo?.effectiveType,
-          showIndicator: true
-        }}
+        networkStatus={headerConfig.networkStatus}
       />
     </>
   );

package/dist/templates/web/ui-auth-payments-audio/template/src/app/page.tsx

@@ -28,6 +28,20 @@ export default function Home() {
   
   const projectName = "{{titleCaseName}}"
   const projectDescription = "{{description}}"
+  
+  const heroConfig = {
+    badge: {
+      text: "Audio Player App - UI Package v0.13.0 + Auth v1.0.0 + Payments Integrated Successfully",
+      variant: "secondary" as const,
+      icon: CheckCircle
+    },
+    title: {
+      text: `Welcome to ${projectName}`,
+      highlight: projectName,
+      size: "xl" as const
+    },
+    description: `${projectDescription}. This mobile-optimized audio streaming app template uses SaaS Factory UI package v0.13.0 with touch-friendly audio player components, authentication v1.0.0 and payments integration.`
+  }
 
   const handleSignOut = async () => {
     try {
@@ -108,17 +122,9 @@ export default function Home() {
 
         {/* Hero Section */}
         <MobileHero
-          badge={{
-            text: "Audio Player App - UI Package v0.13.0 + Auth v1.0.0 + Payments Integrated Successfully",
-            variant: "secondary",
-            icon: CheckCircle
-          }}
-          title={{
-            text: `Welcome to ${projectName}`,
-            highlight: projectName,
-            size: "xl"
-          }}
-          description={`${projectDescription}. This mobile-optimized audio streaming app template uses SaaS Factory UI package v0.13.0 with touch-friendly audio player components, authentication v1.0.0 and payments integration.`}
+          badge={heroConfig.badge}
+          title={heroConfig.title}
+          description={heroConfig.description}
           actions={[
             {
               label: "View Pricing",

package/dist/templates/web/ui-auth-payments-audio/template/src/components/shared/header.tsx

@@ -20,6 +20,24 @@ export function Header() {
   
   const projectName = "{{titleCaseName}}";
   
+  const headerConfig = {
+    logo: {
+      text: projectName,
+      href: '/',
+      className: 'text-2xl font-bold flex items-center gap-2',
+      icon: <Music className="w-6 h-6" />
+    },
+    networkStatus: {
+      isOnline,
+      connectionType: networkInfo?.effectiveType,
+      showIndicator: true,
+      customLabels: {
+        online: 'Streaming Ready',
+        offline: 'Offline Mode'
+      }
+    }
+  };
+  
   const handleSignOut = async () => {
     try {
       await signOut();
@@ -121,12 +139,7 @@ export function Header() {
       )}
 
       <ResponsiveHeader
-        logo={{
-          text: projectName,
-          href: '/',
-          className: 'text-2xl font-bold flex items-center gap-2',
-          icon: <Music className="w-6 h-6" />
-        }}
+        logo={headerConfig.logo}
         navigationItems={navigationItems}
         actions={authActions}
         showThemeToggle={true}
@@ -140,15 +153,7 @@ export function Header() {
             hapticFeedback={true}
           />
         }
-        networkStatus={{
-          isOnline,
-          connectionType: networkInfo?.effectiveType,
-          showIndicator: true,
-          customLabels: {
-            online: 'Streaming Ready',
-            offline: 'Offline Mode'
-          }
-        }}
+        networkStatus={headerConfig.networkStatus}
       />
     </>
   );

package/dist/templates/web/ui-auth-payments-video/template/src/app/page.tsx

@@ -26,6 +26,23 @@ export default function Home() {
   const networkInfo = useNetworkInfo()
   const isOnline = useOfflineState()
   const [isRefreshing, setIsRefreshing] = useState(false)
+  
+  const projectName = "{{titleCaseName}}"
+  const projectDescription = "{{description}}"
+  
+  const heroConfig = {
+    badge: {
+      text: "Video Player App - UI Package v0.13.0 + Auth v1.0.0 + Payments Integrated Successfully",
+      variant: "secondary" as const,
+      icon: CheckCircle
+    },
+    title: {
+      text: `Welcome to ${projectName}`,
+      highlight: projectName,
+      size: "xl" as const
+    },
+    description: `${projectDescription}. This mobile-optimized video streaming app template uses SaaS Factory UI package v0.13.0 with video player components, authentication v1.0.0 and payments integration.`
+  }
 
   const handleSignOut = async () => {
     try {
@@ -108,17 +125,9 @@ export default function Home() {
         </div>
 
         <MobileHero
-          badge={{
-            text: "Video Player App - UI Package v0.13.0 + Auth v1.0.0 + Payments Integrated Successfully",
-            variant: "secondary",
-            icon: CheckCircle
-          }}
-          title={{
-            text: "Welcome to {{titleCaseName}}",
-            highlight: "{{titleCaseName}}",
-            size: "xl"
-          }}
-          description="{{description}}. This mobile-first video streaming app template uses SaaS Factory UI package v0.13.0 with touch-optimized video player components, authentication v1.0.0 and payments integration."
+          badge={heroConfig.badge}
+          title={heroConfig.title}
+          description={heroConfig.description}
           actions={[
             {
               label: "Start Watching",

package/dist/templates/web/ui-auth-payments-video/template/src/components/shared/header.tsx

@@ -18,6 +18,26 @@ export function Header() {
   const networkInfo = useNetworkInfo();
   const isOnline = useOfflineState();
   
+  const projectName = "{{titleCaseName}}";
+  
+  const headerConfig = {
+    logo: {
+      text: projectName,
+      href: '/',
+      className: 'text-2xl font-bold flex items-center gap-2',
+      icon: <Play className="w-6 h-6" />
+    },
+    networkStatus: {
+      isOnline,
+      connectionType: networkInfo?.effectiveType,
+      showIndicator: true,
+      customLabels: {
+        online: 'Streaming Ready',
+        offline: 'Offline Mode'
+      }
+    }
+  };
+
   const handleSignOut = async () => {
     try {
       await signOut();
@@ -119,12 +139,7 @@ export function Header() {
       )}
 
       <ResponsiveHeader
-        logo={{
-          text: '{{titleCaseName}}',
-          href: '/',
-          className: 'text-2xl font-bold flex items-center gap-2',
-          icon: <Play className="w-6 h-6" />
-        }}
+        logo={headerConfig.logo}
         navigationItems={navigationItems}
         actions={authActions}
         showThemeToggle={true}
@@ -138,15 +153,7 @@ export function Header() {
             hapticFeedback={true}
           />
         }
-        networkStatus={{
-          isOnline,
-          connectionType: networkInfo?.effectiveType,
-          showIndicator: true,
-          customLabels: {
-            online: 'Streaming Ready',
-            offline: 'Offline Mode'
-          }
-        }}
+        networkStatus={headerConfig.networkStatus}
       />
     </>
   );

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@digilogiclabs/create-saas-app",
-  "version": "1.6.3",
+  "version": "1.6.5",
   "description": "Create modern SaaS applications with Digi Logic Labs packages",
   "main": "dist/cli/index.js",
   "bin": {

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

@@ -18,6 +18,22 @@ import Link from 'next/link'
 
 export default function Home() {
   const { user, signOut } = useAuth()
+  
+  const projectName = "{{titleCaseName}}"
+  const projectDescription = "{{description}}"
+  
+  const heroConfig = {
+    badge: {
+      text: "Built with Digi Logic Labs",
+      variant: "secondary" as const
+    },
+    title: {
+      text: `Welcome to ${projectName}`,
+      highlight: projectName,
+      size: "xl" as const
+    },
+    description: `${projectDescription}. Get started by editing src/app/page.tsx`
+  }
 
   return (
     <PageTransition type="fade" duration={300}>
@@ -25,16 +41,9 @@ export default function Home() {
         <MobileContainer className="py-16">
         {/* Hero Section */}
         <MobileHero
-          badge={{
-            text: "Built with Digi Logic Labs",
-            variant: "secondary"
-          }}
-          title={{
-            text: "Welcome to {{titleCaseName}}",
-            highlight: "{{titleCaseName}}",
-            size: "xl"
-          }}
-          description="{{description}}. Get started by editing src/app/page.tsx"
+          badge={heroConfig.badge}
+          title={heroConfig.title}
+          description={heroConfig.description}
           actions={!user ? [
             {
               label: "Get Started",

package/src/templates/web/ui-auth/template/src/app/page.tsx

@@ -22,6 +22,23 @@ export default function Home() {
   const networkInfo = useNetworkInfo()
   const isOnline = useOfflineState()
 
+  const projectName = "{{titleCaseName}}"
+  const projectDescription = "{{description}}"
+  
+  const heroConfig = {
+    badge: {
+      text: "UI Package v0.13.0 + Auth v1.0.0 - Cross-Device Ready",
+      variant: "secondary" as const,
+      icon: CheckCircle
+    },
+    title: {
+      text: `Welcome to ${projectName}`,
+      highlight: projectName,
+      size: "xl" as const
+    },
+    description: `${projectDescription}. This mobile-optimized template uses SaaS Factory UI package v0.13.0 with cross-device authentication v1.0.0.`
+  }
+
   const handleSignOut = async () => {
     try {
       await signOut()
@@ -87,17 +104,9 @@ export default function Home() {
 
         {/* Hero Section */}
         <MobileHero
-          badge={{
-            text: "UI Package v0.13.0 + Auth v1.0.0 - Cross-Device Ready",
-            variant: "secondary",
-            icon: CheckCircle
-          }}
-          title={{
-            text: "Welcome to {{titleCaseName}}",
-            highlight: "{{titleCaseName}}",
-            size: "xl"
-          }}
-          description="{{description}}. This mobile-optimized template uses SaaS Factory UI package v0.13.0 with cross-device authentication v1.0.0."
+          badge={heroConfig.badge}
+          title={heroConfig.title}
+          description={heroConfig.description}
           actions={[
             {
               label: "Get Started",

package/src/templates/web/ui-auth-payments/template/src/app/page.tsx

@@ -25,6 +25,23 @@ export default function Home() {
   const networkInfo = useNetworkInfo()
   const isOnline = useOfflineState()
   const [isRefreshing, setIsRefreshing] = useState(false)
+  
+  const projectName = "{{titleCaseName}}"
+  const projectDescription = "{{description}}"
+  
+  const heroConfig = {
+    badge: {
+      text: "UI Package v0.13.0 + Auth v1.0.0 + Payments - Mobile-First Ready",
+      variant: "secondary" as const,
+      icon: CheckCircle
+    },
+    title: {
+      text: `Welcome to ${projectName}`,
+      highlight: projectName,
+      size: "xl" as const
+    },
+    description: `${projectDescription}. This mobile-optimized template uses SaaS Factory UI package v0.13.0 with cross-device authentication v1.0.0 and touch-friendly payments integration.`
+  }
 
   const handleSignOut = async () => {
     try {
@@ -105,17 +122,9 @@ export default function Home() {
 
         {/* Hero Section */}
         <MobileHero
-          badge={{
-            text: "UI Package v0.13.0 + Auth v1.0.0 + Payments - Mobile-First Ready",
-            variant: "secondary",
-            icon: CheckCircle
-          }}
-          title={{
-            text: "Welcome to {{titleCaseName}}",
-            highlight: "{{titleCaseName}}",
-            size: "xl"
-          }}
-          description="{{description}}. This mobile-optimized template uses SaaS Factory UI package v0.13.0 with cross-device authentication v1.0.0 and touch-friendly payments integration."
+          badge={heroConfig.badge}
+          title={heroConfig.title}
+          description={heroConfig.description}
           actions={[
             {
               label: "View Pricing",

package/src/templates/web/ui-auth-payments/template/src/components/shared/header.tsx

@@ -18,6 +18,21 @@ export function Header() {
   const networkInfo = useNetworkInfo();
   const isOnline = useOfflineState();
   
+  const projectName = "{{titleCaseName}}";
+  
+  const headerConfig = {
+    logo: {
+      text: projectName,
+      href: '/',
+      className: 'text-2xl font-bold'
+    },
+    networkStatus: {
+      isOnline,
+      connectionType: networkInfo?.effectiveType,
+      showIndicator: true
+    }
+  };
+  
   const handleSignOut = async () => {
     try {
       await signOut();
@@ -98,11 +113,7 @@ export function Header() {
       )}
 
       <ResponsiveHeader
-        logo={{
-          text: '{{titleCaseName}}',
-          href: '/',
-          className: 'text-2xl font-bold'
-        }}
+        logo={headerConfig.logo}
         navigationItems={navigationItems}
         actions={authActions}
         showThemeToggle={true}
@@ -116,11 +127,7 @@ export function Header() {
             hapticFeedback={true}
           />
         }
-        networkStatus={{
-          isOnline,
-          connectionType: networkInfo?.effectiveType,
-          showIndicator: true
-        }}
+        networkStatus={headerConfig.networkStatus}
       />
     </>
   );

package/src/templates/web/ui-auth-payments-audio/template/src/app/page.tsx

@@ -28,6 +28,20 @@ export default function Home() {
   
   const projectName = "{{titleCaseName}}"
   const projectDescription = "{{description}}"
+  
+  const heroConfig = {
+    badge: {
+      text: "Audio Player App - UI Package v0.13.0 + Auth v1.0.0 + Payments Integrated Successfully",
+      variant: "secondary" as const,
+      icon: CheckCircle
+    },
+    title: {
+      text: `Welcome to ${projectName}`,
+      highlight: projectName,
+      size: "xl" as const
+    },
+    description: `${projectDescription}. This mobile-optimized audio streaming app template uses SaaS Factory UI package v0.13.0 with touch-friendly audio player components, authentication v1.0.0 and payments integration.`
+  }
 
   const handleSignOut = async () => {
     try {
@@ -108,17 +122,9 @@ export default function Home() {
 
         {/* Hero Section */}
         <MobileHero
-          badge={{
-            text: "Audio Player App - UI Package v0.13.0 + Auth v1.0.0 + Payments Integrated Successfully",
-            variant: "secondary",
-            icon: CheckCircle
-          }}
-          title={{
-            text: `Welcome to ${projectName}`,
-            highlight: projectName,
-            size: "xl"
-          }}
-          description={`${projectDescription}. This mobile-optimized audio streaming app template uses SaaS Factory UI package v0.13.0 with touch-friendly audio player components, authentication v1.0.0 and payments integration.`}
+          badge={heroConfig.badge}
+          title={heroConfig.title}
+          description={heroConfig.description}
           actions={[
             {
               label: "View Pricing",

package/src/templates/web/ui-auth-payments-audio/template/src/components/shared/header.tsx

@@ -20,6 +20,24 @@ export function Header() {
   
   const projectName = "{{titleCaseName}}";
   
+  const headerConfig = {
+    logo: {
+      text: projectName,
+      href: '/',
+      className: 'text-2xl font-bold flex items-center gap-2',
+      icon: <Music className="w-6 h-6" />
+    },
+    networkStatus: {
+      isOnline,
+      connectionType: networkInfo?.effectiveType,
+      showIndicator: true,
+      customLabels: {
+        online: 'Streaming Ready',
+        offline: 'Offline Mode'
+      }
+    }
+  };
+  
   const handleSignOut = async () => {
     try {
       await signOut();
@@ -121,12 +139,7 @@ export function Header() {
       )}
 
       <ResponsiveHeader
-        logo={{
-          text: projectName,
-          href: '/',
-          className: 'text-2xl font-bold flex items-center gap-2',
-          icon: <Music className="w-6 h-6" />
-        }}
+        logo={headerConfig.logo}
         navigationItems={navigationItems}
         actions={authActions}
         showThemeToggle={true}
@@ -140,15 +153,7 @@ export function Header() {
             hapticFeedback={true}
           />
         }
-        networkStatus={{
-          isOnline,
-          connectionType: networkInfo?.effectiveType,
-          showIndicator: true,
-          customLabels: {
-            online: 'Streaming Ready',
-            offline: 'Offline Mode'
-          }
-        }}
+        networkStatus={headerConfig.networkStatus}
       />
     </>
   );

package/src/templates/web/ui-auth-payments-video/template/src/app/page.tsx

@@ -26,6 +26,23 @@ export default function Home() {
   const networkInfo = useNetworkInfo()
   const isOnline = useOfflineState()
   const [isRefreshing, setIsRefreshing] = useState(false)
+  
+  const projectName = "{{titleCaseName}}"
+  const projectDescription = "{{description}}"
+  
+  const heroConfig = {
+    badge: {
+      text: "Video Player App - UI Package v0.13.0 + Auth v1.0.0 + Payments Integrated Successfully",
+      variant: "secondary" as const,
+      icon: CheckCircle
+    },
+    title: {
+      text: `Welcome to ${projectName}`,
+      highlight: projectName,
+      size: "xl" as const
+    },
+    description: `${projectDescription}. This mobile-optimized video streaming app template uses SaaS Factory UI package v0.13.0 with video player components, authentication v1.0.0 and payments integration.`
+  }
 
   const handleSignOut = async () => {
     try {
@@ -108,17 +125,9 @@ export default function Home() {
         </div>
 
         <MobileHero
-          badge={{
-            text: "Video Player App - UI Package v0.13.0 + Auth v1.0.0 + Payments Integrated Successfully",
-            variant: "secondary",
-            icon: CheckCircle
-          }}
-          title={{
-            text: "Welcome to {{titleCaseName}}",
-            highlight: "{{titleCaseName}}",
-            size: "xl"
-          }}
-          description="{{description}}. This mobile-first video streaming app template uses SaaS Factory UI package v0.13.0 with touch-optimized video player components, authentication v1.0.0 and payments integration."
+          badge={heroConfig.badge}
+          title={heroConfig.title}
+          description={heroConfig.description}
           actions={[
             {
               label: "Start Watching",