@tsparticles/path-polygon 4.0.0-beta.0 → 4.0.0-beta.10

package/{990.min.js → 677.min.js}

@@ -1 +1 @@
-"use strict";(this.webpackChunk_tsparticles_path_polygon=this.webpackChunk_tsparticles_path_polygon||[]).push([[990],{990(t,e,s){s.d(e,{PolygonPathGenerator:()=>n});var i=s(303);let o={sides:6,turnSteps:20,angle:30};class n{dirsList;options;_container;_res;constructor(t){this._container=t,this._res=i.Vector.origin,this.dirsList=[],this.options=(0,i.deepExtend)({},o)}generate(t){let{sides:e,turnSteps:s}=this.options;t.hexStep??=0,t.hexDirection??=6===e?(3*(0,i.getRandom)()|0)*2:(0,i.getRandom)()*e|0,t.hexSpeed??=t.velocity.length,t.hexStep%s==0&&(t.hexDirection=(0,i.getRandom)()>.5?(t.hexDirection+1)%e:(t.hexDirection+e-1)%e),t.velocity.x=0,t.velocity.y=0,t.hexStep++;let o=this.dirsList[t.hexDirection];return this._res.x=o.x*t.hexSpeed,this._res.y=o.y*t.hexSpeed,this._res}init(){let t=this._container.actualOptions.particles.move.path.options;this.options.sides=t.sides>0?t.sides:this.options.sides,this.options.angle=t.angle??this.options.angle,this.options.turnSteps=t.turnSteps>=0?t.turnSteps:this.options.turnSteps,this._createDirs()}reset(t){delete t.hexStep,delete t.hexDirection,delete t.hexSpeed}update(){}_createDirs=()=>{let{options:t}=this;this.dirsList=[];for(let e=0;e<360;e+=360/t.sides){let s=t.angle+e;this.dirsList.push(i.Vector.create(Math.cos(s*Math.PI/180),Math.sin(s*Math.PI/180)))}}}}}]);
+"use strict";(this.webpackChunk_tsparticles_path_polygon=this.webpackChunk_tsparticles_path_polygon||[]).push([[677],{677(t,e,s){s.d(e,{PolygonPathGenerator:()=>n});var i=s(303);let o={sides:6,turnSteps:20,angle:30};class n{dirsList;options;_container;_res;constructor(t){this._container=t,this._res=i.Vector.origin,this.dirsList=[],this.options=(0,i.deepExtend)({},o)}generate(t){let{sides:e,turnSteps:s}=this.options;t.hexStep??=0,t.hexDirection??=6===e?(3*(0,i.getRandom)()|0)*2:(0,i.getRandom)()*e|0,t.hexSpeed??=t.velocity.length,t.hexStep%s==0&&(t.hexDirection=(0,i.getRandom)()>.5?(t.hexDirection+1)%e:(t.hexDirection+e-1)%e),t.velocity.x=0,t.velocity.y=0,t.hexStep++;let o=this.dirsList[t.hexDirection];return this._res.x=o.x*t.hexSpeed,this._res.y=o.y*t.hexSpeed,this._res}init(){let t=this._container.actualOptions.particles.move.path.options;this.options.sides=t.sides>0?t.sides:this.options.sides,this.options.angle=t.angle??this.options.angle,this.options.turnSteps=t.turnSteps>=0?t.turnSteps:this.options.turnSteps,this._createDirs()}reset(t){delete t.hexStep,delete t.hexDirection,delete t.hexSpeed}update(){}_createDirs=()=>{let{options:t}=this;this.dirsList=[];for(let e=0;e<360;e+=360/t.sides){let s=t.angle+e;this.dirsList.push(i.Vector.create(Math.cos(s*Math.PI/180),Math.sin(s*Math.PI/180)))}}}}}]);

package/README.md

@@ -8,6 +8,12 @@
 
 [tsParticles](https://github.com/tsparticles/tsparticles) path plugin for polygon movement.
 
+## Quick checklist
+
+1. Install `@tsparticles/engine` (or use the CDN bundle below)
+2. Call the package loader function(s) before `tsParticles.load(...)`
+3. Apply the package options in your `tsParticles.load(...)` config
+
 ## How to use it
 
 ### CDN / Vanilla JS / jQuery
@@ -72,3 +78,34 @@ import { loadPolygonPath } from "@tsparticles/path-polygon";
   await loadPolygonPath(tsParticles);
 })();
 ```
+
+## Option mapping
+
+- Primary options key: `particles.move.path`
+- Path generator name: `"polygon"`
+
+```json
+{
+  "particles": {
+    "move": {
+      "enable": true,
+      "path": {
+        "enable": true,
+        "generator": "polygon",
+        "options": {}
+      }
+    }
+  }
+}
+```
+
+## Common pitfalls
+
+- Calling `tsParticles.load(...)` before `loadPolygonPath(...)`
+- Verify required peer packages before enabling advanced options
+- Change one option group at a time to isolate regressions quickly
+
+## Related docs
+
+- All packages catalog: <https://github.com/tsparticles/tsparticles>
+- Main docs: <https://particles.js.org/docs/>

package/browser/index.js

@@ -1,10 +1,10 @@
 export const polygonPathName = "polygonPathGenerator";
 export async function loadPolygonPath(engine) {
-    engine.checkVersion("4.0.0-beta.0");
-    await engine.register(async (e) => {
+    engine.checkVersion("4.0.0-beta.10");
+    await engine.pluginManager.register(async (e) => {
         const { ensureBaseMoverLoaded } = await import("@tsparticles/plugin-move");
         ensureBaseMoverLoaded(e);
-        e.addPathGenerator?.(polygonPathName, async (container) => {
+        e.pluginManager.addPathGenerator?.(polygonPathName, async (container) => {
             const { PolygonPathGenerator } = await import("./PolygonPathGenerator.js");
             return new PolygonPathGenerator(container);
         });

package/cjs/index.js

@@ -1,10 +1,10 @@
 export const polygonPathName = "polygonPathGenerator";
 export async function loadPolygonPath(engine) {
-    engine.checkVersion("4.0.0-beta.0");
-    await engine.register(async (e) => {
+    engine.checkVersion("4.0.0-beta.10");
+    await engine.pluginManager.register(async (e) => {
         const { ensureBaseMoverLoaded } = await import("@tsparticles/plugin-move");
         ensureBaseMoverLoaded(e);
-        e.addPathGenerator?.(polygonPathName, async (container) => {
+        e.pluginManager.addPathGenerator?.(polygonPathName, async (container) => {
             const { PolygonPathGenerator } = await import("./PolygonPathGenerator.js");
             return new PolygonPathGenerator(container);
         });

package/dist_browser_PolygonPathGenerator_js.js

@@ -4,7 +4,7 @@
  * Demo / Generator : https://particles.js.org/
  * GitHub : https://www.github.com/matteobruni/tsparticles
  * How to use? : Check the GitHub README
- * v4.0.0-beta.0
+ * v4.0.0-beta.10
  */
 "use strict";
 /*

package/esm/index.js

@@ -1,10 +1,10 @@
 export const polygonPathName = "polygonPathGenerator";
 export async function loadPolygonPath(engine) {
-    engine.checkVersion("4.0.0-beta.0");
-    await engine.register(async (e) => {
+    engine.checkVersion("4.0.0-beta.10");
+    await engine.pluginManager.register(async (e) => {
         const { ensureBaseMoverLoaded } = await import("@tsparticles/plugin-move");
         ensureBaseMoverLoaded(e);
-        e.addPathGenerator?.(polygonPathName, async (container) => {
+        e.pluginManager.addPathGenerator?.(polygonPathName, async (container) => {
             const { PolygonPathGenerator } = await import("./PolygonPathGenerator.js");
             return new PolygonPathGenerator(container);
         });

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@tsparticles/path-polygon",
-  "version": "4.0.0-beta.0",
+  "version": "4.0.0-beta.10",
   "description": "tsParticles polygon path",
   "homepage": "https://particles.js.org",
   "repository": {
@@ -98,14 +98,13 @@
       "browser": "./browser/index.js",
       "import": "./esm/index.js",
       "require": "./cjs/index.js",
-      "umd": "./umd/index.js",
-      "default": "./cjs/index.js"
+      "default": "./esm/index.js"
     },
     "./package.json": "./package.json"
   },
-  "dependencies": {
-    "@tsparticles/engine": "4.0.0-beta.0",
-    "@tsparticles/plugin-move": "4.0.0-beta.0"
+  "peerDependencies": {
+    "@tsparticles/engine": "4.0.0-beta.10",
+    "@tsparticles/plugin-move": "4.0.0-beta.10"
   },
   "type": "module"
 }