plyr - npm Package Compare versions

Comparing version 3.7.2 to 3.7.3

CHANGELOG.md

@@ -0,1 +1,16 @@
+### v3.7.3
+
+- Fix: force nowrap in progress tooltips (related: #2549) (thanks @raad-altaie!)
+- Feat(i18n): Make captions autodetect text direction (#2540) (thanks @ebraminio!)
+- Fix: fixed menu border radius bug (#2548) (thanks @raad-altaie!)
+- Chore: navigator.platform is deprecated (#2530) (thanks @stamat!)
+- Feat: Added configurable property to elements for re-use (#2489) (thanks @NoirHusky!)
+- Docs: Replace example video ID with one that still works (#2518) (thanks @luvejo!)
+- Fix: Improve accessibility on control buttons with aria-pressed (#2523) (thanks @emilkarl!)
+- Fix: Fix for calc() in newer Dart Sass versions (#2519) (thanks @ckhicks!)
+- Fix: simplify logic for isFunction assertion method
+- Chore: update types to include string for controls
+- Chore: upgrade packages
+- Chore: use `.node-version` instead of `.nvmrc`
+
 ### v3.7.2
@@ -2,0 +17,0 @@

package.json

 {
   "name": "plyr",
-  "version": "3.7.2",
+  "version": "3.7.3",
   "description": "A simple, accessible and customizable HTML5, YouTube and Vimeo media player",
@@ -43,15 +43,15 @@ "homepage": "https://plyr.io",
   "devDependencies": {
-    "@babel/core": "^7.17.9",
-    "@babel/plugin-proposal-class-properties": "^7.16.7",
-    "@babel/plugin-proposal-optional-chaining": "^7.16.7",
-    "@babel/preset-env": "^7.16.11",
+    "@babel/core": "^7.20.2",
+    "@babel/plugin-proposal-class-properties": "^7.18.6",
+    "@babel/plugin-proposal-optional-chaining": "^7.18.9",
+    "@babel/preset-env": "^7.20.2",
     "@sampotts/eslint-config": "1.1.7",
-    "autoprefixer": "^10.4.4",
-    "aws-sdk": "^2.1116.0",
+    "autoprefixer": "^10.4.13",
+    "aws-sdk": "^2.1256.0",
     "babel-eslint": "^10.1.0",
-    "browser-sync": "^2.27.9",
-    "colorette": "2.0.16",
-    "cspell": "^5.19.7",
-    "cssnano": "^5.1.7",
-    "del": "^6.0.0",
+    "browser-sync": "^2.27.10",
+    "colorette": "2.0.19",
+    "cspell": "^6.14.2",
+    "cssnano": "^5.1.14",
+    "del": "^6.1.1",
     "eslint": "^7.23.0",
@@ -78,16 +78,16 @@ "fancy-log": "^2.0.0",
     "gulp-terser": "^2.1.0",
-    "postcss": "^8.4.12",
-    "postcss-custom-properties": "^12.1.7",
-    "postcss-scss": "^4.0.3",
+    "postcss": "^8.4.19",
+    "postcss-custom-properties": "^12.1.9",
+    "postcss-scss": "^4.0.5",
     "prettier-eslint": "^12.0.0",
     "prettier-stylelint": "^0.4.2",
-    "remark-cli": "^10.0.1",
-    "remark-validate-links": "^11.0.2",
-    "rollup": "^2.70.2",
+    "remark-cli": "^11.0.0",
+    "remark-validate-links": "^12.1.0",
+    "rollup": "^3.3.0",
     "rollup-plugin-babel": "^4.4.0",
     "rollup-plugin-commonjs": "^10.1.0",
     "rollup-plugin-node-resolve": "^5.2.0",
-    "sass": "^1.50.0",
-    "stylelint": "^14.7.1",
-    "stylelint-config-prettier": "^9.0.3",
+    "sass": "^1.56.1",
+    "stylelint": "^14.15.0",
+    "stylelint-config-prettier": "^9.0.4",
     "stylelint-config-sass-guidelines": "^9.0.1",
@@ -97,3 +97,3 @@ "stylelint-selector-bem-pattern": "^2.1.1"
   "dependencies": {
-    "core-js": "^3.22.0",
+    "core-js": "^3.26.1",
     "custom-event-polyfill": "^1.0.7",
@@ -100,0 +100,0 @@ "loadjs": "^4.2.0",

src/js/captions.js

@@ -50,2 +50,3 @@ // ==========================================================================
       this.elements.captions = createElement('div', getAttributesFromSelector(this.config.selectors.captions));
+      this.elements.captions.setAttribute('dir', 'auto');
 
@@ -52,0 +53,0 @@ insertAfter(this.elements.captions, this.elements.wrapper);

src/js/config/defaults.js

@@ -64,3 +64,3 @@ // ==========================================================================
   iconPrefix: 'plyr',
-  iconUrl: 'https://cdn.plyr.io/3.7.2/plyr.svg',
+  iconUrl: 'https://cdn.plyr.io/3.7.3/plyr.svg',
 
@@ -67,0 +67,0 @@ // Blank video (used to prevent errors on source change)

src/js/controls.js

@@ -1718,3 +1718,6 @@ // ==========================================================================
         const className = this.config.classNames.controlPressed;
+        button.setAttribute('aria-pressed', 'false');
+
         Object.defineProperty(button, 'pressed', {
+          configurable: true,
           enumerable: true,
@@ -1726,2 +1729,3 @@ get() {
             toggleClass(button, className, pressed);
+            button.setAttribute('aria-pressed', pressed ? 'true' : 'false');
           },
@@ -1728,0 +1732,0 @@ });

src/js/plyr.d.ts

@@ -344,3 +344,3 @@ // Type definitions for plyr 3.5
      */
-    controls?: string[] | ((id: string, seektime: number, title: string) => unknown) | Element;
+    controls?: string | string[] | ((id: string, seektime: number, title: string) => unknown) | Element;
 
@@ -463,3 +463,3 @@ /**
      */
-    listeners?: {[key: string]: (error: PlyrEvent) => void};
+    listeners?: { [key: string]: (error: PlyrEvent) => void };
 
@@ -611,3 +611,3 @@ /**
     enabled: boolean;
-    points: MarkersPoints[]
+    points: MarkersPoints[];
   }
@@ -706,3 +706,3 @@
   interface PlyrEvent extends CustomEvent {
-    readonly detail: {readonly plyr: Plyr};
+    readonly detail: { readonly plyr: Plyr };
   }
@@ -709,0 +709,0 @@

src/js/plyr.js

 // ==========================================================================
 // Plyr
-// plyr.js v3.7.2
+// plyr.js v3.7.3
 // https://github.com/sampotts/plyr
@@ -5,0 +5,0 @@ // License: The MIT License (MIT)

src/js/plyr.polyfilled.js

 // ==========================================================================
 // Plyr Polyfilled Build
-// plyr.js v3.7.2
+// plyr.js v3.7.3
 // https://github.com/sampotts/plyr
@@ -5,0 +5,0 @@ // License: The MIT License (MIT)

src/js/support.js

@@ -41,2 +41,5 @@ // ==========================================================================
   pip: (() => {
+    // While iPhone's support picture-in-picture for some apps, seemingly Safari isn't one of them
+    // It will throw the following error when trying to enter picture-in-picture
+    // `NotSupportedError: The Picture-in-Picture mode is not supported.`
     if (browser.isIPhone) {
@@ -43,0 +46,0 @@ return false;

src/js/utils/browser.js

@@ -8,10 +8,8 @@ // ==========================================================================
   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),
-  isIos:
-    (navigator.platform === 'MacIntel' && navigator.maxTouchPoints > 1) ||
-    /(iPad|iPhone|iPod)/gi.test(navigator.platform),
+  isEdge: /Edge/g.test(navigator.userAgent),
+  isWebkit: 'WebkitAppearance' in document.documentElement.style && !/Edge/g.test(navigator.userAgent),
+  isIPhone: /iPhone|iPod/gi.test(navigator.userAgent) && navigator.maxTouchPoints > 1,
+  isIos: /iPad|iPhone|iPod/gi.test(navigator.userAgent) && navigator.maxTouchPoints > 1,
 };
 
 export default browser;

src/js/utils/is.js

@@ -12,3 +12,3 @@ // ==========================================================================
 const isBoolean = (input) => getConstructor(input) === Boolean;
-const isFunction = (input) => getConstructor(input) === Function;
+const isFunction = (input) => typeof input === 'function';
 const isArray = (input) => Array.isArray(input);
@@ -15,0 +15,0 @@ const isWeakMap = (input) => instanceOf(input, WeakMap);

No alert changes

Improved metrics

Total package byte prevSize

5267286

increased by1.26%

Lines of code

41782

increased by9.38%

Number of lines in readme file

894

increased by0.11%

Dependency changes

• Updatedcore-js@^3.26.1