@banta/sdk 4.7.11 → 4.7.12

package/fesm2020/banta-sdk.mjs

@@ -1,9 +1,9 @@
 import { Observable, Subject, BehaviorSubject, Subscription } from 'rxjs';
 import { publish, take } from 'rxjs/operators';
 import * as i0 from '@angular/core';
-import { Component, Input, ViewChild, Pipe, Inject, Optional, Output, HostBinding, NgModule, ViewChildren, Directive, TemplateRef, ContentChild, Injectable } from '@angular/core';
+import { Component, Input, ViewChild, Pipe, Inject, Optional, Output, HostBinding, NgModule, ViewChildren, Directive, TemplateRef, ContentChild, Injectable as Injectable$1 } from '@angular/core';
 import * as i1 from 'projects/sdk/src/lib/common/timer-pool.service';
-import { TimerPool } from 'projects/sdk/src/lib/common/timer-pool.service';
+import { TimerPool as TimerPool$1 } from 'projects/sdk/src/lib/common/timer-pool.service';
 import * as i2 from '@angular/common';
 import { CommonModule } from '@angular/common';
 import * as i2$1 from '@angular/material/icon';
@@ -17,6 +17,9 @@ import * as i4 from '@angular/material/progress-spinner';
 import { MatProgressSpinnerModule } from '@angular/material/progress-spinner';
 import * as i6 from '@angular/material/button';
 import { MatButtonModule } from '@angular/material/button';
+import { __decorate } from 'tslib';
+import * as i1$3 from '@banta/common';
+import { Injectable, CommentsOrder, SocketRPC, RpcEvent, DurableSocket } from '@banta/common';
 import * as i4$1 from '@angular/forms';
 import { FormsModule } from '@angular/forms';
 import * as i6$1 from '@angular/material/form-field';
@@ -33,8 +36,6 @@ import * as i7$1 from '@angular/material/menu';
 import { MatMenuModule } from '@angular/material/menu';
 import * as i11 from '@angular/material/tooltip';
 import { MatTooltipModule } from '@angular/material/tooltip';
-import * as i1$3 from '@banta/common';
-import { CommentsOrder, SocketRPC, RpcEvent, DurableSocket } from '@banta/common';
 import * as i2$3 from '@angular/router';
 import * as i3$3 from '@angular/material/snack-bar';
 import { MatSnackBarModule } from '@angular/material/snack-bar';
@@ -43,7 +44,6 @@ import { TextFieldModule } from '@angular/cdk/text-field';
 import * as i2$2 from '@angular/material/select';
 import { MatSelectModule } from '@angular/material/select';
 import * as i3$2 from '@angular/material/core';
-import { __decorate } from 'tslib';
 
 function lazyConnection(options) {
     let obs = new Observable(observer => {
@@ -513,6 +513,86 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.12", ngImpo
                 type: Output
             }] } });
 
+/**
+ * Provides a way to hook in to a shared set of timers, instead of creating a timer per instance.
+ * This is very useful for cases where the update is not extremely time-sensitive, but happens at scale.
+ * The principal use case is the TimestampComponent. When several hundred (or several thousand) comments are
+ * being displayed, we do not want to trigger thousands of independent relative timestamp updates, because over
+ * time the updates will saturate the CPU since they don't perfectly align.
+ */
+let TimerPool = class TimerPool {
+    constructor() {
+        this.subscriptions = new Map();
+        this.newSubscriptions = new Map();
+        this.removedSubscriptions = new Map();
+    }
+    addTimer(interval, callback) {
+        if (interval <= 0) {
+            console.warn(`Refusing to set timer with interval of ${interval}!`);
+            return () => { };
+        }
+        let state;
+        let sizeWas = this.subscriptions.size;
+        if (!this.subscriptions.has(interval)) {
+            state = { subscribers: [] };
+            state.handle = setInterval(() => {
+                console.debug(`[Banta/TimerPool] Notifying ${state.subscribers.length} subs [${interval}ms]`);
+                state.subscribers.forEach(sub => sub());
+            }, interval);
+            this.subscriptions.set(interval, state);
+        }
+        else {
+            state = this.subscriptions.get(interval);
+        }
+        state.subscribers.push(callback);
+        // Debug information //////////////////////////
+        //
+        if (!this.newSubscriptions.has(interval))
+            this.newSubscriptions.set(interval, 0);
+        this.newSubscriptions.set(interval, (this.newSubscriptions.get(interval) ?? 0) + 1);
+        clearTimeout(this.newSubscriptionsNotice);
+        this.newSubscriptionsNotice = setTimeout(() => {
+            for (let [interval, count] of this.newSubscriptions) {
+                console.debug(`[Banta/TimerPool] ${count} new subscriptions to ${interval}ms [${state.subscribers.length} total]`);
+            }
+            this.newSubscriptions.clear();
+        });
+        //
+        ///////////////////////////////////////////////
+        if (sizeWas === 0) {
+            console.debug(`[Banta/TimerPool] No longer idle.`);
+        }
+        // Unsubscribe function 
+        return () => {
+            let state = this.subscriptions.get(interval);
+            let index = state.subscribers.indexOf(callback);
+            if (index >= 0)
+                state.subscribers.splice(index, 1);
+            if (state.subscribers.length === 0) {
+                clearInterval(state.handle);
+                this.subscriptions.delete(interval);
+            }
+            if (!this.removedSubscriptions.has(interval))
+                this.removedSubscriptions.set(interval, 0);
+            this.removedSubscriptions.set(interval, (this.removedSubscriptions.get(interval) ?? 0) + 1);
+            // Debug information ////////////////////////////////////////////////////////////////////
+            clearTimeout(this.removedSubscriptionsNotice);
+            this.removedSubscriptionsNotice = setTimeout(() => {
+                for (let [interval, count] of this.removedSubscriptions) {
+                    let state = this.subscriptions.get(interval);
+                    console.debug(`[Banta/TimerPool] ${count} unsubscribed from ${interval}ms [${state?.subscribers?.length ?? 0} remain]`);
+                }
+                if (this.subscriptions.size === 0)
+                    console.debug(`[Banta/TimerPool] All subscriptions have been removed. Now idle.`);
+                this.removedSubscriptions.clear();
+            });
+        };
+    }
+};
+TimerPool = __decorate([
+    Injectable()
+], TimerPool);
+
 const COMPONENTS$3 = [
     TimestampComponent,
     LightboxComponent,
@@ -527,7 +607,7 @@ class BantaCommonModule {
         return {
             ngModule: BantaCommonModule,
             providers: [
-                TimerPool
+                TimerPool$1
             ]
         };
     }
@@ -10354,7 +10434,7 @@ class ChatBackend extends ChatBackendBase {
 ChatBackend.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.12", ngImport: i0, type: ChatBackend, deps: [{ token: BANTA_SDK_OPTIONS }], target: i0.ɵɵFactoryTarget.Injectable });
 ChatBackend.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "14.2.12", ngImport: i0, type: ChatBackend });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.12", ngImport: i0, type: ChatBackend, decorators: [{
-            type: Injectable
+            type: Injectable$1
         }], ctorParameters: function () { return [{ type: undefined, decorators: [{
                     type: Inject,
                     args: [BANTA_SDK_OPTIONS]
@@ -10396,7 +10476,7 @@ class UrlAttachmentResolver {
 UrlAttachmentResolver.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.12", ngImport: i0, type: UrlAttachmentResolver, deps: [{ token: ChatBackendBase }], target: i0.ɵɵFactoryTarget.Injectable });
 UrlAttachmentResolver.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "14.2.12", ngImport: i0, type: UrlAttachmentResolver });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.12", ngImport: i0, type: UrlAttachmentResolver, decorators: [{
-            type: Injectable
+            type: Injectable$1
         }], ctorParameters: function () { return [{ type: ChatBackendBase }]; } });
 
 class YouTubeAttachmentResolver {
@@ -10577,5 +10657,5 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.12", ngImpo
  * Generated bundle index. Do not edit.
  */
 
-export { AttachmentButtonComponent, AttachmentScraperDirective, BANTA_SDK_OPTIONS, BantaAttachmentComponent, BantaAttachmentsComponent, BantaChatComponent, BantaCommentsComponent, BantaCommonModule, BantaComponent, BantaLogoComponent, BantaMarkdownToHtmlPipe, BantaMentionLinkerPipe, BantaReplySendOptionsDirective, BantaSdkModule, BantaTrustResourceUrlPipe, ChatBackend, ChatBackendBase, ChatMessageComponent, ChatModule, ChatSource, ChatViewComponent, CommentComponent, CommentFieldComponent, CommentSortComponent, CommentViewComponent, CommentsModule, EMOJIS, EmojiModule, EmojiSelectorButtonComponent, EmojiSelectorPanelComponent, GiphyAttachmentResolver, LightboxComponent, LiveChatMessageComponent, LiveCommentComponent, LiveMessageComponent, TimestampComponent, TweetAttachmentResolver, UrlAttachmentResolver, UrlAttachmentScraper, YouTubeAttachmentResolver, lazyConnection };
+export { AttachmentButtonComponent, AttachmentScraperDirective, BANTA_SDK_OPTIONS, BantaAttachmentComponent, BantaAttachmentsComponent, BantaChatComponent, BantaCommentsComponent, BantaCommonModule, BantaComponent, BantaLogoComponent, BantaMarkdownToHtmlPipe, BantaMentionLinkerPipe, BantaReplySendOptionsDirective, BantaSdkModule, BantaTrustResourceUrlPipe, ChatBackend, ChatBackendBase, ChatMessageComponent, ChatModule, ChatSource, ChatViewComponent, CommentComponent, CommentFieldComponent, CommentSortComponent, CommentViewComponent, CommentsModule, EMOJIS, EmojiModule, EmojiSelectorButtonComponent, EmojiSelectorPanelComponent, GiphyAttachmentResolver, LightboxComponent, LiveChatMessageComponent, LiveCommentComponent, LiveMessageComponent, TimerPool, TimestampComponent, TweetAttachmentResolver, UrlAttachmentResolver, UrlAttachmentScraper, YouTubeAttachmentResolver, lazyConnection };
 //# sourceMappingURL=banta-sdk.mjs.map