@tsparticles/particles 4.1.3 → 4.2.1

package/browser/ParticlesInstance.js

@@ -1,7 +1,17 @@
+import { deleteParticlesInstance } from "./utils.js";
 export class ParticlesInstance {
     #container;
-    constructor(container) {
+    #id;
+    constructor(container, id) {
         this.#container = container;
+        this.#id = id;
+    }
+    get destroyed() {
+        return this.#container.destroyed;
+    }
+    destroy() {
+        this.#container.destroy();
+        deleteParticlesInstance(this.#id);
     }
     pause() {
         this.#container.pause();

package/browser/particles.js

@@ -6,7 +6,7 @@ import { loadParticlesCollisionsInteraction } from "@tsparticles/interaction-par
 import { loadParticlesLinksInteraction } from "@tsparticles/interaction-particles-links";
 let initPromise = null;
 async function doInitPlugins(engine) {
-    engine.checkVersion("4.1.3");
+    engine.checkVersion("4.2.1");
     await engine.pluginManager.register(async (e) => {
         const loadParticlesInteractivity = async (e) => {
             await loadInteractivityPlugin(e);
@@ -49,5 +49,5 @@ particles.create = async (canvas, options) => {
 particles.init = async () => {
     await initPlugins(tsParticles);
 };
-particles.version = "4.1.3";
+particles.version = "4.2.1";
 globalThis.particles = particles;

package/browser/particles.lazy.js

@@ -2,7 +2,7 @@ import { isString, tsParticles } from "@tsparticles/engine/lazy";
 import { getParticlesInstance } from "./utils.js";
 let initPromise = null;
 async function doInitPlugins(engine) {
-    engine.checkVersion("4.1.3");
+    engine.checkVersion("4.2.1");
     await engine.pluginManager.register(async (e) => {
         const [{ loadBasic }, { loadInteractivityPlugin }, { loadParticlesCollisionsInteraction }, { loadParticlesLinksInteraction },] = await Promise.all([
             import("@tsparticles/basic/lazy"),
@@ -50,5 +50,5 @@ particles.create = async (canvas, options) => {
 particles.init = async () => {
     await initPlugins(tsParticles);
 };
-particles.version = "4.1.3";
+particles.version = "4.2.1";
 globalThis.particles = particles;

package/browser/utils.js

@@ -1,4 +1,8 @@
-const instances = new Map(), defaultCount = 80, defaultLinksWidth = 100, defaultSpeed = 3, defaultOpacity = 1, defaultRadius = 3;
+const instances = new Map();
+export function deleteParticlesInstance(id) {
+    instances.delete(id);
+}
+const defaultCount = 80, defaultLinksWidth = 100, defaultSpeed = 3, defaultOpacity = 1, defaultRadius = 3;
 function getDefaultOptions(options, canvas) {
     return {
         fullScreen: {
@@ -41,7 +45,10 @@ export async function getParticlesInstance(engine, id, sourceOptions, canvas) {
         return existing;
     }
     if (existing) {
-        return existing;
+        if (!existing.destroyed) {
+            return existing;
+        }
+        instances.delete(id);
     }
     const create = async () => {
         const particlesOptions = getDefaultOptions(sourceOptions, canvas), container = await engine.load({ id, element: canvas, options: particlesOptions });
@@ -49,7 +56,7 @@ export async function getParticlesInstance(engine, id, sourceOptions, canvas) {
             instances.delete(id);
             return;
         }
-        const { ParticlesInstance } = await import("./ParticlesInstance.js"), instance = new ParticlesInstance(container);
+        const { ParticlesInstance } = await import("./ParticlesInstance.js"), instance = new ParticlesInstance(container, id);
         instances.set(id, instance);
         return instance;
     }, createPromise = create();

package/cjs/ParticlesInstance.js

@@ -1,7 +1,17 @@
+import { deleteParticlesInstance } from "./utils.js";
 export class ParticlesInstance {
     #container;
-    constructor(container) {
+    #id;
+    constructor(container, id) {
         this.#container = container;
+        this.#id = id;
+    }
+    get destroyed() {
+        return this.#container.destroyed;
+    }
+    destroy() {
+        this.#container.destroy();
+        deleteParticlesInstance(this.#id);
     }
     pause() {
         this.#container.pause();

package/cjs/particles.js

@@ -6,7 +6,7 @@ import { loadParticlesCollisionsInteraction } from "@tsparticles/interaction-par
 import { loadParticlesLinksInteraction } from "@tsparticles/interaction-particles-links";
 let initPromise = null;
 async function doInitPlugins(engine) {
-    engine.checkVersion("4.1.3");
+    engine.checkVersion("4.2.1");
     await engine.pluginManager.register(async (e) => {
         const loadParticlesInteractivity = async (e) => {
             await loadInteractivityPlugin(e);
@@ -49,5 +49,5 @@ particles.create = async (canvas, options) => {
 particles.init = async () => {
     await initPlugins(tsParticles);
 };
-particles.version = "4.1.3";
+particles.version = "4.2.1";
 globalThis.particles = particles;

package/cjs/particles.lazy.js

@@ -2,7 +2,7 @@ import { isString, tsParticles } from "@tsparticles/engine/lazy";
 import { getParticlesInstance } from "./utils.js";
 let initPromise = null;
 async function doInitPlugins(engine) {
-    engine.checkVersion("4.1.3");
+    engine.checkVersion("4.2.1");
     await engine.pluginManager.register(async (e) => {
         const [{ loadBasic }, { loadInteractivityPlugin }, { loadParticlesCollisionsInteraction }, { loadParticlesLinksInteraction },] = await Promise.all([
             import("@tsparticles/basic/lazy"),
@@ -50,5 +50,5 @@ particles.create = async (canvas, options) => {
 particles.init = async () => {
     await initPlugins(tsParticles);
 };
-particles.version = "4.1.3";
+particles.version = "4.2.1";
 globalThis.particles = particles;

package/cjs/utils.js

@@ -1,4 +1,8 @@
-const instances = new Map(), defaultCount = 80, defaultLinksWidth = 100, defaultSpeed = 3, defaultOpacity = 1, defaultRadius = 3;
+const instances = new Map();
+export function deleteParticlesInstance(id) {
+    instances.delete(id);
+}
+const defaultCount = 80, defaultLinksWidth = 100, defaultSpeed = 3, defaultOpacity = 1, defaultRadius = 3;
 function getDefaultOptions(options, canvas) {
     return {
         fullScreen: {
@@ -41,7 +45,10 @@ export async function getParticlesInstance(engine, id, sourceOptions, canvas) {
         return existing;
     }
     if (existing) {
-        return existing;
+        if (!existing.destroyed) {
+            return existing;
+        }
+        instances.delete(id);
     }
     const create = async () => {
         const particlesOptions = getDefaultOptions(sourceOptions, canvas), container = await engine.load({ id, element: canvas, options: particlesOptions });
@@ -49,7 +56,7 @@ export async function getParticlesInstance(engine, id, sourceOptions, canvas) {
             instances.delete(id);
             return;
         }
-        const { ParticlesInstance } = await import("./ParticlesInstance.js"), instance = new ParticlesInstance(container);
+        const { ParticlesInstance } = await import("./ParticlesInstance.js"), instance = new ParticlesInstance(container, id);
         instances.set(id, instance);
         return instance;
     }, createPromise = create();

package/esm/ParticlesInstance.js

@@ -1,7 +1,17 @@
+import { deleteParticlesInstance } from "./utils.js";
 export class ParticlesInstance {
     #container;
-    constructor(container) {
+    #id;
+    constructor(container, id) {
         this.#container = container;
+        this.#id = id;
+    }
+    get destroyed() {
+        return this.#container.destroyed;
+    }
+    destroy() {
+        this.#container.destroy();
+        deleteParticlesInstance(this.#id);
     }
     pause() {
         this.#container.pause();

package/esm/particles.js

@@ -6,7 +6,7 @@ import { loadParticlesCollisionsInteraction } from "@tsparticles/interaction-par
 import { loadParticlesLinksInteraction } from "@tsparticles/interaction-particles-links";
 let initPromise = null;
 async function doInitPlugins(engine) {
-    engine.checkVersion("4.1.3");
+    engine.checkVersion("4.2.1");
     await engine.pluginManager.register(async (e) => {
         const loadParticlesInteractivity = async (e) => {
             await loadInteractivityPlugin(e);
@@ -49,5 +49,5 @@ particles.create = async (canvas, options) => {
 particles.init = async () => {
     await initPlugins(tsParticles);
 };
-particles.version = "4.1.3";
+particles.version = "4.2.1";
 globalThis.particles = particles;

package/esm/particles.lazy.js

@@ -2,7 +2,7 @@ import { isString, tsParticles } from "@tsparticles/engine/lazy";
 import { getParticlesInstance } from "./utils.js";
 let initPromise = null;
 async function doInitPlugins(engine) {
-    engine.checkVersion("4.1.3");
+    engine.checkVersion("4.2.1");
     await engine.pluginManager.register(async (e) => {
         const [{ loadBasic }, { loadInteractivityPlugin }, { loadParticlesCollisionsInteraction }, { loadParticlesLinksInteraction },] = await Promise.all([
             import("@tsparticles/basic/lazy"),
@@ -50,5 +50,5 @@ particles.create = async (canvas, options) => {
 particles.init = async () => {
     await initPlugins(tsParticles);
 };
-particles.version = "4.1.3";
+particles.version = "4.2.1";
 globalThis.particles = particles;

package/esm/utils.js

@@ -1,4 +1,8 @@
-const instances = new Map(), defaultCount = 80, defaultLinksWidth = 100, defaultSpeed = 3, defaultOpacity = 1, defaultRadius = 3;
+const instances = new Map();
+export function deleteParticlesInstance(id) {
+    instances.delete(id);
+}
+const defaultCount = 80, defaultLinksWidth = 100, defaultSpeed = 3, defaultOpacity = 1, defaultRadius = 3;
 function getDefaultOptions(options, canvas) {
     return {
         fullScreen: {
@@ -41,7 +45,10 @@ export async function getParticlesInstance(engine, id, sourceOptions, canvas) {
         return existing;
     }
     if (existing) {
-        return existing;
+        if (!existing.destroyed) {
+            return existing;
+        }
+        instances.delete(id);
     }
     const create = async () => {
         const particlesOptions = getDefaultOptions(sourceOptions, canvas), container = await engine.load({ id, element: canvas, options: particlesOptions });
@@ -49,7 +56,7 @@ export async function getParticlesInstance(engine, id, sourceOptions, canvas) {
             instances.delete(id);
             return;
         }
-        const { ParticlesInstance } = await import("./ParticlesInstance.js"), instance = new ParticlesInstance(container);
+        const { ParticlesInstance } = await import("./ParticlesInstance.js"), instance = new ParticlesInstance(container, id);
         instances.set(id, instance);
         return instance;
     }, createPromise = create();

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@tsparticles/particles",
-  "version": "4.1.3",
-  "description": "Easily create highly customizable particle animations and use them as animated backgrounds for your website. Ready to use components available also for React, Vue.js (2.x and 3.x), Angular, Svelte, jQuery, Preact, Riot.js, Inferno.",
+  "version": "4.2.1",
+  "description": "Minimal tsParticles particles bundle — lightweight particle engine without confetti or fireworks extras. Perfect for pure particle backgrounds. Ready to use components available for React, Vue.js (2.x and 3.x), Angular, Svelte, jQuery, Preact, Riot.js, Inferno.",
   "homepage": "https://particles.js.org",
   "repository": {
     "type": "git",
@@ -9,8 +9,49 @@
     "directory": "bundles/particles"
   },
   "keywords": [
-    "particles",
+    "front-end",
+    "frontend",
     "tsparticles",
+    "particles.js",
+    "particlesjs",
+    "particles",
+    "particle",
+    "canvas",
+    "jsparticles",
+    "xparticles",
+    "particles-js",
+    "particles-bg",
+    "particles-bg-vue",
+    "particles-ts",
+    "particles.ts",
+    "react-particles-js",
+    "react-particles.js",
+    "react-particles",
+    "react",
+    "reactjs",
+    "vue-particles",
+    "ngx-particles",
+    "angular-particles",
+    "particleground",
+    "vue",
+    "vuejs",
+    "preact",
+    "preactjs",
+    "jquery",
+    "angularjs",
+    "angular",
+    "typescript",
+    "javascript",
+    "animation",
+    "web",
+    "html5",
+    "web-design",
+    "webdesign",
+    "css",
+    "html",
+    "css3",
+    "animated",
+    "background",
     "canvas"
   ],
   "author": "Matteo Bruni <matteo.bruni@me.com>",
@@ -40,11 +81,11 @@
     "./package.json": "./package.json"
   },
   "dependencies": {
-    "@tsparticles/basic": "4.1.3",
-    "@tsparticles/engine": "4.1.3",
-    "@tsparticles/interaction-particles-collisions": "4.1.3",
-    "@tsparticles/interaction-particles-links": "4.1.3",
-    "@tsparticles/plugin-interactivity": "4.1.3"
+    "@tsparticles/basic": "4.2.1",
+    "@tsparticles/engine": "4.2.1",
+    "@tsparticles/interaction-particles-collisions": "4.2.1",
+    "@tsparticles/interaction-particles-links": "4.2.1",
+    "@tsparticles/plugin-interactivity": "4.2.1"
   },
   "publishConfig": {
     "access": "public"