@tsparticles/plugin-polygon-mask 3.0.0-beta.0 → 3.0.0-beta.2

package/README.md

@@ -6,7 +6,7 @@
 [![npmjs](https://badge.fury.io/js/@tsparticles/plugin-polygon-mask.svg)](https://www.npmjs.com/package/@tsparticles/plugin-polygon-mask)
 [![npmjs](https://img.shields.io/npm/dt/@tsparticles/plugin-polygon-mask)](https://www.npmjs.com/package/@tsparticles/plugin-polygon-mask) [![GitHub Sponsors](https://img.shields.io/github/sponsors/matteobruni)](https://github.com/sponsors/matteobruni)
 
-[tsParticles](https://github.com/matteobruni/tsparticles) plugin for particles polygon mask effect.
+[tsParticles](https://github.com/tsparticles/tsparticles) plugin for particles polygon mask effect.
 
 ## How to use it
 

package/browser/Options/Classes/PolygonMask.js

@@ -1,8 +1,8 @@
 import { deepExtend, isString, } from "@tsparticles/engine";
-import { PolygonMaskDraw } from "./PolygonMaskDraw";
-import { PolygonMaskInline } from "./PolygonMaskInline";
-import { PolygonMaskLocalSvg } from "./PolygonMaskLocalSvg";
-import { PolygonMaskMove } from "./PolygonMaskMove";
+import { PolygonMaskDraw } from "./PolygonMaskDraw.js";
+import { PolygonMaskInline } from "./PolygonMaskInline.js";
+import { PolygonMaskLocalSvg } from "./PolygonMaskLocalSvg.js";
+import { PolygonMaskMove } from "./PolygonMaskMove.js";
 export class PolygonMask {
     constructor() {
         this.draw = new PolygonMaskDraw();

package/browser/Options/Classes/PolygonMaskDraw.js

@@ -1,4 +1,4 @@
-import { PolygonMaskDrawStroke } from "./PolygonMaskDrawStroke";
+import { PolygonMaskDrawStroke } from "./PolygonMaskDrawStroke.js";
 export class PolygonMaskDraw {
     constructor() {
         this.enable = false;

package/browser/PolygonMaskInstance.js

@@ -1,5 +1,5 @@
 import { deepExtend, errorPrefix, getDistance, getDistances, getRandom, isArray, isString, itemFromArray, } from "@tsparticles/engine";
-import { calcClosestPtOnSegment, drawPolygonMask, drawPolygonMaskPath, parsePaths, segmentBounce } from "./utils";
+import { calcClosestPtOnSegment, drawPolygonMask, drawPolygonMaskPath, parsePaths, segmentBounce } from "./utils.js";
 const noPolygonDataLoaded = `${errorPrefix} No polygon data loaded.`, noPolygonFound = `${errorPrefix} No polygon found, you need to specify SVG url in config.`;
 export class PolygonMaskInstance {
     constructor(container, engine) {

package/browser/index.js

@@ -1,6 +1,6 @@
-import "./pathseg";
-import { PolygonMask } from "./Options/Classes/PolygonMask";
-import { PolygonMaskInstance } from "./PolygonMaskInstance";
+import "./pathseg.js";
+import { PolygonMask } from "./Options/Classes/PolygonMask.js";
+import { PolygonMaskInstance } from "./PolygonMaskInstance.js";
 class PolygonMaskPlugin {
     constructor(engine) {
         this.id = "polygonMask";
@@ -27,6 +27,6 @@ class PolygonMaskPlugin {
 export async function loadPolygonMaskPlugin(engine, refresh = true) {
     await engine.addPlugin(new PolygonMaskPlugin(engine), refresh);
 }
-export * from "./Enums/PolygonMaskInlineArrangement";
-export * from "./Enums/PolygonMaskMoveType";
-export * from "./Enums/PolygonMaskType";
+export * from "./Enums/PolygonMaskInlineArrangement.js";
+export * from "./Enums/PolygonMaskMoveType.js";
+export * from "./Enums/PolygonMaskType.js";

package/browser/package.json

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

package/browser/pathseg.js

@@ -1491,6 +1491,6 @@
         }
     }
     catch (e) {
-        console.warn("An error occurred in tsParticles pathseg polyfill. If the Polygon Mask is not working, please open an issue here: https://github.com/matteobruni/tsparticles", e);
+        console.warn("An error occurred in tsParticles pathseg polyfill. If the Polygon Mask is not working, please open an issue here: https://github.com/tsparticles/tsparticles", e);
     }
 })();

package/cjs/Options/Classes/PolygonMask.js

@@ -2,16 +2,16 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.PolygonMask = void 0;
 const engine_1 = require("@tsparticles/engine");
-const PolygonMaskDraw_1 = require("./PolygonMaskDraw");
-const PolygonMaskInline_1 = require("./PolygonMaskInline");
-const PolygonMaskLocalSvg_1 = require("./PolygonMaskLocalSvg");
-const PolygonMaskMove_1 = require("./PolygonMaskMove");
+const PolygonMaskDraw_js_1 = require("./PolygonMaskDraw.js");
+const PolygonMaskInline_js_1 = require("./PolygonMaskInline.js");
+const PolygonMaskLocalSvg_js_1 = require("./PolygonMaskLocalSvg.js");
+const PolygonMaskMove_js_1 = require("./PolygonMaskMove.js");
 class PolygonMask {
     constructor() {
-        this.draw = new PolygonMaskDraw_1.PolygonMaskDraw();
+        this.draw = new PolygonMaskDraw_js_1.PolygonMaskDraw();
         this.enable = false;
-        this.inline = new PolygonMaskInline_1.PolygonMaskInline();
-        this.move = new PolygonMaskMove_1.PolygonMaskMove();
+        this.inline = new PolygonMaskInline_js_1.PolygonMaskInline();
+        this.move = new PolygonMaskMove_js_1.PolygonMaskMove();
         this.scale = 1;
         this.type = "none";
     }
@@ -42,7 +42,7 @@ class PolygonMask {
                 this.data = data.data;
             }
             else {
-                this.data = new PolygonMaskLocalSvg_1.PolygonMaskLocalSvg();
+                this.data = new PolygonMaskLocalSvg_js_1.PolygonMaskLocalSvg();
                 this.data.load(data.data);
             }
         }

package/cjs/Options/Classes/PolygonMaskDraw.js

@@ -1,11 +1,11 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.PolygonMaskDraw = void 0;
-const PolygonMaskDrawStroke_1 = require("./PolygonMaskDrawStroke");
+const PolygonMaskDrawStroke_js_1 = require("./PolygonMaskDrawStroke.js");
 class PolygonMaskDraw {
     constructor() {
         this.enable = false;
-        this.stroke = new PolygonMaskDrawStroke_1.PolygonMaskDrawStroke();
+        this.stroke = new PolygonMaskDrawStroke_js_1.PolygonMaskDrawStroke();
     }
     load(data) {
         if (!data) {

package/cjs/PolygonMaskInstance.js

@@ -2,7 +2,7 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.PolygonMaskInstance = void 0;
 const engine_1 = require("@tsparticles/engine");
-const utils_1 = require("./utils");
+const utils_js_1 = require("./utils.js");
 const noPolygonDataLoaded = `${engine_1.errorPrefix} No polygon data loaded.`, noPolygonFound = `${engine_1.errorPrefix} No polygon found, you need to specify SVG url in config.`;
 class PolygonMaskInstance {
     constructor(container, engine) {
@@ -208,7 +208,7 @@ class PolygonMaskInstance {
                 x: (canvasSize.width * position.x) / 100 - this.dimension.width / 2,
                 y: (canvasSize.height * position.y) / 100 - this.dimension.height / 2,
             };
-            return (0, utils_1.parsePaths)(this.paths, scale, this.offset);
+            return (0, utils_js_1.parsePaths)(this.paths, scale, this.offset);
         };
         this._polygonBounce = (particle, _delta, direction) => {
             const options = this._container.actualOptions.polygon;
@@ -220,11 +220,11 @@ class PolygonMaskInstance {
                 const pos = particle.getPosition(), radius = particle.getRadius();
                 for (let i = 0, j = this.raw.length - 1; i < this.raw.length; j = i++) {
                     const pi = this.raw[i], pj = this.raw[j];
-                    closest = (0, utils_1.calcClosestPtOnSegment)(pi, pj, pos);
+                    closest = (0, utils_js_1.calcClosestPtOnSegment)(pi, pj, pos);
                     const dist = (0, engine_1.getDistances)(pos, closest);
                     [dx, dy] = [dist.dx, dist.dy];
                     if (dist.distance < radius) {
-                        (0, utils_1.segmentBounce)(pi, pj, particle.velocity);
+                        (0, utils_js_1.segmentBounce)(pi, pj, particle.velocity);
                         return true;
                     }
                 }
@@ -324,10 +324,10 @@ class PolygonMaskInstance {
                 continue;
             }
             if (path2d && this.offset) {
-                (0, utils_1.drawPolygonMaskPath)(context, path2d, polygonDraw.stroke, this.offset);
+                (0, utils_js_1.drawPolygonMaskPath)(context, path2d, polygonDraw.stroke, this.offset);
             }
             else if (rawData) {
-                (0, utils_1.drawPolygonMask)(context, rawData, polygonDraw.stroke);
+                (0, utils_js_1.drawPolygonMask)(context, rawData, polygonDraw.stroke);
             }
         }
     }

package/cjs/index.js

@@ -15,16 +15,16 @@ var __exportStar = (this && this.__exportStar) || function(m, exports) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.loadPolygonMaskPlugin = void 0;
-require("./pathseg");
-const PolygonMask_1 = require("./Options/Classes/PolygonMask");
-const PolygonMaskInstance_1 = require("./PolygonMaskInstance");
+require("./pathseg.js");
+const PolygonMask_js_1 = require("./Options/Classes/PolygonMask.js");
+const PolygonMaskInstance_js_1 = require("./PolygonMaskInstance.js");
 class PolygonMaskPlugin {
     constructor(engine) {
         this.id = "polygonMask";
         this._engine = engine;
     }
     getPlugin(container) {
-        return new PolygonMaskInstance_1.PolygonMaskInstance(container, this._engine);
+        return new PolygonMaskInstance_js_1.PolygonMaskInstance(container, this._engine);
     }
     loadOptions(options, source) {
         if (!this.needsPlugin(options) && !this.needsPlugin(source)) {
@@ -32,7 +32,7 @@ class PolygonMaskPlugin {
         }
         let polygonOptions = options.polygon;
         if (polygonOptions?.load === undefined) {
-            options.polygon = polygonOptions = new PolygonMask_1.PolygonMask();
+            options.polygon = polygonOptions = new PolygonMask_js_1.PolygonMask();
         }
         polygonOptions.load(source?.polygon);
     }
@@ -45,6 +45,6 @@ async function loadPolygonMaskPlugin(engine, refresh = true) {
     await engine.addPlugin(new PolygonMaskPlugin(engine), refresh);
 }
 exports.loadPolygonMaskPlugin = loadPolygonMaskPlugin;
-__exportStar(require("./Enums/PolygonMaskInlineArrangement"), exports);
-__exportStar(require("./Enums/PolygonMaskMoveType"), exports);
-__exportStar(require("./Enums/PolygonMaskType"), exports);
+__exportStar(require("./Enums/PolygonMaskInlineArrangement.js"), exports);
+__exportStar(require("./Enums/PolygonMaskMoveType.js"), exports);
+__exportStar(require("./Enums/PolygonMaskType.js"), exports);

package/cjs/package.json

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

package/cjs/pathseg.js

@@ -1491,6 +1491,6 @@
         }
     }
     catch (e) {
-        console.warn("An error occurred in tsParticles pathseg polyfill. If the Polygon Mask is not working, please open an issue here: https://github.com/matteobruni/tsparticles", e);
+        console.warn("An error occurred in tsParticles pathseg polyfill. If the Polygon Mask is not working, please open an issue here: https://github.com/tsparticles/tsparticles", e);
     }
 })();

package/esm/Options/Classes/PolygonMask.js

@@ -1,8 +1,8 @@
 import { deepExtend, isString, } from "@tsparticles/engine";
-import { PolygonMaskDraw } from "./PolygonMaskDraw";
-import { PolygonMaskInline } from "./PolygonMaskInline";
-import { PolygonMaskLocalSvg } from "./PolygonMaskLocalSvg";
-import { PolygonMaskMove } from "./PolygonMaskMove";
+import { PolygonMaskDraw } from "./PolygonMaskDraw.js";
+import { PolygonMaskInline } from "./PolygonMaskInline.js";
+import { PolygonMaskLocalSvg } from "./PolygonMaskLocalSvg.js";
+import { PolygonMaskMove } from "./PolygonMaskMove.js";
 export class PolygonMask {
     constructor() {
         this.draw = new PolygonMaskDraw();

package/esm/Options/Classes/PolygonMaskDraw.js

@@ -1,4 +1,4 @@
-import { PolygonMaskDrawStroke } from "./PolygonMaskDrawStroke";
+import { PolygonMaskDrawStroke } from "./PolygonMaskDrawStroke.js";
 export class PolygonMaskDraw {
     constructor() {
         this.enable = false;

package/esm/PolygonMaskInstance.js

@@ -1,5 +1,5 @@
 import { deepExtend, errorPrefix, getDistance, getDistances, getRandom, isArray, isString, itemFromArray, } from "@tsparticles/engine";
-import { calcClosestPtOnSegment, drawPolygonMask, drawPolygonMaskPath, parsePaths, segmentBounce } from "./utils";
+import { calcClosestPtOnSegment, drawPolygonMask, drawPolygonMaskPath, parsePaths, segmentBounce } from "./utils.js";
 const noPolygonDataLoaded = `${errorPrefix} No polygon data loaded.`, noPolygonFound = `${errorPrefix} No polygon found, you need to specify SVG url in config.`;
 export class PolygonMaskInstance {
     constructor(container, engine) {

package/esm/index.js

@@ -1,6 +1,6 @@
-import "./pathseg";
-import { PolygonMask } from "./Options/Classes/PolygonMask";
-import { PolygonMaskInstance } from "./PolygonMaskInstance";
+import "./pathseg.js";
+import { PolygonMask } from "./Options/Classes/PolygonMask.js";
+import { PolygonMaskInstance } from "./PolygonMaskInstance.js";
 class PolygonMaskPlugin {
     constructor(engine) {
         this.id = "polygonMask";
@@ -27,6 +27,6 @@ class PolygonMaskPlugin {
 export async function loadPolygonMaskPlugin(engine, refresh = true) {
     await engine.addPlugin(new PolygonMaskPlugin(engine), refresh);
 }
-export * from "./Enums/PolygonMaskInlineArrangement";
-export * from "./Enums/PolygonMaskMoveType";
-export * from "./Enums/PolygonMaskType";
+export * from "./Enums/PolygonMaskInlineArrangement.js";
+export * from "./Enums/PolygonMaskMoveType.js";
+export * from "./Enums/PolygonMaskType.js";

package/esm/package.json

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

package/esm/pathseg.js

@@ -1491,6 +1491,6 @@
         }
     }
     catch (e) {
-        console.warn("An error occurred in tsParticles pathseg polyfill. If the Polygon Mask is not working, please open an issue here: https://github.com/matteobruni/tsparticles", e);
+        console.warn("An error occurred in tsParticles pathseg polyfill. If the Polygon Mask is not working, please open an issue here: https://github.com/tsparticles/tsparticles", e);
     }
 })();

package/package.json

@@ -1,11 +1,11 @@
 {
   "name": "@tsparticles/plugin-polygon-mask",
-  "version": "3.0.0-beta.0",
+  "version": "3.0.0-beta.2",
   "description": "tsParticles polygon mask plugin",
   "homepage": "https://particles.js.org",
   "repository": {
     "type": "git",
-    "url": "git+https://github.com/matteobruni/tsparticles.git",
+    "url": "git+https://github.com/tsparticles/tsparticles.git",
     "directory": "plugins/polygonMask"
   },
   "keywords": [
@@ -65,18 +65,30 @@
   "author": "Matteo Bruni <matteo.bruni@me.com>",
   "license": "MIT",
   "bugs": {
-    "url": "https://github.com/matteobruni/tsparticles/issues"
+    "url": "https://github.com/tsparticles/tsparticles/issues"
   },
-  "main": "cjs/index.js",
+  "sideEffects": [
+    "./**/pathseg.js"
+  ],
   "jsdelivr": "tsparticles.plugin.polygon-mask.min.js",
   "unpkg": "tsparticles.plugin.polygon-mask.min.js",
+  "browser": "browser/index.js",
+  "main": "cjs/index.js",
   "module": "esm/index.js",
   "types": "types/index.d.ts",
-  "sideEffects": [
-    "./**/pathseg.js"
-  ],
+  "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-beta.0"
+    "@tsparticles/engine": "^3.0.0-beta.2"
   },
   "publishConfig": {
     "access": "public"