[pull] main from tsparticles:main

.github/workflows/nodejs.yml

@@ -41,6 +41,8 @@ jobs:
 
       - name: Initialize Nx Cloud or fall back to local
         run: |
+          set +e
+
           if [ -z "$NX_CLOUD_ACCESS_TOKEN" ]; then
             echo "NX Cloud token missing — using local nx execution"
             echo "NX_NO_CLOUD=true" >> $GITHUB_ENV
@@ -49,17 +51,16 @@ jobs:
           fi
 
           echo "NX Cloud token present — attempting distributed execution"
-          npx nx-cloud --version || echo "nx-cloud --version not available"
 
           retries=0
           max_retries=3
           nx_cloud_started=false
 
-          until [ "$retries" -ge "$max_retries" ]; do
-            output=$(npx nx-cloud start-ci-run --distribute-on="5 linux-medium-js" 2>&1)
+          while [ "$retries" -lt "$max_retries" ]; do
+            output=$(npx --yes nx-cloud start-ci-run --distribute-on="5 linux-medium-js" 2>&1)
             exit_code=$?
 
-            if echo "$output" | grep -q "401\|sufficient access\|unauthorized\|Unauthorized"; then
+            if echo "$output" | grep -qiE "401|sufficient access|unauthorized"; then
               echo "NX Cloud auth failed (401) — falling back to local nx immediately"
               echo "NX_NO_CLOUD=true" >> $GITHUB_ENV
               echo "NX_CLOUD_STARTED=false" >> $GITHUB_ENV
@@ -71,7 +72,7 @@ jobs:
               break
             fi
 
-            echo "nx-cloud start failed (attempt $((retries + 1))/${max_retries}). Retrying in $((2 ** retries))s..."
+            echo "nx-cloud start failed (attempt $((retries + 1))/$max_retries). Retrying in $((2 ** retries))s..."
             sleep $((2 ** retries))
             retries=$((retries + 1))
           done
@@ -80,7 +81,7 @@ jobs:
             echo "NX_CLOUD_DISTRIBUTED_EXECUTION=true" >> $GITHUB_ENV
             echo "NX_CLOUD_STARTED=true" >> $GITHUB_ENV
           else
-            echo "nx-cloud start failed after ${max_retries} attempts — falling back to local nx"
+            echo "nx-cloud start failed after $max_retries attempts — falling back to local nx"
             echo "NX_NO_CLOUD=true" >> $GITHUB_ENV
             echo "NX_CLOUD_STARTED=false" >> $GITHUB_ENV
           fi

bundles/pjs/package.json

@@ -111,7 +111,6 @@
   },
   "devDependencies": {
     "@tsparticles/cli-build": "workspace:^",
-    "@tsparticles/cli-command-build": "workspace:^",
     "@tsparticles/plugin-interactivity": "workspace:*"
   },
   "publishConfig": {

cli/utils/browserslist-config/package.json

@@ -21,7 +21,7 @@
   },
   "devDependencies": {
     "browserslist": "^4.28.2",
-    "cpx2": "^8.0.2"
+    "cpx2": "^9.0.0"
   },
   "peerDependencies": {
     "browserslist": "^4"

cli/utils/depcruise-config/package.json

@@ -45,16 +45,16 @@
     "@stylistic/eslint-plugin": "^5.10.0",
     "@tsparticles/eslint-config": "workspace:^",
     "@tsparticles/prettier-config": "workspace:^",
-    "@types/node": "^25.8.0",
+    "@types/node": "^25.9.1",
     "dependency-cruiser": "^17.4.0",
     "eslint": "^10.4.0",
     "eslint-config-prettier": "^10.1.8",
-    "eslint-plugin-jsdoc": "^62.9.0",
+    "eslint-plugin-jsdoc": "^63.0.0",
     "eslint-plugin-tsdoc": "^0.5.2",
     "prettier": "^3.8.3",
     "prettier-plugin-multiline-arrays": "^4.1.8",
     "tsup": "^8.5.1",
     "typescript": "^6.0.3",
-    "typescript-eslint": "^8.59.3"
+    "typescript-eslint": "^8.59.4"
   }
 }

cli/utils/eslint-config/package.json

@@ -40,17 +40,17 @@
     "@stylistic/eslint-plugin": "^5.10.0",
     "@tsparticles/prettier-config": "workspace:^",
     "eslint-config-prettier": "^10.1.8",
-    "eslint-plugin-jsdoc": "^62.9.0",
+    "eslint-plugin-jsdoc": "^63.0.0",
     "eslint-plugin-prettier": "^5.5.5",
     "eslint-plugin-tsdoc": "^0.5.2",
     "jiti": "^2.7.0",
     "prettier": "^3.8.3",
     "prettier-plugin-multiline-arrays": "^4.1.8",
     "typescript": "^6.0.3",
-    "typescript-eslint": "^8.59.3"
+    "typescript-eslint": "^8.59.4"
   },
   "devDependencies": {
-    "@types/node": "^25.8.0",
+    "@types/node": "^25.9.1",
     "eslint": "^10.4.0"
   }
 }

cli/utils/prettier-config/package.json

@@ -30,7 +30,7 @@
     "prettier-plugin-multiline-arrays": "^4.1.8"
   },
   "devDependencies": {
-    "cpx2": "^8.0.2",
+    "cpx2": "^9.0.0",
     "prettier": "^3.8.3"
   }
 }

cli/utils/rollup-plugin/package.json

@@ -56,17 +56,17 @@
     "@tsparticles/prettier-config": "workspace:^",
     "eslint": "^10.4.0",
     "eslint-config-prettier": "^10.1.8",
-    "eslint-plugin-jsdoc": "^62.9.0",
+    "eslint-plugin-jsdoc": "^63.0.0",
     "eslint-plugin-tsdoc": "^0.5.2",
     "prettier": "^3.8.3",
     "prettier-plugin-multiline-arrays": "^4.1.8",
     "rollup-plugin-visualizer": "^7.0.1"
   },
   "devDependencies": {
     "@rollup/plugin-typescript": "^12.3.0",
-    "@types/node": "^25.8.0",
+    "@types/node": "^25.9.1",
     "rimraf": "^6.1.3",
     "typescript": "^6.0.3",
-    "typescript-eslint": "^8.59.3"
+    "typescript-eslint": "^8.59.4"
   }
 }

cli/utils/webpack-config/package.json

@@ -48,22 +48,22 @@
     "browserslist": "^4.28.2",
     "eslint": "^10.4.0",
     "eslint-config-prettier": "^10.1.8",
-    "eslint-plugin-jsdoc": "^62.9.0",
+    "eslint-plugin-jsdoc": "^63.0.0",
     "eslint-plugin-tsdoc": "^0.5.2",
     "prettier": "^3.8.3",
     "prettier-plugin-multiline-arrays": "^4.1.8",
     "swc-loader": "^0.2.7",
     "terser-webpack-plugin": "^5.6.0",
     "typescript": "^6.0.3",
-    "typescript-eslint": "^8.59.3",
+    "typescript-eslint": "^8.59.4",
     "webpack-bundle-analyzer": "^5.3.0",
     "webpack-cli": "^7.0.2"
   },
   "devDependencies": {
-    "@types/node": "^25.8.0",
+    "@types/node": "^25.9.1",
     "@types/webpack-bundle-analyzer": "^4.7.0",
     "@types/webpack-env": "^1.18.8",
     "rimraf": "^6.1.3",
-    "webpack": "^5.106.2"
+    "webpack": "^5.107.1"
   }
 }

demo/jquery/package.json

@@ -38,13 +38,13 @@
     "eslint-config-prettier": "^10.1.8",
     "express": "^4.18.2",
     "express-rate-limit": "^7.1.5",
-    "helmet": "^7.1.0",
+    "helmet": "^8.1.0",
     "jsoneditor": "^10.0.0",
     "lodash": "^4.17.21",
     "prettier": "^3.1.1",
     "pug": "^3.0.2",
     "stats.ts": "^1.1.0",
-    "stylus": "^0.62.0",
+    "stylus": "^0.64.0",
     "typescript": "^5.3.3"
   }
 }

demo/lit/package.json

@@ -29,7 +29,7 @@
   "dependencies": {
     "@tsparticles/engine": "workspace:^",
     "@tsparticles/lit": "workspace:^",
-    "lit": "^2.6.1",
+    "lit": "^3.3.3",
     "tsparticles": "workspace:^"
   },
   "devDependencies": {

demo/stencil/package.json

@@ -0,0 +1,26 @@
+{
+  "name": "@tsparticles/stencil-demo",
+  "version": "4.0.5",
+  "private": true,
+  "description": "Stencil demo for @tsparticles/stencil",
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/tsparticles/tsparticles.git",
+    "directory": "demo/stencil"
+  },
+  "scripts": {
+    "start": "stencil build --dev --watch --serve",
+    "build": "stencil build",
+    "build:ci": "stencil build"
+  },
+  "dependencies": {
+    "@tsparticles/configs": "workspace:^",
+    "@tsparticles/engine": "workspace:^",
+    "@tsparticles/slim": "workspace:^",
+    "@tsparticles/stencil": "workspace:^"
+  },
+  "devDependencies": {
+    "@stencil/core": "^4.43.4",
+    "typescript": "^6.0.3"
+  }
+}

demo/stencil/src/components.d.ts

@@ -0,0 +1,37 @@
+/* eslint-disable */
+/* tslint:disable */
+/**
+ * This is an autogenerated file created by the Stencil compiler.
+ * It contains typing information for all components that exist in this project.
+ */
+import { HTMLStencilElement, JSXBase } from "@stencil/core/internal";
+export namespace Components {
+    interface AppRoot {
+    }
+}
+declare global {
+    interface HTMLAppRootElement extends Components.AppRoot, HTMLStencilElement {
+    }
+    var HTMLAppRootElement: {
+        prototype: HTMLAppRootElement;
+        new (): HTMLAppRootElement;
+    };
+    interface HTMLElementTagNameMap {
+        "app-root": HTMLAppRootElement;
+    }
+}
+declare namespace LocalJSX {
+    interface AppRoot {
+    }
+    interface IntrinsicElements {
+        "app-root": AppRoot;
+    }
+}
+export { LocalJSX as JSX };
+declare module "@stencil/core" {
+    export namespace JSX {
+        interface IntrinsicElements {
+            "app-root": LocalJSX.IntrinsicElements["app-root"] & JSXBase.HTMLAttributes<HTMLAppRootElement>;
+        }
+    }
+}

demo/stencil/src/components/app-root/AppRoot.tsx

@@ -0,0 +1,131 @@
+import { Component, type JSX, State, h } from "@stencil/core";
+import type { ISourceOptions } from "@tsparticles/engine";
+import { defineCustomElements } from "@tsparticles/stencil/loader";
+import { loadSlim } from "@tsparticles/slim";
+
+@Component({
+  tag: "app-root",
+  styleUrl: "app-root.css",
+})
+export class AppRoot {
+  private static elementsDefined = false;
+  private readonly options: ISourceOptions = {
+    background: {
+      color: {
+        value: "#0f172a",
+      },
+    },
+    fullScreen: {
+      enable: false,
+      zIndex: 0,
+    },
+    fpsLimit: 120,
+    interactivity: {
+      events: {
+        onClick: {
+          enable: true,
+          mode: "push",
+        },
+        onHover: {
+          enable: true,
+          mode: "repulse",
+        },
+        resize: {
+          enable: true,
+        },
+      },
+      modes: {
+        push: {
+          quantity: 3,
+        },
+        repulse: {
+          distance: 140,
+          duration: 0.4,
+        },
+      },
+    },
+    particles: {
+      paint: {
+        color: {
+          value: "#fde68a",
+        },
+      },
+      links: {
+        color: "#f8fafc",
+        distance: 150,
+        enable: true,
+        opacity: 0.25,
+        width: 1,
+      },
+      move: {
+        direction: "none",
+        enable: true,
+        outModes: {
+          default: "bounce",
+        },
+        random: false,
+        speed: 2,
+        straight: false,
+      },
+      number: {
+        density: {
+          enable: true,
+          width: 900,
+          height: 900,
+        },
+        value: 80,
+      },
+      opacity: {
+        value: 0.5,
+      },
+      shape: {
+        type: "circle",
+      },
+      size: {
+        value: {
+          min: 1,
+          max: 4,
+        },
+      },
+    },
+    detectRetina: true,
+  };
+  @State() private engineReady = false;
+  @State() private initError?: string;
+
+  componentWillLoad(): void {
+    if (!AppRoot.elementsDefined) {
+      defineCustomElements();
+      AppRoot.elementsDefined = true;
+    }
+
+    this.engineReady = true;
+  }
+
+  render(): JSX.Element {
+    return (
+      <main>
+        <h1>tsParticles + Stencil</h1>
+        <p class="status">{this.engineReady ? "Engine ready" : "Initializing engine..."}</p>
+        {this.initError ? <p class="error">Init error: {this.initError}</p> : null}
+        {this.engineReady ? (
+          <stencil-particles
+            container-id="tsparticles"
+            options={this.options}
+            //url="/assets/default.json"
+            init={async engine => {
+              try {
+                await loadSlim(engine);
+              } catch (error: unknown) {
+                const message = error instanceof Error ? error.message : "Unknown initialization error";
+
+                this.initError = message;
+                console.error("[stencil-demo] component init failed", error);
+              }
+            }}
+          ></stencil-particles>
+        ) : null}
+      </main>
+    );
+  }
+}