@banta/sdk 5.5.2 → 5.6.0

package/lib/banta/banta.component.d.ts

@@ -43,7 +43,7 @@ export declare class BantaComponent {
     pointOpen: ChatMessage;
     pointSubChat: ChatSourceBase;
     closeAux(): void;
-    getViewType(message: ChatMessage): "chat" | "comment";
+    getViewType(message: ChatMessage): "comment" | "chat";
     upvoteMessage(message: ChatMessage): Promise<void>;
     showProfile(user: User): void;
     profileUser: User;

package/lib/banta-sdk.module.d.ts

@@ -23,7 +23,8 @@ import * as i18 from "@angular/material/snack-bar";
 import * as i19 from "@angular/cdk/overlay";
 import * as i20 from "@angular/cdk/portal";
 export declare class BantaSdkModule {
-    constructor(chatBackend: ChatBackendBase);
+    chatBackend: ChatBackendBase;
+    constructor();
     static configure(options?: SdkOptions): ModuleWithProviders<BantaSdkModule>;
     static ɵfac: i0.ɵɵFactoryDeclaration<BantaSdkModule, never>;
     static ɵmod: i0.ɵɵNgModuleDeclaration<BantaSdkModule, [typeof i1.BantaComponent, typeof i2.BantaLogoComponent, typeof i3.LiveMessageComponent], [typeof i4.CommonModule, typeof i5.FormsModule, typeof i6.BantaCommonModule, typeof i7.CommentsModule, typeof i8.ChatModule, typeof i9.EmojiModule, typeof i10.MatIconModule, typeof i11.MatButtonModule, typeof i12.MatTooltipModule, typeof i13.MatMenuModule, typeof i14.MatDialogModule, typeof i15.MatFormFieldModule, typeof i16.MatInputModule, typeof i17.MatProgressSpinnerModule, typeof i18.MatSnackBarModule, typeof i19.OverlayModule, typeof i20.PortalModule], [typeof i1.BantaComponent, typeof i2.BantaLogoComponent, typeof i3.LiveMessageComponent, typeof i6.BantaCommonModule, typeof i8.ChatModule, typeof i7.CommentsModule, typeof i9.EmojiModule]>;

package/lib/chat-backend.d.ts

@@ -2,12 +2,10 @@ import { ChatMessage, CommentsOrder, FilterMode, Notification, Topic, UrlCard }
 import { Observable } from "rxjs";
 import { ChatBackendBase, ChatSourceOptions } from "./chat-backend-base";
 import { ChatSourceBase } from "./chat-source-base";
-import { SdkOptions } from "./sdk-options";
 import * as i0 from "@angular/core";
 export declare class ChatBackend extends ChatBackendBase {
     private options;
     private platformId;
-    constructor(options: SdkOptions, platformId: any);
     get serviceUrl(): string;
     private connectToService;
     private isServer;

package/lib/chat-source.d.ts

@@ -19,11 +19,11 @@ export declare class ChatSource extends SocketRPC implements ChatSourceBase {
     private _state;
     get sortOrder(): "newest" | "oldest" | "likes";
     get filterMode(): string;
-    get state(): "lost" | "connected" | "connecting" | "restored";
-    set state(value: "lost" | "connected" | "connecting" | "restored");
+    get state(): "connecting" | "connected" | "lost" | "restored";
+    set state(value: "connecting" | "connected" | "lost" | "restored");
     private _connectionStateChanged;
     private _connectionStateChanged$;
-    get connectionStateChanged(): import("rxjs").Observable<"lost" | "connected" | "connecting" | "restored">;
+    get connectionStateChanged(): import("rxjs").Observable<"connecting" | "connected" | "lost" | "restored">;
     private wasRestored;
     bind(socket: DurableSocket): Promise<this>;
     private mapOrUpdateMessages;

package/lib/comments/banta-comments/banta-comments.component.d.ts

@@ -88,6 +88,7 @@ export declare class BantaCommentsComponent {
     waitForThreadView(): Promise<CommentViewComponent>;
     markLoaded: () => void;
     loaded: Promise<void>;
+    get sourceState(): "no-source" | "connecting" | "connected" | "lost" | "restored";
     private updateLoading;
     private _signInSelected;
     private _permissionDeniedError;
@@ -152,6 +153,7 @@ export declare class BantaCommentsComponent {
     private _filterMode;
     get filterMode(): string;
     set filterMode(value: string);
+    initialMessageCount: number;
     private _metadata;
     /**
      * Arbitrary metadata to send to the chat server. This can be used to provide context about the client to the server
@@ -199,5 +201,5 @@ export declare class BantaCommentsComponent {
     startEditing(message: ChatMessage): Promise<void>;
     saveEdit(message: ChatMessage, text: string): Promise<void>;
     static ɵfac: i0.ɵɵFactoryDeclaration<BantaCommentsComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<BantaCommentsComponent, "banta-comments", never, { "customMenuItems": { "alias": "customMenuItems"; "required": false; }; "url": { "alias": "url"; "required": false; }; "maxCommentLength": { "alias": "maxCommentLength"; "required": false; }; "loadingMessages": { "alias": "loadingMessages"; "required": false; }; "useInlineReplies": { "alias": "useInlineReplies"; "required": false; }; "signInLabel": { "alias": "signInLabel"; "required": false; }; "sendLabel": { "alias": "sendLabel"; "required": false; }; "signingInLabel": { "alias": "signingInLabel"; "required": false; }; "replyLabel": { "alias": "replyLabel"; "required": false; }; "sendingLabel": { "alias": "sendingLabel"; "required": false; }; "permissionDeniedLabel": { "alias": "permissionDeniedLabel"; "required": false; }; "postCommentLabel": { "alias": "postCommentLabel"; "required": false; }; "postReplyLabel": { "alias": "postReplyLabel"; "required": false; }; "allowAttachments": { "alias": "allowAttachments"; "required": false; }; "fixedHeight": { "alias": "fixedHeight"; "required": false; }; "maxMessages": { "alias": "maxMessages"; "required": false; }; "maxVisibleMessages": { "alias": "maxVisibleMessages"; "required": false; }; "genericAvatarUrl": { "alias": "genericAvatarUrl"; "required": false; }; "shouldInterceptMessageSend": { "alias": "shouldInterceptMessageSend"; "required": false; }; "participants": { "alias": "participants"; "required": false; }; "source": { "alias": "source"; "required": false; }; "hashtags": { "alias": "hashtags"; "required": false; }; "topicID": { "alias": "topicID"; "required": false; }; "sortOrder": { "alias": "sortOrder"; "required": false; }; "filterMode": { "alias": "filterMode"; "required": false; }; "metadata": { "alias": "metadata"; "required": false; }; }, { "signInSelected": "signInSelected"; "editAvatarSelected": "editAvatarSelected"; "permissionDeniedError": "permissionDeniedError"; "upvoted": "upvoted"; "reported": "reported"; "selected": "selected"; "userSelected": "userSelected"; "usernameSelected": "usernameSelected"; "avatarSelected": "avatarSelected"; "shared": "shared"; }, ["sendReplyOptionsTemplate"], never, false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<BantaCommentsComponent, "banta-comments", never, { "customMenuItems": { "alias": "customMenuItems"; "required": false; }; "url": { "alias": "url"; "required": false; }; "maxCommentLength": { "alias": "maxCommentLength"; "required": false; }; "loadingMessages": { "alias": "loadingMessages"; "required": false; }; "useInlineReplies": { "alias": "useInlineReplies"; "required": false; }; "signInLabel": { "alias": "signInLabel"; "required": false; }; "sendLabel": { "alias": "sendLabel"; "required": false; }; "signingInLabel": { "alias": "signingInLabel"; "required": false; }; "replyLabel": { "alias": "replyLabel"; "required": false; }; "sendingLabel": { "alias": "sendingLabel"; "required": false; }; "permissionDeniedLabel": { "alias": "permissionDeniedLabel"; "required": false; }; "postCommentLabel": { "alias": "postCommentLabel"; "required": false; }; "postReplyLabel": { "alias": "postReplyLabel"; "required": false; }; "allowAttachments": { "alias": "allowAttachments"; "required": false; }; "fixedHeight": { "alias": "fixedHeight"; "required": false; }; "maxMessages": { "alias": "maxMessages"; "required": false; }; "maxVisibleMessages": { "alias": "maxVisibleMessages"; "required": false; }; "genericAvatarUrl": { "alias": "genericAvatarUrl"; "required": false; }; "shouldInterceptMessageSend": { "alias": "shouldInterceptMessageSend"; "required": false; }; "participants": { "alias": "participants"; "required": false; }; "source": { "alias": "source"; "required": false; }; "hashtags": { "alias": "hashtags"; "required": false; }; "topicID": { "alias": "topicID"; "required": false; }; "sortOrder": { "alias": "sortOrder"; "required": false; }; "filterMode": { "alias": "filterMode"; "required": false; }; "initialMessageCount": { "alias": "initialMessageCount"; "required": false; }; "metadata": { "alias": "metadata"; "required": false; }; }, { "signInSelected": "signInSelected"; "editAvatarSelected": "editAvatarSelected"; "permissionDeniedError": "permissionDeniedError"; "upvoted": "upvoted"; "reported": "reported"; "selected": "selected"; "userSelected": "userSelected"; "usernameSelected": "usernameSelected"; "avatarSelected": "avatarSelected"; "shared": "shared"; }, ["sendReplyOptionsTemplate"], never, false, never>;
 }

package/lib/comments/comment-view/comment-view.component.d.ts

@@ -26,7 +26,29 @@ export declare class CommentViewComponent {
     isViewingMore: boolean;
     isLoadingMore: boolean;
     hasMore: boolean;
+    get previousMessages(): ChatMessage[];
+    get nextMessages(): ChatMessage[];
+    /**
+     * While this is called "new" messages, it really represents the messages that would be visible *at the beginning
+     * of the sort order*, which can be flipped by the newestLast feature (used for replies mode).
+     *
+     * So, when newestLast is false, regardless of the current sortOrder, newMessages are conceptually
+     * *above* the visible set of messages.
+     *
+     * When newestLast is true (as in replies mode), regardless of the current sortOrder, newMessages are conceptually
+     * *below* the visible set of messages.
+     */
     newMessages: ChatMessage[];
+    /**
+     * While this is called "older" messages, it really represents the messages that would be visible *at the end of the
+     * sort order*, which can be flipped by the newestLast feature (useds for replies mode).
+     *
+     * So, when newestLast is false, regardless of the current sortOrder, olderMessages are conceptually *below*
+     * the visible set of messages.
+     *
+     * When newestLast is true (as in replies mode), regardless of the current sortOrder, olderMessages are conceptually
+     * *above* the visible set of messages.
+     */
     olderMessages: ChatMessage[];
     maxMessages: number;
     maxVisibleMessages: number;
@@ -97,9 +119,50 @@ export declare class CommentViewComponent {
     deleteMessage(message: ChatMessage): void;
     private setSource;
     private getInitialMessages;
+    debugMessages(): void;
+    zeroPad(number: number | string, count?: number): string;
+    leftPad(str: string, count?: number): string;
     messageIdentity(index: number, chatMessage: ChatMessage): string;
-    showNew(event: MouseEvent): Promise<void>;
+    get sourceSortOrder(): "newest" | "oldest" | "likes";
+    get sourceFilterMode(): string;
+    /**
+     * Show the newest content.
+     * - If an unnatural sort order is active (ie Oldest or Likes), it will be changed to Newest.
+     * - The new content will be placed where new content goes based on newestLast (replies mode), so if it is true, the content is
+     *   placed at the end, otherwise it is placed at the beginning.
+     *
+     * @param event
+     * @returns
+     */
+    showNewest(event: MouseEvent): Promise<void>;
+    get showDebug(): boolean;
+    get shouldShowNext(): boolean;
+    get shouldShowPrevious(): boolean;
+    get pageSize(): number;
+    showPrevious(): Promise<void>;
+    get sortNextLabel(): "Older" | "Newer" | "Less Likes" | "More";
+    get sortPreviousLabel(): "Older" | "Newer" | "More" | "More Likes";
+    get nextLabel(): "Older" | "Newer" | "Less Likes" | "More" | "More Likes";
+    get previousLabel(): "Older" | "Newer" | "Less Likes" | "More" | "More Likes";
+    /**
+     * Show more content
+     * - When in replies mode (newestLast), the content is added at the top
+     * - When in normal mode, the content is added at the bottom
+     * - The current sort order does *not* factor in here, which is why it is showMore() not showEarlier().
+     *
+     * @returns
+     */
+    showNext(): Promise<void>;
+    /**
+     * Show more content
+     * - When in replies mode (newestLast), the content is added at the top
+     * - When in normal mode, the content is added at the bottom
+     * - The current sort order does *not* factor in here, which is why it is showMore() not showEarlier().
+     *
+     * @returns
+     */
     showMore(): Promise<void>;
+    private heldMessages;
     private addMessage;
     private incrementPagingCursors;
     /**

package/lib/common/markdown-to-html.pipe.d.ts

@@ -1,15 +1,13 @@
 import { PipeTransform } from '@angular/core';
 import * as marked from 'marked';
-import { DomSanitizer } from '@angular/platform-browser';
-import { SdkOptions } from '../sdk-options';
 import * as i0 from "@angular/core";
 export declare class BantaMarkdownToHtmlPipe implements PipeTransform {
     private sanitizer;
     private sdkOptions;
-    constructor(sanitizer: DomSanitizer, sdkOptions: SdkOptions);
+    constructor();
     private get emojiUrl();
     renderer: marked.Renderer;
     transform(value: string): import("@angular/platform-browser").SafeHtml;
-    static ɵfac: i0.ɵɵFactoryDeclaration<BantaMarkdownToHtmlPipe, [null, { optional: true; }]>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<BantaMarkdownToHtmlPipe, never>;
     static ɵpipe: i0.ɵɵPipeDeclaration<BantaMarkdownToHtmlPipe, "bantaMarkdownToHtml", false>;
 }

package/lib/emoji/emoji-selector-panel/emoji-selector-panel.component.d.ts

@@ -1,11 +1,8 @@
 import { OnInit } from '@angular/core';
-import { DomSanitizer } from '@angular/platform-browser';
-import { SdkOptions } from '../../sdk-options';
 import * as i0 from "@angular/core";
 export declare class EmojiSelectorPanelComponent implements OnInit {
     private sanitizer;
     private sdkOptions;
-    constructor(sanitizer: DomSanitizer, sdkOptions: SdkOptions);
     categories: any[];
     activeCategory: string;
     searchResults: any[];
@@ -21,6 +18,6 @@ export declare class EmojiSelectorPanelComponent implements OnInit {
     showSearch(): void;
     private get emojiUrl();
     ngOnInit(): void;
-    static ɵfac: i0.ɵɵFactoryDeclaration<EmojiSelectorPanelComponent, [null, { optional: true; }]>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<EmojiSelectorPanelComponent, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<EmojiSelectorPanelComponent, "emoji-selector-panel", never, {}, { "selected": "selected"; }, never, never, false, never>;
 }

package/lib/sdk-options.d.ts

@@ -1,5 +1,8 @@
+import { InjectionToken, Type } from "@angular/core";
+import { ChatBackendBase } from "./chat-backend-base";
 export interface SdkOptions {
     serviceUrl?: string;
     emojiUrl?: string;
+    backendClass?: Type<ChatBackendBase>;
 }
-export declare const BANTA_SDK_OPTIONS = "BANTA_SDK_OPTIONS";
+export declare const BANTA_SDK_OPTIONS: InjectionToken<SdkOptions>;

package/lib/static-chat-source.d.ts

@@ -36,7 +36,7 @@ export declare class StaticChatSource implements ChatSourceBase {
     unlikeMessage(messageId: string): Promise<void>;
     editMessage(messageId: string, text: string): Promise<void>;
     deleteMessage(messageId: string): Promise<void>;
-    connectionStateChanged: Subject<"lost" | "connected" | "connecting" | "restored">;
+    connectionStateChanged: Subject<"connecting" | "connected" | "lost" | "restored">;
     state: 'connecting' | 'connected' | 'lost' | 'restored';
     get errorState(): any;
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@banta/sdk",
-  "version": "5.5.2",
+  "version": "5.6.0",
   "private": false,
   "publishConfig": {
     "access": "public"