chore: wip

Author: chrisbbreuer

storage/framework/defaults/functions/analytics.ts

@@ -1,24 +1,17 @@
 /**
  * Analytics Composable
- *
- * Provides data fetching for analytics dashboard pages.
  */
-
 import { ref } from '@stacksjs/stx'
 
 const baseUrl = import.meta.env.VITE_API_URL || 'http://localhost:3008'
 
 export interface AnalyticsOverview {
-  totalVisitors: string
-  totalPageViews: string
-  avgSessionDuration: string
+  realtime: number
+  people: number
+  views: number
+  avgTimeOnSite: string
   bounceRate: string
-  trends: {
-    visitors: number
-    pageViews: number
-    sessionDuration: number
-    bounceRate: number
-  }
+  eventCompletions: number
 }
 
 export interface TrafficDataPoint {
@@ -27,84 +20,78 @@ export interface TrafficDataPoint {
   pageViews: number
 }
 
-const defaultOverview: AnalyticsOverview = {
-  totalVisitors: '0',
-  totalPageViews: '0',
-  avgSessionDuration: '0s',
-  bounceRate: '0%',
-  trends: {
-    visitors: 0,
-    pageViews: 0,
-    sessionDuration: 0,
-    bounceRate: 0,
-  },
+export interface PageData {
+  path: string
+  entries: number
+  visitors: number
+  views: number
+  percentage: number
+}
+
+export interface ReferrerData {
+  name: string
+  visitors: number
+  views: number
+  percentage: number
+}
+
+export interface DeviceData {
+  name: string
+  visitors: number
+  percentage: number
+}
+
+export interface BrowserData {
+  name: string
+  visitors: number
+  percentage: number
+}
+
+export interface CountryData {
+  name: string
+  visitors: number
+  percentage: number
+  flag: string
 }
 
 export function useAnalytics() {
-  const overview = ref<AnalyticsOverview>(defaultOverview)
+  const overview = ref<AnalyticsOverview>({ realtime: 0, people: 0, views: 0, avgTimeOnSite: '0s', bounceRate: '0%', eventCompletions: 0 })
   const trafficData = ref<TrafficDataPoint[]>([])
+  const pagesData = ref<PageData[]>([])
+  const referrersData = ref<ReferrerData[]>([])
+  const devicesData = ref<DeviceData[]>([])
+  const browsersData = ref<BrowserData[]>([])
+  const countriesData = ref<CountryData[]>([])
   const isLoading = ref(false)
   const error = ref<string | null>(null)
 
-  async function fetchOverview(dateRange = '7d') {
-    try {
-      const response = await fetch(`${baseUrl}/analytics/overview?range=${dateRange}`, {
-        headers: { 'Accept': 'application/json' },
-      })
-
-      if (response.ok) {
-        const data = await response.json()
-        overview.value = data.overview || defaultOverview
-      }
-    }
-    catch (e) {
-      console.error('Failed to fetch analytics overview:', e)
-      throw e
-    }
-  }
-
-  async function fetchTraffic(dateRange = '7d') {
+  async function fetchAll(dateRange = '7d') {
+    isLoading.value = true
+    error.value = null
     try {
-      const response = await fetch(`${baseUrl}/analytics/traffic?range=${dateRange}`, {
+      const response = await fetch(`${baseUrl}/analytics/web?range=${dateRange}`, {
         headers: { 'Accept': 'application/json' },
       })
-
       if (response.ok) {
         const data = await response.json()
+        overview.value = data.overview || overview.value
         trafficData.value = data.traffic || []
+        pagesData.value = data.pages || []
+        referrersData.value = data.referrers || []
+        devicesData.value = data.devices || []
+        browsersData.value = data.browsers || []
+        countriesData.value = data.countries || []
       }
-    }
-    catch (e) {
-      console.error('Failed to fetch traffic data:', e)
-      throw e
-    }
-  }
-
-  async function fetchAll(dateRange = '7d') {
-    isLoading.value = true
-    error.value = null
-
-    try {
-      await Promise.all([
-        fetchOverview(dateRange),
-        fetchTraffic(dateRange),
-      ])
-    }
-    catch (e) {
+    } catch (e) {
       error.value = 'Failed to load analytics data.'
-    }
-    finally {
+      console.error('Failed to fetch analytics:', e)
+    } finally {
       isLoading.value = false
     }
   }
 
   return {
-    overview,
-    trafficData,
-    isLoading,
-    error,
-    fetchOverview,
-    fetchTraffic,
-    fetchAll,
+    overview, trafficData, pagesData, referrersData, devicesData, browsersData, countriesData,
+    isLoading, error, fetchAll,
   }
 }

storage/framework/defaults/functions/realtime.ts

@@ -0,0 +1,52 @@
+/**
+ * Realtime Composable
+ */
+import { ref } from '@stacksjs/stx'
+
+const baseUrl = import.meta.env.VITE_API_URL || 'http://localhost:3008'
+
+export interface RealtimeStats {
+  connectionsTriggered: number
+  connectionsChange: number
+  avgLatency: string
+  latencyChange: number
+  successRate: string
+  successChange: number
+}
+
+export interface ActiveConnection {
+  id: string
+  client: string
+  status: string
+  uptime: string
+  messages: number
+}
+
+export function useRealtimeStats() {
+  const stats = ref<RealtimeStats>({ connectionsTriggered: 0, connectionsChange: 0, avgLatency: '0ms', latencyChange: 0, successRate: '0%', successChange: 0 })
+  const activeConnections = ref<ActiveConnection[]>([])
+  const isLoading = ref(false)
+  const error = ref<string | null>(null)
+
+  async function fetchStats() {
+    isLoading.value = true
+    error.value = null
+    try {
+      const response = await fetch(`${baseUrl}/realtime/stats`, {
+        headers: { 'Accept': 'application/json' },
+      })
+      if (response.ok) {
+        const data = await response.json()
+        stats.value = data.stats || stats.value
+        activeConnections.value = data.activeConnections || []
+      }
+    } catch (e) {
+      error.value = 'Failed to load realtime stats.'
+      console.error('Failed to fetch realtime stats:', e)
+    } finally {
+      isLoading.value = false
+    }
+  }
+
+  return { stats, activeConnections, isLoading, error, fetchStats }
+}

storage/framework/defaults/functions/releases.ts

@@ -0,0 +1,49 @@
+/**
+ * Releases Composable
+ */
+import { ref } from '@stacksjs/stx'
+
+const baseUrl = import.meta.env.VITE_API_URL || 'http://localhost:3008'
+
+export interface Release {
+  version: string
+  codename: string
+  size: string
+  path: string
+  createdAt: string
+}
+
+export interface ReleaseStats {
+  labels: string[]
+  downloads: number[]
+  releaseTimes: number[]
+}
+
+export function useReleases() {
+  const releases = ref<Release[]>([])
+  const stats = ref<ReleaseStats>({ labels: [], downloads: [], releaseTimes: [] })
+  const isLoading = ref(false)
+  const error = ref<string | null>(null)
+
+  async function fetchAll() {
+    isLoading.value = true
+    error.value = null
+    try {
+      const response = await fetch(`${baseUrl}/releases`, {
+        headers: { 'Accept': 'application/json' },
+      })
+      if (response.ok) {
+        const data = await response.json()
+        releases.value = data.data || []
+        stats.value = data.stats || stats.value
+      }
+    } catch (e) {
+      error.value = 'Failed to load releases.'
+      console.error('Failed to fetch releases:', e)
+    } finally {
+      isLoading.value = false
+    }
+  }
+
+  return { releases, stats, isLoading, error, fetchAll }
+}