@tsparticles/plugin-emitters-shape-path 3.9.0 → 4.0.0-alpha.0

package/699.min.js

@@ -0,0 +1,2 @@
+/*! For license information please see 699.min.js.LICENSE.txt */
+(this.webpackChunk_tsparticles_plugin_emitters_shape_path=this.webpackChunk_tsparticles_plugin_emitters_shape_path||[]).push([[699],{699(t,e,n){n.d(e,{EmittersPathShapeGenerator:()=>l});var o=n(526),i=n(303);const s=.5;const h=.5;class r extends o.EmitterShapeBase{constructor(t,e,n,o){super(t,e,n,o);const s=(0,i.safeDocument)().createElement("canvas").getContext("2d");if(!s)throw new Error("No 2d context available");this.checkContext=s,this.points=o.points;const r=this.points,a=new Path2D,c=t.x-e.width*h,p=t.y-e.height*h;for(const[t,n]of r.entries()){const o={x:c+n.x*e.width/i.percentDenominator,y:p+n.y*e.height/i.percentDenominator};t?a.lineTo(o.x,o.y):a.moveTo(o.x,o.y)}const l=r[0];if(!l)throw new Error("No path data available");const x={x:c+l.x*e.width/i.percentDenominator,y:p+l.y*e.height/i.percentDenominator};a.lineTo(x.x,x.y),this.path=a}async init(){}randomPosition(){const t=this.checkContext,e=this.position,n=this.size,o=this.fill,h=this.path,r=o?function(t,e,n,o){let h=null;for(let r=0;r<100;r++){const r={x:n.x+(0,i.getRandom)()*o.width-o.width*s,y:n.y+(0,i.getRandom)()*o.height-o.height*s};if(t.isPointInPath(e,r.x,r.y)){h=r;break}}return h}(t,h,e,n):function(t,e,n,o){let h=null;for(let r=0;r<100;r++){const r={x:n.x+(0,i.getRandom)()*o.width-o.width*s,y:n.y+(0,i.getRandom)()*o.height-o.height*s};if(t.isPointInStroke(e,r.x,r.y)){h=r;break}}return h}(t,h,e,n);return r?{position:r}:null}resize(t,e){super.resize(t,e);const n=this.points,o=new Path2D,s=t.x-e.width*h,r=t.y-e.height*h;for(const[t,h]of n.entries()){const n={x:s+h.x*e.width/i.percentDenominator,y:r+h.y*e.height/i.percentDenominator};t?o.lineTo(n.x,n.y):o.moveTo(n.x,n.y)}const a=n[0];if(!a)throw new Error("No path data available");const c={x:s+a.x*e.width/i.percentDenominator,y:r+a.y*e.height/i.percentDenominator};o.lineTo(c.x,c.y),this.path=o}}const a=50,c=50;class p{constructor(){this.points=[]}load(t){(0,i.isNull)(t)||void 0!==t.points&&(this.points=t.points.map((t=>({x:t.x??a,y:t.y??c}))))}}class l{generate(t,e,n,o){const i=new p;return i.load(o),new r(t,e,n,i)}}}}]);

package/699.min.js.LICENSE.txt

@@ -0,0 +1 @@
+/*! tsParticles Emitters Shape Path Plugin v4.0.0-alpha.0 by Matteo Bruni */

package/browser/EmittersPathShape.js

@@ -1,13 +1,13 @@
 import { EmitterShapeBase } from "@tsparticles/plugin-emitters";
-import { errorPrefix, percentDenominator } from "@tsparticles/engine";
+import { percentDenominator, safeDocument } from "@tsparticles/engine";
 import { generateRandomPointOnPathPerimeter, generateRandomPointWithinPath } from "./utils.js";
 const half = 0.5;
 export class EmittersPathShape extends EmitterShapeBase {
     constructor(position, size, fill, options) {
         super(position, size, fill, options);
-        const ctx = document.createElement("canvas").getContext("2d");
+        const ctx = safeDocument().createElement("canvas").getContext("2d");
         if (!ctx) {
-            throw new Error(`${errorPrefix} No 2d context available`);
+            throw new Error(`No 2d context available`);
         }
         this.checkContext = ctx;
         this.points = options.points;
@@ -28,13 +28,14 @@ export class EmittersPathShape extends EmitterShapeBase {
             }
         }
         const firstIndex = 0, firstPathData = pathData[firstIndex];
-        if (firstPathData) {
-            const coords = {
-                x: offset.x + (firstPathData.x * size.width) / percentDenominator,
-                y: offset.y + (firstPathData.y * size.height) / percentDenominator,
-            };
-            path.lineTo(coords.x, coords.y);
+        if (!firstPathData) {
+            throw new Error(`No path data available`);
         }
+        const coords = {
+            x: offset.x + (firstPathData.x * size.width) / percentDenominator,
+            y: offset.y + (firstPathData.y * size.height) / percentDenominator,
+        };
+        path.lineTo(coords.x, coords.y);
         this.path = path;
     }
     async init() {
@@ -64,13 +65,14 @@ export class EmittersPathShape extends EmitterShapeBase {
             }
         }
         const firstIndex = 0, firstPathData = pathData[firstIndex];
-        if (firstPathData) {
-            const coords = {
-                x: offset.x + (firstPathData.x * size.width) / percentDenominator,
-                y: offset.y + (firstPathData.y * size.height) / percentDenominator,
-            };
-            path.lineTo(coords.x, coords.y);
+        if (!firstPathData) {
+            throw new Error(`No path data available`);
         }
+        const coords = {
+            x: offset.x + (firstPathData.x * size.width) / percentDenominator,
+            y: offset.y + (firstPathData.y * size.height) / percentDenominator,
+        };
+        path.lineTo(coords.x, coords.y);
         this.path = path;
     }
 }

package/browser/index.js

@@ -1,7 +1,7 @@
-import { EmittersPathShapeGenerator } from "./EmittersPathShapeGenerator.js";
-export async function loadEmittersShapePath(engine, refresh = true) {
-    const emittersEngine = engine;
-    emittersEngine.checkVersion("3.9.0");
-    emittersEngine.addEmitterShapeGenerator?.("path", new EmittersPathShapeGenerator());
-    await emittersEngine.refresh(refresh);
+export function loadEmittersShapePath(engine) {
+    engine.checkVersion("4.0.0-alpha.0");
+    engine.register(async (emittersEngine) => {
+        const { EmittersPathShapeGenerator } = await import("./EmittersPathShapeGenerator.js");
+        emittersEngine.addEmitterShapeGenerator?.("path", new EmittersPathShapeGenerator());
+    });
 }

package/cjs/EmittersPathShape.js

@@ -1,16 +1,13 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.EmittersPathShape = void 0;
-const plugin_emitters_1 = require("@tsparticles/plugin-emitters");
-const engine_1 = require("@tsparticles/engine");
-const utils_js_1 = require("./utils.js");
+import { EmitterShapeBase } from "@tsparticles/plugin-emitters";
+import { percentDenominator, safeDocument } from "@tsparticles/engine";
+import { generateRandomPointOnPathPerimeter, generateRandomPointWithinPath } from "./utils.js";
 const half = 0.5;
-class EmittersPathShape extends plugin_emitters_1.EmitterShapeBase {
+export class EmittersPathShape extends EmitterShapeBase {
     constructor(position, size, fill, options) {
         super(position, size, fill, options);
-        const ctx = document.createElement("canvas").getContext("2d");
+        const ctx = safeDocument().createElement("canvas").getContext("2d");
         if (!ctx) {
-            throw new Error(`${engine_1.errorPrefix} No 2d context available`);
+            throw new Error(`No 2d context available`);
         }
         this.checkContext = ctx;
         this.points = options.points;
@@ -20,8 +17,8 @@ class EmittersPathShape extends plugin_emitters_1.EmitterShapeBase {
         };
         for (const [index, point] of pathData.entries()) {
             const coords = {
-                x: offset.x + (point.x * size.width) / engine_1.percentDenominator,
-                y: offset.y + (point.y * size.height) / engine_1.percentDenominator,
+                x: offset.x + (point.x * size.width) / percentDenominator,
+                y: offset.y + (point.y * size.height) / percentDenominator,
             };
             if (!index) {
                 path.moveTo(coords.x, coords.y);
@@ -31,21 +28,22 @@ class EmittersPathShape extends plugin_emitters_1.EmitterShapeBase {
             }
         }
         const firstIndex = 0, firstPathData = pathData[firstIndex];
-        if (firstPathData) {
-            const coords = {
-                x: offset.x + (firstPathData.x * size.width) / engine_1.percentDenominator,
-                y: offset.y + (firstPathData.y * size.height) / engine_1.percentDenominator,
-            };
-            path.lineTo(coords.x, coords.y);
+        if (!firstPathData) {
+            throw new Error(`No path data available`);
         }
+        const coords = {
+            x: offset.x + (firstPathData.x * size.width) / percentDenominator,
+            y: offset.y + (firstPathData.y * size.height) / percentDenominator,
+        };
+        path.lineTo(coords.x, coords.y);
         this.path = path;
     }
     async init() {
     }
     randomPosition() {
         const ctx = this.checkContext, position = this.position, size = this.size, fill = this.fill, path = this.path, res = fill
-            ? (0, utils_js_1.generateRandomPointWithinPath)(ctx, path, position, size)
-            : (0, utils_js_1.generateRandomPointOnPathPerimeter)(ctx, path, position, size);
+            ? generateRandomPointWithinPath(ctx, path, position, size)
+            : generateRandomPointOnPathPerimeter(ctx, path, position, size);
         return res ? { position: res } : null;
     }
     resize(position, size) {
@@ -56,8 +54,8 @@ class EmittersPathShape extends plugin_emitters_1.EmitterShapeBase {
         };
         for (const [index, point] of pathData.entries()) {
             const coords = {
-                x: offset.x + (point.x * size.width) / engine_1.percentDenominator,
-                y: offset.y + (point.y * size.height) / engine_1.percentDenominator,
+                x: offset.x + (point.x * size.width) / percentDenominator,
+                y: offset.y + (point.y * size.height) / percentDenominator,
             };
             if (!index) {
                 path.moveTo(coords.x, coords.y);
@@ -67,14 +65,14 @@ class EmittersPathShape extends plugin_emitters_1.EmitterShapeBase {
             }
         }
         const firstIndex = 0, firstPathData = pathData[firstIndex];
-        if (firstPathData) {
-            const coords = {
-                x: offset.x + (firstPathData.x * size.width) / engine_1.percentDenominator,
-                y: offset.y + (firstPathData.y * size.height) / engine_1.percentDenominator,
-            };
-            path.lineTo(coords.x, coords.y);
+        if (!firstPathData) {
+            throw new Error(`No path data available`);
         }
+        const coords = {
+            x: offset.x + (firstPathData.x * size.width) / percentDenominator,
+            y: offset.y + (firstPathData.y * size.height) / percentDenominator,
+        };
+        path.lineTo(coords.x, coords.y);
         this.path = path;
     }
 }
-exports.EmittersPathShape = EmittersPathShape;

package/cjs/EmittersPathShapeGenerator.js

@@ -1,13 +1,9 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.EmittersPathShapeGenerator = void 0;
-const EmittersPathShape_js_1 = require("./EmittersPathShape.js");
-const EmittersPathShapeOptions_js_1 = require("./Options/Classes/EmittersPathShapeOptions.js");
-class EmittersPathShapeGenerator {
+import { EmittersPathShape } from "./EmittersPathShape.js";
+import { EmittersPathShapeOptions } from "./Options/Classes/EmittersPathShapeOptions.js";
+export class EmittersPathShapeGenerator {
     generate(position, size, fill, options) {
-        const shapeOptions = new EmittersPathShapeOptions_js_1.EmittersPathShapeOptions();
+        const shapeOptions = new EmittersPathShapeOptions();
         shapeOptions.load(options);
-        return new EmittersPathShape_js_1.EmittersPathShape(position, size, fill, shapeOptions);
+        return new EmittersPathShape(position, size, fill, shapeOptions);
     }
 }
-exports.EmittersPathShapeGenerator = EmittersPathShapeGenerator;

package/cjs/Options/Classes/EmittersPathShapeOptions.js

@@ -1,14 +1,11 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.EmittersPathShapeOptions = void 0;
-const engine_1 = require("@tsparticles/engine");
+import { isNull } from "@tsparticles/engine";
 const defaultPosition = { x: 50, y: 50 };
-class EmittersPathShapeOptions {
+export class EmittersPathShapeOptions {
     constructor() {
         this.points = [];
     }
     load(data) {
-        if ((0, engine_1.isNull)(data)) {
+        if (isNull(data)) {
             return;
         }
         if (data.points !== undefined) {
@@ -16,4 +13,3 @@ class EmittersPathShapeOptions {
         }
     }
 }
-exports.EmittersPathShapeOptions = EmittersPathShapeOptions;

package/cjs/Options/Interfaces/IEmittersPathShapeOptions.js

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

package/cjs/index.js

@@ -1,10 +1,7 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.loadEmittersShapePath = loadEmittersShapePath;
-const EmittersPathShapeGenerator_js_1 = require("./EmittersPathShapeGenerator.js");
-async function loadEmittersShapePath(engine, refresh = true) {
-    const emittersEngine = engine;
-    emittersEngine.checkVersion("3.9.0");
-    emittersEngine.addEmitterShapeGenerator?.("path", new EmittersPathShapeGenerator_js_1.EmittersPathShapeGenerator());
-    await emittersEngine.refresh(refresh);
+export function loadEmittersShapePath(engine) {
+    engine.checkVersion("4.0.0-alpha.0");
+    engine.register(async (emittersEngine) => {
+        const { EmittersPathShapeGenerator } = await import("./EmittersPathShapeGenerator.js");
+        emittersEngine.addEmitterShapeGenerator?.("path", new EmittersPathShapeGenerator());
+    });
 }

package/cjs/utils.js

@@ -1,15 +1,11 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.generateRandomPointWithinPath = generateRandomPointWithinPath;
-exports.generateRandomPointOnPathPerimeter = generateRandomPointOnPathPerimeter;
-const engine_1 = require("@tsparticles/engine");
+import { getRandom } from "@tsparticles/engine";
 const maxAttempts = 100, half = 0.5;
-function generateRandomPointWithinPath(ctx, path, center, size) {
+export function generateRandomPointWithinPath(ctx, path, center, size) {
     let randomPoint = null;
     for (let attempts = 0; attempts < maxAttempts; attempts++) {
         const tmpPoint = {
-            x: center.x + (0, engine_1.getRandom)() * size.width - size.width * half,
-            y: center.y + (0, engine_1.getRandom)() * size.height - size.height * half,
+            x: center.x + getRandom() * size.width - size.width * half,
+            y: center.y + getRandom() * size.height - size.height * half,
         };
         if (ctx.isPointInPath(path, tmpPoint.x, tmpPoint.y)) {
             randomPoint = tmpPoint;
@@ -18,12 +14,12 @@ function generateRandomPointWithinPath(ctx, path, center, size) {
     }
     return randomPoint;
 }
-function generateRandomPointOnPathPerimeter(ctx, path, center, size) {
+export function generateRandomPointOnPathPerimeter(ctx, path, center, size) {
     let randomPoint = null;
     for (let attempts = 0; attempts < maxAttempts; attempts++) {
         const tmpPoint = {
-            x: center.x + (0, engine_1.getRandom)() * size.width - size.width * half,
-            y: center.y + (0, engine_1.getRandom)() * size.height - size.height * half,
+            x: center.x + getRandom() * size.width - size.width * half,
+            y: center.y + getRandom() * size.height - size.height * half,
         };
         if (ctx.isPointInStroke(path, tmpPoint.x, tmpPoint.y)) {
             randomPoint = tmpPoint;

package/dist_browser_EmittersPathShapeGenerator_js.js

@@ -0,0 +1,60 @@
+/*!
+ * Author : Matteo Bruni
+ * MIT license: https://opensource.org/licenses/MIT
+ * Demo / Generator : https://particles.js.org/
+ * GitHub : https://www.github.com/matteobruni/tsparticles
+ * How to use? : Check the GitHub README
+ * v4.0.0-alpha.0
+ */
+"use strict";
+/*
+ * ATTENTION: The "eval" devtool has been used (maybe by default in mode: "development").
+ * This devtool is neither made for production nor for readable output files.
+ * It uses "eval()" calls to create a separate source file in the browser devtools.
+ * If you are trying to read the output file, select a different devtool (https://webpack.js.org/configuration/devtool/)
+ * or disable the default devtool with "devtool: false".
+ * If you are looking for production-ready output files, see mode: "production" (https://webpack.js.org/configuration/mode/).
+ */
+(this["webpackChunk_tsparticles_plugin_emitters_shape_path"] = this["webpackChunk_tsparticles_plugin_emitters_shape_path"] || []).push([["dist_browser_EmittersPathShapeGenerator_js"],{
+
+/***/ "./dist/browser/EmittersPathShape.js"
+/*!*******************************************!*\
+  !*** ./dist/browser/EmittersPathShape.js ***!
+  \*******************************************/
+(__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) {
+
+eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   EmittersPathShape: () => (/* binding */ EmittersPathShape)\n/* harmony export */ });\n/* harmony import */ var _tsparticles_plugin_emitters__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @tsparticles/plugin-emitters */ \"@tsparticles/plugin-emitters\");\n/* harmony import */ var _tsparticles_engine__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @tsparticles/engine */ \"@tsparticles/engine\");\n/* harmony import */ var _utils_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./utils.js */ \"./dist/browser/utils.js\");\n\n\n\nconst half = 0.5;\nclass EmittersPathShape extends _tsparticles_plugin_emitters__WEBPACK_IMPORTED_MODULE_0__.EmitterShapeBase {\n  constructor(position, size, fill, options) {\n    super(position, size, fill, options);\n    const ctx = (0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_1__.safeDocument)().createElement(\"canvas\").getContext(\"2d\");\n    if (!ctx) {\n      throw new Error(`No 2d context available`);\n    }\n    this.checkContext = ctx;\n    this.points = options.points;\n    const pathData = this.points,\n      path = new Path2D(),\n      offset = {\n        x: position.x - size.width * half,\n        y: position.y - size.height * half\n      };\n    for (const [index, point] of pathData.entries()) {\n      const coords = {\n        x: offset.x + point.x * size.width / _tsparticles_engine__WEBPACK_IMPORTED_MODULE_1__.percentDenominator,\n        y: offset.y + point.y * size.height / _tsparticles_engine__WEBPACK_IMPORTED_MODULE_1__.percentDenominator\n      };\n      if (!index) {\n        path.moveTo(coords.x, coords.y);\n      } else {\n        path.lineTo(coords.x, coords.y);\n      }\n    }\n    const firstIndex = 0,\n      firstPathData = pathData[firstIndex];\n    if (!firstPathData) {\n      throw new Error(`No path data available`);\n    }\n    const coords = {\n      x: offset.x + firstPathData.x * size.width / _tsparticles_engine__WEBPACK_IMPORTED_MODULE_1__.percentDenominator,\n      y: offset.y + firstPathData.y * size.height / _tsparticles_engine__WEBPACK_IMPORTED_MODULE_1__.percentDenominator\n    };\n    path.lineTo(coords.x, coords.y);\n    this.path = path;\n  }\n  async init() {}\n  randomPosition() {\n    const ctx = this.checkContext,\n      position = this.position,\n      size = this.size,\n      fill = this.fill,\n      path = this.path,\n      res = fill ? (0,_utils_js__WEBPACK_IMPORTED_MODULE_2__.generateRandomPointWithinPath)(ctx, path, position, size) : (0,_utils_js__WEBPACK_IMPORTED_MODULE_2__.generateRandomPointOnPathPerimeter)(ctx, path, position, size);\n    return res ? {\n      position: res\n    } : null;\n  }\n  resize(position, size) {\n    super.resize(position, size);\n    const pathData = this.points,\n      path = new Path2D(),\n      offset = {\n        x: position.x - size.width * half,\n        y: position.y - size.height * half\n      };\n    for (const [index, point] of pathData.entries()) {\n      const coords = {\n        x: offset.x + point.x * size.width / _tsparticles_engine__WEBPACK_IMPORTED_MODULE_1__.percentDenominator,\n        y: offset.y + point.y * size.height / _tsparticles_engine__WEBPACK_IMPORTED_MODULE_1__.percentDenominator\n      };\n      if (!index) {\n        path.moveTo(coords.x, coords.y);\n      } else {\n        path.lineTo(coords.x, coords.y);\n      }\n    }\n    const firstIndex = 0,\n      firstPathData = pathData[firstIndex];\n    if (!firstPathData) {\n      throw new Error(`No path data available`);\n    }\n    const coords = {\n      x: offset.x + firstPathData.x * size.width / _tsparticles_engine__WEBPACK_IMPORTED_MODULE_1__.percentDenominator,\n      y: offset.y + firstPathData.y * size.height / _tsparticles_engine__WEBPACK_IMPORTED_MODULE_1__.percentDenominator\n    };\n    path.lineTo(coords.x, coords.y);\n    this.path = path;\n  }\n}\n\n//# sourceURL=webpack://@tsparticles/plugin-emitters-shape-path/./dist/browser/EmittersPathShape.js?\n}");
+
+/***/ },
+
+/***/ "./dist/browser/EmittersPathShapeGenerator.js"
+/*!****************************************************!*\
+  !*** ./dist/browser/EmittersPathShapeGenerator.js ***!
+  \****************************************************/
+(__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) {
+
+eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   EmittersPathShapeGenerator: () => (/* binding */ EmittersPathShapeGenerator)\n/* harmony export */ });\n/* harmony import */ var _EmittersPathShape_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./EmittersPathShape.js */ \"./dist/browser/EmittersPathShape.js\");\n/* harmony import */ var _Options_Classes_EmittersPathShapeOptions_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./Options/Classes/EmittersPathShapeOptions.js */ \"./dist/browser/Options/Classes/EmittersPathShapeOptions.js\");\n\n\nclass EmittersPathShapeGenerator {\n  generate(position, size, fill, options) {\n    const shapeOptions = new _Options_Classes_EmittersPathShapeOptions_js__WEBPACK_IMPORTED_MODULE_1__.EmittersPathShapeOptions();\n    shapeOptions.load(options);\n    return new _EmittersPathShape_js__WEBPACK_IMPORTED_MODULE_0__.EmittersPathShape(position, size, fill, shapeOptions);\n  }\n}\n\n//# sourceURL=webpack://@tsparticles/plugin-emitters-shape-path/./dist/browser/EmittersPathShapeGenerator.js?\n}");
+
+/***/ },
+
+/***/ "./dist/browser/Options/Classes/EmittersPathShapeOptions.js"
+/*!******************************************************************!*\
+  !*** ./dist/browser/Options/Classes/EmittersPathShapeOptions.js ***!
+  \******************************************************************/
+(__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) {
+
+eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   EmittersPathShapeOptions: () => (/* binding */ EmittersPathShapeOptions)\n/* harmony export */ });\n/* harmony import */ var _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @tsparticles/engine */ \"@tsparticles/engine\");\n\nconst defaultPosition = {\n  x: 50,\n  y: 50\n};\nclass EmittersPathShapeOptions {\n  constructor() {\n    this.points = [];\n  }\n  load(data) {\n    if ((0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.isNull)(data)) {\n      return;\n    }\n    if (data.points !== undefined) {\n      this.points = data.points.map(t => ({\n        x: t.x ?? defaultPosition.x,\n        y: t.y ?? defaultPosition.y\n      }));\n    }\n  }\n}\n\n//# sourceURL=webpack://@tsparticles/plugin-emitters-shape-path/./dist/browser/Options/Classes/EmittersPathShapeOptions.js?\n}");
+
+/***/ },
+
+/***/ "./dist/browser/utils.js"
+/*!*******************************!*\
+  !*** ./dist/browser/utils.js ***!
+  \*******************************/
+(__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) {
+
+eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   generateRandomPointOnPathPerimeter: () => (/* binding */ generateRandomPointOnPathPerimeter),\n/* harmony export */   generateRandomPointWithinPath: () => (/* binding */ generateRandomPointWithinPath)\n/* harmony export */ });\n/* harmony import */ var _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @tsparticles/engine */ \"@tsparticles/engine\");\n\nconst maxAttempts = 100,\n  half = 0.5;\nfunction generateRandomPointWithinPath(ctx, path, center, size) {\n  let randomPoint = null;\n  for (let attempts = 0; attempts < maxAttempts; attempts++) {\n    const tmpPoint = {\n      x: center.x + (0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.getRandom)() * size.width - size.width * half,\n      y: center.y + (0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.getRandom)() * size.height - size.height * half\n    };\n    if (ctx.isPointInPath(path, tmpPoint.x, tmpPoint.y)) {\n      randomPoint = tmpPoint;\n      break;\n    }\n  }\n  return randomPoint;\n}\nfunction generateRandomPointOnPathPerimeter(ctx, path, center, size) {\n  let randomPoint = null;\n  for (let attempts = 0; attempts < maxAttempts; attempts++) {\n    const tmpPoint = {\n      x: center.x + (0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.getRandom)() * size.width - size.width * half,\n      y: center.y + (0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.getRandom)() * size.height - size.height * half\n    };\n    if (ctx.isPointInStroke(path, tmpPoint.x, tmpPoint.y)) {\n      randomPoint = tmpPoint;\n      break;\n    }\n  }\n  return randomPoint;\n}\n\n//# sourceURL=webpack://@tsparticles/plugin-emitters-shape-path/./dist/browser/utils.js?\n}");
+
+/***/ }
+
+}]);

package/esm/EmittersPathShape.js

@@ -1,13 +1,13 @@
 import { EmitterShapeBase } from "@tsparticles/plugin-emitters";
-import { errorPrefix, percentDenominator } from "@tsparticles/engine";
+import { percentDenominator, safeDocument } from "@tsparticles/engine";
 import { generateRandomPointOnPathPerimeter, generateRandomPointWithinPath } from "./utils.js";
 const half = 0.5;
 export class EmittersPathShape extends EmitterShapeBase {
     constructor(position, size, fill, options) {
         super(position, size, fill, options);
-        const ctx = document.createElement("canvas").getContext("2d");
+        const ctx = safeDocument().createElement("canvas").getContext("2d");
         if (!ctx) {
-            throw new Error(`${errorPrefix} No 2d context available`);
+            throw new Error(`No 2d context available`);
         }
         this.checkContext = ctx;
         this.points = options.points;
@@ -28,13 +28,14 @@ export class EmittersPathShape extends EmitterShapeBase {
             }
         }
         const firstIndex = 0, firstPathData = pathData[firstIndex];
-        if (firstPathData) {
-            const coords = {
-                x: offset.x + (firstPathData.x * size.width) / percentDenominator,
-                y: offset.y + (firstPathData.y * size.height) / percentDenominator,
-            };
-            path.lineTo(coords.x, coords.y);
+        if (!firstPathData) {
+            throw new Error(`No path data available`);
         }
+        const coords = {
+            x: offset.x + (firstPathData.x * size.width) / percentDenominator,
+            y: offset.y + (firstPathData.y * size.height) / percentDenominator,
+        };
+        path.lineTo(coords.x, coords.y);
         this.path = path;
     }
     async init() {
@@ -64,13 +65,14 @@ export class EmittersPathShape extends EmitterShapeBase {
             }
         }
         const firstIndex = 0, firstPathData = pathData[firstIndex];
-        if (firstPathData) {
-            const coords = {
-                x: offset.x + (firstPathData.x * size.width) / percentDenominator,
-                y: offset.y + (firstPathData.y * size.height) / percentDenominator,
-            };
-            path.lineTo(coords.x, coords.y);
+        if (!firstPathData) {
+            throw new Error(`No path data available`);
         }
+        const coords = {
+            x: offset.x + (firstPathData.x * size.width) / percentDenominator,
+            y: offset.y + (firstPathData.y * size.height) / percentDenominator,
+        };
+        path.lineTo(coords.x, coords.y);
         this.path = path;
     }
 }

package/esm/index.js

@@ -1,7 +1,7 @@
-import { EmittersPathShapeGenerator } from "./EmittersPathShapeGenerator.js";
-export async function loadEmittersShapePath(engine, refresh = true) {
-    const emittersEngine = engine;
-    emittersEngine.checkVersion("3.9.0");
-    emittersEngine.addEmitterShapeGenerator?.("path", new EmittersPathShapeGenerator());
-    await emittersEngine.refresh(refresh);
+export function loadEmittersShapePath(engine) {
+    engine.checkVersion("4.0.0-alpha.0");
+    engine.register(async (emittersEngine) => {
+        const { EmittersPathShapeGenerator } = await import("./EmittersPathShapeGenerator.js");
+        emittersEngine.addEmitterShapeGenerator?.("path", new EmittersPathShapeGenerator());
+    });
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@tsparticles/plugin-emitters-shape-path",
-  "version": "3.9.0",
+  "version": "4.0.0-alpha.0",
   "description": "tsParticles emitters shape path plugin",
   "homepage": "https://particles.js.org",
   "repository": {
@@ -100,10 +100,11 @@
     "./package.json": "./package.json"
   },
   "dependencies": {
-    "@tsparticles/engine": "3.9.0",
-    "@tsparticles/plugin-emitters": "3.9.0"
+    "@tsparticles/engine": "4.0.0-alpha.0",
+    "@tsparticles/plugin-emitters": "4.0.0-alpha.0"
   },
   "publishConfig": {
     "access": "public"
-  }
+  },
+  "type": "module"
 }