@tsparticles/plugin-motion - npm Package Compare versions

Comparing version 3.0.3 to 3.1.0

browser/MotionInstance.js

 import { safeMatchMedia } from "@tsparticles/engine";
+const defaultFactor = 1, defaultReduce = 0, identity = 1;
 export class MotionInstance {
@@ -9,9 +10,13 @@ constructor(container, engine) {
             }
-            container.retina.reduceFactor = mediaQuery.matches
-                ? motion.disable
-                    ? 0
-                    : motion.reduce.value
-                        ? 1 / motion.reduce.factor
-                        : 1
-                : 1;
+            if (mediaQuery.matches) {
+                if (motion.disable) {
+                    container.retina.reduceFactor = defaultReduce;
+                }
+                else {
+                    container.retina.reduceFactor = motion.reduce.value ? identity / motion.reduce.factor : defaultFactor;
+                }
+            }
+            else {
+                container.retina.reduceFactor = 1;
+            }
         };
@@ -29,13 +34,15 @@ this._container = container;
         if (!mediaQuery) {
-            container.retina.reduceFactor = 1;
+            container.retina.reduceFactor = defaultFactor;
             return;
         }
         this._handleMotionChange(mediaQuery);
-        const handleChange = async () => {
-            this._handleMotionChange(mediaQuery);
-            try {
-                await container.refresh();
-            }
-            catch {
-            }
+        const handleChange = () => {
+            void (async () => {
+                this._handleMotionChange(mediaQuery);
+                try {
+                    await container.refresh();
+                }
+                catch {
+                }
+            })();
         };
@@ -48,3 +55,4 @@ if (mediaQuery.addEventListener !== undefined) {
         }
+        await Promise.resolve();
     }
 }

cjs/MotionInstance.js

@@ -5,2 +5,3 @@ "use strict";
 const engine_1 = require("@tsparticles/engine");
+const defaultFactor = 1, defaultReduce = 0, identity = 1;
 class MotionInstance {
@@ -13,9 +14,13 @@ constructor(container, engine) {
             }
-            container.retina.reduceFactor = mediaQuery.matches
-                ? motion.disable
-                    ? 0
-                    : motion.reduce.value
-                        ? 1 / motion.reduce.factor
-                        : 1
-                : 1;
+            if (mediaQuery.matches) {
+                if (motion.disable) {
+                    container.retina.reduceFactor = defaultReduce;
+                }
+                else {
+                    container.retina.reduceFactor = motion.reduce.value ? identity / motion.reduce.factor : defaultFactor;
+                }
+            }
+            else {
+                container.retina.reduceFactor = 1;
+            }
         };
@@ -33,13 +38,15 @@ this._container = container;
         if (!mediaQuery) {
-            container.retina.reduceFactor = 1;
+            container.retina.reduceFactor = defaultFactor;
             return;
         }
         this._handleMotionChange(mediaQuery);
-        const handleChange = async () => {
-            this._handleMotionChange(mediaQuery);
-            try {
-                await container.refresh();
-            }
-            catch {
-            }
+        const handleChange = () => {
+            void (async () => {
+                this._handleMotionChange(mediaQuery);
+                try {
+                    await container.refresh();
+                }
+                catch {
+                }
+            })();
         };
@@ -52,4 +59,5 @@ if (mediaQuery.addEventListener !== undefined) {
         }
+        await Promise.resolve();
     }
 }
 exports.MotionInstance = MotionInstance;

esm/MotionInstance.js

 import { safeMatchMedia } from "@tsparticles/engine";
+const defaultFactor = 1, defaultReduce = 0, identity = 1;
 export class MotionInstance {
@@ -9,9 +10,13 @@ constructor(container, engine) {
             }
-            container.retina.reduceFactor = mediaQuery.matches
-                ? motion.disable
-                    ? 0
-                    : motion.reduce.value
-                        ? 1 / motion.reduce.factor
-                        : 1
-                : 1;
+            if (mediaQuery.matches) {
+                if (motion.disable) {
+                    container.retina.reduceFactor = defaultReduce;
+                }
+                else {
+                    container.retina.reduceFactor = motion.reduce.value ? identity / motion.reduce.factor : defaultFactor;
+                }
+            }
+            else {
+                container.retina.reduceFactor = 1;
+            }
         };
@@ -29,13 +34,15 @@ this._container = container;
         if (!mediaQuery) {
-            container.retina.reduceFactor = 1;
+            container.retina.reduceFactor = defaultFactor;
             return;
         }
         this._handleMotionChange(mediaQuery);
-        const handleChange = async () => {
-            this._handleMotionChange(mediaQuery);
-            try {
-                await container.refresh();
-            }
-            catch {
-            }
+        const handleChange = () => {
+            void (async () => {
+                this._handleMotionChange(mediaQuery);
+                try {
+                    await container.refresh();
+                }
+                catch {
+                }
+            })();
         };
@@ -48,3 +55,4 @@ if (mediaQuery.addEventListener !== undefined) {
         }
+        await Promise.resolve();
     }
 }

package.json

 {
   "name": "@tsparticles/plugin-motion",
-  "version": "3.0.3",
+  "version": "3.1.0",
   "description": "tsParticles motion sickness plugin",
@@ -89,3 +89,3 @@ "homepage": "https://particles.js.org",
   "dependencies": {
-    "@tsparticles/engine": "^3.0.3"
+    "@tsparticles/engine": "^3.1.0"
   },
@@ -92,0 +92,0 @@ "publishConfig": {

tsparticles.plugin.motion.js

@@ -7,3 +7,3 @@ /*!
  * How to use? : Check the GitHub README
- * v3.0.3
+ * v3.1.0
  */
@@ -137,2 +137,5 @@ (function webpackUniversalModuleDefinition(root, factory) {
 
+const defaultFactor = 1,
+  defaultReduce = 0,
+  identity = 1;
 class MotionInstance {
@@ -146,3 +149,11 @@ constructor(container, engine) {
       }
-      container.retina.reduceFactor = mediaQuery.matches ? motion.disable ? 0 : motion.reduce.value ? 1 / motion.reduce.factor : 1 : 1;
+      if (mediaQuery.matches) {
+        if (motion.disable) {
+          container.retina.reduceFactor = defaultReduce;
+        } else {
+          container.retina.reduceFactor = motion.reduce.value ? identity / motion.reduce.factor : defaultFactor;
+        }
+      } else {
+        container.retina.reduceFactor = 1;
+      }
     };
@@ -161,11 +172,13 @@ this._container = container;
     if (!mediaQuery) {
-      container.retina.reduceFactor = 1;
+      container.retina.reduceFactor = defaultFactor;
       return;
     }
     this._handleMotionChange(mediaQuery);
-    const handleChange = async () => {
-      this._handleMotionChange(mediaQuery);
-      try {
-        await container.refresh();
-      } catch {}
+    const handleChange = () => {
+      void (async () => {
+        this._handleMotionChange(mediaQuery);
+        try {
+          await container.refresh();
+        } catch {}
+      })();
     };
@@ -177,2 +190,3 @@ if (mediaQuery.addEventListener !== undefined) {
     }
+    await Promise.resolve();
   }
@@ -179,0 +193,0 @@ }

tsparticles.plugin.motion.min.js

 /*! For license information please see tsparticles.plugin.motion.min.js.LICENSE.txt */
-!function(e,t){if("object"==typeof exports&&"object"==typeof module)module.exports=t(require("@tsparticles/engine"));else if("function"==typeof define&&define.amd)define(["@tsparticles/engine"],t);else{var o="object"==typeof exports?t(require("@tsparticles/engine")):t(e.window);for(var i in o)("object"==typeof exports?exports:e)[i]=o[i]}}(this,(e=>(()=>{"use strict";var t={533:t=>{t.exports=e}},o={};function i(e){var n=o[e];if(void 0!==n)return n.exports;var r=o[e]={exports:{}};return t[e](r,r.exports,i),r.exports}i.d=(e,t)=>{for(var o in t)i.o(t,o)&&!i.o(e,o)&&Object.defineProperty(e,o,{enumerable:!0,get:t[o]})},i.o=(e,t)=>Object.prototype.hasOwnProperty.call(e,t),i.r=e=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})};var n={};return(()=>{i.r(n),i.d(n,{loadMotionPlugin:()=>s});class e{constructor(){this.factor=4,this.value=!0}load(e){e&&(void 0!==e.factor&&(this.factor=e.factor),void 0!==e.value&&(this.value=e.value))}}class t{constructor(){this.disable=!1,this.reduce=new e}load(e){e&&(void 0!==e.disable&&(this.disable=e.disable),this.reduce.load(e.reduce))}}var o=i(533);class r{constructor(e,t){this._handleMotionChange=e=>{const t=this._container,o=t.actualOptions.motion;o&&(t.retina.reduceFactor=e.matches?o.disable?0:o.reduce.value?1/o.reduce.factor:1:1)},this._container=e,this._engine=t}async init(){const e=this._container,t=e.actualOptions.motion;if(!t||!t.disable&&!t.reduce.value)return void(e.retina.reduceFactor=1);const i=(0,o.safeMatchMedia)("(prefers-reduced-motion: reduce)");if(!i)return void(e.retina.reduceFactor=1);this._handleMotionChange(i);const n=async()=>{this._handleMotionChange(i);try{await e.refresh()}catch{}};void 0!==i.addEventListener?i.addEventListener("change",n):void 0!==i.addListener&&i.addListener(n)}}class a{constructor(e){this.id="motion",this._engine=e}getPlugin(e){return new r(e,this._engine)}loadOptions(e,o){if(!this.needsPlugin())return;let i=e.motion;i?.load||(e.motion=i=new t),i.load(o?.motion)}needsPlugin(){return!0}}async function s(e,t=!0){await e.addPlugin(new a(e),t)}})(),n})()));
+!function(e,t){if("object"==typeof exports&&"object"==typeof module)module.exports=t(require("@tsparticles/engine"));else if("function"==typeof define&&define.amd)define(["@tsparticles/engine"],t);else{var o="object"==typeof exports?t(require("@tsparticles/engine")):t(e.window);for(var r in o)("object"==typeof exports?exports:e)[r]=o[r]}}(this,(e=>(()=>{"use strict";var t={533:t=>{t.exports=e}},o={};function r(e){var i=o[e];if(void 0!==i)return i.exports;var n=o[e]={exports:{}};return t[e](n,n.exports,r),n.exports}r.d=(e,t)=>{for(var o in t)r.o(t,o)&&!r.o(e,o)&&Object.defineProperty(e,o,{enumerable:!0,get:t[o]})},r.o=(e,t)=>Object.prototype.hasOwnProperty.call(e,t),r.r=e=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})};var i={};return(()=>{r.r(i),r.d(i,{loadMotionPlugin:()=>s});class e{constructor(){this.factor=4,this.value=!0}load(e){e&&(void 0!==e.factor&&(this.factor=e.factor),void 0!==e.value&&(this.value=e.value))}}class t{constructor(){this.disable=!1,this.reduce=new e}load(e){e&&(void 0!==e.disable&&(this.disable=e.disable),this.reduce.load(e.reduce))}}var o=r(533);class n{constructor(e,t){this._handleMotionChange=e=>{const t=this._container,o=t.actualOptions.motion;o&&(e.matches?o.disable?t.retina.reduceFactor=0:t.retina.reduceFactor=o.reduce.value?1/o.reduce.factor:1:t.retina.reduceFactor=1)},this._container=e,this._engine=t}async init(){const e=this._container,t=e.actualOptions.motion;if(!t||!t.disable&&!t.reduce.value)return void(e.retina.reduceFactor=1);const r=(0,o.safeMatchMedia)("(prefers-reduced-motion: reduce)");if(!r)return void(e.retina.reduceFactor=1);this._handleMotionChange(r);const i=()=>{(async()=>{this._handleMotionChange(r);try{await e.refresh()}catch{}})()};void 0!==r.addEventListener?r.addEventListener("change",i):void 0!==r.addListener&&r.addListener(i),await Promise.resolve()}}class a{constructor(e){this.id="motion",this._engine=e}getPlugin(e){return new n(e,this._engine)}loadOptions(e,o){if(!this.needsPlugin())return;let r=e.motion;r?.load||(e.motion=r=new t),r.load(o?.motion)}needsPlugin(){return!0}}async function s(e,t=!0){await e.addPlugin(new a(e),t)}})(),i})()));

tsparticles.plugin.motion.min.js.LICENSE.txt

@@ -1,1 +0,1 @@
-/*! tsParticles Motion Plugin v3.0.3 by Matteo Bruni */
+/*! tsParticles Motion Plugin v3.1.0 by Matteo Bruni */

umd/MotionInstance.js

@@ -14,2 +14,3 @@ (function (factory) {
     const engine_1 = require("@tsparticles/engine");
+    const defaultFactor = 1, defaultReduce = 0, identity = 1;
     class MotionInstance {
@@ -22,9 +23,13 @@ constructor(container, engine) {
                 }
-                container.retina.reduceFactor = mediaQuery.matches
-                    ? motion.disable
-                        ? 0
-                        : motion.reduce.value
-                            ? 1 / motion.reduce.factor
-                            : 1
-                    : 1;
+                if (mediaQuery.matches) {
+                    if (motion.disable) {
+                        container.retina.reduceFactor = defaultReduce;
+                    }
+                    else {
+                        container.retina.reduceFactor = motion.reduce.value ? identity / motion.reduce.factor : defaultFactor;
+                    }
+                }
+                else {
+                    container.retina.reduceFactor = 1;
+                }
             };
@@ -42,13 +47,15 @@ this._container = container;
             if (!mediaQuery) {
-                container.retina.reduceFactor = 1;
+                container.retina.reduceFactor = defaultFactor;
                 return;
             }
             this._handleMotionChange(mediaQuery);
-            const handleChange = async () => {
-                this._handleMotionChange(mediaQuery);
-                try {
-                    await container.refresh();
-                }
-                catch {
-                }
+            const handleChange = () => {
+                void (async () => {
+                    this._handleMotionChange(mediaQuery);
+                    try {
+                        await container.refresh();
+                    }
+                    catch {
+                    }
+                })();
             };
@@ -61,2 +68,3 @@ if (mediaQuery.addEventListener !== undefined) {
             }
+            await Promise.resolve();
         }
@@ -63,0 +71,0 @@ }

New alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Fixed alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Improved metrics

Total package byte prevSize

311989

increased by0.57%

Lines of code

840

increased by5.79%

Dependency changes

• Updated@tsparticles/engine@^3.1.0