@tsparticles/shape-image 3.0.0-beta.0 → 3.0.0-beta.2

package/README.md

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

package/browser/GifUtils/Utils.js

@@ -1,5 +1,5 @@
-import { InterlaceOffsets, InterlaceSteps } from "./Constants";
-import { ByteStream } from "./ByteStream";
+import { InterlaceOffsets, InterlaceSteps } from "./Constants.js";
+import { ByteStream } from "./ByteStream.js";
 function parseColorTable(byteStream, count) {
     const colors = [];
     for (let i = 0; i < count; i++) {

package/browser/ImageDrawer.js

@@ -1,5 +1,5 @@
 import { errorPrefix } from "@tsparticles/engine";
-import { replaceImageColor } from "./Utils";
+import { replaceImageColor } from "./Utils.js";
 export class ImageDrawer {
     constructor(engine) {
         this.loadImageShape = async (imageShape) => {

package/browser/ImagePreloader.js

@@ -1,4 +1,4 @@
-import { Preload } from "./Options/Classes/Preload";
+import { Preload } from "./Options/Classes/Preload.js";
 export class ImagePreloaderPlugin {
     constructor(engine) {
         this.id = "imagePreloader";

package/browser/Utils.js

@@ -1,5 +1,5 @@
 import { errorPrefix, getLogger, getStyleFromHsl } from "@tsparticles/engine";
-import { decodeGIF, getGIFLoopAmount } from "./GifUtils/Utils";
+import { decodeGIF, getGIFLoopAmount } from "./GifUtils/Utils.js";
 const currentColorRegex = /(#(?:[0-9a-f]{2}){2,4}|(#[0-9a-f]{3})|(rgb|hsl)a?\((-?\d+%?[,\s]+){2,3}\s*[\d.]+%?\))|currentcolor/gi;
 function replaceColorSvg(imageShape, color, opacity) {
     const { svgData } = imageShape;

package/browser/index.js

@@ -1,6 +1,6 @@
-import { downloadSvgImage, loadGifImage, loadImage } from "./Utils";
-import { ImageDrawer } from "./ImageDrawer";
-import { ImagePreloaderPlugin } from "./ImagePreloader";
+import { downloadSvgImage, loadGifImage, loadImage } from "./Utils.js";
+import { ImageDrawer } from "./ImageDrawer.js";
+import { ImagePreloaderPlugin } from "./ImagePreloader.js";
 import { errorPrefix } from "@tsparticles/engine";
 function addLoadImageToEngine(engine) {
     if (engine.loadImage) {

package/browser/package.json

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

package/cjs/GifUtils/Utils.js

@@ -1,8 +1,8 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.decodeGIF = exports.getGIFLoopAmount = void 0;
-const Constants_1 = require("./Constants");
-const ByteStream_1 = require("./ByteStream");
+const Constants_js_1 = require("./Constants.js");
+const ByteStream_js_1 = require("./ByteStream.js");
 function parseColorTable(byteStream, count) {
     const colors = [];
     for (let i = 0; i < count; i++) {
@@ -112,7 +112,7 @@ async function parseImageBlock(byteStream, gif, avgAlpha, getFrameIndex, getTran
     };
     if (interlacedFlag) {
         for (let code = 0, size = minCodeSize + 1, pos = 0, dic = [[0]], pass = 0; pass < 4; pass++) {
-            if (Constants_1.InterlaceOffsets[pass] < frame.height) {
+            if (Constants_js_1.InterlaceOffsets[pass] < frame.height) {
                 for (let pixelPos = 0, lineIndex = 0;;) {
                     const last = code;
                     code = readBits(pos, size);
@@ -133,8 +133,8 @@ async function parseImageBlock(byteStream, gif, avgAlpha, getFrameIndex, getTran
                         }
                         for (let i = 0; i < dic[code].length; i++) {
                             const { r, g, b, a } = getColor(dic[code][i]);
-                            image.data.set([r, g, b, a], Constants_1.InterlaceOffsets[pass] * frame.width +
-                                Constants_1.InterlaceSteps[pass] * lineIndex +
+                            image.data.set([r, g, b, a], Constants_js_1.InterlaceOffsets[pass] * frame.width +
+                                Constants_js_1.InterlaceSteps[pass] * lineIndex +
                                 (pixelPos % (frame.width * 4)));
                             pixelPos += 4;
                         }
@@ -144,7 +144,7 @@ async function parseImageBlock(byteStream, gif, avgAlpha, getFrameIndex, getTran
                     }
                     if (pixelPos === frame.width * 4 * (lineIndex + 1)) {
                         lineIndex++;
-                        if (Constants_1.InterlaceOffsets[pass] + Constants_1.InterlaceSteps[pass] * lineIndex >= frame.height) {
+                        if (Constants_js_1.InterlaceOffsets[pass] + Constants_js_1.InterlaceSteps[pass] * lineIndex >= frame.height) {
                             break;
                         }
                     }
@@ -236,7 +236,7 @@ async function decodeGIF(gifURL, progressCallback, avgAlpha) {
         backgroundImage: new ImageData(1, 1, { colorSpace: "srgb" }),
         comments: [],
         applicationExtensions: [],
-    }, byteStream = new ByteStream_1.ByteStream(new Uint8ClampedArray(buffer));
+    }, byteStream = new ByteStream_js_1.ByteStream(new Uint8ClampedArray(buffer));
     if (byteStream.getString(6) !== "GIF89a") {
         throw new Error("not a supported GIF file");
     }

package/cjs/ImageDrawer.js

@@ -2,7 +2,7 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.ImageDrawer = void 0;
 const engine_1 = require("@tsparticles/engine");
-const Utils_1 = require("./Utils");
+const Utils_js_1 = require("./Utils.js");
 class ImageDrawer {
     constructor(engine) {
         this.loadImageShape = async (imageShape) => {
@@ -155,7 +155,7 @@ class ImageDrawer {
         (async () => {
             let imageRes;
             if (image.svgData && color) {
-                imageRes = await (0, Utils_1.replaceImageColor)(image, imageData, color, particle);
+                imageRes = await (0, Utils_js_1.replaceImageColor)(image, imageData, color, particle);
             }
             else {
                 imageRes = {

package/cjs/ImagePreloader.js

@@ -1,7 +1,7 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.ImagePreloaderPlugin = void 0;
-const Preload_1 = require("./Options/Classes/Preload");
+const Preload_js_1 = require("./Options/Classes/Preload.js");
 class ImagePreloaderPlugin {
     constructor(engine) {
         this.id = "imagePreloader";
@@ -24,7 +24,7 @@ class ImagePreloaderPlugin {
                 existing.load(item);
             }
             else {
-                const preload = new Preload_1.Preload();
+                const preload = new Preload_js_1.Preload();
                 preload.load(item);
                 preloadOptions.push(preload);
             }

package/cjs/Utils.js

@@ -2,7 +2,7 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.replaceImageColor = exports.downloadSvgImage = exports.loadGifImage = exports.loadImage = void 0;
 const engine_1 = require("@tsparticles/engine");
-const Utils_1 = require("./GifUtils/Utils");
+const Utils_js_1 = require("./GifUtils/Utils.js");
 const currentColorRegex = /(#(?:[0-9a-f]{2}){2,4}|(#[0-9a-f]{3})|(rgb|hsl)a?\((-?\d+%?[,\s]+){2,3}\s*[\d.]+%?\))|currentcolor/gi;
 function replaceColorSvg(imageShape, color, opacity) {
     const { svgData } = imageShape;
@@ -43,8 +43,8 @@ async function loadGifImage(image) {
     }
     image.loading = true;
     try {
-        image.gifData = await (0, Utils_1.decodeGIF)(image.source);
-        image.gifLoopCount = (0, Utils_1.getGIFLoopAmount)(image.gifData) ?? 0;
+        image.gifData = await (0, Utils_js_1.decodeGIF)(image.source);
+        image.gifLoopCount = (0, Utils_js_1.getGIFLoopAmount)(image.gifData) ?? 0;
         if (image.gifLoopCount === 0) {
             image.gifLoopCount = Infinity;
         }

package/cjs/index.js

@@ -1,9 +1,9 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.loadImageShape = void 0;
-const Utils_1 = require("./Utils");
-const ImageDrawer_1 = require("./ImageDrawer");
-const ImagePreloader_1 = require("./ImagePreloader");
+const Utils_js_1 = require("./Utils.js");
+const ImageDrawer_js_1 = require("./ImageDrawer.js");
+const ImagePreloader_js_1 = require("./ImagePreloader.js");
 const engine_1 = require("@tsparticles/engine");
 function addLoadImageToEngine(engine) {
     if (engine.loadImage) {
@@ -31,7 +31,7 @@ function addLoadImageToEngine(engine) {
                 ratio: data.width && data.height ? data.width / data.height : undefined,
             };
             engine.images.push(image);
-            const imageFunc = data.gif ? Utils_1.loadGifImage : data.replaceColor ? Utils_1.downloadSvgImage : Utils_1.loadImage;
+            const imageFunc = data.gif ? Utils_js_1.loadGifImage : data.replaceColor ? Utils_js_1.downloadSvgImage : Utils_js_1.loadImage;
             await imageFunc(image);
         }
         catch {
@@ -41,8 +41,8 @@ function addLoadImageToEngine(engine) {
 }
 async function loadImageShape(engine, refresh = true) {
     addLoadImageToEngine(engine);
-    const preloader = new ImagePreloader_1.ImagePreloaderPlugin(engine);
+    const preloader = new ImagePreloader_js_1.ImagePreloaderPlugin(engine);
     await engine.addPlugin(preloader, refresh);
-    await engine.addShape(["image", "images"], new ImageDrawer_1.ImageDrawer(engine), refresh);
+    await engine.addShape(["image", "images"], new ImageDrawer_js_1.ImageDrawer(engine), refresh);
 }
 exports.loadImageShape = loadImageShape;

package/cjs/package.json

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

package/esm/GifUtils/Utils.js

@@ -1,5 +1,5 @@
-import { InterlaceOffsets, InterlaceSteps } from "./Constants";
-import { ByteStream } from "./ByteStream";
+import { InterlaceOffsets, InterlaceSteps } from "./Constants.js";
+import { ByteStream } from "./ByteStream.js";
 function parseColorTable(byteStream, count) {
     const colors = [];
     for (let i = 0; i < count; i++) {

package/esm/ImageDrawer.js

@@ -1,5 +1,5 @@
 import { errorPrefix } from "@tsparticles/engine";
-import { replaceImageColor } from "./Utils";
+import { replaceImageColor } from "./Utils.js";
 export class ImageDrawer {
     constructor(engine) {
         this.loadImageShape = async (imageShape) => {

package/esm/ImagePreloader.js

@@ -1,4 +1,4 @@
-import { Preload } from "./Options/Classes/Preload";
+import { Preload } from "./Options/Classes/Preload.js";
 export class ImagePreloaderPlugin {
     constructor(engine) {
         this.id = "imagePreloader";

package/esm/Utils.js

@@ -1,5 +1,5 @@
 import { errorPrefix, getLogger, getStyleFromHsl } from "@tsparticles/engine";
-import { decodeGIF, getGIFLoopAmount } from "./GifUtils/Utils";
+import { decodeGIF, getGIFLoopAmount } from "./GifUtils/Utils.js";
 const currentColorRegex = /(#(?:[0-9a-f]{2}){2,4}|(#[0-9a-f]{3})|(rgb|hsl)a?\((-?\d+%?[,\s]+){2,3}\s*[\d.]+%?\))|currentcolor/gi;
 function replaceColorSvg(imageShape, color, opacity) {
     const { svgData } = imageShape;

package/esm/index.js

@@ -1,6 +1,6 @@
-import { downloadSvgImage, loadGifImage, loadImage } from "./Utils";
-import { ImageDrawer } from "./ImageDrawer";
-import { ImagePreloaderPlugin } from "./ImagePreloader";
+import { downloadSvgImage, loadGifImage, loadImage } from "./Utils.js";
+import { ImageDrawer } from "./ImageDrawer.js";
+import { ImagePreloaderPlugin } from "./ImagePreloader.js";
 import { errorPrefix } from "@tsparticles/engine";
 function addLoadImageToEngine(engine) {
     if (engine.loadImage) {

package/esm/package.json

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

package/package.json

@@ -1,11 +1,11 @@
 {
   "name": "@tsparticles/shape-image",
-  "version": "3.0.0-beta.0",
+  "version": "3.0.0-beta.2",
   "description": "tsParticles image shape",
   "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": "shapes/image"
   },
   "keywords": [
@@ -38,16 +38,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.shape.image.min.js",
   "unpkg": "tsparticles.shape.image.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"