@tsparticles/updater-color - npm Package Compare versions

Comparing version 3.6.0 to 3.7.0

browser/ColorUpdater.js

 import { getHslAnimationFromHsl, rangeColorToHsl, updateColor, } from "@tsparticles/engine";
 export class ColorUpdater {
-    constructor(container) {
-        this.container = container;
+    constructor(container, engine) {
+        this._container = container;
+        this._engine = engine;
     }
     init(particle) {
-        const hslColor = rangeColorToHsl(particle.options.color, particle.id, particle.options.reduceDuplicates);
+        const hslColor = rangeColorToHsl(this._engine, particle.options.color, particle.id, particle.options.reduceDuplicates);
         if (hslColor) {
-            particle.color = getHslAnimationFromHsl(hslColor, particle.options.color.animation, this.container.retina.reduceFactor);
+            particle.color = getHslAnimationFromHsl(hslColor, particle.options.color.animation, this._container.retina.reduceFactor);
         }
@@ -11,0 +12,0 @@ }

browser/index.js

@@ -0,6 +1,8 @@
+import { assertValidVersion } from "@tsparticles/engine";
 import { ColorUpdater } from "./ColorUpdater.js";
 export async function loadColorUpdater(engine, refresh = true) {
+    assertValidVersion(engine, "3.7.0");
     await engine.addParticleUpdater("color", container => {
-        return Promise.resolve(new ColorUpdater(container));
+        return Promise.resolve(new ColorUpdater(container, engine));
     }, refresh);
 }

cjs/ColorUpdater.js

@@ -6,9 +6,10 @@ "use strict";
 class ColorUpdater {
-    constructor(container) {
-        this.container = container;
+    constructor(container, engine) {
+        this._container = container;
+        this._engine = engine;
     }
     init(particle) {
-        const hslColor = (0, engine_1.rangeColorToHsl)(particle.options.color, particle.id, particle.options.reduceDuplicates);
+        const hslColor = (0, engine_1.rangeColorToHsl)(this._engine, particle.options.color, particle.id, particle.options.reduceDuplicates);
         if (hslColor) {
-            particle.color = (0, engine_1.getHslAnimationFromHsl)(hslColor, particle.options.color.animation, this.container.retina.reduceFactor);
+            particle.color = (0, engine_1.getHslAnimationFromHsl)(hslColor, particle.options.color.animation, this._container.retina.reduceFactor);
         }
@@ -15,0 +16,0 @@ }

cjs/index.js

 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.loadColorUpdater = loadColorUpdater;
+const engine_1 = require("@tsparticles/engine");
 const ColorUpdater_js_1 = require("./ColorUpdater.js");
 async function loadColorUpdater(engine, refresh = true) {
+    (0, engine_1.assertValidVersion)(engine, "3.7.0");
     await engine.addParticleUpdater("color", container => {
-        return Promise.resolve(new ColorUpdater_js_1.ColorUpdater(container));
+        return Promise.resolve(new ColorUpdater_js_1.ColorUpdater(container, engine));
     }, refresh);
 }

esm/ColorUpdater.js

 import { getHslAnimationFromHsl, rangeColorToHsl, updateColor, } from "@tsparticles/engine";
 export class ColorUpdater {
-    constructor(container) {
-        this.container = container;
+    constructor(container, engine) {
+        this._container = container;
+        this._engine = engine;
     }
     init(particle) {
-        const hslColor = rangeColorToHsl(particle.options.color, particle.id, particle.options.reduceDuplicates);
+        const hslColor = rangeColorToHsl(this._engine, particle.options.color, particle.id, particle.options.reduceDuplicates);
         if (hslColor) {
-            particle.color = getHslAnimationFromHsl(hslColor, particle.options.color.animation, this.container.retina.reduceFactor);
+            particle.color = getHslAnimationFromHsl(hslColor, particle.options.color.animation, this._container.retina.reduceFactor);
         }
@@ -11,0 +12,0 @@ }

esm/index.js

@@ -0,6 +1,8 @@
+import { assertValidVersion } from "@tsparticles/engine";
 import { ColorUpdater } from "./ColorUpdater.js";
 export async function loadColorUpdater(engine, refresh = true) {
+    assertValidVersion(engine, "3.7.0");
     await engine.addParticleUpdater("color", container => {
-        return Promise.resolve(new ColorUpdater(container));
+        return Promise.resolve(new ColorUpdater(container, engine));
     }, refresh);
 }

package.json

 {
   "name": "@tsparticles/updater-color",
-  "version": "3.6.0",
+  "version": "3.7.0",
   "description": "tsParticles particles color updater",
@@ -90,3 +90,3 @@ "homepage": "https://particles.js.org",
   "dependencies": {
-    "@tsparticles/engine": "^3.6.0"
+    "@tsparticles/engine": "3.7.0"
   },
@@ -93,0 +93,0 @@ "publishConfig": {

tsparticles.updater.color.js

@@ -7,3 +7,3 @@ /*!
  * How to use? : Check the GitHub README
- * v3.6.0
+ * v3.7.0
  */
@@ -38,3 +38,3 @@ /*
 
-eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   ColorUpdater: () => (/* binding */ ColorUpdater)\n/* harmony export */ });\n/* harmony import */ var _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @tsparticles/engine */ \"@tsparticles/engine\");\n/* harmony import */ var _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__);\n\nclass ColorUpdater {\n  constructor(container) {\n    this.container = container;\n  }\n  init(particle) {\n    const hslColor = (0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.rangeColorToHsl)(particle.options.color, particle.id, particle.options.reduceDuplicates);\n    if (hslColor) {\n      particle.color = (0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.getHslAnimationFromHsl)(hslColor, particle.options.color.animation, this.container.retina.reduceFactor);\n    }\n  }\n  isEnabled(particle) {\n    const {\n        h: hAnimation,\n        s: sAnimation,\n        l: lAnimation\n      } = particle.options.color.animation,\n      {\n        color\n      } = particle;\n    return !particle.destroyed && !particle.spawning && (color?.h.value !== undefined && hAnimation.enable || color?.s.value !== undefined && sAnimation.enable || color?.l.value !== undefined && lAnimation.enable);\n  }\n  update(particle, delta) {\n    (0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.updateColor)(particle.color, delta);\n  }\n}\n\n//# sourceURL=webpack://@tsparticles/updater-color/./dist/browser/ColorUpdater.js?");
+eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   ColorUpdater: () => (/* binding */ ColorUpdater)\n/* harmony export */ });\n/* harmony import */ var _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @tsparticles/engine */ \"@tsparticles/engine\");\n/* harmony import */ var _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__);\n\nclass ColorUpdater {\n  constructor(container, engine) {\n    this._container = container;\n    this._engine = engine;\n  }\n  init(particle) {\n    const hslColor = (0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.rangeColorToHsl)(this._engine, particle.options.color, particle.id, particle.options.reduceDuplicates);\n    if (hslColor) {\n      particle.color = (0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.getHslAnimationFromHsl)(hslColor, particle.options.color.animation, this._container.retina.reduceFactor);\n    }\n  }\n  isEnabled(particle) {\n    const {\n        h: hAnimation,\n        s: sAnimation,\n        l: lAnimation\n      } = particle.options.color.animation,\n      {\n        color\n      } = particle;\n    return !particle.destroyed && !particle.spawning && (color?.h.value !== undefined && hAnimation.enable || color?.s.value !== undefined && sAnimation.enable || color?.l.value !== undefined && lAnimation.enable);\n  }\n  update(particle, delta) {\n    (0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.updateColor)(particle.color, delta);\n  }\n}\n\n//# sourceURL=webpack://@tsparticles/updater-color/./dist/browser/ColorUpdater.js?");
 
@@ -49,3 +49,3 @@ /***/ }),
 
-eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   loadColorUpdater: () => (/* binding */ loadColorUpdater)\n/* harmony export */ });\n/* harmony import */ var _ColorUpdater_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./ColorUpdater.js */ \"./dist/browser/ColorUpdater.js\");\n\nasync function loadColorUpdater(engine, refresh = true) {\n  await engine.addParticleUpdater(\"color\", container => {\n    return Promise.resolve(new _ColorUpdater_js__WEBPACK_IMPORTED_MODULE_0__.ColorUpdater(container));\n  }, refresh);\n}\n\n//# sourceURL=webpack://@tsparticles/updater-color/./dist/browser/index.js?");
+eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   loadColorUpdater: () => (/* binding */ loadColorUpdater)\n/* harmony export */ });\n/* harmony import */ var _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @tsparticles/engine */ \"@tsparticles/engine\");\n/* harmony import */ var _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__);\n/* harmony import */ var _ColorUpdater_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./ColorUpdater.js */ \"./dist/browser/ColorUpdater.js\");\n\n\nasync function loadColorUpdater(engine, refresh = true) {\n  (0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.assertValidVersion)(engine, \"3.7.0\");\n  await engine.addParticleUpdater(\"color\", container => {\n    return Promise.resolve(new _ColorUpdater_js__WEBPACK_IMPORTED_MODULE_1__.ColorUpdater(container, engine));\n  }, refresh);\n}\n\n//# sourceURL=webpack://@tsparticles/updater-color/./dist/browser/index.js?");
 
@@ -52,0 +52,0 @@ /***/ }),

tsparticles.updater.color.min.js

 /*! For license information please see tsparticles.updater.color.min.js.LICENSE.txt */
-!function(e,o){if("object"==typeof exports&&"object"==typeof module)module.exports=o(require("@tsparticles/engine"));else if("function"==typeof define&&define.amd)define(["@tsparticles/engine"],o);else{var t="object"==typeof exports?o(require("@tsparticles/engine")):o(e.window);for(var r in t)("object"==typeof exports?exports:e)[r]=t[r]}}(this,(e=>(()=>{var o={303:o=>{o.exports=e}},t={};function r(e){var n=t[e];if(void 0!==n)return n.exports;var i=t[e]={exports:{}};return o[e](i,i.exports,r),i.exports}r.d=(e,o)=>{for(var t in o)r.o(o,t)&&!r.o(e,t)&&Object.defineProperty(e,t,{enumerable:!0,get:o[t]})},r.o=(e,o)=>Object.prototype.hasOwnProperty.call(e,o),r.r=e=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})};var n={};r.r(n),r.d(n,{loadColorUpdater:()=>l});var i=r(303);class a{constructor(e){this.container=e}init(e){const o=(0,i.rangeColorToHsl)(e.options.color,e.id,e.options.reduceDuplicates);o&&(e.color=(0,i.getHslAnimationFromHsl)(o,e.options.color.animation,this.container.retina.reduceFactor))}isEnabled(e){const{h:o,s:t,l:r}=e.options.color.animation,{color:n}=e;return!e.destroyed&&!e.spawning&&(void 0!==n?.h.value&&o.enable||void 0!==n?.s.value&&t.enable||void 0!==n?.l.value&&r.enable)}update(e,o){(0,i.updateColor)(e.color,o)}}async function l(e,o=!0){await e.addParticleUpdater("color",(e=>Promise.resolve(new a(e))),o)}return n})()));
+!function(e,o){if("object"==typeof exports&&"object"==typeof module)module.exports=o(require("@tsparticles/engine"));else if("function"==typeof define&&define.amd)define(["@tsparticles/engine"],o);else{var t="object"==typeof exports?o(require("@tsparticles/engine")):o(e.window);for(var r in t)("object"==typeof exports?exports:e)[r]=t[r]}}(this,(e=>(()=>{var o={303:o=>{o.exports=e}},t={};function r(e){var n=t[e];if(void 0!==n)return n.exports;var i=t[e]={exports:{}};return o[e](i,i.exports,r),i.exports}r.d=(e,o)=>{for(var t in o)r.o(o,t)&&!r.o(e,t)&&Object.defineProperty(e,t,{enumerable:!0,get:o[t]})},r.o=(e,o)=>Object.prototype.hasOwnProperty.call(e,o),r.r=e=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})};var n={};r.r(n),r.d(n,{loadColorUpdater:()=>s});var i=r(303);class a{constructor(e,o){this._container=e,this._engine=o}init(e){const o=(0,i.rangeColorToHsl)(this._engine,e.options.color,e.id,e.options.reduceDuplicates);o&&(e.color=(0,i.getHslAnimationFromHsl)(o,e.options.color.animation,this._container.retina.reduceFactor))}isEnabled(e){const{h:o,s:t,l:r}=e.options.color.animation,{color:n}=e;return!e.destroyed&&!e.spawning&&(void 0!==n?.h.value&&o.enable||void 0!==n?.s.value&&t.enable||void 0!==n?.l.value&&r.enable)}update(e,o){(0,i.updateColor)(e.color,o)}}async function s(e,o=!0){(0,i.assertValidVersion)(e,"3.7.0"),await e.addParticleUpdater("color",(o=>Promise.resolve(new a(o,e))),o)}return n})()));

tsparticles.updater.color.min.js.LICENSE.txt

@@ -1,1 +0,1 @@
-/*! tsParticles Color Updater v3.6.0 by Matteo Bruni */
+/*! tsParticles Color Updater v3.7.0 by Matteo Bruni */

types/ColorUpdater.d.ts

@@ -1,5 +0,6 @@
-import { type Container, type IDelta, type IParticleUpdater, type Particle } from "@tsparticles/engine";
+import { type Container, type Engine, type IDelta, type IParticleUpdater, type Particle } from "@tsparticles/engine";
 export declare class ColorUpdater implements IParticleUpdater {
-    private readonly container;
-    constructor(container: Container);
+    private readonly _container;
+    private readonly _engine;
+    constructor(container: Container, engine: Engine);
     init(particle: Particle): void;
@@ -6,0 +7,0 @@ isEnabled(particle: Particle): boolean;

types/index.d.ts

@@ -1,2 +0,2 @@
-import type { Engine } from "@tsparticles/engine";
+import { type Engine } from "@tsparticles/engine";
 export declare function loadColorUpdater(engine: Engine, refresh?: boolean): Promise<void>;

umd/ColorUpdater.js

@@ -15,9 +15,10 @@ (function (factory) {
     class ColorUpdater {
-        constructor(container) {
-            this.container = container;
+        constructor(container, engine) {
+            this._container = container;
+            this._engine = engine;
         }
         init(particle) {
-            const hslColor = (0, engine_1.rangeColorToHsl)(particle.options.color, particle.id, particle.options.reduceDuplicates);
+            const hslColor = (0, engine_1.rangeColorToHsl)(this._engine, particle.options.color, particle.id, particle.options.reduceDuplicates);
             if (hslColor) {
-                particle.color = (0, engine_1.getHslAnimationFromHsl)(hslColor, particle.options.color.animation, this.container.retina.reduceFactor);
+                particle.color = (0, engine_1.getHslAnimationFromHsl)(hslColor, particle.options.color.animation, this._container.retina.reduceFactor);
             }
@@ -24,0 +25,0 @@ }

umd/index.js

@@ -7,3 +7,3 @@ (function (factory) {
     else if (typeof define === "function" && define.amd) {
-        define(["require", "exports", "./ColorUpdater.js"], factory);
+        define(["require", "exports", "@tsparticles/engine", "./ColorUpdater.js"], factory);
     }
@@ -14,8 +14,10 @@ })(function (require, exports) {
     exports.loadColorUpdater = loadColorUpdater;
+    const engine_1 = require("@tsparticles/engine");
     const ColorUpdater_js_1 = require("./ColorUpdater.js");
     async function loadColorUpdater(engine, refresh = true) {
+        (0, engine_1.assertValidVersion)(engine, "3.7.0");
         await engine.addParticleUpdater("color", container => {
-            return Promise.resolve(new ColorUpdater_js_1.ColorUpdater(container));
+            return Promise.resolve(new ColorUpdater_js_1.ColorUpdater(container, engine));
         }, refresh);
     }
 });

New alerts

Long strings

Supply chain risk

Contains long string literals, which may be a sign of obfuscated or packed code.

Found 1 instance in 1 package

Fixed alerts

Long strings

Supply chain risk

Contains long string literals, which may be a sign of obfuscated or packed code.

Found 1 instance in 1 package

Improved metrics

Total package byte prevSize

297859

increased by0.44%

Lines of code

310

increased by5.08%

Worsened metrics

Number of low supply chain risk alerts

2

increased by100%

Dependency changes

• + Added@tsparticles/engine@3.7.0(transitive)

• - Removed@tsparticles/engine@3.8.1(transitive)

• Updated@tsparticles/engine@3.7.0