@tsparticles/plugin-canvas-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-canvas-mask.svg)](https://www.npmjs.com/package/@tsparticles/plugin-canvas-mask)
 [![npmjs](https://img.shields.io/npm/dt/@tsparticles/plugin-canvas-mask)](https://www.npmjs.com/package/@tsparticles/plugin-canvas-mask) [![GitHub Sponsors](https://img.shields.io/github/sponsors/matteobruni)](https://github.com/sponsors/matteobruni)
 
-[tsParticles](https://github.com/matteobruni/tsparticles) plugin for particles canvas mask effect.
+[tsParticles](https://github.com/tsparticles/tsparticles) plugin for particles canvas mask effect.
 
 ## How to use it
 

package/browser/CanvasMaskInstance.js

@@ -1,4 +1,4 @@
-import { addParticlesFromCanvasPixels, getCanvasImageData, getImageData, getTextData } from "./utils";
+import { addParticlesFromCanvasPixels, getCanvasImageData, getImageData, getTextData } from "./utils.js";
 export class CanvasMaskInstance {
     constructor(container, engine) {
         this._container = container;

package/browser/Options/Classes/CanvasMask.js

@@ -1,7 +1,7 @@
-import { CanvasMaskOverride } from "./CanvasMaskOverride";
-import { CanvasMaskPixels } from "./CanvasMaskPixels";
-import { ImageMask } from "./ImageMask";
-import { TextMask } from "./TextMask";
+import { CanvasMaskOverride } from "./CanvasMaskOverride.js";
+import { CanvasMaskPixels } from "./CanvasMaskPixels.js";
+import { ImageMask } from "./ImageMask.js";
+import { TextMask } from "./TextMask.js";
 export class CanvasMask {
     constructor() {
         this.enable = false;

package/browser/Options/Classes/TextMask.js

@@ -1,5 +1,5 @@
-import { FontTextMask } from "./FontTextMask";
-import { TextMaskLine } from "./TextMaskLine";
+import { FontTextMask } from "./FontTextMask.js";
+import { TextMaskLine } from "./TextMaskLine.js";
 export class TextMask {
     constructor() {
         this.color = "#000000";

package/browser/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";

package/browser/package.json

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

package/cjs/CanvasMaskInstance.js

@@ -1,7 +1,7 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.CanvasMaskInstance = void 0;
-const utils_1 = require("./utils");
+const utils_js_1 = require("./utils.js");
 class CanvasMaskInstance {
     constructor(container, engine) {
         this._container = container;
@@ -23,11 +23,11 @@ class CanvasMaskInstance {
             if (!url) {
                 return;
             }
-            pixelData = await (0, utils_1.getImageData)(url, offset);
+            pixelData = await (0, utils_js_1.getImageData)(url, offset);
         }
         else if (options.text) {
             const textOptions = options.text;
-            const data = (0, utils_1.getTextData)(textOptions, offset);
+            const data = (0, utils_js_1.getTextData)(textOptions, offset);
             if (!data) {
                 return;
             }
@@ -42,9 +42,9 @@ class CanvasMaskInstance {
             if (!context) {
                 return;
             }
-            pixelData = (0, utils_1.getCanvasImageData)(context, canvas, offset);
+            pixelData = (0, utils_js_1.getCanvasImageData)(context, canvas, offset);
         }
-        (0, utils_1.addParticlesFromCanvasPixels)(container, pixelData, options.position, options.scale, options.override, options.pixels.filter);
+        (0, utils_js_1.addParticlesFromCanvasPixels)(container, pixelData, options.position, options.scale, options.override, options.pixels.filter);
     }
 }
 exports.CanvasMaskInstance = CanvasMaskInstance;

package/cjs/Options/Classes/CanvasMask.js

@@ -1,15 +1,15 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.CanvasMask = void 0;
-const CanvasMaskOverride_1 = require("./CanvasMaskOverride");
-const CanvasMaskPixels_1 = require("./CanvasMaskPixels");
-const ImageMask_1 = require("./ImageMask");
-const TextMask_1 = require("./TextMask");
+const CanvasMaskOverride_js_1 = require("./CanvasMaskOverride.js");
+const CanvasMaskPixels_js_1 = require("./CanvasMaskPixels.js");
+const ImageMask_js_1 = require("./ImageMask.js");
+const TextMask_js_1 = require("./TextMask.js");
 class CanvasMask {
     constructor() {
         this.enable = false;
-        this.override = new CanvasMaskOverride_1.CanvasMaskOverride();
-        this.pixels = new CanvasMaskPixels_1.CanvasMaskPixels();
+        this.override = new CanvasMaskOverride_js_1.CanvasMaskOverride();
+        this.pixels = new CanvasMaskPixels_js_1.CanvasMaskPixels();
         this.position = {
             x: 50,
             y: 50,
@@ -28,7 +28,7 @@ class CanvasMask {
         }
         if (data.image) {
             if (!this.image) {
-                this.image = new ImageMask_1.ImageMask();
+                this.image = new ImageMask_js_1.ImageMask();
             }
             this.image.load(data.image);
         }
@@ -48,7 +48,7 @@ class CanvasMask {
         }
         if (data.text) {
             if (!this.text) {
-                this.text = new TextMask_1.TextMask();
+                this.text = new TextMask_js_1.TextMask();
             }
             this.text.load(data.text);
         }

package/cjs/Options/Classes/TextMask.js

@@ -1,13 +1,13 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.TextMask = void 0;
-const FontTextMask_1 = require("./FontTextMask");
-const TextMaskLine_1 = require("./TextMaskLine");
+const FontTextMask_js_1 = require("./FontTextMask.js");
+const TextMaskLine_js_1 = require("./TextMaskLine.js");
 class TextMask {
     constructor() {
         this.color = "#000000";
-        this.font = new FontTextMask_1.FontTextMask();
-        this.lines = new TextMaskLine_1.TextMaskLine();
+        this.font = new FontTextMask_js_1.FontTextMask();
+        this.lines = new TextMaskLine_js_1.TextMaskLine();
         this.text = "";
     }
     load(data) {

package/cjs/index.js

@@ -1,15 +1,15 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.loadCanvasMaskPlugin = void 0;
-const CanvasMask_1 = require("./Options/Classes/CanvasMask");
-const CanvasMaskInstance_1 = require("./CanvasMaskInstance");
+const CanvasMask_js_1 = require("./Options/Classes/CanvasMask.js");
+const CanvasMaskInstance_js_1 = require("./CanvasMaskInstance.js");
 class CanvasMaskPlugin {
     constructor(engine) {
         this.id = "canvasMask";
         this._engine = engine;
     }
     getPlugin(container) {
-        return new CanvasMaskInstance_1.CanvasMaskInstance(container, this._engine);
+        return new CanvasMaskInstance_js_1.CanvasMaskInstance(container, this._engine);
     }
     loadOptions(options, source) {
         if (!this.needsPlugin(options) && !this.needsPlugin(source)) {
@@ -17,7 +17,7 @@ class CanvasMaskPlugin {
         }
         let canvasMaskOptions = options.canvasMask;
         if (canvasMaskOptions?.load === undefined) {
-            options.canvasMask = canvasMaskOptions = new CanvasMask_1.CanvasMask();
+            options.canvasMask = canvasMaskOptions = new CanvasMask_js_1.CanvasMask();
         }
         canvasMaskOptions.load(source?.canvasMask);
     }

package/cjs/package.json

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

package/esm/CanvasMaskInstance.js

@@ -1,4 +1,4 @@
-import { addParticlesFromCanvasPixels, getCanvasImageData, getImageData, getTextData } from "./utils";
+import { addParticlesFromCanvasPixels, getCanvasImageData, getImageData, getTextData } from "./utils.js";
 export class CanvasMaskInstance {
     constructor(container, engine) {
         this._container = container;

package/esm/Options/Classes/CanvasMask.js

@@ -1,7 +1,7 @@
-import { CanvasMaskOverride } from "./CanvasMaskOverride";
-import { CanvasMaskPixels } from "./CanvasMaskPixels";
-import { ImageMask } from "./ImageMask";
-import { TextMask } from "./TextMask";
+import { CanvasMaskOverride } from "./CanvasMaskOverride.js";
+import { CanvasMaskPixels } from "./CanvasMaskPixels.js";
+import { ImageMask } from "./ImageMask.js";
+import { TextMask } from "./TextMask.js";
 export class CanvasMask {
     constructor() {
         this.enable = false;

package/esm/Options/Classes/TextMask.js

@@ -1,5 +1,5 @@
-import { FontTextMask } from "./FontTextMask";
-import { TextMaskLine } from "./TextMaskLine";
+import { FontTextMask } from "./FontTextMask.js";
+import { TextMaskLine } from "./TextMaskLine.js";
 export class TextMask {
     constructor() {
         this.color = "#000000";

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";

package/esm/package.json

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

package/package.json

@@ -1,11 +1,11 @@
 {
   "name": "@tsparticles/plugin-canvas-mask",
-  "version": "3.0.0-beta.0",
+  "version": "3.0.0-beta.2",
   "description": "tsParticles canvas 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/canvasMask"
   },
   "keywords": [
@@ -65,16 +65,28 @@
   "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": 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",
-  "sideEffects": false,
+  "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"