[pull] main from tsparticles:main

.gemini/settings.json

@@ -0,0 +1,13 @@
+{
+    "mcpServers": {
+        "nx-mcp": {
+            "type": "stdio",
+            "command": "npx",
+            "args": [
+                "nx",
+                "mcp"
+            ]
+        }
+    },
+    "contextFileName": "AGENTS.md"
+}

.github/workflows/codeql-analysis.yml

@@ -36,11 +36,11 @@ jobs:
 
     steps:
     - name: Checkout repository
-      uses: actions/checkout@v4
+      uses: actions/checkout@v6
 
     # Initializes the CodeQL tools for scanning.
     - name: Initialize CodeQL
-      uses: github/codeql-action/init@v3
+      uses: github/codeql-action/init@v4
       with:
         languages: ${{ matrix.language }}
         # If you wish to specify custom queries, you can do so here or in a config file.
@@ -51,7 +51,7 @@ jobs:
     # Autobuild attempts to build any compiled languages  (C/C++, C#, or Java).
     # If this step fails, then you should remove it and run the build manually (see below)
     - name: Autobuild
-      uses: github/codeql-action/autobuild@v3
+      uses: github/codeql-action/autobuild@v4
 
     # ℹ️ Command-line programs to run using the OS shell.
     # 📚 https://git.io/JvXDl
@@ -65,4 +65,4 @@ jobs:
     #   make release
 
     - name: Perform CodeQL Analysis
-      uses: github/codeql-action/analyze@v3
+      uses: github/codeql-action/analyze@v4

.github/workflows/docs.yml

@@ -15,18 +15,18 @@ jobs:
     runs-on: ubuntu-latest
     if: ${{ github.event_name != 'pull_request' }}
     steps:
-      - uses: actions/checkout@v4
+      - uses: actions/checkout@v6
         name: Checkout [main]
         with:
           fetch-depth: 0
-      - uses: actions/setup-node@v4
+      - uses: actions/setup-node@v6
         with:
-          node-version: '22'
-      - uses: pnpm/action-setup@v4.1.0
+          node-version: '24'
+      - uses: pnpm/action-setup@v4.2.0
         name: Install pnpm
         id: pnpm-install
         with:
-          version: 8
+          version: 10
           run_install: false
       - name: Get pnpm version
         id: pnpm-version
@@ -38,7 +38,7 @@ jobs:
         run: |
           echo "::set-output name=pnpm_cache_dir::$(pnpm store path)"
 
-      - uses: actions/cache@v4
+      - uses: actions/cache@v5
         name: Setup pnpm cache
         with:
           path: ${{ steps.pnpm-cache.outputs.pnpm_cache_dir }}

.github/workflows/lock.yml

@@ -16,7 +16,7 @@ jobs:
   action:
     runs-on: ubuntu-latest
     steps:
-      - uses: dessant/lock-threads@v5
+      - uses: dessant/lock-threads@v6
         with:
           issue-inactive-days: '30'
           issue-lock-reason: 'resolved'

.github/workflows/nodejs.yml

@@ -25,16 +25,16 @@ jobs:
     runs-on: ubuntu-latest
     if: ${{ github.event_name != 'pull_request' }}
     steps:
-      - uses: actions/checkout@v4
+      - uses: actions/checkout@v6
         name: Checkout [main]
         with:
           fetch-depth: 0
       #- name: Derive appropriate SHAs for base and head for `nx affected` commands
       #  uses: nrwl/nx-set-shas@v3
-      - uses: actions/setup-node@v4
+      - uses: actions/setup-node@v6
         with:
-          node-version: '22'
-      - uses: pnpm/action-setup@v4.1.0
+          node-version: '24'
+      - uses: pnpm/action-setup@v4.2.0
         name: Install pnpm
         id: pnpm-install
         with:
@@ -49,7 +49,7 @@ jobs:
         run: |
           echo "::set-output name=pnpm_cache_dir::$(pnpm store path)"
 
-      - uses: actions/cache@v4
+      - uses: actions/cache@v5
         name: Setup pnpm cache
         with:
           path: ${{ steps.pnpm-cache.outputs.pnpm_cache_dir }}
@@ -80,17 +80,17 @@ jobs:
     runs-on: ubuntu-latest
     if: ${{ github.event_name == 'pull_request' }}
     steps:
-      - uses: actions/checkout@v4
+      - uses: actions/checkout@v6
         with:
           ref: ${{ github.event.pull_request.head.ref }}
           repository: ${{ github.event.pull_request.head.repo.full_name }}
           fetch-depth: 0
       #- name: Derive appropriate SHAs for base and head for `nx affected` commands
       #  uses: nrwl/nx-set-shas@v3
-      - uses: actions/setup-node@v4
+      - uses: actions/setup-node@v6
         with:
-          node-version: '22'
-      - uses: pnpm/action-setup@v4.1.0
+          node-version: '24'
+      - uses: pnpm/action-setup@v4.2.0
         name: Install pnpm
         id: pnpm-install
         with:
@@ -105,7 +105,7 @@ jobs:
         run: |
           echo "::set-output name=pnpm_cache_dir::$(pnpm store path)"
 
-      - uses: actions/cache@v4
+      - uses: actions/cache@v5
         name: Setup pnpm cache
         with:
           path: ${{ steps.pnpm-cache.outputs.pnpm_cache_dir }}

.github/workflows/stale.yml

@@ -10,7 +10,7 @@ jobs:
     runs-on: ubuntu-latest
 
     steps:
-    - uses: actions/stale@v9
+    - uses: actions/stale@v10
       with:
         repo-token: ${{ secrets.GITHUB_TOKEN }}
         stale-issue-message: 'Stale issue message'

.mcp.json

@@ -0,0 +1,12 @@
+{
+    "mcpServers": {
+        "nx-mcp": {
+            "type": "stdio",
+            "command": "npx",
+            "args": [
+                "nx",
+                "mcp"
+            ]
+        }
+    }
+}

AGENTS.md

@@ -0,0 +1,13 @@
+<!-- nx configuration start-->
+<!-- Leave the start & end comments to automatically receive updates. -->
+
+# General Guidelines for working with Nx
+
+- When running tasks (for example build, lint, test, e2e, etc.), always prefer running the task through `nx` (i.e. `nx run`, `nx run-many`, `nx affected`) instead of using the underlying tooling directly
+- You have access to the Nx MCP server and its tools, use them to help the user
+- When answering questions about the repository, use the `nx_workspace` tool first to gain an understanding of the workspace architecture where applicable.
+- When working in individual projects, use the `nx_project_details` mcp tool to analyze and understand the specific project structure and dependencies
+- For questions around nx configuration, best practices or if you're unsure, use the `nx_docs` tool to get relevant, up-to-date docs. Always use this instead of assuming things about nx configuration
+- If the user needs help with an Nx configuration or project graph error, use the `nx_workspace` tool to get any errors
+
+<!-- nx configuration end-->

CHANGELOG.md

@@ -3,6 +3,25 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+# [4.0.0-alpha.0](https://github.com/tsparticles/tsparticles/compare/v3.9.1...v4.0.0-alpha.0) (2026-01-07)
+
+### Bug Fixes
+
+- fix 5524 ([4459f09](https://github.com/tsparticles/tsparticles/commit/4459f09de1393d2f478612e3ff1089cb10f6e76a))
+- fixed issue [#5539](https://github.com/tsparticles/tsparticles/issues/5539), now shapes know when a fill function or a stroke function is needed ([cb616d3](https://github.com/tsparticles/tsparticles/commit/cb616d3d489ba65304d1f1b657d556807674567a))
+- fixed issue with groups and density calculation ([eb2e20a](https://github.com/tsparticles/tsparticles/commit/eb2e20a28ae1a87d02cfbcffd3454a11f73ef2c4))
+- fixed issue with the refactoring ([dd1fa73](https://github.com/tsparticles/tsparticles/commit/dd1fa7392ad3146f2ad9277da4dcf632ae0d8c6e))
+- fixed rotation movement when angle was 0 ([6d02bfb](https://github.com/tsparticles/tsparticles/commit/6d02bfb69b03c111d21af7d1727338ba46272829))
+
+### Features
+
+- added hdr feature full implementation, colors are now hdr ready ([aee509f](https://github.com/tsparticles/tsparticles/commit/aee509fec97eed1a84c6809f73ce6a42ad19da6a))
+- added hdr option, with fallback if not supported by the screen ([f42dc31](https://github.com/tsparticles/tsparticles/commit/f42dc31b8ba4e82eb04a465ebcf2bf77f041a5e0))
+- added new falling confetti to demo configs ([a43767b](https://github.com/tsparticles/tsparticles/commit/a43767b71f9a4213080f35d31fe70a8f0b420f52))
+- improved fireworks demo configs ([71473ec](https://github.com/tsparticles/tsparticles/commit/71473ecb48e454613d01598709dac303ae017ef9))
+- improved hdr management, improved also big particles config ([92af429](https://github.com/tsparticles/tsparticles/commit/92af429a2c18976267579cc732492dbb7cb3f67a))
+- using p3 (hdr) images in configs (except gifs) ([3989373](https://github.com/tsparticles/tsparticles/commit/39893734cb9fa86e0631a2516ec50e66a43012f6))
+
 ## [3.9.1](https://github.com/tsparticles/tsparticles/compare/v3.9.0...v3.9.1) (2025-08-03)
 
 **Note:** Version bump only for package @tsparticles/workspace

CLAUDE.md

@@ -0,0 +1,13 @@
+<!-- nx configuration start-->
+<!-- Leave the start & end comments to automatically receive updates. -->
+
+# General Guidelines for working with Nx
+
+- When running tasks (for example build, lint, test, e2e, etc.), always prefer running the task through `nx` (i.e. `nx run`, `nx run-many`, `nx affected`) instead of using the underlying tooling directly
+- You have access to the Nx MCP server and its tools, use them to help the user
+- When answering questions about the repository, use the `nx_workspace` tool first to gain an understanding of the workspace architecture where applicable.
+- When working in individual projects, use the `nx_project_details` mcp tool to analyze and understand the specific project structure and dependencies
+- For questions around nx configuration, best practices or if you're unsure, use the `nx_docs` tool to get relevant, up-to-date docs. Always use this instead of assuming things about nx configuration
+- If the user needs help with an Nx configuration or project graph error, use the `nx_workspace` tool to get any errors
+
+<!-- nx configuration end-->

bundles/all/CHANGELOG.md

@@ -3,6 +3,10 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+# [4.0.0-alpha.0](https://github.com/tsparticles/tsparticles/compare/v3.9.1...v4.0.0-alpha.0) (2026-01-07)
+
+**Note:** Version bump only for package @tsparticles/all
+
 ## [3.9.1](https://github.com/tsparticles/tsparticles/compare/v3.9.0...v3.9.1) (2025-08-03)
 
 **Note:** Version bump only for package @tsparticles/all

bundles/all/eslint.config.js

@@ -0,0 +1,6 @@
+import tsParticlesESLintConfig from "@tsparticles/eslint-config";
+import { defineConfig } from "eslint/config";
+
+export default defineConfig([
+    tsParticlesESLintConfig,
+]);

bundles/all/package.dist.json

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