crosstalk-comments-livechat-sdk 0.0.2 → 0.0.4

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "crosstalk-comments-livechat-sdk",
-  "version": "0.0.2",
+  "version": "0.0.4",
   "description": "Add Comments, Live Chat, and Video Player Embeds to your website with CrossTalk Comments and Live Chat!",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",

package/dist/EmbedComponent1.d.ts

@@ -1,12 +0,0 @@
-import { EmbedOptions } from './types';
-export declare class EmbedComponent1 {
-    private container;
-    private config;
-    private iframe;
-    constructor(container: HTMLElement, config: EmbedOptions);
-    render(): void;
-    update(config: Partial<EmbedOptions>): void;
-    destroy(): void;
-    getIframe(): HTMLIFrameElement | null;
-}
-export declare function createEmbedComponent1(container: HTMLElement, config: EmbedOptions): EmbedComponent1;

package/dist/EmbedComponent1.js

@@ -1,49 +0,0 @@
-function buildIframeUrl(config) {
-    const baseUrl = 'https://example.com/embed';
-    const params = new URLSearchParams();
-    params.append('webPropertyID', config.webPropertyID);
-    if (config.url) {
-        params.append('url', config.url);
-    }
-    else if (config.pageID) {
-        params.append('pageID', config.pageID);
-    }
-    return `${baseUrl}?${params.toString()}`;
-}
-export class EmbedComponent1 {
-    constructor(container, config) {
-        this.container = container;
-        this.config = config;
-        this.iframe = null;
-        this.render();
-    }
-    render() {
-        this.container.innerHTML = '';
-        this.iframe = document.createElement('iframe');
-        this.iframe.src = buildIframeUrl(this.config);
-        this.iframe.title = 'Embed Widget 1';
-        this.iframe.allowFullscreen = true;
-        // Apply styles
-        Object.assign(this.iframe.style, Object.assign({ border: 'none', width: '100%', height: '400px', borderRadius: '8px' }, this.config.style));
-        if (this.config.className) {
-            this.iframe.className = this.config.className;
-        }
-        this.container.appendChild(this.iframe);
-    }
-    update(config) {
-        this.config = Object.assign(Object.assign({}, this.config), config);
-        this.render();
-    }
-    destroy() {
-        if (this.iframe && this.iframe.parentNode) {
-            this.iframe.parentNode.removeChild(this.iframe);
-            this.iframe = null;
-        }
-    }
-    getIframe() {
-        return this.iframe;
-    }
-}
-export function createEmbedComponent1(container, config) {
-    return new EmbedComponent1(container, config);
-}

package/dist/EmbedComponent2.d.ts

@@ -1,12 +0,0 @@
-import { EmbedOptions } from './types';
-export declare class EmbedComponent2 {
-    private container;
-    private config;
-    private iframe;
-    constructor(container: HTMLElement, config: EmbedOptions);
-    render(): void;
-    update(config: Partial<EmbedOptions>): void;
-    destroy(): void;
-    getIframe(): HTMLIFrameElement | null;
-}
-export declare function createEmbedComponent2(container: HTMLElement, config: EmbedOptions): EmbedComponent2;

package/dist/EmbedComponent2.js

@@ -1,50 +0,0 @@
-function buildIframeUrl(config) {
-    const baseUrl = 'https://example.com/embed/v2';
-    const params = new URLSearchParams();
-    params.append('webPropertyID', config.webPropertyID);
-    params.append('component', 'v2');
-    if (config.url) {
-        params.append('url', config.url);
-    }
-    else if (config.pageID) {
-        params.append('pageID', config.pageID);
-    }
-    return `${baseUrl}?${params.toString()}`;
-}
-export class EmbedComponent2 {
-    constructor(container, config) {
-        this.container = container;
-        this.config = config;
-        this.iframe = null;
-        this.render();
-    }
-    render() {
-        this.container.innerHTML = '';
-        this.iframe = document.createElement('iframe');
-        this.iframe.src = buildIframeUrl(this.config);
-        this.iframe.title = 'Embed Widget 2';
-        this.iframe.allowFullscreen = true;
-        // Apply styles
-        Object.assign(this.iframe.style, Object.assign({ border: '1px solid #e0e0e0', width: '100%', height: '500px', borderRadius: '4px', boxShadow: '0 2px 8px rgba(0,0,0,0.1)' }, this.config.style));
-        if (this.config.className) {
-            this.iframe.className = this.config.className;
-        }
-        this.container.appendChild(this.iframe);
-    }
-    update(config) {
-        this.config = Object.assign(Object.assign({}, this.config), config);
-        this.render();
-    }
-    destroy() {
-        if (this.iframe && this.iframe.parentNode) {
-            this.iframe.parentNode.removeChild(this.iframe);
-            this.iframe = null;
-        }
-    }
-    getIframe() {
-        return this.iframe;
-    }
-}
-export function createEmbedComponent2(container, config) {
-    return new EmbedComponent2(container, config);
-}

package/dist/component.d.ts

@@ -1,12 +0,0 @@
-import { EmbedComponentProps } from './types';
-export declare class EmbedComponent extends HTMLElement {
-    private iframe;
-    private props;
-    constructor(props: EmbedComponentProps);
-    static get observedAttributes(): string[];
-    connectedCallback(): void;
-    attributeChangedCallback(name: string, oldValue: string, newValue: string): void;
-    private render;
-    updateProps(newProps: Partial<EmbedComponentProps>): void;
-    getIframe(): HTMLIFrameElement | null;
-}

package/dist/component.js

@@ -1,107 +0,0 @@
-"use strict";
-var __extends = (this && this.__extends) || (function () {
-    var extendStatics = function (d, b) {
-        extendStatics = Object.setPrototypeOf ||
-            ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
-            function (d, b) { for (var p in b) if (Object.prototype.hasOwnProperty.call(b, p)) d[p] = b[p]; };
-        return extendStatics(d, b);
-    };
-    return function (d, b) {
-        if (typeof b !== "function" && b !== null)
-            throw new TypeError("Class extends value " + String(b) + " is not a constructor or null");
-        extendStatics(d, b);
-        function __() { this.constructor = d; }
-        d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
-    };
-})();
-var __assign = (this && this.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.EmbedComponent = void 0;
-var EmbedComponent = /** @class */ (function (_super) {
-    __extends(EmbedComponent, _super);
-    function EmbedComponent(props) {
-        var _this = _super.call(this) || this;
-        _this.iframe = null;
-        _this.props = props;
-        _this.attachShadow({ mode: 'open' });
-        _this.render();
-        return _this;
-    }
-    Object.defineProperty(EmbedComponent, "observedAttributes", {
-        get: function () {
-            return ['src', 'width', 'height', 'title'];
-        },
-        enumerable: false,
-        configurable: true
-    });
-    EmbedComponent.prototype.connectedCallback = function () {
-        this.render();
-    };
-    EmbedComponent.prototype.attributeChangedCallback = function (name, oldValue, newValue) {
-        if (oldValue !== newValue && this.iframe) {
-            switch (name) {
-                case 'src':
-                    this.iframe.src = newValue;
-                    break;
-                case 'width':
-                    this.iframe.width = newValue;
-                    break;
-                case 'height':
-                    this.iframe.height = newValue;
-                    break;
-                case 'title':
-                    this.iframe.title = newValue;
-                    break;
-            }
-        }
-    };
-    EmbedComponent.prototype.render = function () {
-        if (!this.shadowRoot)
-            return;
-        var _a = this.props, src = _a.src, _b = _a.width, width = _b === void 0 ? '100%' : _b, _c = _a.height, height = _c === void 0 ? '400px' : _c, _d = _a.className, className = _d === void 0 ? '' : _d, _e = _a.allowFullscreen, allowFullscreen = _e === void 0 ? true : _e, _f = _a.sandbox, sandbox = _f === void 0 ? ['allow-scripts', 'allow-same-origin'] : _f, _g = _a.allow, allow = _g === void 0 ? 'fullscreen' : _g, _h = _a.title, title = _h === void 0 ? 'Embedded Content' : _h, onLoad = _a.onLoad, onError = _a.onError, _j = _a.style, style = _j === void 0 ? {} : _j;
-        this.iframe = document.createElement('iframe');
-        this.iframe.src = src;
-        this.iframe.width = width;
-        this.iframe.height = height;
-        this.iframe.className = "embed-iframe ".concat(className);
-        this.iframe.title = title;
-        this.iframe.allow = allow;
-        if (allowFullscreen) {
-            this.iframe.allow += ' fullscreen';
-        }
-        this.iframe.sandbox.value = sandbox.join(' ');
-        // Apply custom styles
-        Object.assign(this.iframe.style, style);
-        // Add event listeners
-        if (onLoad) {
-            this.iframe.addEventListener('load', onLoad);
-        }
-        if (onError) {
-            this.iframe.addEventListener('error', onError);
-        }
-        // Clear and append
-        this.shadowRoot.innerHTML = '';
-        this.shadowRoot.appendChild(this.iframe);
-    };
-    // Public method to update props
-    EmbedComponent.prototype.updateProps = function (newProps) {
-        this.props = __assign(__assign({}, this.props), newProps);
-        this.render();
-    };
-    // Public method to get the iframe element
-    EmbedComponent.prototype.getIframe = function () {
-        return this.iframe;
-    };
-    return EmbedComponent;
-}(HTMLElement));
-exports.EmbedComponent = EmbedComponent;