@banta/sdk 4.4.1 → 4.4.2

package/banta-sdk.metadata.json

@@ -1 +1 @@
-{"__symbolic":"module","version":4,"exports":[{"from":"./common"},{"from":"./emoji"},{"from":"./banta/banta.component"},{"from":"./banta-logo.component"},{"from":"./chat"},{"from":"./live-message.component"},{"from":"./comments"},{"from":"./chat-backend-base"},{"from":"./chat-source-base"},{"from":"./chat-backend"},{"from":"./chat-source"},{"from":"./sdk-options"},{"from":"./banta-sdk.module"}],"metadata":{},"origins":{},"importAs":"@banta/sdk"}
+{"__symbolic":"module","version":4,"exports":[{"from":"./common"},{"from":"./emoji"},{"from":"./banta/banta.component"},{"from":"./banta-logo.component"},{"from":"./chat"},{"from":"./live-message.component"},{"from":"./comments"},{"from":"./chat-backend-base"},{"from":"./chat-source-base"},{"from":"./chat-backend"},{"from":"./chat-source"},{"from":"./sdk-options"},{"from":"./attachment-scraper"},{"from":"./url-attachments"},{"from":"./youtube-attachments"},{"from":"./giphy-attachments"},{"from":"./tweet-attachments"},{"from":"./banta-sdk.module"}],"metadata":{},"origins":{},"importAs":"@banta/sdk"}

package/bundles/banta-sdk.umd.js

@@ -237,6 +237,15 @@
             this.removed = new rxjs.Subject();
             this.activated = new rxjs.Subject();
         }
+        BantaAttachmentComponent.prototype.ngOnInit = function () {
+            if (typeof window !== 'undefined') {
+                setTimeout(function () {
+                    if (!window['twttr'])
+                        return;
+                    window['twttr'].widgets.load();
+                }, 100);
+            }
+        };
         BantaAttachmentComponent.prototype.activate = function () {
             this.activated.next();
         };
@@ -276,15 +285,40 @@
             enumerable: false,
             configurable: true
         });
+        Object.defineProperty(BantaAttachmentComponent.prototype, "hasFrame", {
+            get: function () {
+                if (!this.attachment)
+                    return false;
+                return this.attachment.type === 'iframe' || (this.attachment.type === 'card'
+                    && this.attachment.card.player);
+            },
+            enumerable: false,
+            configurable: true
+        });
+        Object.defineProperty(BantaAttachmentComponent.prototype, "frameUrl", {
+            get: function () {
+                if (!this.attachment)
+                    return undefined;
+                if (this.attachment.type === 'iframe') {
+                    return this.attachment.url;
+                }
+                else if (this.attachment.type === 'card') {
+                    return this.attachment.card.player;
+                }
+            },
+            enumerable: false,
+            configurable: true
+        });
         return BantaAttachmentComponent;
     }());
     BantaAttachmentComponent.decorators = [
         { type: core.Component, args: [{
                     selector: 'banta-attachment',
-                    template: "<button type=\"button\" (click)=\"remove()\" mat-mini-fab color=\"primary\" class=\"remove-button\" *ngIf=\"editing\">\r\n    <mat-icon>close</mat-icon>\r\n</button>\r\n\r\n<ng-container *ngIf=\"isError\">\r\n    <mat-icon class=\"error\">close</mat-icon>\r\n    <em class=\"error\">{{theErrorMessage}}</em>\r\n</ng-container>\r\n<ng-container *ngIf=\"!isError\">\r\n    <ng-container *ngIf=\"isLoading\">\r\n        <mat-spinner></mat-spinner>\r\n        <em>{{loadingMessage}}</em>\r\n    </ng-container>\r\n    <ng-container *ngIf=\"!isLoading\">\r\n        <iframe \r\n            *ngIf=\"attachment.type === 'iframe'\"  \r\n            sandbox=\"allow-scripts allow-popups allow-same-origin allow-presentation\" \r\n            [src]=\"attachment.url | trustResourceUrl\"></iframe>\r\n        <a *ngIf=\"attachment.type === 'card'\" class=\"card\" [href]=\"attachment.url\" target=\"_blank\">\r\n            <img \r\n                *ngIf=\"attachment.card.image\"\r\n                class=\"thumbnail\" \r\n                [src]=\"attachment.card.image\"\r\n                />\r\n            <div class=\"description\">\r\n                <h1>{{attachment.card.title}}</h1>\r\n                {{attachment.card.description}}\r\n            </div>\r\n        </a>\r\n        <a class=\"image-attachment\" *ngIf=\"isImageAttachment\" href=\"javascript:;\" (click)=\"activate()\">\r\n            <img [src]=\"attachment.url\" alt=\"Image Attachment\">\r\n        </a>\r\n    </ng-container>\r\n</ng-container>",
-                    styles: [":host{position:relative;display:block}:host.loading{outline:1px solid #333;padding:1em 0;width:300px;text-align:center}:host.loading mat-spinner{display:block;margin:0 auto .5em;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}a.card{display:flex;align-items:flex-start;gap:1em;width:100%;border:1px solid #666;border-radius:4px;padding:1em;box-sizing:border-box;background-color:#191919}a.card img{width:300px;aspect-ratio:16/9;-o-object-fit:cover;object-fit:cover;border-radius:10px}a.card h1{margin:0;font-size:30px}.remove-button{position:absolute;right:10px;top:10px;margin:0;z-index:1}a.image-attachment{width:300px;position:relative;text-align:center}a.image-attachment.with-border{outline:1px solid #333;padding:1em 0}a.image-attachment mat-spinner{display:block;margin:0 auto .5em;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}a.image-attachment mat-icon.error{display:block;font-size:48px;width:48px;height:48px;margin:0 auto .5em}a.image-attachment .error{color:#b76363}a.image-attachment img{width:300px;border-radius:10px;max-width:100%;max-height:20em;-o-object-fit:cover;object-fit:cover}iframe{border:none;width:100%;aspect-ratio:16/9}"]
+                    template: "<button type=\"button\" (click)=\"remove()\" mat-mini-fab color=\"primary\" class=\"remove-button\" *ngIf=\"editing\">\r\n    <mat-icon>close</mat-icon>\r\n</button>\r\n\r\n<ng-container *ngIf=\"isError\">\r\n    <mat-icon class=\"error\">close</mat-icon>\r\n    <em class=\"error\">{{theErrorMessage}}</em>\r\n</ng-container>\r\n<ng-container *ngIf=\"!isError\">\r\n    <ng-container *ngIf=\"isLoading\">\r\n        <mat-spinner></mat-spinner>\r\n        <em>{{loadingMessage}}</em>\r\n    </ng-container>\r\n    <ng-container *ngIf=\"!isLoading\">\r\n        <iframe *ngIf=\"hasFrame\"\r\n            sandbox=\"allow-scripts allow-popups allow-same-origin allow-presentation\" \r\n            [src]=\"frameUrl | trustResourceUrl\"></iframe>\r\n        <a *ngIf=\"attachment.type === 'card'\" class=\"card\" [href]=\"attachment.url\" target=\"_blank\" [class.has-image]=\"attachment.card.image\">\r\n            <img \r\n                *ngIf=\"attachment.card.image\"\r\n                class=\"thumbnail\" \r\n                [src]=\"attachment.card.image\"\r\n                />\r\n            <div class=\"description\">\r\n                <h1>{{attachment.card.title}}</h1>\r\n                <div>\r\n                    {{attachment.card.description}}\r\n                </div>\r\n                <cite>{{attachment.card.url}}</cite>\r\n            </div>\r\n        </a>\r\n        <a class=\"image-attachment\" *ngIf=\"isImageAttachment\" href=\"javascript:;\" (click)=\"activate()\">\r\n            <img [src]=\"attachment.url\" alt=\"Image Attachment\">\r\n        </a>\r\n        <blockquote *ngIf=\"attachment.type === 'tweet'\" \r\n            class=\"twitter-tweet\">\r\n                <p lang=\"en\" dir=\"ltr\"></p>\r\n                <a href=\"https://twitter.com/seldo/status/1562553608083714050?ref_src=twsrc%5Etfw\"></a>\r\n        </blockquote>\r\n    </ng-container>\r\n</ng-container>",
+                    styles: [":host{position:relative;display:block}:host.loading{outline:1px solid #333;padding:1em 0;width:300px;text-align:center}:host.loading mat-spinner{display:block;margin:0 auto .5em;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}a.card{display:flex;align-items:flex-start;gap:1em;width:100%;border:1px solid #666;border-radius:4px;padding:1em;box-sizing:border-box;background-color:#191919;margin:1em 0}a.card img{width:250px;aspect-ratio:16/9;-o-object-fit:cover;object-fit:cover;border-radius:10px}a.card.has-image h1{font-size:22px}a.card h1{min-width:0;margin:0 0 .5em;font-size:26px}a.card cite{min-width:0;opacity:.75;margin-top:1em;display:block;font-size:90%;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}a.card .description{min-width:0}.remove-button{position:absolute;right:10px;top:10px;margin:0;z-index:1}a.image-attachment{width:300px;position:relative;text-align:center}a.image-attachment.with-border{outline:1px solid #333;padding:1em 0}a.image-attachment mat-spinner{display:block;margin:0 auto .5em;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}a.image-attachment mat-icon.error{display:block;font-size:48px;width:48px;height:48px;margin:0 auto .5em}a.image-attachment .error{color:#b76363}a.image-attachment img{width:300px;border-radius:10px;max-width:100%;max-height:20em;-o-object-fit:cover;object-fit:cover}iframe{border:none;width:100%;aspect-ratio:16/9}"]
                 },] }
     ];
+    BantaAttachmentComponent.ctorParameters = function () { return []; };
     BantaAttachmentComponent.propDecorators = {
         attachment: [{ type: core.Input }],
         loading: [{ type: core.Input }],
@@ -7425,123 +7459,11 @@
                 },] }
     ];
 
-    var URL_REGEX = new RegExp('(?!mailto:)(?:(?:http|https|ftp)://)(?:\\S+(?::\\S*)?@)?(?:(?:(?:[1-9]\\d?|1\\d\\d|2[01]\\d|22[0-3])(?:\\.(?:1?\\d{1,2}|2[0-4]\\d|25[0-5])){2}(?:\\.(?:[0-9]\\d?|1\\d\\d|2[0-4]\\d|25[0-4]))|(?:(?:[a-z\\u00a1-\\uffff0-9]+-?)*[a-z\\u00a1-\\uffff0-9]+)(?:\\.(?:[a-z\\u00a1-\\uffff0-9]+-?)*[a-z\\u00a1-\\uffff0-9]+)*(?:\\.(?:[a-z\\u00a1-\\uffff]{2,})))|localhost)(?::\\d{2,5})?(?:(/|\\?|#)[^\\s]*)?', 'ig');
-    var UrlAttachmentScraper = /** @class */ (function () {
-        function UrlAttachmentScraper() {
-        }
-        UrlAttachmentScraper.prototype.findFragments = function (message) {
-            var _a;
-            // If a message already has a URL attachment, don't add another one.
-            if (message.attachments && message.attachments.filter(function (x) { return x.type === 'url'; }).length > 0)
-                return null;
-            return (Array.from((_a = message.message.match(URL_REGEX)) !== null && _a !== void 0 ? _a : []))
-                .reduce(function (a, item) { return (a.includes(item) ? undefined : a.push(item), a); }, [])
-                .map(function (url) { return ({
-                text: url,
-                offset: message.message.indexOf(url),
-                type: 'url'
-            }); });
-        };
-        return UrlAttachmentScraper;
-    }());
-    var GiphyAttachmentResolver = /** @class */ (function () {
-        function GiphyAttachmentResolver() {
-        }
-        GiphyAttachmentResolver.prototype.resolveFragment = function (message, fragment) {
-            var _a;
-            return __awaiter(this, void 0, void 0, function () {
-                var gifId;
-                return __generator(this, function (_b) {
-                    if (fragment.type === 'url' && fragment.text.startsWith('https://giphy.com/gifs')) {
-                        gifId = (_a = /[^-\/]+$/.exec(fragment.text)) === null || _a === void 0 ? void 0 : _a.toString();
-                        if (!gifId)
-                            return [2 /*return*/, null];
-                        return [2 /*return*/, {
-                                type: 'iframe',
-                                url: "https://giphy.com/embed/" + gifId,
-                                style: 'inline'
-                            }];
-                    }
-                    return [2 /*return*/, null];
-                });
-            });
-        };
-        return GiphyAttachmentResolver;
-    }());
-    var YouTubeAttachmentResolver = /** @class */ (function () {
-        function YouTubeAttachmentResolver() {
-        }
-        YouTubeAttachmentResolver.prototype.resolveFragment = function (message, fragment) {
-            return __awaiter(this, void 0, void 0, function () {
-                var videoId, match;
-                return __generator(this, function (_b) {
-                    if (fragment.type !== 'url')
-                        return [2 /*return*/, null];
-                    if (fragment.text.match(/https?:\/\/(www\.)?youtube.com\/watch\?v=/)) {
-                        match = /watch\?v=([^&]+)/.exec(fragment.text);
-                        if (match) {
-                            videoId = match[1];
-                        }
-                    }
-                    if (videoId) {
-                        return [2 /*return*/, {
-                                type: 'iframe',
-                                url: "https://www.youtube.com/embed/" + videoId,
-                                style: 'block'
-                            }];
-                    }
-                    return [2 /*return*/, null];
-                });
-            });
-        };
-        return YouTubeAttachmentResolver;
-    }());
-    var UrlAttachmentResolver = /** @class */ (function () {
-        function UrlAttachmentResolver(backend) {
-            this.backend = backend;
-        }
-        UrlAttachmentResolver.prototype.resolveFragment = function (message, fragment) {
-            return __awaiter(this, void 0, void 0, function () {
-                var urlCard;
-                return __generator(this, function (_b) {
-                    switch (_b.label) {
-                        case 0:
-                            if (fragment.type !== 'url')
-                                return [2 /*return*/, null];
-                            return [4 /*yield*/, this.backend.getCardForUrl(fragment.text)];
-                        case 1:
-                            urlCard = _b.sent();
-                            if (urlCard) {
-                                return [2 /*return*/, {
-                                        type: 'card',
-                                        url: fragment.text,
-                                        card: urlCard,
-                                        style: 'block'
-                                    }];
-                            }
-                            return [2 /*return*/];
-                    }
-                });
-            });
-        };
-        return UrlAttachmentResolver;
-    }());
-    UrlAttachmentResolver.decorators = [
-        { type: core.Injectable }
-    ];
-    UrlAttachmentResolver.ctorParameters = function () { return [
-        { type: ChatBackendBase }
-    ]; };
-
     var ChatBackendBase = /** @class */ (function () {
         function ChatBackendBase() {
             this._userChanged = new rxjs.BehaviorSubject(null);
             this._attachmentScrapers = [];
             this._attachmentResolvers = [];
-            this.registerAttachmentScraper(new UrlAttachmentScraper());
-            this.registerAttachmentResolver(new GiphyAttachmentResolver());
-            this.registerAttachmentResolver(new YouTubeAttachmentResolver());
-            this.registerAttachmentResolver(new UrlAttachmentResolver(this));
         }
         Object.defineProperty(ChatBackendBase.prototype, "userChanged", {
             get: function () {
@@ -10951,8 +10873,151 @@
         { type: undefined, decorators: [{ type: core.Inject, args: [BANTA_SDK_OPTIONS,] }] }
     ]; };
 
+    var URL_REGEX = new RegExp('(?!mailto:)(?:(?:http|https|ftp)://)(?:\\S+(?::\\S*)?@)?(?:(?:(?:[1-9]\\d?|1\\d\\d|2[01]\\d|22[0-3])(?:\\.(?:1?\\d{1,2}|2[0-4]\\d|25[0-5])){2}(?:\\.(?:[0-9]\\d?|1\\d\\d|2[0-4]\\d|25[0-4]))|(?:(?:[a-z\\u00a1-\\uffff0-9]+-?)*[a-z\\u00a1-\\uffff0-9]+)(?:\\.(?:[a-z\\u00a1-\\uffff0-9]+-?)*[a-z\\u00a1-\\uffff0-9]+)*(?:\\.(?:[a-z\\u00a1-\\uffff]{2,})))|localhost)(?::\\d{2,5})?(?:(/|\\?|#)[^\\s]*)?', 'ig');
+    var UrlAttachmentScraper = /** @class */ (function () {
+        function UrlAttachmentScraper() {
+        }
+        UrlAttachmentScraper.prototype.findFragments = function (message) {
+            var _a;
+            // If a message already has a URL attachment, don't add another one.
+            if (message.attachments && message.attachments.filter(function (x) { return x.type === 'url'; }).length > 0)
+                return null;
+            return (Array.from((_a = message.message.match(URL_REGEX)) !== null && _a !== void 0 ? _a : []))
+                .reduce(function (a, item) { return (a.includes(item) ? undefined : a.push(item), a); }, [])
+                .map(function (url) { return ({
+                text: url,
+                offset: message.message.indexOf(url),
+                type: 'url'
+            }); });
+        };
+        return UrlAttachmentScraper;
+    }());
+    var UrlAttachmentResolver = /** @class */ (function () {
+        function UrlAttachmentResolver(backend) {
+            this.backend = backend;
+        }
+        UrlAttachmentResolver.prototype.resolveFragment = function (message, fragment) {
+            return __awaiter(this, void 0, void 0, function () {
+                var urlCard;
+                return __generator(this, function (_b) {
+                    switch (_b.label) {
+                        case 0:
+                            if (fragment.type !== 'url')
+                                return [2 /*return*/, null];
+                            return [4 /*yield*/, this.backend.getCardForUrl(fragment.text)];
+                        case 1:
+                            urlCard = _b.sent();
+                            if (urlCard) {
+                                return [2 /*return*/, {
+                                        type: 'card',
+                                        url: fragment.text,
+                                        card: urlCard,
+                                        style: 'block'
+                                    }];
+                            }
+                            return [2 /*return*/];
+                    }
+                });
+            });
+        };
+        return UrlAttachmentResolver;
+    }());
+    UrlAttachmentResolver.decorators = [
+        { type: core.Injectable }
+    ];
+    UrlAttachmentResolver.ctorParameters = function () { return [
+        { type: ChatBackendBase }
+    ]; };
+
+    var YouTubeAttachmentResolver = /** @class */ (function () {
+        function YouTubeAttachmentResolver() {
+        }
+        YouTubeAttachmentResolver.prototype.resolveFragment = function (message, fragment) {
+            return __awaiter(this, void 0, void 0, function () {
+                var videoId, match;
+                return __generator(this, function (_a) {
+                    if (fragment.type !== 'url')
+                        return [2 /*return*/, null];
+                    if (fragment.text.match(/https?:\/\/(www\.)?youtube.com\/watch\?v=/)) {
+                        match = /watch\?v=([^&]+)/.exec(fragment.text);
+                        if (match) {
+                            videoId = match[1];
+                        }
+                    }
+                    if (videoId) {
+                        return [2 /*return*/, {
+                                type: 'iframe',
+                                url: "https://www.youtube.com/embed/" + videoId,
+                                style: 'block'
+                            }];
+                    }
+                    return [2 /*return*/, null];
+                });
+            });
+        };
+        return YouTubeAttachmentResolver;
+    }());
+
+    var GiphyAttachmentResolver = /** @class */ (function () {
+        function GiphyAttachmentResolver() {
+        }
+        GiphyAttachmentResolver.prototype.resolveFragment = function (message, fragment) {
+            var _a;
+            return __awaiter(this, void 0, void 0, function () {
+                var gifId;
+                return __generator(this, function (_b) {
+                    if (fragment.type === 'url' && fragment.text.startsWith('https://giphy.com/gifs')) {
+                        gifId = (_a = /[^-\/]+$/.exec(fragment.text)) === null || _a === void 0 ? void 0 : _a.toString();
+                        if (!gifId)
+                            return [2 /*return*/, null];
+                        return [2 /*return*/, {
+                                type: 'iframe',
+                                url: "https://giphy.com/embed/" + gifId,
+                                style: 'inline'
+                            }];
+                    }
+                    return [2 /*return*/, null];
+                });
+            });
+        };
+        return GiphyAttachmentResolver;
+    }());
+
+    var TweetAttachmentResolver = /** @class */ (function () {
+        function TweetAttachmentResolver() {
+        }
+        TweetAttachmentResolver.prototype.resolveFragment = function (message, fragment) {
+            return __awaiter(this, void 0, void 0, function () {
+                return __generator(this, function (_a) {
+                    if (fragment.type === 'url' && fragment.text.startsWith('https://twitter.com/')) {
+                        return [2 /*return*/, {
+                                type: 'tweet',
+                                url: fragment.text,
+                                style: 'block'
+                            }];
+                    }
+                    return [2 /*return*/, null];
+                });
+            });
+        };
+        return TweetAttachmentResolver;
+    }());
+
     var BantaSdkModule = /** @class */ (function () {
-        function BantaSdkModule() {
+        function BantaSdkModule(chatBackend) {
+            if (typeof window !== 'undefined') {
+                if (!document.querySelector('script[src="https://platform.twitter.com/widgets.js"]')) {
+                    var script = document.createElement('script');
+                    script.src = 'https://platform.twitter.com/widgets.js';
+                    script.async = true;
+                    document.body.appendChild(script);
+                }
+            }
+            chatBackend.registerAttachmentScraper(new UrlAttachmentScraper());
+            chatBackend.registerAttachmentResolver(new GiphyAttachmentResolver());
+            chatBackend.registerAttachmentResolver(new YouTubeAttachmentResolver());
+            chatBackend.registerAttachmentResolver(new TweetAttachmentResolver());
+            chatBackend.registerAttachmentResolver(new UrlAttachmentResolver(chatBackend));
         }
         BantaSdkModule.configure = function (options) {
             return {
@@ -11002,7 +11067,10 @@
                         CommentsModule
                     ]
                 },] }
-    ];
+    ];
+    BantaSdkModule.ctorParameters = function () { return [
+        { type: ChatBackendBase }
+    ]; };
 
     /*
      * Public API Surface of sdk
@@ -11040,11 +11108,16 @@
     exports.EmojiModule = EmojiModule;
     exports.EmojiSelectorButtonComponent = EmojiSelectorButtonComponent;
     exports.EmojiSelectorPanelComponent = EmojiSelectorPanelComponent;
+    exports.GiphyAttachmentResolver = GiphyAttachmentResolver;
     exports.LightboxComponent = LightboxComponent;
     exports.LiveChatMessageComponent = LiveChatMessageComponent;
     exports.LiveCommentComponent = LiveCommentComponent;
     exports.LiveMessageComponent = LiveMessageComponent;
     exports.TimestampComponent = TimestampComponent;
+    exports.TweetAttachmentResolver = TweetAttachmentResolver;
+    exports.UrlAttachmentResolver = UrlAttachmentResolver;
+    exports.UrlAttachmentScraper = UrlAttachmentScraper;
+    exports.YouTubeAttachmentResolver = YouTubeAttachmentResolver;
     exports.lazyConnection = lazyConnection;
 
     Object.defineProperty(exports, '__esModule', { value: true });