rzmk/learnhouse
1
0
Fork 0
mirror of https://github.com/rzmk/learnhouse.git synced 2025-12-19 04:19:25 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions

Merge pull request #326 from eduardconstantin/feat/debounce-websocket

Browse source 
Feat/debounce websocket
This commit is contained in:
Badr B. 2024-10-13 16:49:40 +02:00 • committed by GitHub
commit 0fe55b36e7
No known key found for this signature in database
GPG key ID: B5690EEEBB952194
2 changed files with 27 additions and 15 deletions
Download patch file Download diff file Expand all files Collapse all files

27
apps/web/components/Objects/Editor/EditorWrapper.tsx
View file

@ -15,6 +15,7 @@ import { getCollaborationServerUrl } from '@services/config/config'
import randomColor from 'randomcolor'
import MouseMovements from './MouseMovements'
import { v4 as uuidv4 } from 'uuid';
import { debounce } from '@/lib/utils';
interface EditorWrapperProps {
content: string
@ -55,17 +56,18 @@ function EditorWrapper(props: EditorWrapperProps): JSX.Element {
// Store the Y document in the browser
new IndexeddbPersistence(props.activity.activity_uuid, doc)
document.addEventListener("mousemove", (event) => {
// Share any information you like
provider?.setAwarenessField("userMouseMovement", {
user: session.data.user,
mouseX: event.clientX,
mouseY: event.clientY,
color: thisPageColor,
onlineInstanceID: onlinePageInstanceID
});
});
document.addEventListener(
'mousemove',
debounce((event: MouseEvent) => {
provider?.setAwarenessField('userMouseMovement', {
user: session.data.user,
mouseX: event.clientX,
mouseY: event.clientY,
color: thisPageColor,
onlineInstanceID: onlinePageInstanceID,
})
}, 300)
)
async function setContent(content: any) {
let activity = props.activity
@ -196,5 +198,4 @@ function EditorWrapper(props: EditorWrapperProps): JSX.Element {
export default EditorWrapper
export default EditorWrapper