Function useProjectShellSync

src/app/app-shell/useProjectShellSync.ts:17–67

({
  projects,
  collapsedProjectIds,
  activeView,
  loadProjectThreads,
  loadArchivedThreads,
  dispatch,
  setArchivedThreads,
}: UseProjectShellSyncInput)

}

export function useProjectShellSync({
  projects,
  collapsedProjectIds,
  activeView,
  loadProjectThreads,
  loadArchivedThreads,
  dispatch,
  setArchivedThreads,
}: UseProjectShellSyncInput) {
  useEffect(() => {
    if (projects.length === 0) {
      return
    }

    dispatch({ type: 'sync-projects', projects })
  }, [dispatch, projects])

  useEffect(() => {
    const threadsScope = activeView === 'chat' ? 'chat' : 'code'
    const expandedProjects = projects.filter(
      (project) =>
        !collapsedProjectIds[project.id] &&
        (!project.threadsLoaded || project.threadsScope !== threadsScope),
    )

    for (const project of expandedProjects) {
      void loadProjectThreads(project.id, { chat: activeView === 'chat' })
    }
  }, [activeView, collapsedProjectIds, loadProjectThreads, projects])

  useEffect(() => {
    if (activeView !== 'archived') {
      return
    }

    let cancelled = false

    const syncArchivedThreads = async () => {
      const nextArchivedThreads = await loadArchivedThreads()
      if (!cancelled) {
        setArchivedThreads(nextArchivedThreads)
      }
    }

    void syncArchivedThreads()

    return () => {
      cancelled = true
    }
  }, [activeView, loadArchivedThreads, setArchivedThreads])
}