chore: deploy

chore: release
chore: linting
2021-04-17 00:30:30 +10:00 · 2021-04-17 00:27:07 +10:00 · 2021-04-17 00:27:07 +10:00 · 2021-04-17 00:23:18 +10:00 · 2021-04-17 00:19:57 +10:00 · 2021-04-17 00:19:41 +10:00
13 changed files with 2630 additions and 2946 deletions
--- a/CHANGELOG.md
+++ b/CHANGELOG.md
@ -1,3 +1,11 @@
+### v3.6.5
+
+- Migrate color formatting to colorette (thanks @jorgebucaran)
+- Fix: issue with IE detection
+- Fix: missing styles for embeds
+- Fix: regression regarding poster image
+- Add all required props to vimeo iframe allow attribute - fixes #2151 (thanks @didrip)
+
 ### v3.6.4

 - Remove unnecessary calc from media query (thanks @naomiaz)
--- a/README.md
+++ b/README.md
@ -134,13 +134,13 @@ See [initialising](#initialising) for more information on advanced setups.
 You can use our CDN (provided by [Fastly](https://www.fastly.com/)) for the JavaScript. There's 2 versions; one with and one without [polyfills](#polyfills). My recommendation would be to manage polyfills seperately as part of your application but to make life easier you can use the polyfilled build.

 ```html
-<script src="https://cdn.plyr.io/3.6.4/plyr.js"></script>
+<script src="https://cdn.plyr.io/3.6.5/plyr.js"></script>
 ```

 ...or...

 ```html
-<script src="https://cdn.plyr.io/3.6.4/plyr.polyfilled.js"></script>
+<script src="https://cdn.plyr.io/3.6.5/plyr.polyfilled.js"></script>
 ```

 ## CSS
@ -154,13 +154,13 @@ Include the `plyr.css` stylsheet into your `<head>`.
 If you want to use our CDN (provided by [Fastly](https://www.fastly.com/)) for the default CSS, you can use the following:

 ```html
-<link rel="stylesheet" href="https://cdn.plyr.io/3.6.4/plyr.css" />
+<link rel="stylesheet" href="https://cdn.plyr.io/3.6.5/plyr.css" />
 ```

 ## SVG Sprite

 The SVG sprite is loaded automatically from our CDN (provided by [Fastly](https://www.fastly.com/)). To change this, see the [options](#options) below. For
-reference, the CDN hosted SVG sprite can be found at `https://cdn.plyr.io/3.6.4/plyr.svg`.
+reference, the CDN hosted SVG sprite can be found at `https://cdn.plyr.io/3.6.5/plyr.svg`.

 # Ads

@ -839,6 +839,7 @@ Plyr costs money to run, not only my time. I donate my time for free as I enjoy
 - [Rutheneum-Bote](https://gymnasium-rutheneum.de/content/newspaper/kreativwettbewerb.php)
 - [pressakey.com | Blog-Magazin für Videospiele](https://pressakey.com)
 - [STROLLÿN: Work with a View](https://strollyn.com)
+- [CFDA Runway360](https://runway360.cfda.com/)

 If you want to be added to the list, open a pull request. It'd be awesome to see how you're using Plyr 😎

--- a/package.json
+++ b/package.json
@ -1,6 +1,6 @@
 {
  "name": "plyr",
-  "version": "3.6.4",
+  "version": "3.6.5",
  "description": "A simple, accessible and customizable HTML5, YouTube and Vimeo media player",
  "homepage": "https://plyr.io",
  "author": "Sam Potts <sam@potts.es>",
@ -39,17 +39,18 @@
    "start": "gulp"
  },
  "devDependencies": {
-    "@sampotts/eslint-config": "1.1.5",
-    "ansi-colors": "^4.1.1",
-    "autoprefixer": "^10.0.2",
-    "aws-sdk": "^2.814.0",
-    "@babel/core": "^7.12.10",
-    "@babel/preset-env": "^7.12.11",
-    "@babel/plugin-proposal-class-properties": "^7.12.1",
+    "@sampotts/eslint-config": "1.1.7",
+    "autoprefixer": "^10.2.5",
+    "aws-sdk": "^2.888.0",
+    "@babel/core": "^7.13.15",
+    "@babel/preset-env": "^7.13.15",
+    "@babel/plugin-proposal-class-properties": "^7.13.0",
    "babel-eslint": "^10.1.0",
-    "browser-sync": "^2.26.13",
+    "browser-sync": "^2.26.14",
+    "colorette": "1.2.2",
+    "cssnano": "^5.0.1",
    "del": "^6.0.0",
-    "eslint": "^7.3.1",
+    "eslint": "^7.23.0",
    "fancy-log": "^1.3.3",
    "fastly-purge": "^1.0.1",
    "git-branch": "^2.0.1",
@ -70,29 +71,28 @@
    "gulp-size": "^3.0.0",
    "gulp-sourcemaps": "^3.0.0",
    "gulp-svgstore": "^7.0.1",
-    "gulp-terser": "^2.0.0",
-    "postcss": "^8.1.7",
-    "postcss-clean": "^1.1.0",
-    "postcss-custom-properties": "^10.0.0",
+    "gulp-terser": "^2.0.1",
+    "postcss": "^8.2.10",
+    "postcss-custom-properties": "^11.0.0",
    "prettier-eslint": "^12.0.0",
    "prettier-stylelint": "^0.4.2",
    "remark-cli": "^9.0.0",
-    "remark-validate-links": "^10.0.2",
-    "rollup": "^2.35.1",
+    "remark-validate-links": "^10.0.4",
+    "rollup": "^2.45.2",
    "rollup-plugin-babel": "^4.4.0",
    "rollup-plugin-commonjs": "^10.1.0",
    "rollup-plugin-node-resolve": "^5.2.0",
-    "stylelint": "^13.8.0",
+    "stylelint": "^13.12.0",
    "stylelint-config-prettier": "^8.0.2",
-    "stylelint-config-recommended": "^3.0.0",
-    "stylelint-config-sass-guidelines": "^7.1.0",
+    "stylelint-config-recommended": "^4.0.0",
+    "stylelint-config-sass-guidelines": "^8.0.0",
    "stylelint-order": "^4.1.0",
-    "stylelint-scss": "^3.18.0",
+    "stylelint-scss": "^3.19.0",
    "stylelint-selector-bem-pattern": "^2.1.0",
    "through2": "^4.0.2"
  },
  "dependencies": {
-    "core-js": "^3.8.1",
+    "core-js": "^3.10.1",
    "custom-event-polyfill": "^1.0.7",
    "loadjs": "^4.2.0",
    "rangetouch": "^2.0.1",
--- a/src/js/config/defaults.js
+++ b/src/js/config/defaults.js
@ -61,7 +61,7 @@ const defaults = {
  // Sprite (for icons)
  loadSprite: true,
  iconPrefix: 'plyr',
-  iconUrl: 'https://cdn.plyr.io/3.6.4/plyr.svg',
+  iconUrl: 'https://cdn.plyr.io/3.6.5/plyr.svg',

  // Blank video (used to prevent errors on source change)
  blankVideo: 'https://cdn.plyr.io/static/blank.mp4',
--- a/src/js/media.js
+++ b/src/js/media.js
@ -41,7 +41,6 @@ const media = {
      // Poster image container
      this.elements.poster = createElement('div', {
        class: this.config.classNames.poster,
-        hidden: '',
      });

      this.elements.wrapper.appendChild(this.elements.poster);
--- a/src/js/plugins/vimeo.js
+++ b/src/js/plugins/vimeo.js
@ -104,7 +104,10 @@ const vimeo = {
    const src = format(player.config.urls.vimeo.iframe, id, params);
    iframe.setAttribute('src', src);
    iframe.setAttribute('allowfullscreen', '');
-    iframe.setAttribute('allow', ['autoplay', 'fullscreen', 'picture-in-picture'].join('; '));
+    iframe.setAttribute(
+      'allow',
+      ['autoplay', 'fullscreen', 'picture-in-picture', 'encrypted-media', 'accelerometer', 'gyroscope'].join('; '),
+    );

    // Set the referrer policy if required
    if (!is.empty(referrerPolicy)) {
--- a/src/js/plyr.js
+++ b/src/js/plyr.js
@ -1,6 +1,6 @@
 // ==========================================================================
 // Plyr
-// plyr.js v3.6.4
+// plyr.js v3.6.5
 // https://github.com/sampotts/plyr
 // License: The MIT License (MIT)
 // ==========================================================================
--- a/src/js/plyr.polyfilled.js
+++ b/src/js/plyr.polyfilled.js
@ -1,6 +1,6 @@
 // ==========================================================================
 // Plyr Polyfilled Build
-// plyr.js v3.6.4
+// plyr.js v3.6.5
 // https://github.com/sampotts/plyr
 // License: The MIT License (MIT)
 // ==========================================================================
--- a/src/js/utils/browser.js
+++ b/src/js/utils/browser.js
@ -4,7 +4,7 @@
 // ==========================================================================

 const browser = {
-  isIE: /* @cc_on!@ */ false || !!document.documentMode,
+  isIE: Boolean(window.document.documentMode),
  isEdge: window.navigator.userAgent.includes('Edge'),
  isWebkit: 'WebkitAppearance' in document.documentElement.style && !/Edge/.test(navigator.userAgent),
  isIPhone: /(iPhone|iPod)/gi.test(navigator.platform),
--- a/src/sass/types/video.scss
+++ b/src/sass/types/video.scss
@ -28,14 +28,17 @@ $embed-padding: ((100 / 16) * 9);
 .plyr__video-wrapper--fixed-ratio {
  height: 0;
  padding-bottom: to-percentage($embed-padding);
+  position: relative;
 }

 .plyr__video-embed iframe,
 .plyr__video-wrapper--fixed-ratio video {
  border: 0;
+  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
+  width: 100%;
 }

 // If the full custom UI is supported
--- a/tasks/build.js
+++ b/tasks/build.js
@ -16,7 +16,7 @@ const resolve = require('rollup-plugin-node-resolve');
 const sass = require('gulp-sass');
 const postcss = require('gulp-postcss');
 const autoprefixer = require('autoprefixer');
-const clean = require('postcss-clean');
+const cssnano = require('cssnano');
 const customprops = require('postcss-custom-properties');
 // Images
 const svgstore = require('gulp-svgstore');
@ -158,7 +158,15 @@ Object.entries(build.css).forEach(([filename, entry]) => {
      .src(src)
      .pipe(plumber())
      .pipe(sass())
-      .pipe(postcss([customprops(), autoprefixer(), clean()]))
+      .pipe(
+        postcss([
+          customprops(),
+          autoprefixer(),
+          cssnano({
+            preset: 'default',
+          }),
+        ]),
+      )
      .pipe(size(sizeOptions))
      .pipe(gulp.dest(dist)),
  );
--- a/tasks/deploy.js
+++ b/tasks/deploy.js
@ -10,7 +10,7 @@ const gulp = require('gulp');
 const gitbranch = require('git-branch');
 const rename = require('gulp-rename');
 const replace = require('gulp-replace');
-const ansi = require('ansi-colors');
+const { green, cyan, bold } = require('colorette');
 const log = require('fancy-log');
 const open = require('gulp-open');
 const size = require('gulp-size');
@ -128,7 +128,7 @@ gulp.task('version', (done) => {

  const { domain } = deploy.cdn;

-  log(`Updating version in files to ${ansi.green.bold(version)}...`);
+  log(`Updating version in files to ${green(bold(version))}...`);

  // Replace versioned URLs in source
  const files = ['plyr.js', 'plyr.polyfilled.js', 'config/defaults.js'];
@ -156,7 +156,7 @@ gulp.task('cdn', (done) => {
    throw new Error('No publisher instance. Check AWS configuration.');
  }

-  log(`Uploading ${ansi.green.bold(pkg.version)} to ${ansi.cyan(domain)}...`);
+  log(`Uploading ${green(bold(pkg.version))} to ${cyan(domain)}...`);

  // Upload to CDN
  return (
@ -199,7 +199,7 @@ gulp.task('purge', () => {
      const purge = new FastlyPurge(fastly.token);

      list.forEach((url) => {
-        log(`Purging ${ansi.cyan(url)}...`);
+        log(`Purging ${cyan(url)}...`);

        purge.url(url, (error, result) => {
          if (error) {
@ -226,7 +226,7 @@ gulp.task('demo', (done) => {
    throw new Error('No publisher instance. Check AWS configuration.');
  }

-  log(`Uploading ${ansi.green.bold(pkg.version)} to ${ansi.cyan(domain)}...`);
+  log(`Uploading ${green(bold(pkg.version))} to ${cyan(domain)}...`);

  // Replace versioned files in README.md
  gulp
--- a/yarn.lock
+++ b/yarn.lock
Author	SHA1	Message	Date
Sam Potts	ddb5ad071e	chore: deploy	2021-04-17 00:30:30 +10:00
Sam Potts	38060d986c	chore: release	2021-04-17 00:27:07 +10:00
Sam Potts	8c74396459	chore: linting	2021-04-17 00:27:07 +10:00
dependabot[bot]	a09d63e8f8	chore(deps): bump is-svg from 4.2.1 to 4.3.1 (#2148 ) Bumps [is-svg](https://github.com/sindresorhus/is-svg) from 4.2.1 to 4.3.1. - [Release notes](https://github.com/sindresorhus/is-svg/releases) - [Commits](https://github.com/sindresorhus/is-svg/compare/v4.2.1...v4.3.1) Signed-off-by: dependabot[bot] <support@github.com> Co-authored-by: dependabot[bot] <49699333+dependabot[bot]@users.noreply.github.com>	2021-04-17 00:23:18 +10:00
Sam Potts	d74af9a73d	fix: regression regarding poster image	2021-04-17 00:19:57 +10:00
Sam Potts	60310693d3	chore: packge updates, switch to cssnano	2021-04-17 00:19:41 +10:00
Sam Potts	5d08821c9b	fix: missing styles for embeds	2021-04-17 00:19:05 +10:00
Sam Potts	3316e40e7b	fix: issue with IE detection	2021-04-17 00:17:53 +10:00
Jürgen Genser	dfe5985326	added Runway360 to list of sites using plyr (#2117 )	2021-03-27 19:48:11 +11:00
Jorge Bucaran	b27ad17c59	Migrate color formatting to colorette (#2124 )	2021-03-27 19:46:41 +11:00
Sam Potts	14b8b24e14	Merge pull request #2152 from didrip/fix-vimeo-video-play-chrome-89 add all required props to vimeo iframe allow attribute - fixes #2151	2021-03-26 20:50:53 +11:00
didrip	711fc5835f	add all required props to vimeo iframe allow attribute - fixes #2151	2021-03-24 14:06:50 +01:00