tsparticles · matteobruni · Dec 26, 2023 · Jan 3, 2023 · Jan 5, 2023 · Jan 5, 2023
diff --git a/CHANGELOG.md b/CHANGELOG.md
@@ -0,0 +1,12 @@
+# Change Log
+
+All notable changes to this project will be documented in this file.
+See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
+
+# 3.0.0 (2023-12-26)
+
+
+### Features
+
+* completed transition to v3 ([a6af1b6](https://github.com/tsparticles/jquery/commit/a6af1b64e72361ba3ed349ff2d218656c247e9de))
+* migrated to v3 ([d6f1e64](https://github.com/tsparticles/jquery/commit/d6f1e6481c02b9ad835fd5b9b85ae1570ee89bac))
diff --git a/README.md b/README.md
@@ -1,8 +1,8 @@
 [![banner](https://particles.js.org/images/banner3.png)](https://particles.js.org)
 
-# jquery-particles
+# @tsparticles/jquery
 
-[![npm](https://img.shields.io/npm/v/jquery-particles)](https://www.npmjs.com/package/jquery-particles) [![npm](https://img.shields.io/npm/dm/jquery-particles)](https://www.npmjs.com/package/jquery-particles) [![GitHub Sponsors](https://img.shields.io/github/sponsors/matteobruni)](https://github.com/sponsors/matteobruni)
+[![npm](https://img.shields.io/npm/v/@tsparticles/jquery)](https://www.npmjs.com/package/@tsparticles/jquery) [![npm](https://img.shields.io/npm/dm/@tsparticles/jquery)](https://www.npmjs.com/package/@tsparticles/jquery) [![GitHub Sponsors](https://img.shields.io/github/sponsors/matteobruni)](https://github.com/sponsors/matteobruni)
 
 Official [tsParticles](https://github.com/matteobruni/tsparticles) jQuery plugin
 
@@ -13,28 +13,25 @@ Official [tsParticles](https://github.com/matteobruni/tsparticles) jQuery plugin
 ## Installation
 
 ```shell
-$ npm install jquery-particles
+$ npm install @tsparticles/jquery
 ```
 
 or
 
 ```shell
-$ yarn add jquery-particles
+$ yarn add @tsparticles/jquery
 ```
 
 or from jsDelivr
 
-[![jsDelivr](https://data.jsdelivr.com/v1/package/npm/jquery-particles/badge)](https://www.jsdelivr.com/package/npm/jquery-particles)
+[![jsDelivr](https://data.jsdelivr.com/v1/package/npm/@tsparticles/jquery/badge)](https://www.jsdelivr.com/package/npm/@tsparticles/jquery)
 
 ```html
-<!-- first include tsParticles engine -->
-<script src="https://cdn.jsdelivr.net/npm/tsparticles-engine"></script>
-
-<!-- then include any tsParticles plugin needed -->
+<!-- first include any tsParticles plugin needed -->
 <script src="https://cdn.jsdelivr.net/npm/tsparticles/tsparticles.bundle.min.js"></script>
 
 <!-- then include jquery wrapper -->
-<script src="https://cdn.jsdelivr.net/npm/jquery-particles"></script>
+<script src="https://cdn.jsdelivr.net/npm/@tsparticles/jquery"></script>
 ```
 
 ## How to use
@@ -71,7 +68,6 @@ $(document).ready(async function () {
                             enable: true,
                             mode: "repulse",
                         },
-                        resize: true,
                     },
                     modes: {
                         push: {
@@ -107,7 +103,6 @@ $(document).ready(async function () {
                     number: {
                         density: {
                             enable: true,
-                            area: 800,
                         },
                         value: 80,
                     },
@@ -126,7 +121,7 @@ $(document).ready(async function () {
             function (container) {
                 // container is the particles container where you can play/pause or stop/start.
                 // the container is already started, you don't need to start it manually.
-            }
+            },
         );
 
     // or

diff --git a/apps/jquery/CHANGELOG.md b/apps/jquery/CHANGELOG.md
diff --git a/apps/jquery/app.js b/apps/jquery/app.js
@@ -23,9 +23,9 @@ app.use("/lodash", express.static("./node_modules/lodash"));
 app.use("/fontawesome", express.static("./node_modules/@fortawesome/fontawesome-free"));
 app.use("/jsoneditor", express.static("./node_modules/jsoneditor/dist"));
 app.use("/tsparticles", express.static("./node_modules/tsparticles"));
-app.use("/demo-configs", express.static("./node_modules/tsparticles-demo-configs"));
-app.use("/jquery-particles", express.static("./node_modules/jquery-particles/dist"));
-app.use("/preset-links", express.static("./node_modules/tsparticles-preset-links"));
+app.use("/demo-configs", express.static("./node_modules/@tsparticles/configs"));
+app.use("/jquery-particles", express.static("./node_modules/@tsparticles/jquery/dist"));
+app.use("/preset-links", express.static("./node_modules/@tsparticles/preset-links"));
 app.use("/stats.ts", express.static("./node_modules/stats.ts/"));
 app.use("/jquery", express.static("./node_modules/jquery/dist/"));
 

diff --git a/apps/jquery/package.json b/apps/jquery/package.json
@@ -1,49 +1,49 @@
 {
-    "name": "jquery-particles-demo",
-    "private": true,
-    "version": "2.9.3",
-    "description": "> TODO: description",
-    "author": "Matteo Bruni <matteo.bruni@me.com>",
-    "homepage": "https://particles.js.org",
-    "license": "MIT",
-    "repository": {
-        "type": "git",
-        "url": "git+https://github.com/tsparticles/jquery.git"
-    },
-    "scripts": {
-        "build": "pnpm run build:style && pnpm run build:index",
-        "build:ci": "pnpm run build:style && pnpm run build:index",
-        "build:index": "echo \"pug ./views/index.pug\"",
-        "build:style": "stylus ./public/stylesheets/main.styl",
-        "start": "pnpm run build && node ./app.js"
-    },
-    "bugs": {
-        "url": "https://github.com/tsparticles/jquery/issues"
-    },
-    "dependencies": {
-        "jquery": "^3.6.3",
-        "jquery-particles": "^2.9.3",
-        "tsparticles": "^2.9.3",
-        "tsparticles-demo-configs": "^2.9.3",
-        "tsparticles-engine": "^2.9.3",
-        "tsparticles-preset-links": "^2.9.3"
-    },
-    "devDependencies": {
-        "@fortawesome/fontawesome-free": "^6.2.1",
-        "@typescript-eslint/eslint-plugin": "^5.48.2",
-        "@typescript-eslint/parser": "^5.48.2",
-        "babel-preset-env": "^1.7.0",
-        "eslint": "^8.32.0",
-        "eslint-config-prettier": "^8.6.0",
-        "express": "^4.18.2",
-        "express-rate-limit": "^6.7.0",
-        "helmet": "^6.0.1",
-        "jsoneditor": "^9.9.2",
-        "lodash": "^4.17.21",
-        "prettier": "^2.8.3",
-        "pug": "^3.0.2",
-        "stats.ts": "^1.1.0",
-        "stylus": "^0.59.0",
-        "typescript": "^4.9.4"
-    }
+  "name": "@tsparticles/jquery-demo",
+  "private": true,
+  "version": "3.0.0",
+  "description": "> TODO: description",
+  "author": "Matteo Bruni <matteo.bruni@me.com>",
+  "homepage": "https://particles.js.org",
+  "license": "MIT",
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/tsparticles/jquery.git"
+  },
+  "scripts": {
+    "build": "pnpm run build:style && pnpm run build:index",
+    "build:ci": "pnpm run build:style && pnpm run build:index",
+    "build:index": "echo \"pug ./views/index.pug\"",
+    "build:style": "stylus ./public/stylesheets/main.styl",
+    "start": "pnpm run build && node ./app.js"
+  },
+  "bugs": {
+    "url": "https://github.com/tsparticles/jquery/issues"
+  },
+  "dependencies": {
+    "@tsparticles/configs": "^3.0.2",
+    "@tsparticles/engine": "^3.0.2",
+    "@tsparticles/jquery": "workspace:^",
+    "@tsparticles/preset-links": "^3.0.1",
+    "jquery": "^3.7.1",
+    "tsparticles": "^3.0.2"
+  },
+  "devDependencies": {
+    "@fortawesome/fontawesome-free": "^6.5.1",
+    "@typescript-eslint/eslint-plugin": "^6.16.0",
+    "@typescript-eslint/parser": "^6.16.0",
+    "babel-preset-env": "^1.7.0",
+    "eslint": "^8.56.0",
+    "eslint-config-prettier": "^9.1.0",
+    "express": "^4.18.2",
+    "express-rate-limit": "^7.1.5",
+    "helmet": "^7.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",
+    "typescript": "^5.3.3"
+  }
 }
diff --git a/apps/jquery/public/javascripts/demo.js b/apps/jquery/public/javascripts/demo.js
@@ -35,16 +35,16 @@ let updateParticles = function (editor) {
     $('#tsparticles').particles().init(tsParticles.configs[presetId], (particles) => {
         localStorage.presetId = presetId;
 
-        const omit = (obj) => {
+        const omit = obj => {
             return _.omitBy(obj, (value, key) => {
                 return _.startsWith(key, "_");
-            })
+            });
         };
 
-        const transform = (obj) => {
+        const transform = obj => {
             return _.transform(omit(obj), function (result, value, key) {
-                result[key] = _.isObject(value) ? transform(omit(value)) : value;
-            })
+                result[key] = !_.isArray(value) && _.isObject(value) ? transform(omit(value)) : value;
+            });
         };
 
         editor.update(transform(particles.options));
@@ -98,8 +98,12 @@ $(document).ready(function () {
     btnUpdate.click(function () {
         const particles = tsParticles.domItem(0);
 
-        particles.options = editor.get();
-        particles.refresh();
+        particles.reset().then(() => {
+            particles.options.load(editor.get());
+            particles.refresh().then(() => {
+                // do nothing
+            });
+        });
     });
 
     //document.body.querySelector('#tsparticles-container').appendChild(stats.dom);

diff --git a/components/jquery/CHANGELOG.md b/components/jquery/CHANGELOG.md
@@ -3,6 +3,18 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+# 3.0.0 (2023-12-26)
+
+
+### Features
+
+* completed transition to v3 ([a6af1b6](https://github.com/tsparticles/jquery/commit/a6af1b64e72361ba3ed349ff2d218656c247e9de))
+* migrated to v3 ([d6f1e64](https://github.com/tsparticles/jquery/commit/d6f1e6481c02b9ad835fd5b9b85ae1570ee89bac))
+
+
+
+
+
 ## [2.9.3](https://github.com/matteobruni/tsparticles/compare/jquery-particles@2.9.2...jquery-particles@2.9.3) (2023-02-12)
 
 **Note:** Version bump only for package jquery-particles

diff --git a/components/jquery/README.md b/components/jquery/README.md
@@ -1,8 +1,8 @@
 [![banner](https://particles.js.org/images/banner3.png)](https://particles.js.org)
 
-# jquery-particles
+# @tsparticles/jquery
 
-[![npm](https://img.shields.io/npm/v/jquery-particles)](https://www.npmjs.com/package/jquery-particles) [![npm](https://img.shields.io/npm/dm/jquery-particles)](https://www.npmjs.com/package/jquery-particles) [![GitHub Sponsors](https://img.shields.io/github/sponsors/matteobruni)](https://github.com/sponsors/matteobruni)
+[![npm](https://img.shields.io/npm/v/@tsparticles/jquery)](https://www.npmjs.com/package/@tsparticles/jquery) [![npm](https://img.shields.io/npm/dm/@tsparticles/jquery)](https://www.npmjs.com/package/@tsparticles/jquery) [![GitHub Sponsors](https://img.shields.io/github/sponsors/matteobruni)](https://github.com/sponsors/matteobruni)
 
 Official [tsParticles](https://github.com/matteobruni/tsparticles) jQuery plugin
 
@@ -13,28 +13,25 @@ Official [tsParticles](https://github.com/matteobruni/tsparticles) jQuery plugin
 ## Installation
 
 ```shell
-$ npm install jquery-particles
+$ npm install @tsparticles/jquery
 ```
 
 or
 
 ```shell
-$ yarn add jquery-particles
+$ yarn add @tsparticles/jquery
 ```
 
 or from jsDelivr
 
-[![jsDelivr](https://data.jsdelivr.com/v1/package/npm/jquery-particles/badge)](https://www.jsdelivr.com/package/npm/jquery-particles)
+[![jsDelivr](https://data.jsdelivr.com/v1/package/npm/@tsparticles/jquery/badge)](https://www.jsdelivr.com/package/npm/@tsparticles/jquery)
 
 ```html
-<!-- first include tsParticles engine -->
-<script src="https://cdn.jsdelivr.net/npm/tsparticles-engine"></script>
-
-<!-- then include any tsParticles plugin needed -->
+<!-- first include any tsParticles plugin needed -->
 <script src="https://cdn.jsdelivr.net/npm/tsparticles/tsparticles.bundle.min.js"></script>
 
 <!-- then include jquery wrapper -->
-<script src="https://cdn.jsdelivr.net/npm/jquery-particles"></script>
+<script src="https://cdn.jsdelivr.net/npm/@tsparticles/jquery"></script>
 ```
 
 ## How to use
@@ -71,7 +68,6 @@ $(document).ready(async function () {
                             enable: true,
                             mode: "repulse",
                         },
-                        resize: true,
                     },
                     modes: {
                         push: {
@@ -107,7 +103,6 @@ $(document).ready(async function () {
                     number: {
                         density: {
                             enable: true,
-                            area: 800,
                         },
                         value: 80,
                     },
@@ -126,7 +121,7 @@ $(document).ready(async function () {
             function (container) {
                 // container is the particles container where you can play/pause or stop/start.
                 // the container is already started, you don't need to start it manually.
-            }
+            },
         );
 
     // or