From 3cccdadac4b3218a2f917fa19b60b56bcc9cb7e1 Mon Sep 17 00:00:00 2001
From: Vula Builder <deploy@vula.app>
Date: Wed, 5 Aug 2026 18:14:34 +0000
Subject: [PATCH] Deploy

---
 src/hooks/useVulaContent.ts | 47 +++++++++++++++++++++++++++++++++++++
 1 file changed, 47 insertions(+)
 create mode 100644 src/hooks/useVulaContent.ts

diff --git a/src/hooks/useVulaContent.ts b/src/hooks/useVulaContent.ts
new file mode 100644
index 0000000..f363e98
--- /dev/null
+++ b/src/hooks/useVulaContent.ts
@@ -0,0 +1,47 @@
+'use client'
+import { useState, useEffect } from 'react'
+
+export interface CmsItem {
+  id: string
+  collection: string
+  title: string | null
+  data: Record<string, unknown>
+  status: string
+  sortOrder: number
+  scheduledAt: string | null
+  expiresAt: string | null
+  publishedAt: string | null
+}
+
+export function useVulaContent(collection: string) {
+  const [items, setItems] = useState<CmsItem[]>([])
+  const [loading, setLoading] = useState(true)
+
+  useEffect(() => {
+    let controller = new AbortController()
+
+    const fetchContent = () => {
+      controller = new AbortController()
+      fetch(`/api/content/${collection}`, { signal: controller.signal })
+        .then(r => r.json())
+        .then((data: { items?: CmsItem[] }) => {
+          setItems(data.items ?? [])
+          setLoading(false)
+        })
+        .catch(err => { if (err?.name !== 'AbortError') setLoading(false) })
+    }
+
+    fetchContent()
+    const interval = setInterval(fetchContent, 30000)
+    const onVisible = () => { if (document.visibilityState === 'visible') fetchContent() }
+    document.addEventListener('visibilitychange', onVisible)
+
+    return () => {
+      clearInterval(interval)
+      controller.abort()
+      document.removeEventListener('visibilitychange', onVisible)
+    }
+  }, [collection])
+
+  return { items, loading }
+}