@tsparticles/shape-emoji 4.0.0-beta.9 → 4.0.1

package/browser/EmojiDrawer.js

@@ -1,4 +1,4 @@
-import { double, executeOnSingleOrMultiple, getRangeMax, isInArray, itemFromSingleOrMultiple, safeDocument, } from "@tsparticles/engine";
+import { double, executeOnSingleOrMultiple, getRangeMax, isInArray, itemFromSingleOrMultiple, } from "@tsparticles/engine";
 import { drawEmoji, validTypes } from "./Utils.js";
 import { loadFont } from "@tsparticles/canvas-utils";
 const defaultFont = '"Apple Color Emoji", "Segoe UI Emoji", "Noto Color Emoji", sans-serif', noPadding = 0, firstItem = 0;
@@ -64,19 +64,7 @@ export class EmojiDrawer {
             particle.emojiDataKey = cacheKey;
             return;
         }
-        const padding = emojiOptions.padding * double, maxSize = getRangeMax(particle.size.value), fullSize = maxSize + padding, canvasSize = fullSize * double;
-        let cacheCanvas, context;
-        if (typeof OffscreenCanvas === "undefined") {
-            const canvas = safeDocument().createElement("canvas");
-            canvas.width = canvasSize;
-            canvas.height = canvasSize;
-            context = canvas.getContext("2d", container.canvas.render.settings);
-            cacheCanvas = canvas;
-        }
-        else {
-            cacheCanvas = new OffscreenCanvas(canvasSize, canvasSize);
-            context = cacheCanvas.getContext("2d", container.canvas.render.settings);
-        }
+        const padding = emojiOptions.padding * double, maxSize = getRangeMax(particle.size.value), fullSize = maxSize + padding, canvasSize = fullSize * double, cacheCanvas = new OffscreenCanvas(canvasSize, canvasSize), context = cacheCanvas.getContext("2d", container.canvas.render.settings);
         if (!context) {
             return;
         }

package/browser/browser.js

@@ -0,0 +1,5 @@
+import { loadEmojiShape } from "./index.js";
+const globalObject = globalThis;
+globalObject.__tsParticlesInternals = globalObject.__tsParticlesInternals ?? {};
+globalObject.loadEmojiShape = loadEmojiShape;
+export * from "./index.js";

package/browser/index.js

@@ -1,10 +1,8 @@
+import { EmojiDrawer } from "./EmojiDrawer.js";
 import { validTypes } from "./Utils.js";
 export async function loadEmojiShape(engine) {
-    engine.checkVersion("4.0.0-beta.9");
+    engine.checkVersion("4.0.1");
     await engine.pluginManager.register(e => {
-        e.pluginManager.addShape(validTypes, async () => {
-            const { EmojiDrawer } = await import("./EmojiDrawer.js");
-            return new EmojiDrawer();
-        });
+        e.pluginManager.addShape(validTypes, () => Promise.resolve(new EmojiDrawer()));
     });
 }

package/browser/index.lazy.js

@@ -0,0 +1,8 @@
+import { validTypes } from "./Utils.js";
+export async function loadEmojiShape(engine) {
+    engine.checkVersion("4.0.1");
+    await engine.pluginManager.register(async (e) => {
+        const { EmojiDrawer } = await import("./EmojiDrawer.js");
+        e.pluginManager.addShape(validTypes, () => Promise.resolve(new EmojiDrawer()));
+    });
+}

package/cjs/EmojiDrawer.js

@@ -1,4 +1,4 @@
-import { double, executeOnSingleOrMultiple, getRangeMax, isInArray, itemFromSingleOrMultiple, safeDocument, } from "@tsparticles/engine";
+import { double, executeOnSingleOrMultiple, getRangeMax, isInArray, itemFromSingleOrMultiple, } from "@tsparticles/engine";
 import { drawEmoji, validTypes } from "./Utils.js";
 import { loadFont } from "@tsparticles/canvas-utils";
 const defaultFont = '"Apple Color Emoji", "Segoe UI Emoji", "Noto Color Emoji", sans-serif', noPadding = 0, firstItem = 0;
@@ -64,19 +64,7 @@ export class EmojiDrawer {
             particle.emojiDataKey = cacheKey;
             return;
         }
-        const padding = emojiOptions.padding * double, maxSize = getRangeMax(particle.size.value), fullSize = maxSize + padding, canvasSize = fullSize * double;
-        let cacheCanvas, context;
-        if (typeof OffscreenCanvas === "undefined") {
-            const canvas = safeDocument().createElement("canvas");
-            canvas.width = canvasSize;
-            canvas.height = canvasSize;
-            context = canvas.getContext("2d", container.canvas.render.settings);
-            cacheCanvas = canvas;
-        }
-        else {
-            cacheCanvas = new OffscreenCanvas(canvasSize, canvasSize);
-            context = cacheCanvas.getContext("2d", container.canvas.render.settings);
-        }
+        const padding = emojiOptions.padding * double, maxSize = getRangeMax(particle.size.value), fullSize = maxSize + padding, canvasSize = fullSize * double, cacheCanvas = new OffscreenCanvas(canvasSize, canvasSize), context = cacheCanvas.getContext("2d", container.canvas.render.settings);
         if (!context) {
             return;
         }

package/cjs/browser.js

@@ -0,0 +1,5 @@
+import { loadEmojiShape } from "./index.js";
+const globalObject = globalThis;
+globalObject.__tsParticlesInternals = globalObject.__tsParticlesInternals ?? {};
+globalObject.loadEmojiShape = loadEmojiShape;
+export * from "./index.js";

package/cjs/index.js

@@ -1,10 +1,8 @@
+import { EmojiDrawer } from "./EmojiDrawer.js";
 import { validTypes } from "./Utils.js";
 export async function loadEmojiShape(engine) {
-    engine.checkVersion("4.0.0-beta.9");
+    engine.checkVersion("4.0.1");
     await engine.pluginManager.register(e => {
-        e.pluginManager.addShape(validTypes, async () => {
-            const { EmojiDrawer } = await import("./EmojiDrawer.js");
-            return new EmojiDrawer();
-        });
+        e.pluginManager.addShape(validTypes, () => Promise.resolve(new EmojiDrawer()));
     });
 }

package/cjs/index.lazy.js

@@ -0,0 +1,8 @@
+import { validTypes } from "./Utils.js";
+export async function loadEmojiShape(engine) {
+    engine.checkVersion("4.0.1");
+    await engine.pluginManager.register(async (e) => {
+        const { EmojiDrawer } = await import("./EmojiDrawer.js");
+        e.pluginManager.addShape(validTypes, () => Promise.resolve(new EmojiDrawer()));
+    });
+}

package/esm/EmojiDrawer.js

@@ -1,4 +1,4 @@
-import { double, executeOnSingleOrMultiple, getRangeMax, isInArray, itemFromSingleOrMultiple, safeDocument, } from "@tsparticles/engine";
+import { double, executeOnSingleOrMultiple, getRangeMax, isInArray, itemFromSingleOrMultiple, } from "@tsparticles/engine";
 import { drawEmoji, validTypes } from "./Utils.js";
 import { loadFont } from "@tsparticles/canvas-utils";
 const defaultFont = '"Apple Color Emoji", "Segoe UI Emoji", "Noto Color Emoji", sans-serif', noPadding = 0, firstItem = 0;
@@ -64,19 +64,7 @@ export class EmojiDrawer {
             particle.emojiDataKey = cacheKey;
             return;
         }
-        const padding = emojiOptions.padding * double, maxSize = getRangeMax(particle.size.value), fullSize = maxSize + padding, canvasSize = fullSize * double;
-        let cacheCanvas, context;
-        if (typeof OffscreenCanvas === "undefined") {
-            const canvas = safeDocument().createElement("canvas");
-            canvas.width = canvasSize;
-            canvas.height = canvasSize;
-            context = canvas.getContext("2d", container.canvas.render.settings);
-            cacheCanvas = canvas;
-        }
-        else {
-            cacheCanvas = new OffscreenCanvas(canvasSize, canvasSize);
-            context = cacheCanvas.getContext("2d", container.canvas.render.settings);
-        }
+        const padding = emojiOptions.padding * double, maxSize = getRangeMax(particle.size.value), fullSize = maxSize + padding, canvasSize = fullSize * double, cacheCanvas = new OffscreenCanvas(canvasSize, canvasSize), context = cacheCanvas.getContext("2d", container.canvas.render.settings);
         if (!context) {
             return;
         }

package/esm/browser.js

@@ -0,0 +1,5 @@
+import { loadEmojiShape } from "./index.js";
+const globalObject = globalThis;
+globalObject.__tsParticlesInternals = globalObject.__tsParticlesInternals ?? {};
+globalObject.loadEmojiShape = loadEmojiShape;
+export * from "./index.js";

package/esm/index.js

@@ -1,10 +1,8 @@
+import { EmojiDrawer } from "./EmojiDrawer.js";
 import { validTypes } from "./Utils.js";
 export async function loadEmojiShape(engine) {
-    engine.checkVersion("4.0.0-beta.9");
+    engine.checkVersion("4.0.1");
     await engine.pluginManager.register(e => {
-        e.pluginManager.addShape(validTypes, async () => {
-            const { EmojiDrawer } = await import("./EmojiDrawer.js");
-            return new EmojiDrawer();
-        });
+        e.pluginManager.addShape(validTypes, () => Promise.resolve(new EmojiDrawer()));
     });
 }

package/esm/index.lazy.js

@@ -0,0 +1,8 @@
+import { validTypes } from "./Utils.js";
+export async function loadEmojiShape(engine) {
+    engine.checkVersion("4.0.1");
+    await engine.pluginManager.register(async (e) => {
+        const { EmojiDrawer } = await import("./EmojiDrawer.js");
+        e.pluginManager.addShape(validTypes, () => Promise.resolve(new EmojiDrawer()));
+    });
+}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@tsparticles/shape-emoji",
-  "version": "4.0.0-beta.9",
+  "version": "4.0.1",
   "description": "tsParticles emoji shape",
   "homepage": "https://particles.js.org",
   "repository": {
@@ -55,11 +55,18 @@
       "require": "./cjs/index.js",
       "default": "./esm/index.js"
     },
+    "./lazy": {
+      "types": "./types/index.lazy.d.ts",
+      "browser": "./browser/index.lazy.js",
+      "import": "./esm/index.lazy.js",
+      "require": "./cjs/index.lazy.js",
+      "default": "./esm/index.lazy.js"
+    },
     "./package.json": "./package.json"
   },
   "peerDependencies": {
-    "@tsparticles/canvas-utils": "4.0.0-beta.9",
-    "@tsparticles/engine": "4.0.0-beta.9"
+    "@tsparticles/canvas-utils": "4.0.1",
+    "@tsparticles/engine": "4.0.1"
   },
   "publishConfig": {
     "access": "public"