@tsparticles/preset-confetti 3.0.0-alpha.1 → 3.0.0-beta.2

package/cjs/options.js

@@ -1,135 +1,130 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.loadOptions = void 0;
-const ConfettiOptions_1 = require("./ConfettiOptions");
-const loadOptions = (confettiOptions) => {
-    const actualOptions = new ConfettiOptions_1.ConfettiOptions();
-    actualOptions.load(confettiOptions);
-    return {
-        fullScreen: {
-            enable: true,
-            zIndex: actualOptions.zIndex,
+exports.options = void 0;
+exports.options = {
+    fullScreen: {
+        enable: true,
+        zIndex: 100,
+    },
+    fpsLimit: 120,
+    particles: {
+        number: {
+            value: 0,
         },
-        fpsLimit: 120,
-        particles: {
-            number: {
-                value: 0,
-            },
-            color: {
-                value: actualOptions.colors,
+        color: {
+            value: ["#26ccff", "#a25afd", "#ff5e7e", "#88ff5a", "#fcff42", "#ffa62d", "#ff36ff"],
+        },
+        shape: {
+            type: ["square", "circle"],
+        },
+        opacity: {
+            value: { min: 0, max: 1 },
+            animation: {
+                enable: true,
+                speed: 0.5,
+                startValue: "max",
+                destroy: "min",
             },
-            shape: {
-                type: actualOptions.shapes,
+        },
+        size: {
+            value: 5,
+        },
+        links: {
+            enable: false,
+        },
+        life: {
+            duration: {
+                sync: true,
+                value: 20 / 6,
             },
-            opacity: {
-                value: { min: 0, max: 1 },
-                animation: {
-                    enable: true,
-                    speed: 0.5,
-                    startValue: "max",
-                    destroy: "min",
-                },
+            count: 1,
+        },
+        move: {
+            angle: {
+                value: 45,
+                offset: 0,
             },
-            size: {
-                value: 5 * actualOptions.scalar,
+            drift: 0,
+            enable: true,
+            gravity: {
+                enable: true,
+                acceleration: 9.81,
             },
-            links: {
-                enable: false,
+            speed: 45,
+            decay: 0.1,
+            direction: -90,
+            random: true,
+            straight: false,
+            outModes: {
+                default: "none",
+                bottom: "destroy",
             },
-            life: {
-                duration: {
-                    sync: true,
-                    value: actualOptions.ticks / 60,
-                },
-                count: 1,
+        },
+        rotate: {
+            value: {
+                min: 0,
+                max: 360,
             },
-            move: {
-                angle: {
-                    value: actualOptions.spread,
-                    offset: 0,
-                },
-                drift: {
-                    min: -actualOptions.drift,
-                    max: actualOptions.drift,
-                },
+            direction: "random",
+            animation: {
                 enable: true,
-                gravity: {
-                    enable: true,
-                    acceleration: actualOptions.gravity * 9.81,
-                },
-                speed: actualOptions.startVelocity,
-                decay: 1 - actualOptions.decay,
-                direction: -actualOptions.angle,
-                random: true,
-                straight: false,
-                outModes: {
-                    default: "none",
-                    bottom: "destroy",
-                },
+                speed: 60,
             },
-            rotate: {
-                value: {
-                    min: 0,
-                    max: 360,
-                },
-                direction: "random",
-                animation: {
-                    enable: true,
-                    speed: 60,
-                },
+        },
+        tilt: {
+            direction: "random",
+            enable: true,
+            value: {
+                min: 0,
+                max: 360,
             },
-            tilt: {
-                direction: "random",
+            animation: {
                 enable: true,
-                value: {
-                    min: 0,
-                    max: 360,
-                },
-                animation: {
-                    enable: true,
-                    speed: 60,
-                },
+                speed: 60,
             },
-            roll: {
-                darken: {
-                    enable: true,
-                    value: 25,
-                },
+        },
+        roll: {
+            darken: {
                 enable: true,
-                speed: {
-                    min: 15,
-                    max: 25,
-                },
+                value: 25,
             },
-            wobble: {
-                distance: 30,
-                enable: true,
-                speed: {
-                    min: -15,
-                    max: 15,
-                },
+            enable: true,
+            speed: {
+                min: 15,
+                max: 25,
             },
         },
-        detectRetina: true,
-        motion: {
-            disable: actualOptions.disableForReducedMotion,
-        },
-        emitters: {
-            startCount: actualOptions.count,
-            position: actualOptions.position,
-            size: {
-                width: 0,
-                height: 0,
-            },
-            rate: {
-                delay: 0,
-                quantity: 0,
-            },
-            life: {
-                duration: 0.1,
-                count: 1,
+        wobble: {
+            distance: 30,
+            enable: true,
+            speed: {
+                min: -15,
+                max: 15,
             },
         },
-    };
+    },
+    detectRetina: true,
+    motion: {
+        disable: true,
+    },
+    emitters: {
+        name: "confetti",
+        startCount: 50,
+        position: {
+            x: 50,
+            y: 50,
+        },
+        size: {
+            width: 0,
+            height: 0,
+        },
+        rate: {
+            delay: 0,
+            quantity: 0,
+        },
+        life: {
+            duration: 0.1,
+            count: 1,
+        },
+    },
 };
-exports.loadOptions = loadOptions;

package/cjs/package.json

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

package/esm/bundle.js

@@ -1,6 +1,6 @@
-import { confetti, loadConfettiPreset } from "./index";
+import { loadConfettiPreset } from "./index";
 import { tsParticles } from "@tsparticles/engine";
 (async () => {
     await loadConfettiPreset(tsParticles);
 })();
-export { confetti, loadConfettiPreset, tsParticles };
+export { loadConfettiPreset, tsParticles };

package/esm/index.js

@@ -1,55 +1,25 @@
-import { getRandom, tsParticles } from "@tsparticles/engine";
-import { loadAngleUpdater } from "@tsparticles/updater-angle";
-import { loadBaseMover } from "@tsparticles/move-base";
-import { loadCircleShape } from "@tsparticles/shape-circle";
-import { loadColorUpdater } from "@tsparticles/updater-color";
+import { loadBasic } from "@tsparticles/basic";
 import { loadEmittersPlugin } from "@tsparticles/plugin-emitters";
 import { loadLifeUpdater } from "@tsparticles/updater-life";
 import { loadMotionPlugin } from "@tsparticles/plugin-motion";
-import { loadOpacityUpdater } from "@tsparticles/updater-opacity";
-import { loadOptions } from "./options";
-import { loadOutModesUpdater } from "@tsparticles/updater-out-modes";
 import { loadRollUpdater } from "@tsparticles/updater-roll";
-import { loadSizeUpdater } from "@tsparticles/updater-size";
+import { loadRotateUpdater } from "@tsparticles/updater-rotate";
 import { loadSquareShape } from "@tsparticles/shape-square";
 import { loadTiltUpdater } from "@tsparticles/updater-tilt";
 import { loadWobbleUpdater } from "@tsparticles/updater-wobble";
-async function loadPreset(engine, confettiOptions, override = false) {
-    await loadBaseMover(engine);
-    await loadCircleShape(engine);
-    await loadSquareShape(engine);
-    await loadColorUpdater(engine);
-    await loadSizeUpdater(engine);
-    await loadOpacityUpdater(engine);
-    await loadOutModesUpdater(engine);
-    await loadEmittersPlugin(engine);
-    await loadMotionPlugin(engine);
-    await loadWobbleUpdater(engine);
-    await loadRollUpdater(engine);
-    await loadAngleUpdater(engine);
-    await loadTiltUpdater(engine);
-    await loadLifeUpdater(engine);
-    await engine.addPreset("confetti", loadOptions(confettiOptions), override);
+import { options } from "./options";
+async function loadPreset(engine, refresh = true) {
+    await loadBasic(engine, false);
+    await loadSquareShape(engine, false);
+    await loadEmittersPlugin(engine, false);
+    await loadMotionPlugin(engine, false);
+    await loadWobbleUpdater(engine, false);
+    await loadRollUpdater(engine, false);
+    await loadRotateUpdater(engine, false);
+    await loadTiltUpdater(engine, false);
+    await loadLifeUpdater(engine, false);
+    await engine.addPreset("confetti", options, refresh);
 }
-export async function loadConfettiPreset(main) {
-    await loadPreset(main, {}, true);
-}
-export async function confetti(idOrOptions, confettiOptions) {
-    let options;
-    let id;
-    if (typeof idOrOptions === "string") {
-        id = idOrOptions;
-        options = confettiOptions !== null && confettiOptions !== void 0 ? confettiOptions : {};
-    }
-    else {
-        id = `tsparticles_${Math.floor(getRandom() * 1000)}`;
-        options = idOrOptions;
-    }
-    await loadPreset(tsParticles, options, true);
-    await tsParticles.load({
-        id,
-        options: {
-            preset: "confetti",
-        },
-    });
+export async function loadConfettiPreset(engine) {
+    await loadPreset(engine);
 }

package/esm/options.js

@@ -1,131 +1,127 @@
-import { ConfettiOptions } from "./ConfettiOptions";
-export const loadOptions = (confettiOptions) => {
-    const actualOptions = new ConfettiOptions();
-    actualOptions.load(confettiOptions);
-    return {
-        fullScreen: {
-            enable: true,
-            zIndex: actualOptions.zIndex,
+export const options = {
+    fullScreen: {
+        enable: true,
+        zIndex: 100,
+    },
+    fpsLimit: 120,
+    particles: {
+        number: {
+            value: 0,
         },
-        fpsLimit: 120,
-        particles: {
-            number: {
-                value: 0,
-            },
-            color: {
-                value: actualOptions.colors,
+        color: {
+            value: ["#26ccff", "#a25afd", "#ff5e7e", "#88ff5a", "#fcff42", "#ffa62d", "#ff36ff"],
+        },
+        shape: {
+            type: ["square", "circle"],
+        },
+        opacity: {
+            value: { min: 0, max: 1 },
+            animation: {
+                enable: true,
+                speed: 0.5,
+                startValue: "max",
+                destroy: "min",
             },
-            shape: {
-                type: actualOptions.shapes,
+        },
+        size: {
+            value: 5,
+        },
+        links: {
+            enable: false,
+        },
+        life: {
+            duration: {
+                sync: true,
+                value: 20 / 6,
             },
-            opacity: {
-                value: { min: 0, max: 1 },
-                animation: {
-                    enable: true,
-                    speed: 0.5,
-                    startValue: "max",
-                    destroy: "min",
-                },
+            count: 1,
+        },
+        move: {
+            angle: {
+                value: 45,
+                offset: 0,
             },
-            size: {
-                value: 5 * actualOptions.scalar,
+            drift: 0,
+            enable: true,
+            gravity: {
+                enable: true,
+                acceleration: 9.81,
             },
-            links: {
-                enable: false,
+            speed: 45,
+            decay: 0.1,
+            direction: -90,
+            random: true,
+            straight: false,
+            outModes: {
+                default: "none",
+                bottom: "destroy",
             },
-            life: {
-                duration: {
-                    sync: true,
-                    value: actualOptions.ticks / 60,
-                },
-                count: 1,
+        },
+        rotate: {
+            value: {
+                min: 0,
+                max: 360,
             },
-            move: {
-                angle: {
-                    value: actualOptions.spread,
-                    offset: 0,
-                },
-                drift: {
-                    min: -actualOptions.drift,
-                    max: actualOptions.drift,
-                },
+            direction: "random",
+            animation: {
                 enable: true,
-                gravity: {
-                    enable: true,
-                    acceleration: actualOptions.gravity * 9.81,
-                },
-                speed: actualOptions.startVelocity,
-                decay: 1 - actualOptions.decay,
-                direction: -actualOptions.angle,
-                random: true,
-                straight: false,
-                outModes: {
-                    default: "none",
-                    bottom: "destroy",
-                },
+                speed: 60,
             },
-            rotate: {
-                value: {
-                    min: 0,
-                    max: 360,
-                },
-                direction: "random",
-                animation: {
-                    enable: true,
-                    speed: 60,
-                },
+        },
+        tilt: {
+            direction: "random",
+            enable: true,
+            value: {
+                min: 0,
+                max: 360,
             },
-            tilt: {
-                direction: "random",
+            animation: {
                 enable: true,
-                value: {
-                    min: 0,
-                    max: 360,
-                },
-                animation: {
-                    enable: true,
-                    speed: 60,
-                },
+                speed: 60,
             },
-            roll: {
-                darken: {
-                    enable: true,
-                    value: 25,
-                },
+        },
+        roll: {
+            darken: {
                 enable: true,
-                speed: {
-                    min: 15,
-                    max: 25,
-                },
+                value: 25,
             },
-            wobble: {
-                distance: 30,
-                enable: true,
-                speed: {
-                    min: -15,
-                    max: 15,
-                },
+            enable: true,
+            speed: {
+                min: 15,
+                max: 25,
             },
         },
-        detectRetina: true,
-        motion: {
-            disable: actualOptions.disableForReducedMotion,
-        },
-        emitters: {
-            startCount: actualOptions.count,
-            position: actualOptions.position,
-            size: {
-                width: 0,
-                height: 0,
-            },
-            rate: {
-                delay: 0,
-                quantity: 0,
-            },
-            life: {
-                duration: 0.1,
-                count: 1,
+        wobble: {
+            distance: 30,
+            enable: true,
+            speed: {
+                min: -15,
+                max: 15,
             },
         },
-    };
+    },
+    detectRetina: true,
+    motion: {
+        disable: true,
+    },
+    emitters: {
+        name: "confetti",
+        startCount: 50,
+        position: {
+            x: 50,
+            y: 50,
+        },
+        size: {
+            width: 0,
+            height: 0,
+        },
+        rate: {
+            delay: 0,
+            quantity: 0,
+        },
+        life: {
+            duration: 0.1,
+            count: 1,
+        },
+    },
 };

package/esm/package.json

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

package/package.json

@@ -1,11 +1,11 @@
 {
   "name": "@tsparticles/preset-confetti",
-  "version": "3.0.0-alpha.1",
+  "version": "3.0.0-beta.2",
   "description": "tsParticles confetti preset",
   "homepage": "https://particles.js.org",
   "repository": {
     "type": "git",
-    "url": "git+https://github.com/matteobruni/tsparticles.git",
+    "url": "git+https://github.com/tsparticles/presets.git",
     "directory": "presets/confetti"
   },
   "keywords": [
@@ -60,18 +60,22 @@
     "confettijs",
     "fireworksjs",
     "canvas-confetti",
-    "tsparticles-preset"
+    "@tsparticles/preset"
   ],
   "author": "Matteo Bruni <matteo.bruni@me.com>",
   "license": "MIT",
   "bugs": {
-    "url": "https://github.com/matteobruni/tsparticles/issues"
+    "url": "https://github.com/tsparticles/presets/issues"
   },
   "funding": [
     {
       "type": "github",
       "url": "https://github.com/sponsors/matteobruni"
     },
+    {
+      "type": "github",
+      "url": "https://github.com/sponsors/tsparticles"
+    },
     {
       "type": "buymeacoffee",
       "url": "https://www.buymeacoffee.com/matteobruni"
@@ -82,24 +86,16 @@
   "unpkg": "tsparticles.preset.confetti.min.js",
   "module": "esm/index.js",
   "types": "types/index.d.ts",
-  "publishConfig": {
-    "access": "public"
-  },
   "dependencies": {
-    "@tsparticles/engine": "^3.0.0-alpha.1",
-    "@tsparticles/move-base": "^3.0.0-alpha.1",
-    "@tsparticles/plugin-emitters": "^3.0.0-alpha.1",
-    "@tsparticles/plugin-motion": "^3.0.0-alpha.1",
-    "@tsparticles/shape-circle": "^3.0.0-alpha.1",
-    "@tsparticles/shape-square": "^3.0.0-alpha.1",
-    "@tsparticles/updater-angle": "^3.0.0-alpha.1",
-    "@tsparticles/updater-color": "^3.0.0-alpha.1",
-    "@tsparticles/updater-life": "^3.0.0-alpha.1",
-    "@tsparticles/updater-opacity": "^3.0.0-alpha.1",
-    "@tsparticles/updater-out-modes": "^3.0.0-alpha.1",
-    "@tsparticles/updater-roll": "^3.0.0-alpha.1",
-    "@tsparticles/updater-size": "^3.0.0-alpha.1",
-    "@tsparticles/updater-tilt": "^3.0.0-alpha.1",
-    "@tsparticles/updater-wobble": "^3.0.0-alpha.1"
+    "@tsparticles/basic": "^3.0.0-beta.4",
+    "@tsparticles/engine": "^3.0.0-beta.4",
+    "@tsparticles/plugin-emitters": "^3.0.0-beta.4",
+    "@tsparticles/plugin-motion": "^3.0.0-beta.4",
+    "@tsparticles/shape-square": "^3.0.0-beta.4",
+    "@tsparticles/updater-life": "^3.0.0-beta.4",
+    "@tsparticles/updater-roll": "^3.0.0-beta.4",
+    "@tsparticles/updater-rotate": "^3.0.0-beta.4",
+    "@tsparticles/updater-tilt": "^3.0.0-beta.4",
+    "@tsparticles/updater-wobble": "^3.0.0-beta.4"
   }
-}
+}