@digilogiclabs/create-saas-app 2.7.3 → 2.8.1

package/src/templates/shared/observability/web/src/lib/observability.ts

@@ -1,4 +1,5 @@
 import { getClientIp } from '@digilogiclabs/platform-core/auth';
+import type { AuditEvent, AuditCategory } from '@digilogiclabs/platform-core';
 
 /**
  * Observability helpers — audit logging, error reporting, metrics.
@@ -13,22 +14,11 @@ const SERVICE_NAME = 'my-app';
 
 // ─── Lazy Singletons ────────────────────────────────────────
 
-let auditLogPromise: Promise<AuditLogger> | null = null;
-
 interface AuditLogger {
-  log(event: AuditEvent): Promise<void>;
+  log(event: AuditEvent): Promise<unknown>;
 }
 
-interface AuditEvent {
-  action: string;
-  actor: { id: string; type: string; email?: string };
-  resource?: { type: string; id?: string };
-  outcome: 'success' | 'failure' | 'blocked';
-  metadata?: Record<string, unknown>;
-  category?: string;
-  ip?: string;
-  userAgent?: string;
-}
+let auditLogPromise: Promise<AuditLogger> | null = null;
 
 async function getAuditLog(): Promise<AuditLogger> {
   if (!auditLogPromise) {
@@ -37,7 +27,7 @@ async function getAuditLog(): Promise<AuditLogger> {
         const { getPlatform } = await import('@/lib/platform');
         const platform = await getPlatform();
         const { DatabaseAuditLog } = await import('@digilogiclabs/platform-core');
-        return new DatabaseAuditLog(platform.db, { serviceName: SERVICE_NAME });
+        return new DatabaseAuditLog({ database: platform.db, serviceName: SERVICE_NAME });
       } catch {
         return {
           log: async (event: AuditEvent) => {
@@ -67,7 +57,7 @@ export function auditAction(params: {
   actorEmail?: string;
   resourceType?: string;
   resourceId?: string;
-  outcome?: 'success' | 'failure' | 'blocked';
+  outcome?: 'success' | 'failure' | 'denied' | 'error';
   metadata?: Record<string, unknown>;
   request?: Request;
 }): void {
@@ -81,14 +71,16 @@ export function auditAction(params: {
           type: params.actorId === 'system' ? 'system' : 'user',
           email: params.actorEmail,
         },
-        resource: params.resourceType
+        target: params.resourceType
           ? { type: params.resourceType, id: params.resourceId }
           : undefined,
         outcome: params.outcome || 'success',
-        metadata: params.metadata,
+        data: {
+          ...params.metadata,
+          ip: params.request ? getClientIp(params.request) : undefined,
+          userAgent: params.request ? getUserAgent(params.request) : undefined,
+        },
         category,
-        ip: params.request ? getClientIp(params.request) : undefined,
-        userAgent: params.request ? getUserAgent(params.request) : undefined,
       })
     )
     .catch(() => {});
@@ -124,12 +116,12 @@ export function captureError(error: unknown, context?: Record<string, unknown>):
 
 // ─── Helpers ─────────────────────────────────────────────────
 
-function inferCategory(action: string): string {
-  if (action.startsWith('admin.')) return 'admin';
+function inferCategory(action: string): AuditCategory {
+  if (action.startsWith('admin.')) return 'admin_action';
   if (action.startsWith('payment.')) return 'billing';
   if (action.startsWith('account.')) return 'data_mutation';
   if (action.startsWith('auth.')) return 'authentication';
   if (action.startsWith('cron.')) return 'system';
   if (action.startsWith('security.')) return 'security';
-  return 'general';
+  return 'custom';
 }

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

@@ -1,27 +1,17 @@
-'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>
-  )
-}
+'use client'
+
+import { ThemeProvider } from 'next-themes'
+import { Toaster } from '@digilogiclabs/saas-factory-ui'
+
+interface AppProvidersProps {
+  children: React.ReactNode
+}
+
+export function AppProviders({ children }: AppProvidersProps) {
+  return (
+    <ThemeProvider attribute="class" defaultTheme="system" enableSystem disableTransitionOnChange>
+      {children}
+      <Toaster />
+    </ThemeProvider>
+  )
+}

package/src/templates/web/base/template/package.json

@@ -38,10 +38,8 @@
     "@types/node": "^20.0.0",
     "@types/react": "^19.0.0",
     "@types/react-dom": "^19.0.0",
-    "eslint": "^8.0.0",
+    "eslint": "^9.0.0",
     "eslint-config-next": "^15.0.0",
-    "@typescript-eslint/eslint-plugin": "^6.0.0",
-    "@typescript-eslint/parser": "^6.0.0",
     "prettier": "^3.0.0",
     "prettier-plugin-tailwindcss": "^0.5.0",
     "vitest": "^1.0.0",

package/src/templates/web/base/template/src/app/auth/callback/route.ts

@@ -1,18 +1,32 @@
-import { createRouteHandlerClient } from '@supabase/auth-helpers-nextjs';
-import { cookies } from 'next/headers';
-import { NextResponse } from 'next/server';
-
-import type { NextRequest } from 'next/server';
-
-export async function GET(request: NextRequest) {
-  const requestUrl = new URL(request.url);
-  const code = requestUrl.searchParams.get('code');
-
-  if (code) {
-    const supabase = createRouteHandlerClient({ cookies });
-    await supabase.auth.exchangeCodeForSession(code);
-  }
-
-  // URL to redirect to after sign in process completes
-  return NextResponse.redirect(requestUrl.origin);
-}
+import { createServerClient } from '@supabase/ssr';
+import { cookies } from 'next/headers';
+import { NextResponse } from 'next/server';
+
+import type { NextRequest } from 'next/server';
+
+export async function GET(request: NextRequest) {
+  const requestUrl = new URL(request.url);
+  const code = requestUrl.searchParams.get('code');
+
+  if (code) {
+    const cookieStore = await cookies();
+    const supabase = createServerClient(
+      process.env.NEXT_PUBLIC_SUPABASE_URL!,
+      process.env.NEXT_PUBLIC_SUPABASE_ANON_KEY!,
+      {
+        cookies: {
+          getAll: () => cookieStore.getAll(),
+          setAll: (cookiesToSet) => {
+            cookiesToSet.forEach(({ name, value, options }) =>
+              cookieStore.set(name, value, options)
+            );
+          },
+        },
+      }
+    );
+    await supabase.auth.exchangeCodeForSession(code);
+  }
+
+  // URL to redirect to after sign in process completes
+  return NextResponse.redirect(requestUrl.origin);
+}

package/src/templates/web/base/template/src/app/globals.css

@@ -1,157 +1,158 @@
-@tailwind base;
-@tailwind components;
-@tailwind utilities;
-
-/* Import SaaS Factory UI styles */
-@import '@digilogiclabs/saas-factory-ui/styles.css';
-
-@layer base {
-  :root {
-    --background: 0 0% 100%;
-    --foreground: 222.2 84% 4.9%;
-    --card: 0 0% 100%;
-    --card-foreground: 222.2 84% 4.9%;
-    --popover: 0 0% 100%;
-    --popover-foreground: 222.2 84% 4.9%;
-    --primary: 221.2 83.2% 53.3%;
-    --primary-foreground: 210 40% 98%;
-    --secondary: 210 40% 96%;
-    --secondary-foreground: 222.2 84% 4.9%;
-    --muted: 210 40% 96%;
-    --muted-foreground: 215.4 16.3% 46.9%;
-    --accent: 210 40% 96%;
-    --accent-foreground: 222.2 84% 4.9%;
-    --destructive: 0 84.2% 60.2%;
-    --destructive-foreground: 210 40% 98%;
-    --border: 214.3 31.8% 91.4%;
-    --input: 214.3 31.8% 91.4%;
-    --ring: 221.2 83.2% 53.3%;
-    --radius: 0.5rem;
-  }
-
-  .dark {
-    --background: 222.2 84% 4.9%;
-    --foreground: 210 40% 98%;
-    --card: 222.2 84% 4.9%;
-    --card-foreground: 210 40% 98%;
-    --popover: 222.2 84% 4.9%;
-    --popover-foreground: 210 40% 98%;
-    --primary: 217.2 91.2% 59.8%;
-    --primary-foreground: 222.2 84% 4.9%;
-    --secondary: 217.2 32.6% 17.5%;
-    --secondary-foreground: 210 40% 98%;
-    --muted: 217.2 32.6% 17.5%;
-    --muted-foreground: 215 20.2% 65.1%;
-    --accent: 217.2 32.6% 17.5%;
-    --accent-foreground: 210 40% 98%;
-    --destructive: 0 62.8% 30.6%;
-    --destructive-foreground: 210 40% 98%;
-    --border: 217.2 32.6% 17.5%;
-    --input: 217.2 32.6% 17.5%;
-    --ring: 224.3 76.3% 94.1%;
-  }
-}
-
-@layer base {
-  * {
-    @apply border-border;
-  }
-  
-  body {
-    @apply bg-background text-foreground;
-  }
-}
-
-/* Mobile-first optimizations */
-@media (max-width: 768px) {
-  .mobile-optimized {
-    touch-action: manipulation;
-    -webkit-tap-highlight-color: transparent;
-  }
-  
-  /* Better touch targets */
-  button, 
-  a, 
-  input, 
-  select, 
-  textarea {
-    min-height: 44px;
-    min-width: 44px;
-  }
-  
-  /* Smooth scrolling for mobile */
-  html {
-    scroll-behavior: smooth;
-    -webkit-overflow-scrolling: touch;
-  }
-}
-
-/* Network-aware styles */
-@media (prefers-reduced-data: reduce) {
-  .high-bandwidth-content {
-    display: none;
-  }
-}
-
-/* Reduced motion preferences */
-@media (prefers-reduced-motion: reduce) {
-  *,
-  *::before,
-  *::after {
-    animation-duration: 0.01ms !important;
-    animation-iteration-count: 1 !important;
-    transition-duration: 0.01ms !important;
-  }
-}
-
-/* Custom animations for mobile interactions */
-@keyframes haptic-feedback {
-  0% { transform: scale(1); }
-  50% { transform: scale(0.95); }
-  100% { transform: scale(1); }
-}
-
-.haptic-feedback {
-  animation: haptic-feedback 0.1s ease-in-out;
-}
-
-/* Offline indicator styles */
-.offline-indicator {
-  position: fixed;
-  top: 0;
-  left: 0;
-  right: 0;
-  background: #f59e0b;
-  color: white;
-  text-align: center;
-  padding: 8px;
-  font-size: 14px;
-  z-index: 9999;
-}
-
-/* Loading states */
-.loading-skeleton {
-  background: linear-gradient(90deg, #f0f0f0 25%, #e0e0e0 50%, #f0f0f0 75%);
-  background-size: 200% 100%;
-  animation: loading 1.5s infinite;
-}
-
-@keyframes loading {
-  0% {
-    background-position: 200% 0;
-  }
-  100% {
-    background-position: -200% 0;
-  }
-}
-
-/* Progressive image loading */
-.progressive-image {
-  filter: blur(5px);
-  transition: filter 0.3s;
-}
-
-.progressive-image.loaded {
-  filter: blur(0);
-}
-
+/* Import SaaS Factory UI styles */
+@import '@digilogiclabs/saas-factory-ui/styles.css';
+
+@tailwind base;
+@tailwind components;
+@tailwind utilities;
+
+
+@layer base {
+  :root {
+    --background: 0 0% 100%;
+    --foreground: 222.2 84% 4.9%;
+    --card: 0 0% 100%;
+    --card-foreground: 222.2 84% 4.9%;
+    --popover: 0 0% 100%;
+    --popover-foreground: 222.2 84% 4.9%;
+    --primary: 221.2 83.2% 53.3%;
+    --primary-foreground: 210 40% 98%;
+    --secondary: 210 40% 96%;
+    --secondary-foreground: 222.2 84% 4.9%;
+    --muted: 210 40% 96%;
+    --muted-foreground: 215.4 16.3% 46.9%;
+    --accent: 210 40% 96%;
+    --accent-foreground: 222.2 84% 4.9%;
+    --destructive: 0 84.2% 60.2%;
+    --destructive-foreground: 210 40% 98%;
+    --border: 214.3 31.8% 91.4%;
+    --input: 214.3 31.8% 91.4%;
+    --ring: 221.2 83.2% 53.3%;
+    --radius: 0.5rem;
+  }
+
+  .dark {
+    --background: 222.2 84% 4.9%;
+    --foreground: 210 40% 98%;
+    --card: 222.2 84% 4.9%;
+    --card-foreground: 210 40% 98%;
+    --popover: 222.2 84% 4.9%;
+    --popover-foreground: 210 40% 98%;
+    --primary: 217.2 91.2% 59.8%;
+    --primary-foreground: 222.2 84% 4.9%;
+    --secondary: 217.2 32.6% 17.5%;
+    --secondary-foreground: 210 40% 98%;
+    --muted: 217.2 32.6% 17.5%;
+    --muted-foreground: 215 20.2% 65.1%;
+    --accent: 217.2 32.6% 17.5%;
+    --accent-foreground: 210 40% 98%;
+    --destructive: 0 62.8% 30.6%;
+    --destructive-foreground: 210 40% 98%;
+    --border: 217.2 32.6% 17.5%;
+    --input: 217.2 32.6% 17.5%;
+    --ring: 224.3 76.3% 94.1%;
+  }
+}
+
+@layer base {
+  * {
+    @apply border-border;
+  }
+  
+  body {
+    @apply bg-background text-foreground;
+  }
+}
+
+/* Mobile-first optimizations */
+@media (max-width: 768px) {
+  .mobile-optimized {
+    touch-action: manipulation;
+    -webkit-tap-highlight-color: transparent;
+  }
+  
+  /* Better touch targets */
+  button, 
+  a, 
+  input, 
+  select, 
+  textarea {
+    min-height: 44px;
+    min-width: 44px;
+  }
+  
+  /* Smooth scrolling for mobile */
+  html {
+    scroll-behavior: smooth;
+    -webkit-overflow-scrolling: touch;
+  }
+}
+
+/* Network-aware styles */
+@media (prefers-reduced-data: reduce) {
+  .high-bandwidth-content {
+    display: none;
+  }
+}
+
+/* Reduced motion preferences */
+@media (prefers-reduced-motion: reduce) {
+  *,
+  *::before,
+  *::after {
+    animation-duration: 0.01ms !important;
+    animation-iteration-count: 1 !important;
+    transition-duration: 0.01ms !important;
+  }
+}
+
+/* Custom animations for mobile interactions */
+@keyframes haptic-feedback {
+  0% { transform: scale(1); }
+  50% { transform: scale(0.95); }
+  100% { transform: scale(1); }
+}
+
+.haptic-feedback {
+  animation: haptic-feedback 0.1s ease-in-out;
+}
+
+/* Offline indicator styles */
+.offline-indicator {
+  position: fixed;
+  top: 0;
+  left: 0;
+  right: 0;
+  background: #f59e0b;
+  color: white;
+  text-align: center;
+  padding: 8px;
+  font-size: 14px;
+  z-index: 9999;
+}
+
+/* Loading states */
+.loading-skeleton {
+  background: linear-gradient(90deg, #f0f0f0 25%, #e0e0e0 50%, #f0f0f0 75%);
+  background-size: 200% 100%;
+  animation: loading 1.5s infinite;
+}
+
+@keyframes loading {
+  0% {
+    background-position: 200% 0;
+  }
+  100% {
+    background-position: -200% 0;
+  }
+}
+
+/* Progressive image loading */
+.progressive-image {
+  filter: blur(5px);
+  transition: filter 0.3s;
+}
+
+.progressive-image.loaded {
+  filter: blur(0);
+}
+

package/src/templates/web/base/template/src/components/providers/app-providers.tsx

@@ -1,30 +1,17 @@
-'use client'
-
-import React from 'react'
-import { DLLProvider } from '@digilogiclabs/app-sdk'
-import { ThemeProvider } from 'next-themes'
-import { Toaster } from '@digilogiclabs/saas-factory-ui'
-import { AppThemeProvider } from './theme-provider'
-
-interface AppProvidersProps {
-  children: React.ReactNode
-}
-
-export function AppProviders({ children }: AppProvidersProps) {
-  return (
-    <DLLProvider>
-      <ThemeProvider
-        attribute="class"
-        defaultTheme="{{defaultTheme}}"
-        enableSystem
-        disableTransitionOnChange
-        storageKey="{{packageName}}-theme"
-      >
-        <AppThemeProvider themeColor="{{themeColor}}">
-          {children}
-          <Toaster />
-        </AppThemeProvider>
-      </ThemeProvider>
-    </DLLProvider>
-  )
-}
+'use client'
+
+import { ThemeProvider } from 'next-themes'
+import { Toaster } from '@digilogiclabs/saas-factory-ui'
+
+interface AppProvidersProps {
+  children: React.ReactNode
+}
+
+export function AppProviders({ children }: AppProvidersProps) {
+  return (
+    <ThemeProvider attribute="class" defaultTheme="system" enableSystem disableTransitionOnChange>
+      {children}
+      <Toaster />
+    </ThemeProvider>
+  )
+}

package/src/templates/web/iot-dashboard/template/src/components/providers/app-providers.tsx

@@ -1,24 +1,17 @@
-'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="system" enableSystem>
-      <DLLProvider
-        config={{
-          auth: {
-            provider: 'supabase',
-          },
-        }}
-      >
-        {children}
-      </DLLProvider>
-    </ThemeProvider>
-  )
-}
+'use client'
+
+import { ThemeProvider } from 'next-themes'
+import { Toaster } from '@digilogiclabs/saas-factory-ui'
+
+interface AppProvidersProps {
+  children: React.ReactNode
+}
+
+export function AppProviders({ children }: AppProvidersProps) {
+  return (
+    <ThemeProvider attribute="class" defaultTheme="system" enableSystem disableTransitionOnChange>
+      {children}
+      <Toaster />
+    </ThemeProvider>
+  )
+}

package/src/templates/web/marketplace/template/src/components/providers/app-providers.tsx

@@ -1,27 +1,17 @@
-'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="system" enableSystem>
-      <DLLProvider
-        config={{
-          auth: {
-            provider: 'supabase',
-          },
-          payments: {
-            provider: 'stripe',
-          },
-        }}
-      >
-        {children}
-      </DLLProvider>
-    </ThemeProvider>
-  )
-}
+'use client'
+
+import { ThemeProvider } from 'next-themes'
+import { Toaster } from '@digilogiclabs/saas-factory-ui'
+
+interface AppProvidersProps {
+  children: React.ReactNode
+}
+
+export function AppProviders({ children }: AppProvidersProps) {
+  return (
+    <ThemeProvider attribute="class" defaultTheme="system" enableSystem disableTransitionOnChange>
+      {children}
+      <Toaster />
+    </ThemeProvider>
+  )
+}