@tsparticles/fireworks 3.9.0 → 4.0.0-alpha.0

package/browser/fireworks.js

@@ -1,13 +1,5 @@
-import { DestroyType, EventType, MoveDirection, OutMode, StartValueType, getRangeMax, getRangeMin, isNumber, isSsr, isString, setRangeValue, tsParticles, } from "@tsparticles/engine";
+import { DestroyType, EventType, MoveDirection, OutMode, StartValueType, getRangeMax, getRangeMin, isNumber, isString, setRangeValue, tsParticles, } from "@tsparticles/engine";
 import { FireworkOptions } from "./FireworkOptions.js";
-import { loadBasic } from "@tsparticles/basic";
-import { loadDestroyUpdater } from "@tsparticles/updater-destroy";
-import { loadEmittersPlugin } from "@tsparticles/plugin-emitters";
-import { loadEmittersShapeSquare } from "@tsparticles/plugin-emitters-shape-square";
-import { loadLifeUpdater } from "@tsparticles/updater-life";
-import { loadRotateUpdater } from "@tsparticles/updater-rotate";
-import { loadSoundsPlugin } from "@tsparticles/plugin-sounds";
-import { loadTrailEffect } from "@tsparticles/effect-trail";
 const minSplitCount = 2;
 let initialized = false;
 let initializing = false;
@@ -45,15 +37,18 @@ async function initPlugins(engine) {
         });
     }
     initializing = true;
-    engine.checkVersion("3.9.0");
-    await loadEmittersPlugin(engine, false);
-    await loadEmittersShapeSquare(engine, false);
-    await loadSoundsPlugin(engine, false);
-    await loadRotateUpdater(engine, false);
-    await loadDestroyUpdater(engine, false);
-    await loadLifeUpdater(engine, false);
-    await loadTrailEffect(engine, false);
-    await loadBasic(engine, false);
+    engine.checkVersion("4.0.0-alpha.0");
+    engine.register(async (e) => {
+        const { loadEmittersPlugin } = await import("@tsparticles/plugin-emitters"), { loadEmittersShapeSquare } = await import("@tsparticles/plugin-emitters-shape-square"), { loadSoundsPlugin } = await import("@tsparticles/plugin-sounds"), { loadRotateUpdater } = await import("@tsparticles/updater-rotate"), { loadDestroyUpdater } = await import("@tsparticles/updater-destroy"), { loadLifeUpdater } = await import("@tsparticles/updater-life"), { loadTrailEffect } = await import("@tsparticles/effect-trail"), { loadBasic } = await import("@tsparticles/basic");
+        loadEmittersPlugin(e);
+        loadEmittersShapeSquare(e);
+        loadSoundsPlugin(e);
+        loadRotateUpdater(e);
+        loadDestroyUpdater(e);
+        loadLifeUpdater(e);
+        loadTrailEffect(e);
+        loadBasic(e);
+    });
     initializing = false;
     initialized = true;
 }
@@ -271,13 +266,11 @@ export async function fireworks(idOrOptions, sourceOptions) {
     return getFireworksInstance(id, options);
 }
 fireworks.create = async (canvas, options) => {
-    const id = canvas.id ?? "fireworks";
+    const id = canvas.id || "fireworks";
     return getFireworksInstance(id, options ?? {}, canvas);
 };
 fireworks.init = async () => {
     await initPlugins(tsParticles);
 };
-fireworks.version = "3.9.0";
-if (!isSsr()) {
-    window.fireworks = fireworks;
-}
+fireworks.version = "4.0.0-alpha.0";
+globalThis.fireworks = fireworks;

package/cjs/FireworkOptions.js

@@ -1,8 +1,5 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.FireworkOptions = void 0;
-const engine_1 = require("@tsparticles/engine");
-class FireworkOptions {
+import { isArray, isNull, setRangeValue, } from "@tsparticles/engine";
+export class FireworkOptions {
     constructor() {
         this.background = "none";
         this.brightness = {
@@ -28,14 +25,14 @@ class FireworkOptions {
         };
     }
     load(data) {
-        if ((0, engine_1.isNull)(data)) {
+        if (isNull(data)) {
             return;
         }
         if (data.background !== undefined) {
             this.background = data.background;
         }
         if (data.colors !== undefined) {
-            if ((0, engine_1.isArray)(data.colors)) {
+            if (isArray(data.colors)) {
                 this.colors = [...data.colors];
             }
             else {
@@ -43,29 +40,28 @@ class FireworkOptions {
             }
         }
         if (data.brightness !== undefined) {
-            this.brightness = (0, engine_1.setRangeValue)(data.brightness);
+            this.brightness = setRangeValue(data.brightness);
         }
         if (data.gravity !== undefined) {
-            this.gravity = (0, engine_1.setRangeValue)(data.gravity);
+            this.gravity = setRangeValue(data.gravity);
         }
         if (data.minHeight !== undefined) {
-            this.minHeight = (0, engine_1.setRangeValue)(data.minHeight);
+            this.minHeight = setRangeValue(data.minHeight);
         }
         if (data.rate !== undefined) {
-            this.rate = (0, engine_1.setRangeValue)(data.rate);
+            this.rate = setRangeValue(data.rate);
         }
         if (data.saturation !== undefined) {
-            this.saturation = (0, engine_1.setRangeValue)(data.saturation);
+            this.saturation = setRangeValue(data.saturation);
         }
         if (data.sounds !== undefined) {
             this.sounds = data.sounds;
         }
         if (data.speed !== undefined) {
-            this.speed = (0, engine_1.setRangeValue)(data.speed);
+            this.speed = setRangeValue(data.speed);
         }
         if (data.splitCount !== undefined) {
-            this.splitCount = (0, engine_1.setRangeValue)(data.splitCount);
+            this.splitCount = setRangeValue(data.splitCount);
         }
     }
 }
-exports.FireworkOptions = FireworkOptions;

package/cjs/IFireworkOptions.js

@@ -1,2 +1 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
+export {};

package/cjs/bundle.js

@@ -1,18 +1,2 @@
-"use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __exportStar = (this && this.__exportStar) || function(m, exports) {
-    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-__exportStar(require("."), exports);
-__exportStar(require("@tsparticles/engine"), exports);
+export * from "./index.js";
+export * from "@tsparticles/engine";

package/cjs/fireworks.js

@@ -1,16 +1,5 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.fireworks = fireworks;
-const engine_1 = require("@tsparticles/engine");
-const FireworkOptions_js_1 = require("./FireworkOptions.js");
-const basic_1 = require("@tsparticles/basic");
-const updater_destroy_1 = require("@tsparticles/updater-destroy");
-const plugin_emitters_1 = require("@tsparticles/plugin-emitters");
-const plugin_emitters_shape_square_1 = require("@tsparticles/plugin-emitters-shape-square");
-const updater_life_1 = require("@tsparticles/updater-life");
-const updater_rotate_1 = require("@tsparticles/updater-rotate");
-const plugin_sounds_1 = require("@tsparticles/plugin-sounds");
-const effect_trail_1 = require("@tsparticles/effect-trail");
+import { DestroyType, EventType, MoveDirection, OutMode, StartValueType, getRangeMax, getRangeMin, isNumber, isString, setRangeValue, tsParticles, } from "@tsparticles/engine";
+import { FireworkOptions } from "./FireworkOptions.js";
 const minSplitCount = 2;
 let initialized = false;
 let initializing = false;
@@ -48,15 +37,18 @@ async function initPlugins(engine) {
         });
     }
     initializing = true;
-    engine.checkVersion("3.9.0");
-    await (0, plugin_emitters_1.loadEmittersPlugin)(engine, false);
-    await (0, plugin_emitters_shape_square_1.loadEmittersShapeSquare)(engine, false);
-    await (0, plugin_sounds_1.loadSoundsPlugin)(engine, false);
-    await (0, updater_rotate_1.loadRotateUpdater)(engine, false);
-    await (0, updater_destroy_1.loadDestroyUpdater)(engine, false);
-    await (0, updater_life_1.loadLifeUpdater)(engine, false);
-    await (0, effect_trail_1.loadTrailEffect)(engine, false);
-    await (0, basic_1.loadBasic)(engine, false);
+    engine.checkVersion("4.0.0-alpha.0");
+    engine.register(async (e) => {
+        const { loadEmittersPlugin } = await import("@tsparticles/plugin-emitters"), { loadEmittersShapeSquare } = await import("@tsparticles/plugin-emitters-shape-square"), { loadSoundsPlugin } = await import("@tsparticles/plugin-sounds"), { loadRotateUpdater } = await import("@tsparticles/updater-rotate"), { loadDestroyUpdater } = await import("@tsparticles/updater-destroy"), { loadLifeUpdater } = await import("@tsparticles/updater-life"), { loadTrailEffect } = await import("@tsparticles/effect-trail"), { loadBasic } = await import("@tsparticles/basic");
+        loadEmittersPlugin(e);
+        loadEmittersShapeSquare(e);
+        loadSoundsPlugin(e);
+        loadRotateUpdater(e);
+        loadDestroyUpdater(e);
+        loadLifeUpdater(e);
+        loadTrailEffect(e);
+        loadBasic(e);
+    });
     initializing = false;
     initialized = true;
 }
@@ -72,16 +64,16 @@ function getOptions(options, canvas) {
         },
         fpsLimit: 60,
         emitters: {
-            direction: engine_1.MoveDirection.top,
+            direction: MoveDirection.top,
             life: {
                 count: 0,
                 duration: 0.1,
                 delay: 0.1,
             },
             rate: {
-                delay: (0, engine_1.isNumber)(options.rate)
+                delay: isNumber(options.rate)
                     ? identity / options.rate
-                    : { min: identity / (0, engine_1.getRangeMin)(options.rate), max: identity / (0, engine_1.getRangeMax)(options.rate) },
+                    : { min: identity / getRangeMin(options.rate), max: identity / getRangeMax(options.rate) },
                 quantity: 1,
             },
             size: {
@@ -103,7 +95,7 @@ function getOptions(options, canvas) {
             destroy: {
                 mode: "split",
                 bounds: {
-                    top: (0, engine_1.setRangeValue)(options.minHeight),
+                    top: setRangeValue(options.minHeight),
                 },
                 split: {
                     sizeOffset: false,
@@ -134,8 +126,8 @@ function getOptions(options, canvas) {
                                 enable: true,
                                 speed: 1,
                                 sync: false,
-                                startValue: engine_1.StartValueType.max,
-                                destroy: engine_1.DestroyType.min,
+                                startValue: StartValueType.max,
+                                destroy: DestroyType.min,
                             },
                         },
                         effect: {
@@ -159,8 +151,8 @@ function getOptions(options, canvas) {
                                 speed: 5,
                                 count: 1,
                                 sync: false,
-                                startValue: engine_1.StartValueType.min,
-                                destroy: engine_1.DestroyType.none,
+                                startValue: StartValueType.min,
+                                destroy: DestroyType.none,
                             },
                         },
                         life: {
@@ -178,11 +170,11 @@ function getOptions(options, canvas) {
                             gravity: {
                                 enable: true,
                                 inverse: false,
-                                acceleration: (0, engine_1.setRangeValue)(options.gravity),
+                                acceleration: setRangeValue(options.gravity),
                             },
-                            speed: (0, engine_1.setRangeValue)(options.speed),
+                            speed: setRangeValue(options.speed),
                             direction: "none",
-                            outModes: engine_1.OutMode.destroy,
+                            outModes: OutMode.destroy,
                         },
                     },
                 },
@@ -228,8 +220,8 @@ function getOptions(options, canvas) {
                     max: 20,
                 },
                 outModes: {
-                    default: engine_1.OutMode.destroy,
-                    top: engine_1.OutMode.none,
+                    default: OutMode.destroy,
+                    top: OutMode.none,
                 },
             },
         },
@@ -237,7 +229,7 @@ function getOptions(options, canvas) {
             enable: options.sounds,
             events: [
                 {
-                    event: engine_1.EventType.particleRemoved,
+                    event: EventType.particleRemoved,
                     filter: explodeSoundCheck,
                     audio: [
                         "https://particles.js.org/audio/explosion0.mp3",
@@ -251,19 +243,19 @@ function getOptions(options, canvas) {
     };
 }
 async function getFireworksInstance(id, sourceOptions, canvas) {
-    await initPlugins(engine_1.tsParticles);
-    const options = new FireworkOptions_js_1.FireworkOptions();
+    await initPlugins(tsParticles);
+    const options = new FireworkOptions();
     options.load(sourceOptions);
-    const particlesOptions = getOptions(options, canvas), container = await engine_1.tsParticles.load({ id, element: canvas, options: particlesOptions });
+    const particlesOptions = getOptions(options, canvas), container = await tsParticles.load({ id, element: canvas, options: particlesOptions });
     if (!container) {
         return;
     }
     return new FireworksInstance(container);
 }
-async function fireworks(idOrOptions, sourceOptions) {
+export async function fireworks(idOrOptions, sourceOptions) {
     let id;
     let options;
-    if ((0, engine_1.isString)(idOrOptions)) {
+    if (isString(idOrOptions)) {
         id = idOrOptions;
         options = sourceOptions ?? {};
     }
@@ -274,13 +266,11 @@ async function fireworks(idOrOptions, sourceOptions) {
     return getFireworksInstance(id, options);
 }
 fireworks.create = async (canvas, options) => {
-    const id = canvas.id ?? "fireworks";
+    const id = canvas.id || "fireworks";
     return getFireworksInstance(id, options ?? {}, canvas);
 };
 fireworks.init = async () => {
-    await initPlugins(engine_1.tsParticles);
+    await initPlugins(tsParticles);
 };
-fireworks.version = "3.9.0";
-if (!(0, engine_1.isSsr)()) {
-    window.fireworks = fireworks;
-}
+fireworks.version = "4.0.0-alpha.0";
+globalThis.fireworks = fireworks;

package/cjs/index.js

@@ -1,17 +1 @@
-"use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __exportStar = (this && this.__exportStar) || function(m, exports) {
-    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-__exportStar(require("./fireworks.js"), exports);
+export * from "./fireworks.js";

package/effects_trail_dist_browser_TrailDrawer_js.js

@@ -0,0 +1,30 @@
+/*!
+ * Author : Matteo Bruni
+ * MIT license: https://opensource.org/licenses/MIT
+ * Demo / Generator : https://particles.js.org/
+ * GitHub : https://www.github.com/matteobruni/tsparticles
+ * How to use? : Check the GitHub README
+ * v4.0.0-alpha.0
+ */
+"use strict";
+/*
+ * ATTENTION: The "eval" devtool has been used (maybe by default in mode: "development").
+ * This devtool is neither made for production nor for readable output files.
+ * It uses "eval()" calls to create a separate source file in the browser devtools.
+ * If you are trying to read the output file, select a different devtool (https://webpack.js.org/configuration/devtool/)
+ * or disable the default devtool with "devtool: false".
+ * If you are looking for production-ready output files, see mode: "production" (https://webpack.js.org/configuration/mode/).
+ */
+(this["webpackChunk_tsparticles_fireworks"] = this["webpackChunk_tsparticles_fireworks"] || []).push([["effects_trail_dist_browser_TrailDrawer_js"],{
+
+/***/ "../../effects/trail/dist/browser/TrailDrawer.js"
+/*!*******************************************************!*\
+  !*** ../../effects/trail/dist/browser/TrailDrawer.js ***!
+  \*******************************************************/
+(__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) {
+
+eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   TrailDrawer: () => (/* binding */ TrailDrawer)\n/* harmony export */ });\n/* harmony import */ var _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @tsparticles/engine */ \"../../engine/dist/browser/index.js\");\n\nconst minTrailLength = 2,\n  trailLengthOffset = 1,\n  minWidth = -1,\n  defaultLength = 10;\nconst defaultTransform = {\n  a: 1,\n  b: 0,\n  c: 0,\n  d: 1\n};\nclass TrailDrawer {\n  drawAfter(data) {\n    const {\n        context,\n        radius,\n        particle,\n        transformData\n      } = data,\n      diameter = radius * _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.double,\n      pxRatio = particle.container.retina.pixelRatio,\n      currentPos = particle.getPosition(),\n      trail = particle.trail;\n    if (!trail || !particle.trailLength) {\n      return;\n    }\n    const pathLength = particle.trailLength + radius;\n    trail.push({\n      color: context.fillStyle || context.strokeStyle,\n      position: {\n        x: currentPos.x,\n        y: currentPos.y\n      },\n      transformData: {\n        ...data.transformData\n      }\n    });\n    if (trail.length < minTrailLength) {\n      return;\n    }\n    while (trail.length > pathLength) {\n      trail.shift();\n    }\n    const trailLength = Math.min(trail.length, pathLength),\n      canvasSize = {\n        width: particle.container.canvas.size.width + diameter,\n        height: particle.container.canvas.size.height + diameter\n      };\n    const trailPos = trail[trailLength - trailLengthOffset];\n    if (!trailPos) {\n      return;\n    }\n    let lastPos = trailPos.position;\n    for (let i = trailLength; i > _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.none; i--) {\n      const step = trail[i - trailLengthOffset];\n      if (!step) {\n        continue;\n      }\n      const position = step.position,\n        stepTransformData = particle.trailTransform ? step.transformData ?? defaultTransform : defaultTransform;\n      context.setTransform(stepTransformData.a, stepTransformData.b, stepTransformData.c, stepTransformData.d, position.x, position.y);\n      context.beginPath();\n      context.moveTo(lastPos.x - position.x, lastPos.y - position.y);\n      const warp = {\n        x: (lastPos.x + canvasSize.width) % canvasSize.width,\n        y: (lastPos.y + canvasSize.height) % canvasSize.height\n      };\n      if (Math.abs(lastPos.x - position.x) > canvasSize.width * _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.half || Math.abs(lastPos.y - position.y) > canvasSize.height * _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.half) {\n        lastPos = position;\n        continue;\n      }\n      context.lineTo(Math.abs(lastPos.x - position.x) > canvasSize.width * _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.half ? warp.x : _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.originPoint.x, Math.abs(lastPos.y - position.y) > canvasSize.height * _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.half ? warp.y : _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.originPoint.y);\n      const width = Math.max(i / trailLength * diameter, pxRatio, particle.trailMinWidth ?? minWidth),\n        oldAlpha = context.globalAlpha;\n      context.globalAlpha = particle.trailFade ? i / trailLength : _tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.defaultAlpha;\n      context.lineWidth = particle.trailMaxWidth ? Math.min(width, particle.trailMaxWidth) : width;\n      context.strokeStyle = step.color;\n      context.stroke();\n      context.globalAlpha = oldAlpha;\n      lastPos = position;\n    }\n    context.setTransform(transformData.a, transformData.b, transformData.c, transformData.d, currentPos.x, currentPos.y);\n  }\n  particleInit(container, particle) {\n    particle.trail = [];\n    const effectData = particle.effectData;\n    particle.trailFade = effectData?.fade ?? true;\n    particle.trailLength = (0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.getRangeValue)(effectData?.length ?? defaultLength) * container.retina.pixelRatio;\n    particle.trailMaxWidth = effectData?.maxWidth ? (0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.getRangeValue)(effectData.maxWidth) * container.retina.pixelRatio : undefined;\n    particle.trailMinWidth = effectData?.minWidth ? (0,_tsparticles_engine__WEBPACK_IMPORTED_MODULE_0__.getRangeValue)(effectData.minWidth) * container.retina.pixelRatio : undefined;\n    particle.trailTransform = effectData?.transform ?? false;\n  }\n}\n\n//# sourceURL=webpack://@tsparticles/fireworks/../../effects/trail/dist/browser/TrailDrawer.js?\n}");
+
+/***/ }
+
+}]);

package/effects_trail_dist_browser_index_js.js

@@ -0,0 +1,30 @@
+/*!
+ * Author : Matteo Bruni
+ * MIT license: https://opensource.org/licenses/MIT
+ * Demo / Generator : https://particles.js.org/
+ * GitHub : https://www.github.com/matteobruni/tsparticles
+ * How to use? : Check the GitHub README
+ * v4.0.0-alpha.0
+ */
+"use strict";
+/*
+ * ATTENTION: The "eval" devtool has been used (maybe by default in mode: "development").
+ * This devtool is neither made for production nor for readable output files.
+ * It uses "eval()" calls to create a separate source file in the browser devtools.
+ * If you are trying to read the output file, select a different devtool (https://webpack.js.org/configuration/devtool/)
+ * or disable the default devtool with "devtool: false".
+ * If you are looking for production-ready output files, see mode: "production" (https://webpack.js.org/configuration/mode/).
+ */
+(this["webpackChunk_tsparticles_fireworks"] = this["webpackChunk_tsparticles_fireworks"] || []).push([["effects_trail_dist_browser_index_js"],{
+
+/***/ "../../effects/trail/dist/browser/index.js"
+/*!*************************************************!*\
+  !*** ../../effects/trail/dist/browser/index.js ***!
+  \*************************************************/
+(__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) {
+
+eval("{__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   loadTrailEffect: () => (/* binding */ loadTrailEffect)\n/* harmony export */ });\nfunction loadTrailEffect(engine) {\n  engine.checkVersion(\"4.0.0-alpha.0\");\n  engine.register(async e => {\n    const {\n      TrailDrawer\n    } = await __webpack_require__.e(/*! import() */ \"effects_trail_dist_browser_TrailDrawer_js\").then(__webpack_require__.bind(__webpack_require__, /*! ./TrailDrawer.js */ \"../../effects/trail/dist/browser/TrailDrawer.js\"));\n    e.addEffect(\"trail\", new TrailDrawer());\n  });\n}\n\n//# sourceURL=webpack://@tsparticles/fireworks/../../effects/trail/dist/browser/index.js?\n}");
+
+/***/ }
+
+}]);