@tsparticles/updater-wobble 3.0.0-alpha.0 → 3.0.0-beta.0

package/README.md

@@ -2,9 +2,9 @@
 
 # tsParticles Wobble Updater
 
-[![jsDelivr](https://data.jsdelivr.com/v1/package/npm/tsparticles-updater-wobble/badge)](https://www.jsdelivr.com/package/npm/tsparticles-updater-wobble)
-[![npmjs](https://badge.fury.io/js/tsparticles-updater-wobble.svg)](https://www.npmjs.com/package/tsparticles-updater-wobble)
-[![npmjs](https://img.shields.io/npm/dt/tsparticles-updater-wobble)](https://www.npmjs.com/package/tsparticles-updater-wobble) [![GitHub Sponsors](https://img.shields.io/github/sponsors/matteobruni)](https://github.com/sponsors/matteobruni)
+[![jsDelivr](https://data.jsdelivr.com/v1/package/npm/@tsparticles/updater-wobble/badge)](https://www.jsdelivr.com/package/npm/@tsparticles/updater-wobble)
+[![npmjs](https://badge.fury.io/js/@tsparticles/updater-wobble.svg)](https://www.npmjs.com/package/@tsparticles/updater-wobble)
+[![npmjs](https://img.shields.io/npm/dt/@tsparticles/updater-wobble)](https://www.npmjs.com/package/@tsparticles/updater-wobble) [![GitHub Sponsors](https://img.shields.io/github/sponsors/matteobruni)](https://github.com/sponsors/matteobruni)
 
 [tsParticles](https://github.com/matteobruni/tsparticles) updater plugin for wobble animations.
 
@@ -26,7 +26,7 @@ Once the scripts are loaded you can set up `tsParticles` and the updater plugin
 
 ```javascript
 (async () => {
-  await loadWobbleUpdater();
+  await loadWobbleUpdater(tsParticles);
 
   await tsParticles.load({
     id: "tsparticles",
@@ -42,29 +42,33 @@ Once the scripts are loaded you can set up `tsParticles` and the updater plugin
 This package is compatible also with ES or CommonJS modules, firstly this needs to be installed, like this:
 
 ```shell
-$ npm install tsparticles-updater-wobble
+$ npm install @tsparticles/updater-wobble
 ```
 
 or
 
 ```shell
-$ yarn add tsparticles-updater-wobble
+$ yarn add @tsparticles/updater-wobble
 ```
 
 Then you need to import it in the app, like this:
 
 ```javascript
-const { tsParticles } = require("tsparticles-engine");
-const { loadWobbleUpdater } = require("tsparticles-updater-wobble");
+const { tsParticles } = require("@tsparticles/engine");
+const { loadWobbleUpdater } = require("@tsparticles/updater-wobble");
 
-loadWobbleUpdater(tsParticles);
+(async () => {
+  await loadWobbleUpdater(tsParticles);
+})();
 ```
 
 or
 
 ```javascript
-import { tsParticles } from "tsparticles-engine";
-import { loadWobbleUpdater } from "tsparticles-updater-wobble";
+import { tsParticles } from "@tsparticles/engine";
+import { loadWobbleUpdater } from "@tsparticles/updater-wobble";
 
-loadWobbleUpdater(tsParticles);
+(async () => {
+  await loadWobbleUpdater(tsParticles);
+})();
 ```

package/browser/Options/Classes/Wobble.js

@@ -1,5 +1,5 @@
+import { isNumber, setRangeValue, } from "@tsparticles/engine";
 import { WobbleSpeed } from "./WobbleSpeed";
-import { setRangeValue } from "@tsparticles/engine";
 export class Wobble {
     constructor() {
         this.distance = 5;
@@ -17,7 +17,7 @@ export class Wobble {
             this.enable = data.enable;
         }
         if (data.speed !== undefined) {
-            if (typeof data.speed === "number") {
+            if (isNumber(data.speed)) {
                 this.speed.load({ angle: data.speed });
             }
             else {

package/browser/Types.js

@@ -0,0 +1 @@
+export {};

package/browser/Utils.js

@@ -0,0 +1,13 @@
+export function updateWobble(particle, delta) {
+    const { wobble: wobbleOptions } = particle.options, { wobble } = particle;
+    if (!wobbleOptions?.enable || !wobble) {
+        return;
+    }
+    const angleSpeed = wobble.angleSpeed * delta.factor, moveSpeed = wobble.moveSpeed * delta.factor, distance = (moveSpeed * ((particle.retina.wobbleDistance ?? 0) * delta.factor)) / (1000 / 60), max = 2 * Math.PI, { position } = particle;
+    wobble.angle += angleSpeed;
+    if (wobble.angle > max) {
+        wobble.angle -= max;
+    }
+    position.x += distance * Math.cos(wobble.angle);
+    position.y += distance * Math.abs(Math.sin(wobble.angle));
+}

package/browser/WobbleUpdater.js

@@ -1,27 +1,13 @@
-import { getRandom, getRangeValue } from "@tsparticles/engine";
+import { getRandom, getRangeValue, } from "@tsparticles/engine";
 import { Wobble } from "./Options/Classes/Wobble";
-function updateWobble(particle, delta) {
-    var _a;
-    const wobble = particle.options.wobble;
-    if (!(wobble === null || wobble === void 0 ? void 0 : wobble.enable) || !particle.wobble) {
-        return;
-    }
-    const angleSpeed = particle.wobble.angleSpeed * delta.factor, moveSpeed = particle.wobble.moveSpeed * delta.factor, distance = (moveSpeed * (((_a = particle.retina.wobbleDistance) !== null && _a !== void 0 ? _a : 0) * delta.factor)) / (1000 / 60), max = 2 * Math.PI;
-    particle.wobble.angle += angleSpeed;
-    if (particle.wobble.angle > max) {
-        particle.wobble.angle -= max;
-    }
-    particle.position.x += distance * Math.cos(particle.wobble.angle);
-    particle.position.y += distance * Math.abs(Math.sin(particle.wobble.angle));
-}
+import { updateWobble } from "./Utils";
 export class WobbleUpdater {
     constructor(container) {
         this.container = container;
     }
     init(particle) {
-        var _a;
         const wobbleOpt = particle.options.wobble;
-        if (wobbleOpt === null || wobbleOpt === void 0 ? void 0 : wobbleOpt.enable) {
+        if (wobbleOpt?.enable) {
             particle.wobble = {
                 angle: getRandom() * Math.PI * 2,
                 angleSpeed: getRangeValue(wobbleOpt.speed.angle) / 360,
@@ -35,18 +21,17 @@ export class WobbleUpdater {
                 moveSpeed: 0,
             };
         }
-        particle.retina.wobbleDistance = getRangeValue((_a = wobbleOpt === null || wobbleOpt === void 0 ? void 0 : wobbleOpt.distance) !== null && _a !== void 0 ? _a : 0) * this.container.retina.pixelRatio;
+        particle.retina.wobbleDistance = getRangeValue(wobbleOpt?.distance ?? 0) * this.container.retina.pixelRatio;
     }
     isEnabled(particle) {
-        var _a;
-        return !particle.destroyed && !particle.spawning && !!((_a = particle.options.wobble) === null || _a === void 0 ? void 0 : _a.enable);
+        return !particle.destroyed && !particle.spawning && !!particle.options.wobble?.enable;
     }
     loadOptions(options, ...sources) {
         if (!options.wobble) {
             options.wobble = new Wobble();
         }
         for (const source of sources) {
-            options.wobble.load(source === null || source === void 0 ? void 0 : source.wobble);
+            options.wobble.load(source?.wobble);
         }
     }
     update(particle, delta) {

package/browser/index.js

@@ -1,4 +1,4 @@
 import { WobbleUpdater } from "./WobbleUpdater";
-export async function loadWobbleUpdater(engine) {
-    await engine.addParticleUpdater("wobble", (container) => new WobbleUpdater(container));
+export async function loadWobbleUpdater(engine, refresh = true) {
+    await engine.addParticleUpdater("wobble", (container) => new WobbleUpdater(container), refresh);
 }

package/cjs/Options/Classes/Wobble.js

@@ -1,8 +1,8 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.Wobble = void 0;
-const WobbleSpeed_1 = require("./WobbleSpeed");
 const engine_1 = require("@tsparticles/engine");
+const WobbleSpeed_1 = require("./WobbleSpeed");
 class Wobble {
     constructor() {
         this.distance = 5;
@@ -20,7 +20,7 @@ class Wobble {
             this.enable = data.enable;
         }
         if (data.speed !== undefined) {
-            if (typeof data.speed === "number") {
+            if ((0, engine_1.isNumber)(data.speed)) {
                 this.speed.load({ angle: data.speed });
             }
             else {

package/cjs/Types.js

@@ -0,0 +1,2 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });

package/cjs/Utils.js

@@ -0,0 +1,17 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.updateWobble = void 0;
+function updateWobble(particle, delta) {
+    const { wobble: wobbleOptions } = particle.options, { wobble } = particle;
+    if (!wobbleOptions?.enable || !wobble) {
+        return;
+    }
+    const angleSpeed = wobble.angleSpeed * delta.factor, moveSpeed = wobble.moveSpeed * delta.factor, distance = (moveSpeed * ((particle.retina.wobbleDistance ?? 0) * delta.factor)) / (1000 / 60), max = 2 * Math.PI, { position } = particle;
+    wobble.angle += angleSpeed;
+    if (wobble.angle > max) {
+        wobble.angle -= max;
+    }
+    position.x += distance * Math.cos(wobble.angle);
+    position.y += distance * Math.abs(Math.sin(wobble.angle));
+}
+exports.updateWobble = updateWobble;

package/cjs/WobbleUpdater.js

@@ -3,28 +3,14 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.WobbleUpdater = void 0;
 const engine_1 = require("@tsparticles/engine");
 const Wobble_1 = require("./Options/Classes/Wobble");
-function updateWobble(particle, delta) {
-    var _a;
-    const wobble = particle.options.wobble;
-    if (!(wobble === null || wobble === void 0 ? void 0 : wobble.enable) || !particle.wobble) {
-        return;
-    }
-    const angleSpeed = particle.wobble.angleSpeed * delta.factor, moveSpeed = particle.wobble.moveSpeed * delta.factor, distance = (moveSpeed * (((_a = particle.retina.wobbleDistance) !== null && _a !== void 0 ? _a : 0) * delta.factor)) / (1000 / 60), max = 2 * Math.PI;
-    particle.wobble.angle += angleSpeed;
-    if (particle.wobble.angle > max) {
-        particle.wobble.angle -= max;
-    }
-    particle.position.x += distance * Math.cos(particle.wobble.angle);
-    particle.position.y += distance * Math.abs(Math.sin(particle.wobble.angle));
-}
+const Utils_1 = require("./Utils");
 class WobbleUpdater {
     constructor(container) {
         this.container = container;
     }
     init(particle) {
-        var _a;
         const wobbleOpt = particle.options.wobble;
-        if (wobbleOpt === null || wobbleOpt === void 0 ? void 0 : wobbleOpt.enable) {
+        if (wobbleOpt?.enable) {
             particle.wobble = {
                 angle: (0, engine_1.getRandom)() * Math.PI * 2,
                 angleSpeed: (0, engine_1.getRangeValue)(wobbleOpt.speed.angle) / 360,
@@ -38,25 +24,24 @@ class WobbleUpdater {
                 moveSpeed: 0,
             };
         }
-        particle.retina.wobbleDistance = (0, engine_1.getRangeValue)((_a = wobbleOpt === null || wobbleOpt === void 0 ? void 0 : wobbleOpt.distance) !== null && _a !== void 0 ? _a : 0) * this.container.retina.pixelRatio;
+        particle.retina.wobbleDistance = (0, engine_1.getRangeValue)(wobbleOpt?.distance ?? 0) * this.container.retina.pixelRatio;
     }
     isEnabled(particle) {
-        var _a;
-        return !particle.destroyed && !particle.spawning && !!((_a = particle.options.wobble) === null || _a === void 0 ? void 0 : _a.enable);
+        return !particle.destroyed && !particle.spawning && !!particle.options.wobble?.enable;
     }
     loadOptions(options, ...sources) {
         if (!options.wobble) {
             options.wobble = new Wobble_1.Wobble();
         }
         for (const source of sources) {
-            options.wobble.load(source === null || source === void 0 ? void 0 : source.wobble);
+            options.wobble.load(source?.wobble);
         }
     }
     update(particle, delta) {
         if (!this.isEnabled(particle)) {
             return;
         }
-        updateWobble(particle, delta);
+        (0, Utils_1.updateWobble)(particle, delta);
     }
 }
 exports.WobbleUpdater = WobbleUpdater;

package/cjs/index.js

@@ -1,19 +1,8 @@
 "use strict";
-var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
-    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
-    return new (P || (P = Promise))(function (resolve, reject) {
-        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
-        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
-        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
-        step((generator = generator.apply(thisArg, _arguments || [])).next());
-    });
-};
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.loadWobbleUpdater = void 0;
 const WobbleUpdater_1 = require("./WobbleUpdater");
-function loadWobbleUpdater(engine) {
-    return __awaiter(this, void 0, void 0, function* () {
-        yield engine.addParticleUpdater("wobble", (container) => new WobbleUpdater_1.WobbleUpdater(container));
-    });
+async function loadWobbleUpdater(engine, refresh = true) {
+    await engine.addParticleUpdater("wobble", (container) => new WobbleUpdater_1.WobbleUpdater(container), refresh);
 }
 exports.loadWobbleUpdater = loadWobbleUpdater;

package/esm/Options/Classes/Wobble.js

@@ -1,5 +1,5 @@
+import { isNumber, setRangeValue, } from "@tsparticles/engine";
 import { WobbleSpeed } from "./WobbleSpeed";
-import { setRangeValue } from "@tsparticles/engine";
 export class Wobble {
     constructor() {
         this.distance = 5;
@@ -17,7 +17,7 @@ export class Wobble {
             this.enable = data.enable;
         }
         if (data.speed !== undefined) {
-            if (typeof data.speed === "number") {
+            if (isNumber(data.speed)) {
                 this.speed.load({ angle: data.speed });
             }
             else {

package/esm/Types.js

@@ -0,0 +1 @@
+export {};

package/esm/Utils.js

@@ -0,0 +1,13 @@
+export function updateWobble(particle, delta) {
+    const { wobble: wobbleOptions } = particle.options, { wobble } = particle;
+    if (!wobbleOptions?.enable || !wobble) {
+        return;
+    }
+    const angleSpeed = wobble.angleSpeed * delta.factor, moveSpeed = wobble.moveSpeed * delta.factor, distance = (moveSpeed * ((particle.retina.wobbleDistance ?? 0) * delta.factor)) / (1000 / 60), max = 2 * Math.PI, { position } = particle;
+    wobble.angle += angleSpeed;
+    if (wobble.angle > max) {
+        wobble.angle -= max;
+    }
+    position.x += distance * Math.cos(wobble.angle);
+    position.y += distance * Math.abs(Math.sin(wobble.angle));
+}

package/esm/WobbleUpdater.js

@@ -1,27 +1,13 @@
-import { getRandom, getRangeValue } from "@tsparticles/engine";
+import { getRandom, getRangeValue, } from "@tsparticles/engine";
 import { Wobble } from "./Options/Classes/Wobble";
-function updateWobble(particle, delta) {
-    var _a;
-    const wobble = particle.options.wobble;
-    if (!(wobble === null || wobble === void 0 ? void 0 : wobble.enable) || !particle.wobble) {
-        return;
-    }
-    const angleSpeed = particle.wobble.angleSpeed * delta.factor, moveSpeed = particle.wobble.moveSpeed * delta.factor, distance = (moveSpeed * (((_a = particle.retina.wobbleDistance) !== null && _a !== void 0 ? _a : 0) * delta.factor)) / (1000 / 60), max = 2 * Math.PI;
-    particle.wobble.angle += angleSpeed;
-    if (particle.wobble.angle > max) {
-        particle.wobble.angle -= max;
-    }
-    particle.position.x += distance * Math.cos(particle.wobble.angle);
-    particle.position.y += distance * Math.abs(Math.sin(particle.wobble.angle));
-}
+import { updateWobble } from "./Utils";
 export class WobbleUpdater {
     constructor(container) {
         this.container = container;
     }
     init(particle) {
-        var _a;
         const wobbleOpt = particle.options.wobble;
-        if (wobbleOpt === null || wobbleOpt === void 0 ? void 0 : wobbleOpt.enable) {
+        if (wobbleOpt?.enable) {
             particle.wobble = {
                 angle: getRandom() * Math.PI * 2,
                 angleSpeed: getRangeValue(wobbleOpt.speed.angle) / 360,
@@ -35,18 +21,17 @@ export class WobbleUpdater {
                 moveSpeed: 0,
             };
         }
-        particle.retina.wobbleDistance = getRangeValue((_a = wobbleOpt === null || wobbleOpt === void 0 ? void 0 : wobbleOpt.distance) !== null && _a !== void 0 ? _a : 0) * this.container.retina.pixelRatio;
+        particle.retina.wobbleDistance = getRangeValue(wobbleOpt?.distance ?? 0) * this.container.retina.pixelRatio;
     }
     isEnabled(particle) {
-        var _a;
-        return !particle.destroyed && !particle.spawning && !!((_a = particle.options.wobble) === null || _a === void 0 ? void 0 : _a.enable);
+        return !particle.destroyed && !particle.spawning && !!particle.options.wobble?.enable;
     }
     loadOptions(options, ...sources) {
         if (!options.wobble) {
             options.wobble = new Wobble();
         }
         for (const source of sources) {
-            options.wobble.load(source === null || source === void 0 ? void 0 : source.wobble);
+            options.wobble.load(source?.wobble);
         }
     }
     update(particle, delta) {

package/esm/index.js

@@ -1,4 +1,4 @@
 import { WobbleUpdater } from "./WobbleUpdater";
-export async function loadWobbleUpdater(engine) {
-    await engine.addParticleUpdater("wobble", (container) => new WobbleUpdater(container));
+export async function loadWobbleUpdater(engine, refresh = true) {
+    await engine.addParticleUpdater("wobble", (container) => new WobbleUpdater(container), refresh);
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@tsparticles/updater-wobble",
-  "version": "3.0.0-alpha.0",
+  "version": "3.0.0-beta.0",
   "description": "tsParticles particles wobble updater",
   "homepage": "https://particles.js.org",
   "repository": {
@@ -73,10 +73,11 @@
   "unpkg": "tsparticles.updater.wobble.min.js",
   "module": "esm/index.js",
   "types": "types/index.d.ts",
+  "sideEffects": false,
+  "dependencies": {
+    "@tsparticles/engine": "^3.0.0-beta.0"
+  },
   "publishConfig": {
     "access": "public"
-  },
-  "dependencies": {
-    "@tsparticles/engine": "^3.0.0-alpha.0"
   }
-}
+}