[pull] main from tsparticles:main

.gitignore

@@ -278,6 +278,7 @@ FakesAssemblies/
 # Node.js Tools for Visual Studio
 .ntvs_analysis.dat
 node_modules/
+.puppeteerrc.json
 
 # Visual Studio 6 build log
 *.plg

.puppeteerrc.cjs

@@ -0,0 +1,6 @@
+module.exports = {
+  skipDownload: !!(
+    process.env.CI ||
+    process.env.npm_config_frozen_lockfile === "true"
+  ),
+};

CHANGELOG.md

@@ -3,6 +3,15 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+## [4.0.3](https://github.com/tsparticles/tsparticles/compare/v4.0.2...v4.0.3) (2026-05-18)
+
+### Bug Fixes
+
+- add plugin-blend to electron demo lockfile entry ([e6b3586](https://github.com/tsparticles/tsparticles/commit/e6b358673edad8eb21ee17acc6edba4eac132934))
+- fixed basic bundle deps, it was missing blend plugin that was in all by mistake ([83cdf89](https://github.com/tsparticles/tsparticles/commit/83cdf89bc031893d911a9fef26ccbdf9ba603469))
+- fixed peer dependencies, fixes [#5763](https://github.com/tsparticles/tsparticles/issues/5763) [Self-Healing CI Rerun] ([301a5c1](https://github.com/tsparticles/tsparticles/commit/301a5c196bc4923a876b08ece513b76d9085e533))
+- update pnpm lockfile for electron demo canvas-utils dep ([59696e8](https://github.com/tsparticles/tsparticles/commit/59696e84e2b806ec6a5cdce327b4ed3a873418d3))
+
 ## [4.0.2](https://github.com/tsparticles/tsparticles/compare/v4.0.1...v4.0.2) (2026-05-16)
 
 ### Bug Fixes

bundles/all/CHANGELOG.md

@@ -3,6 +3,12 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+## [4.0.3](https://github.com/tsparticles/tsparticles/compare/v4.0.2...v4.0.3) (2026-05-18)
+
+### Bug Fixes
+
+- fixed basic bundle deps, it was missing blend plugin that was in all by mistake ([83cdf89](https://github.com/tsparticles/tsparticles/commit/83cdf89bc031893d911a9fef26ccbdf9ba603469))
+
 ## [4.0.2](https://github.com/tsparticles/tsparticles/compare/v4.0.1...v4.0.2) (2026-05-16)
 
 **Note:** Version bump only for package @tsparticles/all

bundles/all/README.md

@@ -35,7 +35,6 @@
 - [@tsparticles/path-svg](https://github.com/tsparticles/tsparticles/tree/main/paths/svg)
 - [@tsparticles/path-zig-zag](https://github.com/tsparticles/tsparticles/tree/main/paths/zigzag)
 - [@tsparticles/plugin-background-mask](https://github.com/tsparticles/tsparticles/tree/main/plugins/backgroundMask)
-- [@tsparticles/plugin-blend](https://github.com/tsparticles/tsparticles/tree/main/plugins/blend)
 - [@tsparticles/plugin-canvas-mask](https://github.com/tsparticles/tsparticles/tree/main/plugins/canvasMask)
 - [@tsparticles/plugin-easing-back](https://github.com/tsparticles/tsparticles/tree/main/plugins/easings/back)
 - [@tsparticles/plugin-easing-bounce](https://github.com/tsparticles/tsparticles/tree/main/plugins/easings/bounce)
@@ -136,7 +135,6 @@ end
 
 subgraph p [Plugins]
   pbm[tsparticles/plugin-background-mask]
-  pbl[tsparticles/plugin-blend]
   pcm[tsparticles/plugin-canvas-mask]
   phsv[tsparticles/plugin-hsv-color]
   phwb[tsparticles/plugin-hwb-color]

bundles/all/package.dist.json

@@ -1,6 +1,6 @@
 {
   "name": "@tsparticles/all",
-  "version": "4.0.2",
+  "version": "4.0.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.",
   "homepage": "https://particles.js.org",
   "repository": {
@@ -105,84 +105,83 @@
     "./package.json": "./package.json"
   },
   "dependencies": {
-    "@tsparticles/effect-bubble": "4.0.2",
-    "@tsparticles/effect-filter": "4.0.2",
-    "@tsparticles/effect-particles": "4.0.2",
-    "@tsparticles/effect-shadow": "4.0.2",
-    "@tsparticles/effect-trail": "4.0.2",
-    "@tsparticles/engine": "4.0.2",
-    "@tsparticles/interaction-external-cannon": "4.0.2",
-    "@tsparticles/interaction-external-particle": "4.0.2",
-    "@tsparticles/interaction-external-pop": "4.0.2",
-    "@tsparticles/interaction-light": "4.0.2",
-    "@tsparticles/interaction-particles-repulse": "4.0.2",
-    "@tsparticles/path-branches": "4.0.2",
-    "@tsparticles/path-brownian": "4.0.2",
-    "@tsparticles/path-curl-noise": "4.0.2",
-    "@tsparticles/path-curves": "4.0.2",
-    "@tsparticles/path-fractal-noise": "4.0.2",
-    "@tsparticles/path-grid": "4.0.2",
-    "@tsparticles/path-levy": "4.0.2",
-    "@tsparticles/path-perlin-noise": "4.0.2",
-    "@tsparticles/path-polygon": "4.0.2",
-    "@tsparticles/path-random": "4.0.2",
-    "@tsparticles/path-simplex-noise": "4.0.2",
-    "@tsparticles/path-spiral": "4.0.2",
-    "@tsparticles/path-svg": "4.0.2",
-    "@tsparticles/path-zig-zag": "4.0.2",
-    "@tsparticles/plugin-background-mask": "4.0.2",
-    "@tsparticles/plugin-blend": "4.0.2",
-    "@tsparticles/plugin-canvas-mask": "4.0.2",
-    "@tsparticles/plugin-easing-back": "4.0.2",
-    "@tsparticles/plugin-easing-bounce": "4.0.2",
-    "@tsparticles/plugin-easing-circ": "4.0.2",
-    "@tsparticles/plugin-easing-cubic": "4.0.2",
-    "@tsparticles/plugin-easing-elastic": "4.0.2",
-    "@tsparticles/plugin-easing-expo": "4.0.2",
-    "@tsparticles/plugin-easing-gaussian": "4.0.2",
-    "@tsparticles/plugin-easing-linear": "4.0.2",
-    "@tsparticles/plugin-easing-quart": "4.0.2",
-    "@tsparticles/plugin-easing-quint": "4.0.2",
-    "@tsparticles/plugin-easing-sigmoid": "4.0.2",
-    "@tsparticles/plugin-easing-sine": "4.0.2",
-    "@tsparticles/plugin-easing-smoothstep": "4.0.2",
-    "@tsparticles/plugin-emitters-shape-canvas": "4.0.2",
-    "@tsparticles/plugin-emitters-shape-path": "4.0.2",
-    "@tsparticles/plugin-emitters-shape-polygon": "4.0.2",
-    "@tsparticles/plugin-export-image": "4.0.2",
-    "@tsparticles/plugin-export-json": "4.0.2",
-    "@tsparticles/plugin-export-video": "4.0.2",
-    "@tsparticles/plugin-hsv-color": "4.0.2",
-    "@tsparticles/plugin-hwb-color": "4.0.2",
-    "@tsparticles/plugin-infection": "4.0.2",
-    "@tsparticles/plugin-lab-color": "4.0.2",
-    "@tsparticles/plugin-lch-color": "4.0.2",
-    "@tsparticles/plugin-manual-particles": "4.0.2",
-    "@tsparticles/plugin-motion": "4.0.2",
-    "@tsparticles/plugin-named-color": "4.0.2",
-    "@tsparticles/plugin-oklab-color": "4.0.2",
-    "@tsparticles/plugin-oklch-color": "4.0.2",
-    "@tsparticles/plugin-poisson-disc": "4.0.2",
-    "@tsparticles/plugin-polygon-mask": "4.0.2",
-    "@tsparticles/plugin-responsive": "4.0.2",
-    "@tsparticles/plugin-sounds": "4.0.2",
-    "@tsparticles/plugin-themes": "4.0.2",
-    "@tsparticles/plugin-trail": "4.0.2",
-    "@tsparticles/plugin-zoom": "4.0.2",
-    "@tsparticles/shape-arrow": "4.0.2",
-    "@tsparticles/shape-cards": "4.0.2",
-    "@tsparticles/shape-cog": "4.0.2",
-    "@tsparticles/shape-heart": "4.0.2",
-    "@tsparticles/shape-infinity": "4.0.2",
-    "@tsparticles/shape-matrix": "4.0.2",
-    "@tsparticles/shape-path": "4.0.2",
-    "@tsparticles/shape-rounded-polygon": "4.0.2",
-    "@tsparticles/shape-rounded-rect": "4.0.2",
-    "@tsparticles/shape-spiral": "4.0.2",
-    "@tsparticles/shape-squircle": "4.0.2",
-    "@tsparticles/updater-gradient": "4.0.2",
-    "@tsparticles/updater-orbit": "4.0.2",
-    "tsparticles": "4.0.2"
+    "@tsparticles/effect-bubble": "4.0.3",
+    "@tsparticles/effect-filter": "4.0.3",
+    "@tsparticles/effect-particles": "4.0.3",
+    "@tsparticles/effect-shadow": "4.0.3",
+    "@tsparticles/effect-trail": "4.0.3",
+    "@tsparticles/engine": "4.0.3",
+    "@tsparticles/interaction-external-cannon": "4.0.3",
+    "@tsparticles/interaction-external-particle": "4.0.3",
+    "@tsparticles/interaction-external-pop": "4.0.3",
+    "@tsparticles/interaction-light": "4.0.3",
+    "@tsparticles/interaction-particles-repulse": "4.0.3",
+    "@tsparticles/path-branches": "4.0.3",
+    "@tsparticles/path-brownian": "4.0.3",
+    "@tsparticles/path-curl-noise": "4.0.3",
+    "@tsparticles/path-curves": "4.0.3",
+    "@tsparticles/path-fractal-noise": "4.0.3",
+    "@tsparticles/path-grid": "4.0.3",
+    "@tsparticles/path-levy": "4.0.3",
+    "@tsparticles/path-perlin-noise": "4.0.3",
+    "@tsparticles/path-polygon": "4.0.3",
+    "@tsparticles/path-random": "4.0.3",
+    "@tsparticles/path-simplex-noise": "4.0.3",
+    "@tsparticles/path-spiral": "4.0.3",
+    "@tsparticles/path-svg": "4.0.3",
+    "@tsparticles/path-zig-zag": "4.0.3",
+    "@tsparticles/plugin-background-mask": "4.0.3",
+    "@tsparticles/plugin-canvas-mask": "4.0.3",
+    "@tsparticles/plugin-easing-back": "4.0.3",
+    "@tsparticles/plugin-easing-bounce": "4.0.3",
+    "@tsparticles/plugin-easing-circ": "4.0.3",
+    "@tsparticles/plugin-easing-cubic": "4.0.3",
+    "@tsparticles/plugin-easing-elastic": "4.0.3",
+    "@tsparticles/plugin-easing-expo": "4.0.3",
+    "@tsparticles/plugin-easing-gaussian": "4.0.3",
+    "@tsparticles/plugin-easing-linear": "4.0.3",
+    "@tsparticles/plugin-easing-quart": "4.0.3",
+    "@tsparticles/plugin-easing-quint": "4.0.3",
+    "@tsparticles/plugin-easing-sigmoid": "4.0.3",
+    "@tsparticles/plugin-easing-sine": "4.0.3",
+    "@tsparticles/plugin-easing-smoothstep": "4.0.3",
+    "@tsparticles/plugin-emitters-shape-canvas": "4.0.3",
+    "@tsparticles/plugin-emitters-shape-path": "4.0.3",
+    "@tsparticles/plugin-emitters-shape-polygon": "4.0.3",
+    "@tsparticles/plugin-export-image": "4.0.3",
+    "@tsparticles/plugin-export-json": "4.0.3",
+    "@tsparticles/plugin-export-video": "4.0.3",
+    "@tsparticles/plugin-hsv-color": "4.0.3",
+    "@tsparticles/plugin-hwb-color": "4.0.3",
+    "@tsparticles/plugin-infection": "4.0.3",
+    "@tsparticles/plugin-lab-color": "4.0.3",
+    "@tsparticles/plugin-lch-color": "4.0.3",
+    "@tsparticles/plugin-manual-particles": "4.0.3",
+    "@tsparticles/plugin-motion": "4.0.3",
+    "@tsparticles/plugin-named-color": "4.0.3",
+    "@tsparticles/plugin-oklab-color": "4.0.3",
+    "@tsparticles/plugin-oklch-color": "4.0.3",
+    "@tsparticles/plugin-poisson-disc": "4.0.3",
+    "@tsparticles/plugin-polygon-mask": "4.0.3",
+    "@tsparticles/plugin-responsive": "4.0.3",
+    "@tsparticles/plugin-sounds": "4.0.3",
+    "@tsparticles/plugin-themes": "4.0.3",
+    "@tsparticles/plugin-trail": "4.0.3",
+    "@tsparticles/plugin-zoom": "4.0.3",
+    "@tsparticles/shape-arrow": "4.0.3",
+    "@tsparticles/shape-cards": "4.0.3",
+    "@tsparticles/shape-cog": "4.0.3",
+    "@tsparticles/shape-heart": "4.0.3",
+    "@tsparticles/shape-infinity": "4.0.3",
+    "@tsparticles/shape-matrix": "4.0.3",
+    "@tsparticles/shape-path": "4.0.3",
+    "@tsparticles/shape-rounded-polygon": "4.0.3",
+    "@tsparticles/shape-rounded-rect": "4.0.3",
+    "@tsparticles/shape-spiral": "4.0.3",
+    "@tsparticles/shape-squircle": "4.0.3",
+    "@tsparticles/updater-gradient": "4.0.3",
+    "@tsparticles/updater-orbit": "4.0.3",
+    "tsparticles": "4.0.3"
   },
   "publishConfig": {
     "access": "public"

bundles/all/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@tsparticles/all",
-  "version": "4.0.2",
+  "version": "4.0.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.",
   "homepage": "https://particles.js.org",
   "scripts": {
@@ -141,7 +141,6 @@
     "@tsparticles/path-svg": "workspace:*",
     "@tsparticles/path-zig-zag": "workspace:*",
     "@tsparticles/plugin-background-mask": "workspace:*",
-    "@tsparticles/plugin-blend": "workspace:*",
     "@tsparticles/plugin-canvas-mask": "workspace:*",
     "@tsparticles/plugin-easing-back": "workspace:*",
     "@tsparticles/plugin-easing-bounce": "workspace:*",

bundles/all/src/index.lazy.ts

@@ -40,7 +40,6 @@ export async function loadAll(engine: Engine): Promise<void> {
         { loadEasingSmoothstepPlugin },
 
         { loadBackgroundMaskPlugin },
-        { loadBlendPlugin },
         { loadCanvasMaskPlugin },
         { loadInfectionPlugin },
         { loadManualParticlesPlugin },
@@ -128,7 +127,6 @@ export async function loadAll(engine: Engine): Promise<void> {
         import("@tsparticles/plugin-easing-smoothstep/lazy"),
 
         import("@tsparticles/plugin-background-mask/lazy"),
-        import("@tsparticles/plugin-blend/lazy"),
         import("@tsparticles/plugin-canvas-mask/lazy"),
         import("@tsparticles/plugin-infection/lazy"),
         import("@tsparticles/plugin-manual-particles/lazy"),
@@ -250,7 +248,6 @@ export async function loadAll(engine: Engine): Promise<void> {
       loadEasingSmoothstepPlugin(e),
 
       loadBackgroundMaskPlugin(e),
-      loadBlendPlugin(e),
       loadCanvasMaskPlugin(e),
       loadManualParticlesPlugin(e),
       loadMotionPlugin(e),

bundles/all/src/index.ts

@@ -1,7 +1,6 @@
 import { type Engine } from "@tsparticles/engine";
 import { loadArrowShape } from "@tsparticles/shape-arrow";
 import { loadBackgroundMaskPlugin } from "@tsparticles/plugin-background-mask";
-import { loadBlendPlugin } from "@tsparticles/plugin-blend";
 import { loadBranchesPath } from "@tsparticles/path-branches";
 import { loadBrownianPath } from "@tsparticles/path-brownian";
 import { loadBubbleEffect } from "@tsparticles/effect-bubble";
@@ -150,7 +149,6 @@ export async function loadAll(engine: Engine): Promise<void> {
       loadEasingSmoothstepPlugin(e),
 
       loadBackgroundMaskPlugin(e),
-      loadBlendPlugin(e),
       loadCanvasMaskPlugin(e),
       loadManualParticlesPlugin(e),
       loadMotionPlugin(e),

bundles/basic/CHANGELOG.md

@@ -3,6 +3,12 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+## [4.0.3](https://github.com/tsparticles/tsparticles/compare/v4.0.2...v4.0.3) (2026-05-18)
+
+### Bug Fixes
+
+- fixed basic bundle deps, it was missing blend plugin that was in all by mistake ([83cdf89](https://github.com/tsparticles/tsparticles/commit/83cdf89bc031893d911a9fef26ccbdf9ba603469))
+
 ## [4.0.2](https://github.com/tsparticles/tsparticles/compare/v4.0.1...v4.0.2) (2026-05-16)
 
 **Note:** Version bump only for package @tsparticles/basic

bundles/basic/README.md

@@ -13,6 +13,7 @@
 - [@tsparticles/plugin-hex-color](https://github.com/tsparticles/tsparticles/tree/main/plugins/colors/hex)
 - [@tsparticles/plugin-hsl-color](https://github.com/tsparticles/tsparticles/tree/main/plugins/colors/hsl)
 - [@tsparticles/plugin-rgb-color](https://github.com/tsparticles/tsparticles/tree/main/plugins/colors/rgb)
+- [@tsparticles/plugin-blend](https://github.com/tsparticles/tsparticles/tree/main/plugins/blend)
 - [@tsparticles/shape-circle](https://github.com/tsparticles/tsparticles/tree/main/shapes/circle)
 - [@tsparticles/updater-paint](https://github.com/tsparticles/tsparticles/tree/main/updaters/paint)
 - [@tsparticles/updater-opacity](https://github.com/tsparticles/tsparticles/tree/main/updaters/opacity)
@@ -37,6 +38,7 @@ subgraph p [Plugins]
   ph[tsparticles/plugin-hex-color]
   phs[tsparticles/plugin-hsl-color]
   pr[tsparticles/plugin-rgb-color]
+  pbl[tsparticles/plugin-blend]
 end
 
 subgraph s [Shapes]

bundles/basic/package.dist.json

@@ -1,6 +1,6 @@
 {
   "name": "@tsparticles/basic",
-  "version": "4.0.2",
+  "version": "4.0.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.",
   "homepage": "https://particles.js.org",
   "repository": {
@@ -105,16 +105,17 @@
     "./package.json": "./package.json"
   },
   "dependencies": {
-    "@tsparticles/engine": "4.0.2",
-    "@tsparticles/plugin-hex-color": "4.0.2",
-    "@tsparticles/plugin-hsl-color": "4.0.2",
-    "@tsparticles/plugin-move": "4.0.2",
-    "@tsparticles/plugin-rgb-color": "4.0.2",
-    "@tsparticles/shape-circle": "4.0.2",
-    "@tsparticles/updater-opacity": "4.0.2",
-    "@tsparticles/updater-out-modes": "4.0.2",
-    "@tsparticles/updater-paint": "4.0.2",
-    "@tsparticles/updater-size": "4.0.2"
+    "@tsparticles/engine": "4.0.3",
+    "@tsparticles/plugin-blend": "4.0.3",
+    "@tsparticles/plugin-hex-color": "4.0.3",
+    "@tsparticles/plugin-hsl-color": "4.0.3",
+    "@tsparticles/plugin-move": "4.0.3",
+    "@tsparticles/plugin-rgb-color": "4.0.3",
+    "@tsparticles/shape-circle": "4.0.3",
+    "@tsparticles/updater-opacity": "4.0.3",
+    "@tsparticles/updater-out-modes": "4.0.3",
+    "@tsparticles/updater-paint": "4.0.3",
+    "@tsparticles/updater-size": "4.0.3"
   },
   "publishConfig": {
     "access": "public"

bundles/basic/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@tsparticles/basic",
-  "version": "4.0.2",
+  "version": "4.0.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.",
   "homepage": "https://particles.js.org",
   "scripts": {
@@ -116,6 +116,7 @@
   },
   "dependencies": {
     "@tsparticles/engine": "workspace:*",
+    "@tsparticles/plugin-blend": "workspace:*",
     "@tsparticles/plugin-hex-color": "workspace:*",
     "@tsparticles/plugin-hsl-color": "workspace:*",
     "@tsparticles/plugin-move": "workspace:*",

bundles/basic/src/index.lazy.ts

@@ -15,6 +15,7 @@ export async function loadBasic(engine: Engine): Promise<void> {
 
   await engine.pluginManager.register(async e => {
     const [
+      { loadBlendPlugin },
       { loadHexColorPlugin },
       { loadHslColorPlugin },
       { loadRgbColorPlugin },
@@ -27,6 +28,7 @@ export async function loadBasic(engine: Engine): Promise<void> {
       { loadPaintUpdater },
       { loadSizeUpdater },
     ] = await Promise.all([
+      import("@tsparticles/plugin-blend/lazy"),
       import("@tsparticles/plugin-hex-color/lazy"),
       import("@tsparticles/plugin-hsl-color/lazy"),
       import("@tsparticles/plugin-rgb-color/lazy"),
@@ -41,6 +43,7 @@ export async function loadBasic(engine: Engine): Promise<void> {
     ]);
 
     await Promise.all([
+      loadBlendPlugin(e),
       loadHexColorPlugin(e),
       loadHslColorPlugin(e),
       loadRgbColorPlugin(e),