[pull] main from tsparticles:main

CHANGELOG.md

@@ -3,6 +3,16 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+# [3.7.0](https://github.com/tsparticles/tsparticles/compare/v3.6.0...v3.7.0) (2024-11-24)
+
+### Bug Fixes
+
+-   fixed issue in Firefox that caused the canvas to expand each frame ([628a05d](https://github.com/tsparticles/tsparticles/commit/628a05d59786240e5f9a796262847b6f8a27681e))
+
+### Features
+
+-   added new named color plugin, and hex color in the engine ([c4db774](https://github.com/tsparticles/tsparticles/commit/c4db7745f54fe808e20af2bdf4c0469c1aa40755))
+
 # [3.6.0](https://github.com/tsparticles/tsparticles/compare/v3.6.0-beta.1...v3.6.0) (2024-11-18)
 
 ### 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.
 
+# [3.7.0](https://github.com/tsparticles/tsparticles/compare/v3.6.0...v3.7.0) (2024-11-24)
+
+### Features
+
+-   added new named color plugin, and hex color in the engine ([c4db774](https://github.com/tsparticles/tsparticles/commit/c4db7745f54fe808e20af2bdf4c0469c1aa40755))
+
 # [3.6.0](https://github.com/tsparticles/tsparticles/compare/v3.6.0-beta.1...v3.6.0) (2024-11-18)
 
 ### Bug Fixes

bundles/all/README.md

@@ -32,6 +32,7 @@
 - [@tsparticles/plugin-hsv-color](https://github.com/tsparticles/tsparticles/tree/main/plugins/hsvColor)
 - [@tsparticles/plugin-infection](https://github.com/tsparticles/tsparticles/tree/main/plugins/infection)
 - [@tsparticles/plugin-motion](https://github.com/tsparticles/tsparticles/tree/main/plugins/motion)
+- [@tsparticles/plugin-named-color](https://github.com/tsparticles/tsparticles/tree/main/plugins/namedColor)
 - [@tsparticles/plugin-polygon-mask](https://github.com/tsparticles/tsparticles/tree/main/plugins/polygonMask)
 - [@tsparticles/plugin-sounds](https://github.com/tsparticles/tsparticles/tree/main/plugins/sounds)
 - [@tsparticles/shape-arrow](https://github.com/tsparticles/tsparticles/tree/main/shapes/arrow)

bundles/all/package.dist.json

@@ -1,6 +1,6 @@
 {
   "name": "@tsparticles/all",
-  "version": "3.6.0",
+  "version": "3.7.0",
   "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": {
@@ -99,55 +99,56 @@
     "./package.json": "./package.json"
   },
   "dependencies": {
-    "@tsparticles/effect-bubble": "^3.6.0",
-    "@tsparticles/effect-trail": "^3.6.0",
-    "@tsparticles/engine": "^3.6.0",
-    "@tsparticles/interaction-external-particle": "^3.6.0",
-    "@tsparticles/interaction-external-pop": "^3.6.0",
-    "@tsparticles/interaction-light": "^3.6.0",
-    "@tsparticles/interaction-particles-repulse": "^3.6.0",
-    "@tsparticles/path-curl-noise": "^3.6.0",
-    "@tsparticles/path-curves": "^3.6.0",
-    "@tsparticles/path-perlin-noise": "^3.6.0",
-    "@tsparticles/path-polygon": "^3.6.0",
-    "@tsparticles/path-simplex-noise": "^3.6.0",
-    "@tsparticles/path-svg": "^3.6.0",
-    "@tsparticles/path-zig-zag": "^3.6.0",
-    "@tsparticles/pjs": "^3.6.0",
-    "@tsparticles/plugin-canvas-mask": "^3.6.0",
-    "@tsparticles/plugin-easing-back": "^3.6.0",
-    "@tsparticles/plugin-easing-circ": "^3.6.0",
-    "@tsparticles/plugin-easing-cubic": "^3.6.0",
-    "@tsparticles/plugin-easing-expo": "^3.6.0",
-    "@tsparticles/plugin-easing-linear": "^3.6.0",
-    "@tsparticles/plugin-easing-quart": "^3.6.0",
-    "@tsparticles/plugin-easing-quint": "^3.6.0",
-    "@tsparticles/plugin-easing-sine": "^3.6.0",
-    "@tsparticles/plugin-emitters-shape-canvas": "^3.6.0",
-    "@tsparticles/plugin-emitters-shape-path": "^3.6.0",
-    "@tsparticles/plugin-emitters-shape-polygon": "^3.6.0",
-    "@tsparticles/plugin-export-image": "^3.6.0",
-    "@tsparticles/plugin-export-json": "^3.6.0",
-    "@tsparticles/plugin-export-video": "^3.6.0",
-    "@tsparticles/plugin-hsv-color": "^3.6.0",
-    "@tsparticles/plugin-infection": "^3.6.0",
-    "@tsparticles/plugin-motion": "^3.6.0",
-    "@tsparticles/plugin-oklch-color": "^3.6.0",
-    "@tsparticles/plugin-poisson-disc": "^3.6.0",
-    "@tsparticles/plugin-polygon-mask": "^3.6.0",
-    "@tsparticles/plugin-sounds": "^3.6.0",
-    "@tsparticles/shape-arrow": "^3.6.0",
-    "@tsparticles/shape-cards": "^3.6.0",
-    "@tsparticles/shape-cog": "^3.6.0",
-    "@tsparticles/shape-heart": "^3.6.0",
-    "@tsparticles/shape-infinity": "^3.6.0",
-    "@tsparticles/shape-path": "^3.6.0",
-    "@tsparticles/shape-rounded-polygon": "^3.6.0",
-    "@tsparticles/shape-rounded-rect": "^3.6.0",
-    "@tsparticles/shape-spiral": "^3.6.0",
-    "@tsparticles/updater-gradient": "^3.6.0",
-    "@tsparticles/updater-orbit": "^3.6.0",
-    "tsparticles": "^3.6.0"
+    "@tsparticles/effect-bubble": "3.7.0",
+    "@tsparticles/effect-trail": "3.7.0",
+    "@tsparticles/engine": "3.7.0",
+    "@tsparticles/interaction-external-particle": "3.7.0",
+    "@tsparticles/interaction-external-pop": "3.7.0",
+    "@tsparticles/interaction-light": "3.7.0",
+    "@tsparticles/interaction-particles-repulse": "3.7.0",
+    "@tsparticles/path-curl-noise": "3.7.0",
+    "@tsparticles/path-curves": "3.7.0",
+    "@tsparticles/path-perlin-noise": "3.7.0",
+    "@tsparticles/path-polygon": "3.7.0",
+    "@tsparticles/path-simplex-noise": "3.7.0",
+    "@tsparticles/path-svg": "3.7.0",
+    "@tsparticles/path-zig-zag": "3.7.0",
+    "@tsparticles/pjs": "3.7.0",
+    "@tsparticles/plugin-canvas-mask": "3.7.0",
+    "@tsparticles/plugin-easing-back": "3.7.0",
+    "@tsparticles/plugin-easing-circ": "3.7.0",
+    "@tsparticles/plugin-easing-cubic": "3.7.0",
+    "@tsparticles/plugin-easing-expo": "3.7.0",
+    "@tsparticles/plugin-easing-linear": "3.7.0",
+    "@tsparticles/plugin-easing-quart": "3.7.0",
+    "@tsparticles/plugin-easing-quint": "3.7.0",
+    "@tsparticles/plugin-easing-sine": "3.7.0",
+    "@tsparticles/plugin-emitters-shape-canvas": "3.7.0",
+    "@tsparticles/plugin-emitters-shape-path": "3.7.0",
+    "@tsparticles/plugin-emitters-shape-polygon": "3.7.0",
+    "@tsparticles/plugin-export-image": "3.7.0",
+    "@tsparticles/plugin-export-json": "3.7.0",
+    "@tsparticles/plugin-export-video": "3.7.0",
+    "@tsparticles/plugin-hsv-color": "3.7.0",
+    "@tsparticles/plugin-infection": "3.7.0",
+    "@tsparticles/plugin-motion": "3.7.0",
+    "@tsparticles/plugin-named-color": "3.7.0",
+    "@tsparticles/plugin-oklch-color": "3.7.0",
+    "@tsparticles/plugin-poisson-disc": "3.7.0",
+    "@tsparticles/plugin-polygon-mask": "3.7.0",
+    "@tsparticles/plugin-sounds": "3.7.0",
+    "@tsparticles/shape-arrow": "3.7.0",
+    "@tsparticles/shape-cards": "3.7.0",
+    "@tsparticles/shape-cog": "3.7.0",
+    "@tsparticles/shape-heart": "3.7.0",
+    "@tsparticles/shape-infinity": "3.7.0",
+    "@tsparticles/shape-path": "3.7.0",
+    "@tsparticles/shape-rounded-polygon": "3.7.0",
+    "@tsparticles/shape-rounded-rect": "3.7.0",
+    "@tsparticles/shape-spiral": "3.7.0",
+    "@tsparticles/updater-gradient": "3.7.0",
+    "@tsparticles/updater-orbit": "3.7.0",
+    "tsparticles": "3.7.0"
   },
   "publishConfig": {
     "access": "public"

bundles/all/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@tsparticles/all",
-    "version": "3.6.0",
+    "version": "3.7.0",
     "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": {
@@ -107,55 +107,56 @@
         "./package.json": "./dist/package.json"
     },
     "dependencies": {
-        "@tsparticles/effect-bubble": "workspace:^3.6.0",
-        "@tsparticles/effect-trail": "workspace:^3.6.0",
-        "@tsparticles/engine": "workspace:^3.6.0",
-        "@tsparticles/interaction-external-particle": "workspace:^3.6.0",
-        "@tsparticles/interaction-external-pop": "workspace:^3.6.0",
-        "@tsparticles/interaction-light": "workspace:^3.6.0",
-        "@tsparticles/interaction-particles-repulse": "workspace:^3.6.0",
-        "@tsparticles/path-curl-noise": "workspace:^3.6.0",
-        "@tsparticles/path-curves": "workspace:^3.6.0",
-        "@tsparticles/path-perlin-noise": "workspace:^3.6.0",
-        "@tsparticles/path-polygon": "workspace:^3.6.0",
-        "@tsparticles/path-simplex-noise": "workspace:^3.6.0",
-        "@tsparticles/path-svg": "workspace:^3.6.0",
-        "@tsparticles/path-zig-zag": "workspace:^3.6.0",
-        "@tsparticles/pjs": "workspace:^3.6.0",
-        "@tsparticles/plugin-canvas-mask": "workspace:^3.6.0",
-        "@tsparticles/plugin-easing-back": "workspace:^3.6.0",
-        "@tsparticles/plugin-easing-circ": "workspace:^3.6.0",
-        "@tsparticles/plugin-easing-cubic": "workspace:^3.6.0",
-        "@tsparticles/plugin-easing-expo": "workspace:^3.6.0",
-        "@tsparticles/plugin-easing-linear": "workspace:^3.6.0",
-        "@tsparticles/plugin-easing-quart": "workspace:^3.6.0",
-        "@tsparticles/plugin-easing-quint": "workspace:^3.6.0",
-        "@tsparticles/plugin-easing-sine": "workspace:^3.6.0",
-        "@tsparticles/plugin-emitters-shape-canvas": "workspace:^3.6.0",
-        "@tsparticles/plugin-emitters-shape-path": "workspace:^3.6.0",
-        "@tsparticles/plugin-emitters-shape-polygon": "workspace:^3.6.0",
-        "@tsparticles/plugin-export-image": "workspace:^3.6.0",
-        "@tsparticles/plugin-export-json": "workspace:^3.6.0",
-        "@tsparticles/plugin-export-video": "workspace:^3.6.0",
-        "@tsparticles/plugin-hsv-color": "workspace:^3.6.0",
-        "@tsparticles/plugin-infection": "workspace:^3.6.0",
-        "@tsparticles/plugin-motion": "workspace:^3.6.0",
-        "@tsparticles/plugin-oklch-color": "workspace:^3.6.0",
-        "@tsparticles/plugin-poisson-disc": "workspace:^3.6.0",
-        "@tsparticles/plugin-polygon-mask": "workspace:^3.6.0",
-        "@tsparticles/plugin-sounds": "workspace:^3.6.0",
-        "@tsparticles/shape-arrow": "workspace:^3.6.0",
-        "@tsparticles/shape-cards": "workspace:^3.6.0",
-        "@tsparticles/shape-cog": "workspace:^3.6.0",
-        "@tsparticles/shape-heart": "workspace:^3.6.0",
-        "@tsparticles/shape-infinity": "workspace:^3.6.0",
-        "@tsparticles/shape-path": "workspace:^3.6.0",
-        "@tsparticles/shape-rounded-polygon": "workspace:^3.6.0",
-        "@tsparticles/shape-rounded-rect": "workspace:^3.6.0",
-        "@tsparticles/shape-spiral": "workspace:^3.6.0",
-        "@tsparticles/updater-gradient": "workspace:^3.6.0",
-        "@tsparticles/updater-orbit": "workspace:^3.6.0",
-        "tsparticles": "workspace:^3.6.0"
+        "@tsparticles/effect-bubble": "workspace:3.7.0",
+        "@tsparticles/effect-trail": "workspace:3.7.0",
+        "@tsparticles/engine": "workspace:3.7.0",
+        "@tsparticles/interaction-external-particle": "workspace:3.7.0",
+        "@tsparticles/interaction-external-pop": "workspace:3.7.0",
+        "@tsparticles/interaction-light": "workspace:3.7.0",
+        "@tsparticles/interaction-particles-repulse": "workspace:3.7.0",
+        "@tsparticles/path-curl-noise": "workspace:3.7.0",
+        "@tsparticles/path-curves": "workspace:3.7.0",
+        "@tsparticles/path-perlin-noise": "workspace:3.7.0",
+        "@tsparticles/path-polygon": "workspace:3.7.0",
+        "@tsparticles/path-simplex-noise": "workspace:3.7.0",
+        "@tsparticles/path-svg": "workspace:3.7.0",
+        "@tsparticles/path-zig-zag": "workspace:3.7.0",
+        "@tsparticles/pjs": "workspace:3.7.0",
+        "@tsparticles/plugin-canvas-mask": "workspace:3.7.0",
+        "@tsparticles/plugin-easing-back": "workspace:3.7.0",
+        "@tsparticles/plugin-easing-circ": "workspace:3.7.0",
+        "@tsparticles/plugin-easing-cubic": "workspace:3.7.0",
+        "@tsparticles/plugin-easing-expo": "workspace:3.7.0",
+        "@tsparticles/plugin-easing-linear": "workspace:3.7.0",
+        "@tsparticles/plugin-easing-quart": "workspace:3.7.0",
+        "@tsparticles/plugin-easing-quint": "workspace:3.7.0",
+        "@tsparticles/plugin-easing-sine": "workspace:3.7.0",
+        "@tsparticles/plugin-emitters-shape-canvas": "workspace:3.7.0",
+        "@tsparticles/plugin-emitters-shape-path": "workspace:3.7.0",
+        "@tsparticles/plugin-emitters-shape-polygon": "workspace:3.7.0",
+        "@tsparticles/plugin-export-image": "workspace:3.7.0",
+        "@tsparticles/plugin-export-json": "workspace:3.7.0",
+        "@tsparticles/plugin-export-video": "workspace:3.7.0",
+        "@tsparticles/plugin-hsv-color": "workspace:3.7.0",
+        "@tsparticles/plugin-infection": "workspace:3.7.0",
+        "@tsparticles/plugin-motion": "workspace:3.7.0",
+        "@tsparticles/plugin-named-color": "workspace:3.7.0",
+        "@tsparticles/plugin-oklch-color": "workspace:3.7.0",
+        "@tsparticles/plugin-poisson-disc": "workspace:3.7.0",
+        "@tsparticles/plugin-polygon-mask": "workspace:3.7.0",
+        "@tsparticles/plugin-sounds": "workspace:3.7.0",
+        "@tsparticles/shape-arrow": "workspace:3.7.0",
+        "@tsparticles/shape-cards": "workspace:3.7.0",
+        "@tsparticles/shape-cog": "workspace:3.7.0",
+        "@tsparticles/shape-heart": "workspace:3.7.0",
+        "@tsparticles/shape-infinity": "workspace:3.7.0",
+        "@tsparticles/shape-path": "workspace:3.7.0",
+        "@tsparticles/shape-rounded-polygon": "workspace:3.7.0",
+        "@tsparticles/shape-rounded-rect": "workspace:3.7.0",
+        "@tsparticles/shape-spiral": "workspace:3.7.0",
+        "@tsparticles/updater-gradient": "workspace:3.7.0",
+        "@tsparticles/updater-orbit": "workspace:3.7.0",
+        "tsparticles": "workspace:3.7.0"
     },
     "publishConfig": {
         "access": "public",

bundles/all/src/index.ts

@@ -1,4 +1,4 @@
-import type { Engine } from "@tsparticles/engine";
+import { type Engine, assertValidVersion } from "@tsparticles/engine";
 import { initPjs } from "@tsparticles/pjs";
 import { loadArrowShape } from "@tsparticles/shape-arrow";
 import { loadBubbleEffect } from "@tsparticles/effect-bubble";
@@ -31,6 +31,7 @@ import { loadInfectionPlugin } from "@tsparticles/plugin-infection";
 import { loadInfinityShape } from "@tsparticles/shape-infinity";
 import { loadLightInteraction } from "@tsparticles/interaction-light";
 import { loadMotionPlugin } from "@tsparticles/plugin-motion";
+import { loadNamedColorPlugin } from "@tsparticles/plugin-named-color";
 import { loadOklchColorPlugin } from "@tsparticles/plugin-oklch-color";
 import { loadOrbitUpdater } from "@tsparticles/updater-orbit";
 import { loadParticlesRepulseInteraction } from "@tsparticles/interaction-particles-repulse";
@@ -48,6 +49,8 @@ import { loadSpiralShape } from "@tsparticles/shape-spiral";
 import { loadTrailEffect } from "@tsparticles/effect-trail";
 import { loadZigZagPath } from "@tsparticles/path-zig-zag";
 
+declare const __VERSION__: string;
+
 /**
  * Loads the slime bundle with all plugins needed for running the tsParticles All package.
  * This function must be called to make tsParticles All work.
@@ -58,20 +61,23 @@ import { loadZigZagPath } from "@tsparticles/path-zig-zag";
  * @param refresh -
  */
 export async function loadAll(engine: Engine, refresh = true): Promise<void> {
+    assertValidVersion(engine, __VERSION__);
+
     initPjs(engine);
 
     await loadFull(engine, false);
 
-    await loadHsvColorPlugin();
-    await loadOklchColorPlugin();
-    await loadEasingBackPlugin();
-    await loadEasingCircPlugin();
-    await loadEasingCubicPlugin();
-    await loadEasingExpoPlugin();
-    await loadEasingLinearPlugin();
-    await loadEasingQuartPlugin();
-    await loadEasingQuintPlugin();
-    await loadEasingSinePlugin();
+    await loadHsvColorPlugin(engine, false);
+    await loadNamedColorPlugin(engine, false);
+    await loadOklchColorPlugin(engine, false);
+    await loadEasingBackPlugin(engine, false);
+    await loadEasingCircPlugin(engine, false);
+    await loadEasingCubicPlugin(engine, false);
+    await loadEasingExpoPlugin(engine, false);
+    await loadEasingLinearPlugin(engine, false);
+    await loadEasingQuartPlugin(engine, false);
+    await loadEasingQuintPlugin(engine, false);
+    await loadEasingSinePlugin(engine, false);
 
     await loadEmittersShapeCanvas(engine, false);
     await loadEmittersShapePath(engine, false);

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.
 
+# [3.7.0](https://github.com/tsparticles/tsparticles/compare/v3.6.0...v3.7.0) (2024-11-24)
+
+### Features
+
+-   added new named color plugin, and hex color in the engine ([c4db774](https://github.com/tsparticles/tsparticles/commit/c4db7745f54fe808e20af2bdf4c0469c1aa40755))
+
 # [3.6.0](https://github.com/tsparticles/tsparticles/compare/v3.6.0-beta.1...v3.6.0) (2024-11-18)
 
 ### Bug Fixes

bundles/basic/README.md

@@ -10,6 +10,9 @@
 
 - [@tsparticles/engine](https://github.com/tsparticles/tsparticles/tree/main/engine)
 - [@tsparticles/move-base](https://github.com/tsparticles/tsparticles/tree/main/move/base)
+- [@tsparticles/plugin-hex-color](https://github.com/tsparticles/tsparticles/tree/main/plugins/colors/hexColor)
+- [@tsparticles/plugin-hsl-color](https://github.com/tsparticles/tsparticles/tree/main/plugins/colors/hslColor)
+- [@tsparticles/plugin-rgb-color](https://github.com/tsparticles/tsparticles/tree/main/plugins/colors/rgbColor)
 - [@tsparticles/shape-circle](https://github.com/tsparticles/tsparticles/tree/main/shapes/circle)
 - [@tsparticles/updater-color](https://github.com/tsparticles/tsparticles/tree/main/updaters/color)
 - [@tsparticles/updater-opacity](https://github.com/tsparticles/tsparticles/tree/main/updaters/opacity)

bundles/basic/package.dist.json

@@ -1,6 +1,6 @@
 {
   "name": "@tsparticles/basic",
-  "version": "3.6.0",
+  "version": "3.7.0",
   "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": {
@@ -99,13 +99,16 @@
     "./package.json": "./package.json"
   },
   "dependencies": {
-    "@tsparticles/engine": "^3.6.0",
-    "@tsparticles/move-base": "^3.6.0",
-    "@tsparticles/shape-circle": "^3.6.0",
-    "@tsparticles/updater-color": "^3.6.0",
-    "@tsparticles/updater-opacity": "^3.6.0",
-    "@tsparticles/updater-out-modes": "^3.6.0",
-    "@tsparticles/updater-size": "^3.6.0"
+    "@tsparticles/engine": "3.7.0",
+    "@tsparticles/move-base": "3.7.0",
+    "@tsparticles/plugin-hex-color": "3.7.0",
+    "@tsparticles/plugin-hsl-color": "3.7.0",
+    "@tsparticles/plugin-rgb-color": "3.7.0",
+    "@tsparticles/shape-circle": "3.7.0",
+    "@tsparticles/updater-color": "3.7.0",
+    "@tsparticles/updater-opacity": "3.7.0",
+    "@tsparticles/updater-out-modes": "3.7.0",
+    "@tsparticles/updater-size": "3.7.0"
   },
   "publishConfig": {
     "access": "public"