@tsparticles/path-polygon 3.0.0-alpha.0 → 3.0.0-beta.0

package/README.md

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

package/browser/PolygonPathGenerator.js

@@ -1,6 +1,13 @@
 import { Vector, getRandom } from "@tsparticles/engine";
 export class PolygonPathGenerator {
     constructor() {
+        this._createDirs = () => {
+            this.dirsList = [];
+            for (let i = 0; i < 360; i += 360 / this.options.sides) {
+                const angle = this.options.angle + i;
+                this.dirsList.push(Vector.create(Math.cos((angle * Math.PI) / 180), Math.sin((angle * Math.PI) / 180)));
+            }
+        };
         this.dirsList = [];
         this.options = {
             sides: 6,
@@ -9,34 +16,31 @@ export class PolygonPathGenerator {
         };
     }
     generate(p) {
+        const { sides } = this.options;
         if (p.hexStep === undefined) {
             p.hexStep = 0;
         }
         if (p.hexDirection === undefined) {
-            p.hexDirection =
-                this.options.sides === 6 ? ((getRandom() * 3) | 0) * 2 : (getRandom() * this.options.sides) | 0;
+            p.hexDirection = sides === 6 ? ((getRandom() * 3) | 0) * 2 : (getRandom() * sides) | 0;
         }
         if (p.hexSpeed === undefined) {
             p.hexSpeed = p.velocity.length;
         }
         if (p.hexStep % this.options.turnSteps === 0) {
-            p.hexDirection =
-                getRandom() > 0.5
-                    ? (p.hexDirection + 1) % this.options.sides
-                    : (p.hexDirection + this.options.sides - 1) % this.options.sides;
+            p.hexDirection = getRandom() > 0.5 ? (p.hexDirection + 1) % sides : (p.hexDirection + sides - 1) % sides;
         }
         p.velocity.x = 0;
         p.velocity.y = 0;
         p.hexStep++;
-        return Vector.create(this.dirsList[p.hexDirection].x * p.hexSpeed, this.dirsList[p.hexDirection].y * p.hexSpeed);
+        const direction = this.dirsList[p.hexDirection];
+        return Vector.create(direction.x * p.hexSpeed, direction.y * p.hexSpeed);
     }
     init(container) {
-        var _a;
         const options = container.actualOptions.particles.move.path.options;
         this.options.sides = options.sides > 0 ? options.sides : 6;
-        this.options.angle = (_a = options.angle) !== null && _a !== void 0 ? _a : 30;
+        this.options.angle = options.angle ?? 30;
         this.options.turnSteps = options.turnSteps >= 0 ? options.turnSteps : 20;
-        this.createDirs();
+        this._createDirs();
     }
     reset(particle) {
         delete particle.hexStep;
@@ -45,11 +49,4 @@ export class PolygonPathGenerator {
     }
     update() {
     }
-    createDirs() {
-        this.dirsList = [];
-        for (let i = 0; i < 360; i += 360 / this.options.sides) {
-            const angle = this.options.angle + i;
-            this.dirsList.push(Vector.create(Math.cos((angle * Math.PI) / 180), Math.sin((angle * Math.PI) / 180)));
-        }
-    }
 }

package/browser/index.js

@@ -1,5 +1,5 @@
 import { PolygonPathGenerator } from "./PolygonPathGenerator";
 export const polygonPathName = "polygonPathGenerator";
-export function loadPolygonPath(engine) {
-    engine.addPathGenerator(polygonPathName, new PolygonPathGenerator());
+export async function loadPolygonPath(engine, refresh = true) {
+    await engine.addPathGenerator(polygonPathName, new PolygonPathGenerator(), refresh);
 }

package/cjs/PolygonPathGenerator.js

@@ -4,6 +4,13 @@ exports.PolygonPathGenerator = void 0;
 const engine_1 = require("@tsparticles/engine");
 class PolygonPathGenerator {
     constructor() {
+        this._createDirs = () => {
+            this.dirsList = [];
+            for (let i = 0; i < 360; i += 360 / this.options.sides) {
+                const angle = this.options.angle + i;
+                this.dirsList.push(engine_1.Vector.create(Math.cos((angle * Math.PI) / 180), Math.sin((angle * Math.PI) / 180)));
+            }
+        };
         this.dirsList = [];
         this.options = {
             sides: 6,
@@ -12,34 +19,31 @@ class PolygonPathGenerator {
         };
     }
     generate(p) {
+        const { sides } = this.options;
         if (p.hexStep === undefined) {
             p.hexStep = 0;
         }
         if (p.hexDirection === undefined) {
-            p.hexDirection =
-                this.options.sides === 6 ? (((0, engine_1.getRandom)() * 3) | 0) * 2 : ((0, engine_1.getRandom)() * this.options.sides) | 0;
+            p.hexDirection = sides === 6 ? (((0, engine_1.getRandom)() * 3) | 0) * 2 : ((0, engine_1.getRandom)() * sides) | 0;
         }
         if (p.hexSpeed === undefined) {
             p.hexSpeed = p.velocity.length;
         }
         if (p.hexStep % this.options.turnSteps === 0) {
-            p.hexDirection =
-                (0, engine_1.getRandom)() > 0.5
-                    ? (p.hexDirection + 1) % this.options.sides
-                    : (p.hexDirection + this.options.sides - 1) % this.options.sides;
+            p.hexDirection = (0, engine_1.getRandom)() > 0.5 ? (p.hexDirection + 1) % sides : (p.hexDirection + sides - 1) % sides;
         }
         p.velocity.x = 0;
         p.velocity.y = 0;
         p.hexStep++;
-        return engine_1.Vector.create(this.dirsList[p.hexDirection].x * p.hexSpeed, this.dirsList[p.hexDirection].y * p.hexSpeed);
+        const direction = this.dirsList[p.hexDirection];
+        return engine_1.Vector.create(direction.x * p.hexSpeed, direction.y * p.hexSpeed);
     }
     init(container) {
-        var _a;
         const options = container.actualOptions.particles.move.path.options;
         this.options.sides = options.sides > 0 ? options.sides : 6;
-        this.options.angle = (_a = options.angle) !== null && _a !== void 0 ? _a : 30;
+        this.options.angle = options.angle ?? 30;
         this.options.turnSteps = options.turnSteps >= 0 ? options.turnSteps : 20;
-        this.createDirs();
+        this._createDirs();
     }
     reset(particle) {
         delete particle.hexStep;
@@ -48,12 +52,5 @@ class PolygonPathGenerator {
     }
     update() {
     }
-    createDirs() {
-        this.dirsList = [];
-        for (let i = 0; i < 360; i += 360 / this.options.sides) {
-            const angle = this.options.angle + i;
-            this.dirsList.push(engine_1.Vector.create(Math.cos((angle * Math.PI) / 180), Math.sin((angle * Math.PI) / 180)));
-        }
-    }
 }
 exports.PolygonPathGenerator = PolygonPathGenerator;

package/cjs/index.js

@@ -3,7 +3,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.loadPolygonPath = exports.polygonPathName = void 0;
 const PolygonPathGenerator_1 = require("./PolygonPathGenerator");
 exports.polygonPathName = "polygonPathGenerator";
-function loadPolygonPath(engine) {
-    engine.addPathGenerator(exports.polygonPathName, new PolygonPathGenerator_1.PolygonPathGenerator());
+async function loadPolygonPath(engine, refresh = true) {
+    await engine.addPathGenerator(exports.polygonPathName, new PolygonPathGenerator_1.PolygonPathGenerator(), refresh);
 }
 exports.loadPolygonPath = loadPolygonPath;

package/esm/PolygonPathGenerator.js

@@ -1,6 +1,13 @@
 import { Vector, getRandom } from "@tsparticles/engine";
 export class PolygonPathGenerator {
     constructor() {
+        this._createDirs = () => {
+            this.dirsList = [];
+            for (let i = 0; i < 360; i += 360 / this.options.sides) {
+                const angle = this.options.angle + i;
+                this.dirsList.push(Vector.create(Math.cos((angle * Math.PI) / 180), Math.sin((angle * Math.PI) / 180)));
+            }
+        };
         this.dirsList = [];
         this.options = {
             sides: 6,
@@ -9,34 +16,31 @@ export class PolygonPathGenerator {
         };
     }
     generate(p) {
+        const { sides } = this.options;
         if (p.hexStep === undefined) {
             p.hexStep = 0;
         }
         if (p.hexDirection === undefined) {
-            p.hexDirection =
-                this.options.sides === 6 ? ((getRandom() * 3) | 0) * 2 : (getRandom() * this.options.sides) | 0;
+            p.hexDirection = sides === 6 ? ((getRandom() * 3) | 0) * 2 : (getRandom() * sides) | 0;
         }
         if (p.hexSpeed === undefined) {
             p.hexSpeed = p.velocity.length;
         }
         if (p.hexStep % this.options.turnSteps === 0) {
-            p.hexDirection =
-                getRandom() > 0.5
-                    ? (p.hexDirection + 1) % this.options.sides
-                    : (p.hexDirection + this.options.sides - 1) % this.options.sides;
+            p.hexDirection = getRandom() > 0.5 ? (p.hexDirection + 1) % sides : (p.hexDirection + sides - 1) % sides;
         }
         p.velocity.x = 0;
         p.velocity.y = 0;
         p.hexStep++;
-        return Vector.create(this.dirsList[p.hexDirection].x * p.hexSpeed, this.dirsList[p.hexDirection].y * p.hexSpeed);
+        const direction = this.dirsList[p.hexDirection];
+        return Vector.create(direction.x * p.hexSpeed, direction.y * p.hexSpeed);
     }
     init(container) {
-        var _a;
         const options = container.actualOptions.particles.move.path.options;
         this.options.sides = options.sides > 0 ? options.sides : 6;
-        this.options.angle = (_a = options.angle) !== null && _a !== void 0 ? _a : 30;
+        this.options.angle = options.angle ?? 30;
         this.options.turnSteps = options.turnSteps >= 0 ? options.turnSteps : 20;
-        this.createDirs();
+        this._createDirs();
     }
     reset(particle) {
         delete particle.hexStep;
@@ -45,11 +49,4 @@ export class PolygonPathGenerator {
     }
     update() {
     }
-    createDirs() {
-        this.dirsList = [];
-        for (let i = 0; i < 360; i += 360 / this.options.sides) {
-            const angle = this.options.angle + i;
-            this.dirsList.push(Vector.create(Math.cos((angle * Math.PI) / 180), Math.sin((angle * Math.PI) / 180)));
-        }
-    }
 }

package/esm/index.js

@@ -1,5 +1,5 @@
 import { PolygonPathGenerator } from "./PolygonPathGenerator";
 export const polygonPathName = "polygonPathGenerator";
-export function loadPolygonPath(engine) {
-    engine.addPathGenerator(polygonPathName, new PolygonPathGenerator());
+export async function loadPolygonPath(engine, refresh = true) {
+    await engine.addPathGenerator(polygonPathName, new PolygonPathGenerator(), refresh);
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@tsparticles/path-polygon",
-  "version": "3.0.0-alpha.0",
+  "version": "3.0.0-beta.0",
   "description": "tsParticles polygon path",
   "homepage": "https://particles.js.org",
   "repository": {
@@ -63,6 +63,9 @@
     "@tsparticles/plugin",
     "@tsparticles/path"
   ],
+  "publishConfig": {
+    "access": "public"
+  },
   "author": "Matteo Bruni <matteo.bruni@me.com>",
   "license": "MIT",
   "bugs": {
@@ -73,6 +76,10 @@
       "type": "github",
       "url": "https://github.com/sponsors/matteobruni"
     },
+    {
+      "type": "github",
+      "url": "https://github.com/sponsors/tsparticles"
+    },
     {
       "type": "buymeacoffee",
       "url": "https://www.buymeacoffee.com/matteobruni"
@@ -83,10 +90,8 @@
   "unpkg": "tsparticles.path.polygon.min.js",
   "module": "esm/index.js",
   "types": "types/index.d.ts",
-  "publishConfig": {
-    "access": "public"
-  },
+  "sideEffects": false,
   "dependencies": {
-    "@tsparticles/engine": "^3.0.0-alpha.0"
+    "@tsparticles/engine": "^3.0.0-beta.0"
   }
-}
+}