@tsparticles/pjs 4.0.0-alpha.8 → 4.0.0-beta.1

package/browser/VincentGarreau/particles.js

@@ -108,8 +108,7 @@ const defaultMinOpacity = 0, defaultMinSize = 0, speedFactor = 3, defaultPjsOpti
         },
     },
     retina_detect: false,
-};
-const initParticlesJS = (engine) => {
+}, initParticlesJS = (engine) => {
     const particlesJS = async (tagId, options) => {
         const fixedOptions = deepExtend({}, defaultPjsOptions, options);
         return await engine.load({
@@ -159,6 +158,13 @@ const initParticlesJS = (engine) => {
                     },
                 },
                 particles: {
+                    attract: {
+                        enable: fixedOptions.particles.move.attract.enable,
+                        rotate: {
+                            x: fixedOptions.particles.move.attract.rotateX,
+                            y: fixedOptions.particles.move.attract.rotateY,
+                        },
+                    },
                     collisions: {
                         enable: fixedOptions.particles.move.bounce,
                     },
@@ -235,13 +241,6 @@ const initParticlesJS = (engine) => {
                         random: fixedOptions.particles.move.random,
                         straight: fixedOptions.particles.move.straight,
                         outModes: fixedOptions.particles.move.out_mode,
-                        attract: {
-                            enable: fixedOptions.particles.move.attract.enable,
-                            rotate: {
-                                x: fixedOptions.particles.move.attract.rotateX,
-                                y: fixedOptions.particles.move.attract.rotateY,
-                            },
-                        },
                     },
                 },
                 resize: {
@@ -254,16 +253,14 @@ const initParticlesJS = (engine) => {
         engine
             .load({ id: tagId, url: pathConfigJson })
             .then(container => {
-            if (container) {
-                callback(container);
-            }
+            callback(container);
         })
             .catch(() => {
             callback(undefined);
         });
     };
     particlesJS.setOnClickHandler = (callback) => {
-        engine.setOnClickHandler?.(callback);
+        engine.pluginManager.setOnClickHandler?.(callback);
     };
     const pJSDom = engine.items;
     return { particlesJS, pJSDom };

package/browser/bundle.js

@@ -1,3 +1,2 @@
-import { initPjs } from "./index.js";
 export * from "@tsparticles/engine";
-export { initPjs };
+export { initPjs } from "./index.js";

package/browser/index.js

@@ -1,9 +1,12 @@
 import { MBParticles } from "./marcbruederlin/Particles.js";
 import { initParticlesJS } from "./VincentGarreau/particles.js";
 const initPjs = async (engine) => {
-    engine.checkVersion("4.0.0-alpha.8");
-    await engine.register(async (e) => {
-        const { loadFull } = await import("tsparticles"), { loadResponsivePlugin } = await import("@tsparticles/plugin-responsive");
+    engine.checkVersion("4.0.0-beta.1");
+    await engine.pluginManager.register(async (e) => {
+        const [{ loadFull }, { loadResponsivePlugin },] = await Promise.all([
+            import("tsparticles"),
+            import("@tsparticles/plugin-responsive"),
+        ]);
         await loadFull(e);
         await loadResponsivePlugin(e);
     });

package/browser/marcbruederlin/Particles.js

@@ -1,6 +1,7 @@
 import { safeDocument, tsParticles, } from "@tsparticles/engine";
 const linksMinDistance = 120, moveMinSpeed = 0.5, particlesMinCount = 100, sizeMinValue = 3;
 export class MBParticles {
+    _container;
     static init(options) {
         const particles = new MBParticles(), selector = options.selector;
         if (!selector) {

package/cjs/VincentGarreau/particles.js

@@ -108,8 +108,7 @@ const defaultMinOpacity = 0, defaultMinSize = 0, speedFactor = 3, defaultPjsOpti
         },
     },
     retina_detect: false,
-};
-const initParticlesJS = (engine) => {
+}, initParticlesJS = (engine) => {
     const particlesJS = async (tagId, options) => {
         const fixedOptions = deepExtend({}, defaultPjsOptions, options);
         return await engine.load({
@@ -159,6 +158,13 @@ const initParticlesJS = (engine) => {
                     },
                 },
                 particles: {
+                    attract: {
+                        enable: fixedOptions.particles.move.attract.enable,
+                        rotate: {
+                            x: fixedOptions.particles.move.attract.rotateX,
+                            y: fixedOptions.particles.move.attract.rotateY,
+                        },
+                    },
                     collisions: {
                         enable: fixedOptions.particles.move.bounce,
                     },
@@ -235,13 +241,6 @@ const initParticlesJS = (engine) => {
                         random: fixedOptions.particles.move.random,
                         straight: fixedOptions.particles.move.straight,
                         outModes: fixedOptions.particles.move.out_mode,
-                        attract: {
-                            enable: fixedOptions.particles.move.attract.enable,
-                            rotate: {
-                                x: fixedOptions.particles.move.attract.rotateX,
-                                y: fixedOptions.particles.move.attract.rotateY,
-                            },
-                        },
                     },
                 },
                 resize: {
@@ -254,16 +253,14 @@ const initParticlesJS = (engine) => {
         engine
             .load({ id: tagId, url: pathConfigJson })
             .then(container => {
-            if (container) {
-                callback(container);
-            }
+            callback(container);
         })
             .catch(() => {
             callback(undefined);
         });
     };
     particlesJS.setOnClickHandler = (callback) => {
-        engine.setOnClickHandler?.(callback);
+        engine.pluginManager.setOnClickHandler?.(callback);
     };
     const pJSDom = engine.items;
     return { particlesJS, pJSDom };

package/cjs/bundle.js

@@ -1,3 +1,2 @@
-import { initPjs } from "./index.js";
 export * from "@tsparticles/engine";
-export { initPjs };
+export { initPjs } from "./index.js";

package/cjs/index.js

@@ -1,9 +1,12 @@
 import { MBParticles } from "./marcbruederlin/Particles.js";
 import { initParticlesJS } from "./VincentGarreau/particles.js";
 const initPjs = async (engine) => {
-    engine.checkVersion("4.0.0-alpha.8");
-    await engine.register(async (e) => {
-        const { loadFull } = await import("tsparticles"), { loadResponsivePlugin } = await import("@tsparticles/plugin-responsive");
+    engine.checkVersion("4.0.0-beta.1");
+    await engine.pluginManager.register(async (e) => {
+        const [{ loadFull }, { loadResponsivePlugin },] = await Promise.all([
+            import("tsparticles"),
+            import("@tsparticles/plugin-responsive"),
+        ]);
         await loadFull(e);
         await loadResponsivePlugin(e);
     });

package/cjs/marcbruederlin/Particles.js

@@ -1,6 +1,7 @@
 import { safeDocument, tsParticles, } from "@tsparticles/engine";
 const linksMinDistance = 120, moveMinSpeed = 0.5, particlesMinCount = 100, sizeMinValue = 3;
 export class MBParticles {
+    _container;
     static init(options) {
         const particles = new MBParticles(), selector = options.selector;
         if (!selector) {