@latest-thinking/lt-player 1.0.4 → 1.0.5

package/src/components/LTPlayerConfig.ts

@@ -1,398 +0,0 @@
-import {defaultType, playerConfigType, urlDataType} from "../global/types/ModuleTypes";
-import {Helper} from "../services/Helper";
-
-export class LTPlayerConfig {
-
-    private configData: playerConfigType = {
-        preload: false,
-        selector : '',
-        autoPlay : false,
-        videoTitle: '',
-        posterImage: '',
-        videoParagraph: '',
-        videoUrl: '',
-        videoType: '',
-        embedId: '',
-        embedHash: '',
-        origin: '',
-        playerId: '',
-        playerContainer: '',
-        vimeo: {
-            'controls': false,
-            "active": false,
-            'gesture': 'media',
-            'transparent': false,
-            'speed': true,
-            'portrait': true,
-            'keyboard': false,
-            'title': false,
-            'byline': false,
-            'playsinline': true,
-            'background' : true
-        },
-        youtube: {
-            'controls': 0,
-            'noCookie': false,
-            'rel': 0,
-            'showinfo': 0,
-            'iv_load_policy': 3,
-            'modestbranding': 1,
-            'playsinline': true,
-        },
-        defaultConfig : {
-            speed : {
-                selected : 1,
-                captions : false,
-                update: true
-            },
-            captions : {
-                active : false
-            },
-            clickToPlay : false,
-            playsinline : true,
-            pip : false
-        },
-        share: null,
-        chapters : null,
-        dimensions: null,
-        playerType: null,
-        device : 'desktop'
-    }
-
-
-    private defaultDimensions: defaultType = {
-        max_width: '450px',
-        min_width: '350px',
-        max_height: '780px',
-        min_height: '600px'
-    }
-
-    /**
-     * @param config
-     */
-    constructor(config: playerConfigType) {
-        this.setConfig(config);
-        this.processConfigData();
-    }
-
-    setConfig(config: playerConfigType) {
-        Object.keys(this.configData).forEach(item => {
-
-            const setCustomConfig = (item: object, configItem: object) => {
-
-                if (configItem && Object.keys(configItem).length > 0) {
-
-                    Object.keys(configItem).forEach( element => {
-                        if (item[element as keyof typeof item] === configItem[element as keyof typeof configItem]) {
-                            item[element as keyof typeof item] = configItem[element as keyof typeof configItem]
-                        } else {
-                            Object.assign(item, {[element]:configItem[element as keyof typeof configItem]})
-                        }
-                    })
-                }
-
-                return item;
-
-            }
-
-            const setDimensions = (data: defaultType) : any => {
-
-                let response: defaultType = {
-                    width: '100%',
-                    min_width: this.defaultDimensions.min_width,
-                    max_width: this.defaultDimensions.max_width,
-                    height: '100%',
-                    min_height: this.defaultDimensions.min_height,
-                    max_height: this.defaultDimensions.max_height,
-                }
-
-
-                if (data) {
-                    if (data.width <= parseInt(this.defaultDimensions.max_width.replace('px', '')) && data.width >= parseInt(this.defaultDimensions.min_width.replace('px', ''))) {
-                        response.width = (Number.isInteger(data.width)) ? `${data.width}px` : '100%';
-                    }
-
-                    if (data.height <= parseInt(this.defaultDimensions.max_height.replace('px', '')) && data.height >= parseInt(this.defaultDimensions.min_height.replace('px', ''))) {
-                        response.height = (Number.isInteger(data.height)) ? `${data.height}px` : '100%';
-                    }
-                }
-
-                return response;
-
-            }
-
-            switch (item) {
-                case 'vimeo':
-                    this.configData[item] = setCustomConfig(this.configData[item], config[item]);
-                break;
-                case 'youtube':
-                    this.configData[item] = setCustomConfig(this.configData[item], config[item]);
-                break;
-                case 'defaultConfig':
-                    this.configData[item] = setCustomConfig(this.configData[item], config[item]);
-                break
-                case 'dimensions':
-                    this.configData[item] = setDimensions(config[item]);
-                break
-                case 'additionalInfo':
-                    this.configData[item] = config[item];
-                break
-                case 'playerId' :
-                    if (typeof item === 'string') {
-                        this.configData[item] = parseInt(config[item]);
-                    } else {
-                        this.configData[item] = config[item];
-                    }
-                break
-                case 'preload':
-                    const setDefaultTimeRange = () => {
-                        this.configData[item] = {
-                            start : 0,
-                            stop : 10
-                        }
-                    }
-
-                    const setTimeRange = (config: defaultType) => {
-
-                        setDefaultTimeRange();
-
-                        if (config.start) {
-
-                            let start = config.start;
-
-                            if (typeof start === 'string') {
-                                start = parseFloat(start);
-                            }
-
-                            this.configData[item].start = start;
-
-
-                            if (!start) {
-                                this.configData[item].start = 0;
-                            }
-                        }
-                        if (config.stop) {
-
-                            let stop = config.stop;
-
-                            if (typeof stop === 'string') {
-                                stop = parseFloat(stop);
-                            }
-
-                            this.configData[item].stop = stop;
-
-                            if (!stop) {
-                                this.configData[item].stop = 10;
-                            }
-
-                        }
-
-                        if (!config.start || !config.stop) {
-                            setDefaultTimeRange();
-                        }
-                    }
-
-
-                    const setPreloadType = (type: defaultType) => {
-
-                        this.configData[item].autoType = true;
-
-                        if (type.onload !== undefined) {
-                            if (typeof type.onload === 'string' && type.onload === 'false') {
-                                this.configData[item].autoType = false;
-                            }
-
-                            if (typeof type.onload === 'boolean') {
-                                if (!type.onload) {
-                                    this.configData[item].autoType = false;
-                                }
-                            }
-                        }
-
-                    }
-
-                    const setActive = () => {
-                        this.configData[item].isActive = true;
-                    }
-
-                    if (typeof config[item] === 'object') {
-                        if (Object.keys(config[item]).length !== 0) {
-                            setTimeRange(config[item]);
-                            setPreloadType(config[item]);
-                            setActive();
-                        }
-
-                        if (Object.keys(config[item]).length === 0) {
-                            setDefaultTimeRange();
-                            setPreloadType(config[item]);
-                            setActive();
-                        }
-                    }
-
-
-                    if (typeof config[item] === 'string' && config[item] !== 'false') {
-                        switch (config[item]) {
-                            case 'true':
-                                setDefaultTimeRange();
-                                setPreloadType(config[item]);
-                                setActive();
-                            break
-                        }
-                    }
-
-                    if (typeof config[item] === 'boolean') {
-                        if (config[item]) {
-                            setDefaultTimeRange();
-                            setPreloadType(config[item]);
-                            setActive();
-                        }
-                    }
-
-                break
-                default:
-                    if (config[item]) {
-                        this.configData[item] = config[item];
-                    }
-            }
-        })
-    }
-
-    processConfigData() {
-
-        let videoUrl: string = this.configData.videoUrl;
-
-        const urlVideoData: urlDataType = Helper.processConfigData(videoUrl);
-
-        this.configData.origin = urlVideoData.origin;
-
-        if (!this.configData.videoType.toLowerCase() || (urlVideoData.type !== this.configData.videoType.toLowerCase())) {
-            Object.assign(this.configData, {videoType: urlVideoData.type})
-        }
-
-        if (this.configData.videoType === 'embedded') {
-
-            this.configData.embedId = Helper.getEmbeddedID(this.configData.videoUrl);
-
-            if (Helper.getEmbeddedHash(this.configData.videoUrl)) {
-                this.configData.embedHash = Helper.getEmbeddedHash(this.configData.videoUrl);
-            }
-
-        }
-    }
-
-    getDimensions() {
-        return this.configData.dimensions
-    }
-
-    getAdditionalInfo() {
-        return this.configData.additionalInfo;
-    }
-
-    getVideoTitle() {
-        return this.configData.videoTitle;
-    }
-
-    getPosterImage() {
-        return this.configData.posterImage;
-    }
-
-    getParagraph() {
-        return this.configData.videoParagraph;
-    }
-
-    getVideoType() {
-        return this.configData.videoType;
-    }
-
-    getVideoUrl() {
-        return this.configData.videoUrl;
-    }
-
-    getPlayerId() {
-        return this.configData.playerId;
-    }
-
-    getConfigData() {
-        return this.configData;
-    }
-
-    getPlayerElementContainer() {
-        return this.configData.playerContainer;
-    }
-
-    getVideoOrigin() {
-        return this.configData.origin;
-    }
-
-    /**
-     *
-     * @param origin
-     */
-    getConfigByOrigin(origin: string) {
-        return (this.configData[origin] !== undefined) ? this.configData[origin] : null;
-    }
-
-    getDefaultConfigItems() {
-        return this.configData.defaultConfig;
-    }
-
-    getDomSelector() {
-        return this.configData.selector;
-    }
-
-    getChapters() {
-        return this.configData.chapters
-    }
-
-    isShareData() {
-        if (this.configData.share) {
-            return Object.keys(this.configData.share).length > 0;
-        }
-
-        return false;
-    }
-
-    getShareData() {
-        return this.configData.share
-    }
-
-    getCaptions () {
-        return this.configData.defaultConfig.captions
-    }
-
-    getPlayerType() {
-        return this.configData.playerType
-    }
-
-    setPlayerId(id: number) {
-        this.configData.playerId = id;
-    }
-
-    isAutoPlay() {
-        return this.configData.autoPlay;
-    }
-
-    getPreload() {
-        return this.configData.preload;
-    }
-    isAutoPreload() {
-        return this.configData.preload.autoType;
-    }
-
-    getDevice() {
-        return this.configData.device;
-    }
-
-    getEmbedOrigin() {
-       return {[this.getVideoOrigin()] : this.getConfigByOrigin(this.getVideoOrigin())};
-    }
-
-    getFullscreenMode() {
-        if (this.getDevice() === 'mobile') {
-            return {fullscreen: {enabled: false}}
-        } else {
-            return false
-        }
-    }
-}
-