diff --git a/package.json b/package.json index 47a25368..ce333943 100644 --- a/package.json +++ b/package.json @@ -35,7 +35,7 @@ "lint:fix": "eslint --fix src/js", "remark": "remark -f --use 'validate-links=repository:\"sampotts/plyr\"' '{,!(node_modules),.?**/}*.md'", "deploy": "yarn lint && gulp version && gulp build && gulp deploy", - "prettier": "prettier --write ./src/js/*.js" + "format": "prettier --write ./src/js/**/*.js" }, "devDependencies": { "ansi-colors": "^4.1.1", diff --git a/src/js/plugins/preview-thumbnails.js b/src/js/plugins/preview-thumbnails.js index 290ce949..60033331 100644 --- a/src/js/plugins/preview-thumbnails.js +++ b/src/js/plugins/preview-thumbnails.js @@ -628,7 +628,10 @@ class PreviewThumbnails { } determineContainerAutoSizing() { - if (this.elements.thumb.imageContainer.clientHeight > 20 || this.elements.thumb.imageContainer.clientWidth > 20) { + if ( + this.elements.thumb.imageContainer.clientHeight > 20 || + this.elements.thumb.imageContainer.clientWidth > 20 + ) { // This will prevent auto sizing in this.setThumbContainerSizeAndPos() this.sizeSpecifiedInCSS = true; } @@ -640,10 +643,16 @@ class PreviewThumbnails { const thumbWidth = Math.floor(this.thumbContainerHeight * this.thumbAspectRatio); this.elements.thumb.imageContainer.style.height = `${this.thumbContainerHeight}px`; this.elements.thumb.imageContainer.style.width = `${thumbWidth}px`; - } else if (this.elements.thumb.imageContainer.clientHeight > 20 && this.elements.thumb.imageContainer.clientWidth < 20) { + } else if ( + this.elements.thumb.imageContainer.clientHeight > 20 && + this.elements.thumb.imageContainer.clientWidth < 20 + ) { const thumbWidth = Math.floor(this.elements.thumb.imageContainer.clientHeight * this.thumbAspectRatio); this.elements.thumb.imageContainer.style.width = `${thumbWidth}px`; - } else if (this.elements.thumb.imageContainer.clientHeight < 20 && this.elements.thumb.imageContainer.clientWidth > 20) { + } else if ( + this.elements.thumb.imageContainer.clientHeight < 20 && + this.elements.thumb.imageContainer.clientWidth > 20 + ) { const thumbHeight = Math.floor(this.elements.thumb.imageContainer.clientWidth / this.thumbAspectRatio); this.elements.thumb.imageContainer.style.height = `${thumbHeight}px`; } diff --git a/src/js/plugins/vimeo.js b/src/js/plugins/vimeo.js index 010cf5f7..8f999153 100644 --- a/src/js/plugins/vimeo.js +++ b/src/js/plugins/vimeo.js @@ -201,13 +201,16 @@ const vimeo = { return speed; }, set(input) { - player.embed.setPlaybackRate(input).then(() => { - speed = input; - triggerEvent.call(player, player.media, 'ratechange'); - }).catch(() => { - // Cannot set Playback Rate, Video is probably not on Pro account - player.options.speed = [1]; - }); + player.embed + .setPlaybackRate(input) + .then(() => { + speed = input; + triggerEvent.call(player, player.media, 'ratechange'); + }) + .catch(() => { + // Cannot set Playback Rate, Video is probably not on Pro account + player.options.speed = [1]; + }); }, }); diff --git a/src/js/utils/elements.js b/src/js/utils/elements.js index bdf18bfd..acff0dd9 100644 --- a/src/js/utils/elements.js +++ b/src/js/utils/elements.js @@ -221,7 +221,7 @@ export function hasClass(element, className) { // Element matches selector export function matches(element, selector) { - const {prototype} = Element; + const { prototype } = Element; function match() { return Array.from(document.querySelectorAll(selector)).includes(this); diff --git a/src/js/utils/events.js b/src/js/utils/events.js index 31571b2d..48300b6b 100644 --- a/src/js/utils/events.js +++ b/src/js/utils/events.js @@ -90,7 +90,7 @@ export function triggerEvent(element, type = '', bubbles = false, detail = {}) { // Create and dispatch the event const event = new CustomEvent(type, { bubbles, - detail: { ...detail, plyr: this,}, + detail: { ...detail, plyr: this }, }); // Dispatch the event