@stacksjs/defaults 0.70.206 → 0.70.208

package/functions/commerce/waitlist/products.ts

@@ -0,0 +1,123 @@
+import type { WaitlistProduct } from '../../../types/defaults'
+import { useStorage } from '@stacksjs/browser'
+import { pushToast } from '../../toasts'
+
+// Create a persistent waitlist products array using STX useStorage
+const waitlistProducts = useStorage<WaitlistProduct[]>('waitlist_products', [])
+
+const baseURL = process.env.VITE_API_URL || `http://localhost:${process.env.PORT_API || '3008'}`
+
+// Basic fetch function to get all waitlist products
+async function fetchWaitlistProducts() {
+  try {
+    const response = await fetch(`${baseURL}/commerce/waitlist/products`)
+    if (!response.ok) {
+      throw new Error(`HTTP error! status: ${response.status}`)
+    }
+    const data = await response.json() as WaitlistProduct[]
+
+    if (Array.isArray(data)) {
+      waitlistProducts.value = data
+      return data
+    }
+    else {
+      pushToast('error', 'Couldn\'t load waitlist products', { detail: 'Server returned a non-array response' })
+      return []
+    }
+  }
+  catch (error) {
+    pushToast('error', 'Error fetching waitlist products', { detail: String(error) })
+    return []
+  }
+}
+
+async function createWaitlistProduct(waitlistProduct: WaitlistProduct) {
+  try {
+    const response = await fetch(`${baseURL}/commerce/waitlist/products`, {
+      method: 'POST',
+      headers: {
+        'Content-Type': 'application/json',
+      },
+      body: JSON.stringify(waitlistProduct),
+    })
+
+    if (!response.ok) {
+      throw new Error(`HTTP error! status: ${response.status}`)
+    }
+
+    const data = await response.json() as WaitlistProduct
+    if (data) {
+      waitlistProducts.value.push(data)
+      return data
+    }
+    return null
+  }
+  catch (error) {
+    pushToast('error', 'Error creating waitlist product', { detail: String(error) })
+    return null
+  }
+}
+
+async function updateWaitlistProduct(waitlistProduct: WaitlistProduct) {
+  try {
+    const response = await fetch(`${baseURL}/commerce/waitlist/products/${waitlistProduct.id}`, {
+      method: 'PATCH',
+      headers: {
+        'Content-Type': 'application/json',
+      },
+      body: JSON.stringify(waitlistProduct),
+    })
+
+    if (!response.ok) {
+      throw new Error(`HTTP error! status: ${response.status}`)
+    }
+
+    const data = await response.json() as WaitlistProduct
+    if (data) {
+      const index = waitlistProducts.value.findIndex(wp => wp.id === waitlistProduct.id)
+      if (index !== -1) {
+        waitlistProducts.value[index] = data
+      }
+      return data
+    }
+    return null
+  }
+  catch (error) {
+    pushToast('error', 'Error updating waitlist product', { detail: String(error) })
+    return null
+  }
+}
+
+async function deleteWaitlistProduct(id: number) {
+  try {
+    const response = await fetch(`${baseURL}/commerce/waitlist/products/${id}`, {
+      method: 'DELETE',
+    })
+
+    if (!response.ok) {
+      throw new Error(`HTTP error! status: ${response.status}`)
+    }
+
+    const index = waitlistProducts.value.findIndex(wp => wp.id === id)
+    if (index !== -1) {
+      waitlistProducts.value.splice(index, 1)
+    }
+
+    return true
+  }
+  catch (error) {
+    pushToast('error', 'Error deleting waitlist product', { detail: String(error) })
+    return false
+  }
+}
+
+// Export the composable
+export function useWaitlistProducts() {
+  return {
+    waitlistProducts,
+    fetchWaitlistProducts,
+    createWaitlistProduct,
+    updateWaitlistProduct,
+    deleteWaitlistProduct,
+  }
+}

package/functions/commerce/waitlist/restaurants.ts

@@ -0,0 +1,123 @@
+import type { WaitlistRestaurant } from '../../../types/defaults'
+import { useStorage } from '@stacksjs/browser'
+import { pushToast } from '../../toasts'
+
+// Create a persistent waitlist restaurants array using STX useStorage
+const waitlistRestaurants = useStorage<WaitlistRestaurant[]>('waitlist_restaurants', [])
+
+const baseURL = process.env.VITE_API_URL || `http://localhost:${process.env.PORT_API || '3008'}`
+
+// Basic fetch function to get all waitlist restaurants
+async function fetchWaitlistRestaurants() {
+  try {
+    const response = await fetch(`${baseURL}/commerce/waitlist/restaurants`)
+    if (!response.ok) {
+      throw new Error(`HTTP error! status: ${response.status}`)
+    }
+    const data = await response.json() as WaitlistRestaurant[]
+
+    if (Array.isArray(data)) {
+      waitlistRestaurants.value = data
+      return data
+    }
+    else {
+      pushToast('error', 'Couldn\'t load waitlist restaurants', { detail: 'Server returned a non-array response' })
+      return []
+    }
+  }
+  catch (error) {
+    pushToast('error', 'Error fetching waitlist restaurants', { detail: String(error) })
+    return []
+  }
+}
+
+async function createWaitlistRestaurant(waitlistRestaurant: WaitlistRestaurant) {
+  try {
+    const response = await fetch(`${baseURL}/commerce/waitlist/restaurants`, {
+      method: 'POST',
+      headers: {
+        'Content-Type': 'application/json',
+      },
+      body: JSON.stringify(waitlistRestaurant),
+    })
+
+    if (!response.ok) {
+      throw new Error(`HTTP error! status: ${response.status}`)
+    }
+
+    const data = await response.json() as WaitlistRestaurant
+    if (data) {
+      waitlistRestaurants.value.push(data)
+      return data
+    }
+    return null
+  }
+  catch (error) {
+    pushToast('error', 'Error creating waitlist restaurant', { detail: String(error) })
+    return null
+  }
+}
+
+async function updateWaitlistRestaurant(waitlistRestaurant: WaitlistRestaurant) {
+  try {
+    const response = await fetch(`${baseURL}/commerce/waitlist/restaurants/${waitlistRestaurant.id}`, {
+      method: 'PATCH',
+      headers: {
+        'Content-Type': 'application/json',
+      },
+      body: JSON.stringify(waitlistRestaurant),
+    })
+
+    if (!response.ok) {
+      throw new Error(`HTTP error! status: ${response.status}`)
+    }
+
+    const data = await response.json() as WaitlistRestaurant
+    if (data) {
+      const index = waitlistRestaurants.value.findIndex(wr => wr.id === waitlistRestaurant.id)
+      if (index !== -1) {
+        waitlistRestaurants.value[index] = data
+      }
+      return data
+    }
+    return null
+  }
+  catch (error) {
+    pushToast('error', 'Error updating waitlist restaurant', { detail: String(error) })
+    return null
+  }
+}
+
+async function deleteWaitlistRestaurant(id: number) {
+  try {
+    const response = await fetch(`${baseURL}/commerce/waitlist/restaurants/${id}`, {
+      method: 'DELETE',
+    })
+
+    if (!response.ok) {
+      throw new Error(`HTTP error! status: ${response.status}`)
+    }
+
+    const index = waitlistRestaurants.value.findIndex(wr => wr.id === id)
+    if (index !== -1) {
+      waitlistRestaurants.value.splice(index, 1)
+    }
+
+    return true
+  }
+  catch (error) {
+    pushToast('error', 'Error deleting waitlist restaurant', { detail: String(error) })
+    return false
+  }
+}
+
+// Export the composable
+export function useWaitlistRestaurants() {
+  return {
+    waitlistRestaurants,
+    fetchWaitlistRestaurants,
+    createWaitlistRestaurant,
+    updateWaitlistRestaurant,
+    deleteWaitlistRestaurant,
+  }
+}

package/functions/craft.ts

@@ -0,0 +1,107 @@
+/**
+ * Craft Native App Composable
+ *
+ * Provides utilities for interacting with the Craft native app environment.
+ * These functions are safe to call in both web and native environments.
+ */
+
+/**
+ * Check if running in Craft native environment
+ */
+export function isCraftNative(): boolean {
+  return typeof window !== 'undefined' && window.craft?.window !== undefined
+}
+
+/**
+ * Get the Craft bridge API (returns undefined in web environment)
+ */
+export function useCraft() {
+  if (!isCraftNative()) {
+    return {
+      isNative: false,
+      window: undefined,
+      app: undefined,
+      tray: undefined,
+    }
+  }
+
+  return {
+    isNative: true,
+    window: window.craft?.window,
+    app: window.craft?.app,
+    tray: window.craft?.tray,
+  }
+}
+
+/**
+ * Window control functions that work in both web and native environments
+ */
+export function useWindowControls() {
+  const { isNative, window: craftWindow } = useCraft()
+
+  return {
+    isNative,
+
+    minimize: async () => {
+      if (isNative && craftWindow) {
+        await craftWindow.minimize()
+      }
+    },
+
+    close: async () => {
+      if (isNative && craftWindow) {
+        await craftWindow.close()
+      }
+    },
+
+    toggle: async () => {
+      if (isNative && craftWindow) {
+        await craftWindow.toggle()
+      }
+    },
+
+    show: async () => {
+      if (isNative && craftWindow) {
+        await craftWindow.show()
+      }
+    },
+
+    hide: async () => {
+      if (isNative && craftWindow) {
+        await craftWindow.hide()
+      }
+    },
+  }
+}
+
+/**
+ * App control functions
+ */
+export function useAppControls() {
+  const { isNative, app } = useCraft()
+
+  return {
+    isNative,
+
+    quit: async () => {
+      if (isNative && app) {
+        await app.quit()
+      }
+    },
+
+    notify: async (title: string, body?: string) => {
+      if (isNative && app) {
+        await app.notify({ title, body })
+      } else if (typeof Notification !== 'undefined' && Notification.permission === 'granted') {
+        new Notification(title, { body })
+      }
+    },
+
+    getInfo: async () => {
+      if (isNative && app) {
+        return app.getInfo()
+      }
+      return { name: 'Stacks Dashboard', version: '0.0.0', platform: 'web' }
+    },
+  }
+}

package/functions/dashboard.ts

@@ -0,0 +1,153 @@
+/**
+ * Dashboard Composable
+ *
+ * Provides data fetching for the main dashboard overview.
+ */
+
+import { ref } from '@stacksjs/stx'
+
+const baseUrl = process.env.VITE_API_URL || `http://localhost:${process.env.PORT_API || '3008'}`
+
+export interface DashboardStats {
+  title: string
+  value: string
+  trend: number
+  trendLabel: string
+  icon: string
+  iconBg: string
+}
+
+export interface ActivityItem {
+  id: number
+  type: string
+  title: string
+  time: string
+  status: 'success' | 'error' | 'warning'
+}
+
+export interface SystemHealthItem {
+  name: string
+  status: 'healthy' | 'degraded' | 'critical'
+  latency: string
+  uptime: string
+}
+
+// Default fallback data
+const defaultStats: DashboardStats[] = [
+  { title: 'Total Users', value: '0', trend: 0, trendLabel: 'vs last period', icon: 'i-hugeicons-user-group', iconBg: 'primary' },
+  { title: 'Active Projects', value: '0', trend: 0, trendLabel: 'vs last period', icon: 'i-hugeicons-folder-02', iconBg: 'success' },
+  { title: 'Cloud Uptime', value: '0%', trend: 0, trendLabel: 'vs last period', icon: 'i-hugeicons-cloud', iconBg: 'info' },
+  { title: 'Response Time', value: '0ms', trend: 0, trendLabel: 'vs last period', icon: 'i-hugeicons-time-02', iconBg: 'warning' },
+]
+
+const defaultActivity: ActivityItem[] = []
+
+const defaultHealth: SystemHealthItem[] = [
+  { name: 'API', status: 'healthy', latency: '0ms', uptime: '0%' },
+  { name: 'Database', status: 'healthy', latency: '0ms', uptime: '0%' },
+  { name: 'Storage', status: 'healthy', latency: '0ms', uptime: '0%' },
+  { name: 'Cache', status: 'healthy', latency: '0ms', uptime: '0%' },
+  { name: 'Queue', status: 'healthy', latency: '0ms', uptime: '0%' },
+  { name: 'Notifications', status: 'healthy', latency: '0ms', uptime: '0%' },
+]
+
+export function useDashboard() {
+  const stats = ref<DashboardStats[]>(defaultStats)
+  const recentActivity = ref<ActivityItem[]>(defaultActivity)
+  const systemHealth = ref<SystemHealthItem[]>(defaultHealth)
+  const isLoading = ref(false)
+  const error = ref<string | null>(null)
+
+  async function fetchDashboardStats(timeRange = '7d') {
+    try {
+      const response = await fetch(`${baseUrl}/dashboard/stats?range=${timeRange}`, {
+        headers: {
+          'Accept': 'application/json',
+        },
+      })
+
+      if (response.ok) {
+        const data = await response.json()
+        stats.value = data.stats || defaultStats
+      }
+    }
+    catch (e) {
+      console.error('Failed to fetch dashboard stats:', e)
+      throw e
+    }
+  }
+
+  async function fetchRecentActivity() {
+    try {
+      const response = await fetch(`${baseUrl}/dashboard/activity`, {
+        headers: {
+          'Accept': 'application/json',
+        },
+      })
+
+      if (response.ok) {
+        const data = await response.json()
+        recentActivity.value = data.activity || defaultActivity
+      }
+    }
+    catch (e) {
+      console.error('Failed to fetch recent activity:', e)
+      throw e
+    }
+  }
+
+  async function fetchSystemHealth() {
+    try {
+      const response = await fetch(`${baseUrl}/health`, {
+        headers: {
+          'Accept': 'application/json',
+        },
+      })
+
+      if (response.ok) {
+        const data = await response.json()
+        systemHealth.value = data.services || defaultHealth
+      }
+    }
+    catch (e) {
+      console.error('Failed to fetch system health:', e)
+      throw e
+    }
+  }
+
+  async function fetchAll(timeRange = '7d') {
+    isLoading.value = true
+    error.value = null
+
+    try {
+      await Promise.all([
+        fetchDashboardStats(timeRange),
+        fetchRecentActivity(),
+        fetchSystemHealth(),
+      ])
+    }
+    catch (e) {
+      error.value = 'Failed to load dashboard data. Please try again.'
+    }
+    finally {
+      isLoading.value = false
+    }
+  }
+
+  function retry(timeRange = '7d') {
+    return fetchAll(timeRange)
+  }
+
+  return {
+    stats,
+    recentActivity,
+    systemHealth,
+    isLoading,
+    error,
+    fetchDashboardStats,
+    fetchRecentActivity,
+    fetchSystemHealth,
+    fetchAll,
+    retry,
+  }
+}

package/functions/inbox.ts

@@ -0,0 +1,95 @@
+/**
+ * Inbox Composable
+ *
+ * Reads captured transactional emails from the framework's mail log driver
+ * (in-memory + storage/logs/mail/*.html) for the dashboard inbox view.
+ */
+
+import { ref } from '@stacksjs/stx'
+import { get } from './api'
+
+export interface InboxEntry {
+  id: string
+  source: 'memory' | 'disk'
+  from: string
+  to: string
+  subject: string
+  preview: string
+  sent_at: string
+  has_html: boolean
+  has_text: boolean
+  size: number
+}
+
+export interface InboxBody {
+  id: string
+  from: string
+  to: string
+  cc?: string
+  bcc?: string
+  subject: string
+  sent_at: string
+  html: string
+  text: string
+  error?: string
+}
+
+export function useInbox() {
+  const emails = ref<InboxEntry[]>([])
+  const driver = ref<string>('log')
+  const total = ref(0)
+  const isLoading = ref(false)
+  const error = ref<string | null>(null)
+  const selected = ref<InboxBody | null>(null)
+
+  async function fetchEmails() {
+    isLoading.value = true
+    error.value = null
+    try {
+      const data = await get<{ data: InboxEntry[], total: number, driver: string }>('/inbox')
+      emails.value = data.data || []
+      total.value = data.total || 0
+      driver.value = data.driver || 'log'
+    }
+    catch (e) {
+      error.value = 'Failed to load inbox.'
+      console.error('Failed to fetch inbox:', e)
+    }
+    finally {
+      isLoading.value = false
+    }
+  }
+
+  async function openEmail(id: string) {
+    error.value = null
+    try {
+      const data = await get<InboxBody>(`/inbox/${encodeURIComponent(id)}`)
+      if (data.error) {
+        error.value = data.error
+        selected.value = null
+        return
+      }
+      selected.value = data
+    }
+    catch (e) {
+      error.value = 'Failed to open email.'
+      console.error('Failed to fetch email:', e)
+    }
+  }
+
+  function closeEmail() {
+    selected.value = null
+  }
+
+  return {
+    emails,
+    driver,
+    total,
+    isLoading,
+    error,
+    selected,
+    fetchEmails,
+    openEmail,
+    closeEmail,
+  }
+}

package/functions/jobs.ts

@@ -0,0 +1,86 @@
+/**
+ * Jobs Composable
+ *
+ * Provides data fetching for job history and queue management.
+ */
+
+import { ref } from '@stacksjs/stx'
+import { get, post } from './api'
+
+export interface JobHistoryEntry {
+  id: string
+  name: string
+  queue: string
+  status: 'queued' | 'processing' | 'failed' | 'completed'
+  attempts: number
+  runtime?: number
+  started_at?: string
+  finished_at?: string
+  error?: string
+  payload: any
+}
+
+export function useJobs() {
+  const jobs = ref<JobHistoryEntry[]>([])
+  const totalJobs = ref(0)
+  const isLoading = ref(false)
+  const error = ref<string | null>(null)
+
+  async function fetchJobs(params?: { page?: number, perPage?: number, queue?: string, status?: string, search?: string }) {
+    isLoading.value = true
+    error.value = null
+
+    try {
+      const query = new URLSearchParams()
+      if (params?.page) query.set('page', String(params.page))
+      if (params?.perPage) query.set('per_page', String(params.perPage))
+      if (params?.queue && params.queue !== 'all') query.set('queue', params.queue)
+      if (params?.status && params.status !== 'all') query.set('status', params.status)
+      if (params?.search) query.set('search', params.search)
+
+      const data = await get<{ data: JobHistoryEntry[], total: number }>(`/jobs?${query.toString()}`)
+      jobs.value = data.data || []
+      totalJobs.value = data.total || 0
+    }
+    catch (e) {
+      error.value = 'Failed to load job history.'
+      console.error('Failed to fetch jobs:', e)
+    }
+    finally {
+      isLoading.value = false
+    }
+  }
+
+  async function retryJob(jobId: string) {
+    try {
+      await post(`/jobs/${jobId}/retry`)
+      // Refresh the job list after retry
+      await fetchJobs()
+    }
+    catch (e) {
+      error.value = `Failed to retry job ${jobId}.`
+      console.error('Failed to retry job:', e)
+    }
+  }
+
+  async function retryFailedJobs() {
+    try {
+      await post('/queue/retry-failed')
+      await fetchJobs()
+    }
+    catch (e) {
+      error.value = 'Failed to retry failed jobs.'
+      console.error('Failed to retry failed jobs:', e)
+    }
+  }
+
+  return {
+    jobs,
+    totalJobs,
+    isLoading,
+    error,
+    fetchJobs,
+    retryJob,
+    retryFailedJobs,
+  }
+}