mirror of
https://github.com/toeverything/AFFiNE.git
synced 2026-02-17 14:27:02 +08:00
75 lines
1.9 KiB
TypeScript
75 lines
1.9 KiB
TypeScript
import { nanoid } from 'nanoid';
|
|
import {
|
|
applyAwarenessUpdate,
|
|
type Awareness,
|
|
encodeAwarenessUpdate,
|
|
} from 'y-protocols/awareness';
|
|
|
|
import type { AwarenessRecord } from '../storage/awareness';
|
|
import type { AwarenessSync } from '../sync/awareness';
|
|
|
|
type AwarenessChanges = Record<'added' | 'updated' | 'removed', number[]>;
|
|
|
|
export class AwarenessFrontend {
|
|
constructor(private readonly sync: AwarenessSync) {}
|
|
|
|
connectAwareness(awareness: Awareness) {
|
|
const uniqueId = nanoid();
|
|
const handleAwarenessUpdate = (
|
|
changes: AwarenessChanges,
|
|
origin: string
|
|
) => {
|
|
if (origin === uniqueId) {
|
|
return;
|
|
}
|
|
const changedClients = Object.values(changes).reduce((res, cur) =>
|
|
res.concat(cur)
|
|
);
|
|
|
|
const update = encodeAwarenessUpdate(awareness, changedClients);
|
|
this.sync
|
|
.update(
|
|
{
|
|
docId: awareness.doc.guid,
|
|
bin: update,
|
|
},
|
|
uniqueId
|
|
)
|
|
.catch(error => {
|
|
console.error('update awareness error', error);
|
|
});
|
|
};
|
|
|
|
awareness.on('change', handleAwarenessUpdate);
|
|
const handleSyncUpdate = (update: AwarenessRecord, origin?: string) => {
|
|
if (origin === uniqueId) {
|
|
// skip self update
|
|
return;
|
|
}
|
|
|
|
applyAwarenessUpdate(awareness, update.bin, uniqueId);
|
|
};
|
|
const handleSyncCollect = () => {
|
|
return Promise.resolve({
|
|
docId: awareness.doc.guid,
|
|
bin: encodeAwarenessUpdate(awareness, [awareness.clientID]),
|
|
});
|
|
};
|
|
const unsubscribe = this.sync.subscribeUpdate(
|
|
awareness.doc.guid,
|
|
handleSyncUpdate,
|
|
handleSyncCollect
|
|
);
|
|
|
|
awareness.once('destroy', () => {
|
|
awareness.off('change', handleAwarenessUpdate);
|
|
unsubscribe();
|
|
});
|
|
|
|
return () => {
|
|
awareness.off('change', handleAwarenessUpdate);
|
|
unsubscribe();
|
|
};
|
|
}
|
|
}
|