@tsparticles/plugin-canvas-mask 3.0.0-alpha.1 → 3.0.0-beta.1

package/esm/index.js

@@ -1,5 +1,5 @@
-import { CanvasMask } from "./Options/Classes/CanvasMask";
-import { CanvasMaskInstance } from "./CanvasMaskInstance";
+import { CanvasMask } from "./Options/Classes/CanvasMask.js";
+import { CanvasMaskInstance } from "./CanvasMaskInstance.js";
 class CanvasMaskPlugin {
     constructor(engine) {
         this.id = "canvasMask";
@@ -9,21 +9,19 @@ class CanvasMaskPlugin {
         return new CanvasMaskInstance(container, this._engine);
     }
     loadOptions(options, source) {
-        if (!this.needsPlugin(source)) {
+        if (!this.needsPlugin(options) && !this.needsPlugin(source)) {
             return;
         }
         let canvasMaskOptions = options.canvasMask;
-        if ((canvasMaskOptions === null || canvasMaskOptions === void 0 ? void 0 : canvasMaskOptions.load) === undefined) {
+        if (canvasMaskOptions?.load === undefined) {
             options.canvasMask = canvasMaskOptions = new CanvasMask();
         }
-        canvasMaskOptions.load(source === null || source === void 0 ? void 0 : source.canvasMask);
+        canvasMaskOptions.load(source?.canvasMask);
     }
     needsPlugin(options) {
-        var _a, _b;
-        return (_b = (_a = options === null || options === void 0 ? void 0 : options.canvasMask) === null || _a === void 0 ? void 0 : _a.enable) !== null && _b !== void 0 ? _b : false;
+        return options?.canvasMask?.enable ?? false;
     }
 }
-export async function loadCanvasMaskPlugin(engine) {
-    const plugin = new CanvasMaskPlugin(engine);
-    await engine.addPlugin(plugin);
+export async function loadCanvasMaskPlugin(engine, refresh = true) {
+    await engine.addPlugin(new CanvasMaskPlugin(engine), refresh);
 }

package/esm/package.json

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

package/esm/utils.js

@@ -1,4 +1,4 @@
-import { getRandom } from "@tsparticles/engine";
+import { errorPrefix, getRandom, isNumber, } from "@tsparticles/engine";
 export function shuffle(array) {
     for (let currentIndex = array.length - 1; currentIndex >= 0; currentIndex--) {
         const randomIndex = Math.floor(getRandom() * currentIndex);
@@ -18,25 +18,25 @@ export function addParticlesFromCanvasPixels(container, data, position, scale, o
             x: nextIndex % width,
             y: Math.floor(nextIndex / width),
         }, pixel = data.pixels[pixelPos.y][pixelPos.x], shouldCreateParticle = filter(pixel);
-        if (shouldCreateParticle) {
-            const pos = {
-                x: pixelPos.x * scale + positionOffset.x,
-                y: pixelPos.y * scale + positionOffset.y,
+        if (!shouldCreateParticle) {
+            continue;
+        }
+        const pos = {
+            x: pixelPos.x * scale + positionOffset.x,
+            y: pixelPos.y * scale + positionOffset.y,
+        }, pOptions = {};
+        if (override.color) {
+            pOptions.color = {
+                value: pixel,
+            };
+        }
+        if (override.opacity) {
+            pOptions.opacity = {
+                value: pixel.a,
             };
-            const pOptions = {};
-            if (override.color) {
-                pOptions.color = {
-                    value: pixel,
-                };
-            }
-            if (override.opacity) {
-                pOptions.opacity = {
-                    value: pixel.a,
-                };
-            }
-            container.particles.addParticle(pos, pOptions);
-            selectedPixels++;
         }
+        container.particles.addParticle(pos, pOptions);
+        selectedPixels++;
     }
 }
 export function getCanvasImageData(ctx, size, offset, clear = true) {
@@ -77,7 +77,7 @@ export function getImageData(src, offset) {
             canvas.height = image.height;
             const context = canvas.getContext("2d");
             if (!context) {
-                return reject(new Error("Could not get canvas context"));
+                return reject(new Error(`${errorPrefix} Could not get canvas context`));
             }
             context.drawImage(image, 0, 0, image.width, image.height, 0, 0, canvas.width, canvas.height);
             resolve(getCanvasImageData(context, canvas, offset));
@@ -91,7 +91,7 @@ export function getTextData(textOptions, offset) {
     if (!text || !context) {
         return;
     }
-    const lines = text.split(linesOptions.separator), fontSize = typeof font.size === "number" ? `${font.size}px` : font.size, linesData = [];
+    const lines = text.split(linesOptions.separator), fontSize = isNumber(font.size) ? `${font.size}px` : font.size, linesData = [];
     let maxWidth = 0, totalHeight = 0;
     for (const line of lines) {
         context.font = `${font.style || ""} ${font.variant || ""} ${font.weight || ""} ${fontSize} ${font.family}`;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@tsparticles/plugin-canvas-mask",
-  "version": "3.0.0-alpha.1",
+  "version": "3.0.0-beta.1",
   "description": "tsParticles canvas mask plugin",
   "homepage": "https://particles.js.org",
   "repository": {
@@ -67,15 +67,28 @@
   "bugs": {
     "url": "https://github.com/matteobruni/tsparticles/issues"
   },
-  "main": "cjs/index.js",
+  "sideEffects": false,
   "jsdelivr": "tsparticles.plugin.canvas-mask.min.js",
   "unpkg": "tsparticles.plugin.canvas-mask.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"
   }
-}
+}