modified: .gitignore

resources/js/Composables/useServerTime.js

@@ -0,0 +1,102 @@
+import { useEventSource } from '@vueuse/core'
+import { usePage } from '@inertiajs/vue3'
+import { computed, ref, watch } from 'vue'
+
+export function useServerTime() {
+  const page = usePage()
+  const url = page.props.config?.timeEventSourceUrl
+
+  // Реактивные состояния
+  const serverTime = ref(null)
+  const lastRawData = ref(null)
+  const error = ref(null)
+  const isConnected = ref(false)
+
+  if (!url) {
+    console.warn('[useServerTime] TIME_EVENT_SOURCE_URL not configured')
+    return {
+      serverTime,
+      lastRawData,
+      error,
+      isConnected,
+      status: 'CONFIG_ERROR'
+    }
+  }
+
+  // Подключаемся к EventSource, слушаем кастомное событие "ServerTimeEvent"
+  const { status, data, eventSource } = useEventSource(url, 'ServerTimeEvent', {
+    immediate: true,
+    onError: (e) => {
+      error.value = e
+      isConnected.value = false
+      console.error('[useServerTime] Connection error:', e)
+    },
+    onOpen: () => {
+      isConnected.value = true
+      error.value = null
+      console.log('[useServerTime] Connected')
+    },
+    onClose: () => {
+      isConnected.value = false
+      console.log('[useServerTime] Disconnected')
+    }
+  })
+
+  // Парсим данные при получении
+  if (data) {
+    watch(() => data.value, (newData) => {
+      if (!newData) return
+      
+      lastRawData.value = newData
+      
+      try {
+        const parsed = JSON.parse(newData)
+        
+        if (parsed.time) {
+          // Создаём дату из ISO-строки
+          serverTime.value = new Date(parsed.time)
+        }
+      } catch (e) {
+        console.error('[useServerTime] Failed to parse event:', newData, e)
+      }
+    })
+  }
+
+  // Удобные вычисляемые свойства
+  const formattedTime = computed(() => {
+    if (!serverTime.value) return null
+    return serverTime.value.toLocaleString('ru-RU', {
+      year: 'numeric',
+      month: '2-digit',
+      day: '2-digit',
+      hour: '2-digit',
+      minute: '2-digit',
+      second: '2-digit',
+      timeZoneName: 'short'
+    })
+  })
+
+  const timeDiff = computed(() => {
+    if (!serverTime.value) return null
+    return Date.now() - serverTime.value.getTime() // задержка в мс
+  })
+
+  // Функция для принудительного переподключения
+  const reconnect = () => {
+    if (eventSource.value?.readyState === EventSource.OPEN) {
+      eventSource.value.close()
+    }
+    // useEventSource автоматически переподключится при изменении URL или через retry-логику
+  }
+
+  return {
+    serverTime,           // Date | null
+    formattedTime,        // отформатированная строка "01.04.2026, 16:59:49"
+    lastRawData,          // сырые данные для отладки
+    error,                // ошибка подключения
+    isConnected,          // статус соединения
+    status,               // 'CONNECTING' | 'OPEN' | 'CLOSED'
+    timeDiff,             // задержка в мс (для мониторинга)
+    reconnect             // метод переподключения
+  }
+}