youngkingdom/dify
1
0
Fork 0
mirror of https://github.com/langgenius/dify.git synced 2026-05-04 01:18:05 +08:00
Code Issues Packages Projects Releases Wiki Activity

add ENABLE_COLLABORATION_MODE

Browse Source
This commit is contained in:
hjlarry
2025-10-21 11:46:28 +08:00
parent 8e3b412ff6
commit eaf1ae37dd
11 changed files with 80 additions and 25 deletions
Download Patch File Download Diff File Expand all files Collapse all files

19
web/app/components/workflow/collaboration/hooks/use-collaboration.ts
View File

@ -3,6 +3,7 @@ import type { ReactFlowInstance } from 'reactflow'
import { collaborationManager } from '../core/collaboration-manager'
import { CursorService } from '../services/cursor-service'
import type { CollaborationState } from '../types/collaboration'
import { useGlobalPublicStore } from '@/context/global-public-context'
export function useCollaboration(appId: string, reactFlowStore?: any) {
const [state, setState] = useState<Partial<CollaborationState & { isLeader: boolean }>>({
@ -14,9 +15,19 @@ export function useCollaboration(appId: string, reactFlowStore?: any) {
})
const cursorServiceRef = useRef<CursorService | null>(null)
const isCollaborationEnabled = useGlobalPublicStore(s => s.systemFeatures.enable_collaboration_mode)
useEffect(() => {
if (!appId) return
if (!appId || !isCollaborationEnabled) {
setState({
isConnected: false,
onlineUsers: [],
cursors: {},
nodePanelPresence: {},
isLeader: false,
})
return
}
let connectionId: string | null = null
let isUnmounted = false
@ -75,9 +86,12 @@ export function useCollaboration(appId: string, reactFlowStore?: any) {
if (connectionId)
collaborationManager.disconnect(connectionId)
}
}, [appId, reactFlowStore])
}, [appId, reactFlowStore, isCollaborationEnabled])
const startCursorTracking = (containerRef: React.RefObject<HTMLElement>, reactFlowInstance?: ReactFlowInstance) => {
if (!isCollaborationEnabled || !cursorServiceRef.current)
return
if (cursorServiceRef.current) {
cursorServiceRef.current.startTracking(containerRef, (position) => {
collaborationManager.emitCursorMove(position)
@ -96,6 +110,7 @@ export function useCollaboration(appId: string, reactFlowStore?: any) {
nodePanelPresence: state.nodePanelPresence || {},
isLeader: state.isLeader || false,
leaderId: collaborationManager.getLeaderId(),
isEnabled: isCollaborationEnabled,
startCursorTracking,
stopCursorTracking,
}

4
web/app/components/workflow/header/online-users.tsx
View File

@ -50,7 +50,7 @@ const useAvatarUrls = (users: any[]) => {
const OnlineUsers = () => {
const appId = useStore(s => s.appId)
const { onlineUsers, cursors } = useCollaboration(appId as string)
const { onlineUsers, cursors, isEnabled: isCollaborationEnabled } = useCollaboration(appId as string)
const { userProfile } = useAppContext()
const reactFlow = useReactFlow()
const [dropdownOpen, setDropdownOpen] = useState(false)
@ -87,7 +87,7 @@ const OnlineUsers = () => {
reactFlow.setCenter(cursor.x, cursor.y, { zoom: 1, duration: 800 })
}
if (!onlineUsers || onlineUsers.length === 0)
if (!isCollaborationEnabled || !onlineUsers || onlineUsers.length === 0)
return null
// Display logic: