Mastodon/Sengi-Windows-MacOS-Linux
1
0
Fork 0
mirror of https://github.com/NicolasConstant/sengi synced 2025-02-06 13:23:42 +01:00
Code Issues Releases Wiki Activity

added buffer logic when scrolling the stream

Browse Source
This commit is contained in:
Nicolas Constant 2018-09-17 22:13:37 -04:00
parent a3e63366a7
commit 0795a39502
No known key found for this signature in database
GPG Key ID: 1E9F677FB01A5688
1 changed files with 26 additions and 7 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

23
src/app/components/stream/stream.component.ts
View File

@ -18,6 +18,7 @@ export class StreamComponent implements OnInit {
private websocketStreaming: StreamingWrapper;
statuses: Status[] = [];
private bufferStream: Status[] = [];
@Input()
set streamElement(streamElement: StreamElement) {
@ -70,9 +71,19 @@ export class StreamComponent implements OnInit {
console.log('Bottom reached!!');
this.streamPositionnedAtBottom = true;
} else if (atTop) {
this.scrolledToTop()
}
}
private scrolledToTop() {
console.log('Top reached!!');
this.streamPositionnedAtTop = true;
for (const status of this.bufferStream) {
this.statuses.unshift(status); //TODO check order of status
}
this.bufferStream.length = 0;
}
private getRegisteredAccounts(): AccountInfo[] {
@ -89,13 +100,19 @@ export class StreamComponent implements OnInit {
});
}
private launchWebsocket(): void {
this.websocketStreaming = this.streamingService.getStreaming(this.account, this._streamElement.type);
this.websocketStreaming.statusUpdateSubjet.subscribe((update: StatusUpdate) => {
if (update) {
if (update.type === EventEnum.update) {
if (!this.statuses.find(x => x.id == update.status.id)) {
if (this.streamPositionnedAtTop) {
this.statuses.unshift(update.status);
} else {
this.bufferStream.unshift(update.status);
}
}
}
}
@ -106,9 +123,11 @@ export class StreamComponent implements OnInit {
private checkAndCleanUpStream(): void {
if (this.streamPositionnedAtTop && this.statuses.length > 60) {
console.log(`clean up start! ${this.statuses.length}`);
this.statuses.length = 40;
console.log(`clean up ends! ${this.statuses.length}`);
}
if (this.bufferStream.length > 60) {
this.bufferStream.length = 40;
}
}
}