feat: prisma schema, groups API, deploy workflow

app/composables/useGitSync.ts

@@ -0,0 +1,175 @@
+// Composable for Git synchronization functionality
+interface GitRepository {
+  id: string
+  name: string
+  owner: string
+  url: string
+  cloneUrl: string
+  isPrivate: boolean
+  type: 'personal' | 'group'
+  ownerId: string
+  createdAt: string
+  updatedAt: string
+}
+
+export const useGitSync = () => {
+  const auth = useAuth()
+  const user = computed(() => auth.user)
+
+  const apiFetch = (url: string, opts: any = {}) => $fetch(url, {
+    ...opts,
+    headers: { Authorization: `Bearer ${auth.token.value}`, ...opts.headers }
+  })
+
+  const isSyncing = ref(false)
+  const lastSyncTime = ref<string | null>(null)
+  const syncStatus = ref<'idle' | 'syncing' | 'success' | 'error'>('idle')
+  const repository = ref<GitRepository | null>(null)
+
+  // Auto-sync canvas changes
+  const autoSyncCanvas = async (canvasId: string, canvasData: any) => {
+    if (!auth.user || !canvasId) return
+
+    try {
+      syncStatus.value = 'syncing'
+      isSyncing.value = true
+
+      const response = await apiFetch('/api/git/real-sync', {
+        method: 'POST',
+        body: {
+          canvasId,
+          action: 'sync',
+          commitMessage: `Auto-sync: ${new Date().toLocaleString('ru-RU')}`
+        }
+      }) as any
+
+      if (response.success) {
+        syncStatus.value = 'success'
+        lastSyncTime.value = new Date().toISOString()
+
+        // Show success notification
+        console.log('Canvas synchronized with Git:', response.message)
+      } else {
+        syncStatus.value = 'error'
+        console.error('Git sync failed:', response.message)
+      }
+    } catch (error) {
+      syncStatus.value = 'error'
+      console.error('Auto-sync failed:', error)
+    } finally {
+      isSyncing.value = false
+      // Reset status after delay
+      setTimeout(() => {
+        if (syncStatus.value === 'success') {
+          syncStatus.value = 'idle'
+        }
+      }, 3000)
+    }
+  }
+
+  // Create Git repository for canvas
+  const createRepository = async (canvasId: string, type: 'personal' | 'group' = 'personal') => {
+    if (!auth.user || !canvasId) return
+
+    try {
+      const response = await apiFetch('/api/git/real-sync', {
+        method: 'POST',
+        body: {
+          canvasId,
+          action: 'init'
+        }
+      }) as any
+
+      if (response.success) {
+        repository.value = response.repository
+        console.log('Git repository created:', response.message)
+        return response.repository
+      }
+    } catch (error) {
+      console.error('Failed to create repository:', error)
+      throw error
+    }
+  }
+
+  // Manual sync
+  const manualSync = async (canvasId: string, commitMessage?: string) => {
+    if (!auth.user || !canvasId) return
+
+    try {
+      syncStatus.value = 'syncing'
+      isSyncing.value = true
+
+      const response = await apiFetch('/api/git/real-sync', {
+        method: 'POST',
+        body: {
+          canvasId,
+          action: 'sync',
+          commitMessage: commitMessage || `Ручная синхронизация: ${new Date().toLocaleString('ru-RU')}`
+        }
+      }) as any
+
+      if (response.success) {
+        syncStatus.value = 'success'
+        lastSyncTime.value = new Date().toISOString()
+        console.log('Manual sync completed:', response.message)
+      }
+    } catch (error) {
+      syncStatus.value = 'error'
+      console.error('Manual sync failed:', error)
+    } finally {
+      isSyncing.value = false
+      setTimeout(() => {
+        if (syncStatus.value === 'success') {
+          syncStatus.value = 'idle'
+        }
+      }, 3000)
+    }
+  }
+
+  // Check if canvas has repository
+  const checkRepository = async (canvasId: string) => {
+    if (!canvasId) return null
+
+    try {
+      const response = await apiFetch(`/api/git/repository/${canvasId}`) as any
+      repository.value = response.repository
+      return response.repository
+    } catch (error) {
+      repository.value = null
+      return null
+    }
+  }
+
+  // Get sync status color
+  const syncStatusColor = computed(() => {
+    switch (syncStatus.value) {
+      case 'syncing': return 'text-yellow-400'
+      case 'success': return 'text-green-400'
+      case 'error': return 'text-red-400'
+      default: return 'text-slate-400'
+    }
+  })
+
+  // Get sync status icon
+  const syncStatusIcon = computed(() => {
+    switch (syncStatus.value) {
+      case 'syncing': return '⟳'
+      case 'success': return '✓'
+      case 'error': return '✗'
+      default: return '⚡'
+    }
+  })
+
+  return {
+    isSyncing: readonly(isSyncing),
+    lastSyncTime: readonly(lastSyncTime),
+    syncStatus: readonly(syncStatus),
+    repository: readonly(repository),
+    syncStatusColor,
+    syncStatusIcon,
+    autoSyncCanvas,
+    createRepository,
+    manualSync,
+    checkRepository
+  }
+}