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

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 { WobbleSpeed } from "./WobbleSpeed";
-import { setRangeValue } from "@tsparticles/engine";
+import { isNumber, setRangeValue, } from "@tsparticles/engine";
+import { WobbleSpeed } from "./WobbleSpeed.js";
 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 { 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 { getRandom, getRangeValue, } from "@tsparticles/engine";
+import { Wobble } from "./Options/Classes/Wobble.js";
+import { updateWobble } from "./Utils.js";
 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));
+import { WobbleUpdater } from "./WobbleUpdater.js";
+export async function loadWobbleUpdater(engine, refresh = true) {
+    await engine.addParticleUpdater("wobble", (container) => new WobbleUpdater(container), refresh);
 }

package/browser/package.json

@@ -0,0 +1 @@
+{ "type": "module" }

package/cjs/Options/Classes/Wobble.js

@@ -1,13 +1,13 @@
 "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_js_1 = require("./WobbleSpeed.js");
 class Wobble {
     constructor() {
         this.distance = 5;
         this.enable = false;
-        this.speed = new WobbleSpeed_1.WobbleSpeed();
+        this.speed = new WobbleSpeed_js_1.WobbleSpeed();
     }
     load(data) {
         if (!data) {
@@ -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

@@ -2,29 +2,15 @@
 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 Wobble_js_1 = require("./Options/Classes/Wobble.js");
+const Utils_js_1 = require("./Utils.js");
 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();
+            options.wobble = new Wobble_js_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_js_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));
-    });
+const WobbleUpdater_js_1 = require("./WobbleUpdater.js");
+async function loadWobbleUpdater(engine, refresh = true) {
+    await engine.addParticleUpdater("wobble", (container) => new WobbleUpdater_js_1.WobbleUpdater(container), refresh);
 }
 exports.loadWobbleUpdater = loadWobbleUpdater;

package/cjs/package.json

@@ -0,0 +1 @@
+{ "type": "commonjs" }

package/esm/Options/Classes/Wobble.js

@@ -1,5 +1,5 @@
-import { WobbleSpeed } from "./WobbleSpeed";
-import { setRangeValue } from "@tsparticles/engine";
+import { isNumber, setRangeValue, } from "@tsparticles/engine";
+import { WobbleSpeed } from "./WobbleSpeed.js";
 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 { 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 { getRandom, getRangeValue, } from "@tsparticles/engine";
+import { Wobble } from "./Options/Classes/Wobble.js";
+import { updateWobble } from "./Utils.js";
 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));
+import { WobbleUpdater } from "./WobbleUpdater.js";
+export async function loadWobbleUpdater(engine, refresh = true) {
+    await engine.addParticleUpdater("wobble", (container) => new WobbleUpdater(container), refresh);
 }

package/esm/package.json

@@ -0,0 +1 @@
+{ "type": "module" }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@tsparticles/updater-wobble",
-  "version": "3.0.0-alpha.1",
+  "version": "3.0.0-beta.1",
   "description": "tsParticles particles wobble updater",
   "homepage": "https://particles.js.org",
   "repository": {
@@ -68,15 +68,28 @@
   "bugs": {
     "url": "https://github.com/matteobruni/tsparticles/issues"
   },
-  "main": "cjs/index.js",
+  "sideEffects": false,
   "jsdelivr": "tsparticles.updater.wobble.min.js",
   "unpkg": "tsparticles.updater.wobble.min.js",
+  "browser": "browser/index.js",
+  "main": "cjs/index.js",
   "module": "esm/index.js",
   "types": "types/index.d.ts",
-  "publishConfig": {
-    "access": "public"
+  "exports": {
+    ".": {
+      "types": "./types/index.d.ts",
+      "browser": "./browser/index.js",
+      "import": "./esm/index.js",
+      "require": "./cjs/index.js",
+      "umd": "./umd/index.js",
+      "default": "./cjs/index.js"
+    },
+    "./package.json": "./package.json"
   },
   "dependencies": {
-    "@tsparticles/engine": "^3.0.0-alpha.1"
+    "@tsparticles/engine": "^3.0.0-beta.1"
+  },
+  "publishConfig": {
+    "access": "public"
   }
-}
+}