tsparticles 2.0.2 → 2.0.5

package/107.js

@@ -4,7 +4,7 @@
  * Demo / Generator : https://particles.js.org/
  * GitHub : https://www.github.com/matteobruni/tsparticles
  * How to use? : Check the GitHub README
- * v2.0.2
+ * v2.0.5
  */
 "use strict";
 (this["webpackChunktsparticles"] = this["webpackChunktsparticles"] || []).push([[107],{

package/README.md

@@ -9,15 +9,15 @@ a `tsparticles-engine` instance.
 
 **Included Packages**
 
-- tsparticles-engine
-- tsparticles-slim (and all its dependencies)
-- tsparticles-interaction-external-trail
-- tsparticles-plugin-absorbers
-- tsparticles-plugin-emitters
-- tsparticles-plugin-polygon-mask
-- tsparticles-updater-roll
-- tsparticles-updater-tilt
-- tsparticles-updater-wobble
+- [tsparticles-engine](https://github.com/matteobruni/tsparticles/tree/main/engine)
+- [tsparticles-slim (and all its dependencies)](https://github.com/matteobruni/tsparticles/tree/main/bundles/slim)
+- [tsparticles-interaction-external-trail](https://github.com/matteobruni/tsparticles/tree/main/interactions/external/trail)
+- [tsparticles-plugin-absorbers](https://github.com/matteobruni/tsparticles/tree/main/plugins/absorbers)
+- [tsparticles-plugin-emitters](https://github.com/matteobruni/tsparticles/tree/main/plugins/emitters)
+- [tsparticles-plugin-polygon-mask](https://github.com/matteobruni/tsparticles/tree/main/plugins/polygonMask)
+- [tsparticles-updater-roll](https://github.com/matteobruni/tsparticles/tree/main/updaters/roll)
+- [tsparticles-updater-tilt](https://github.com/matteobruni/tsparticles/tree/main/updaters/tilt)
+- [tsparticles-updater-wobble](https://github.com/matteobruni/tsparticles/tree/main/updaters/wobble)
 
 ## How to use it
 
@@ -74,9 +74,9 @@ import { loadFull } from "tsparticles";
 
 export class ParticlesContainer extends PureComponent<unknown> {
   // this customizes the component tsParticles installation
-  customInit(engine: Engine) {
+  async customInit(engine: Engine): Promise<void> {
     // this adds the bundle to tsParticles
-    loadFull(engine);
+    await loadFull(engine);
   }
 
   render() {
@@ -99,9 +99,9 @@ import { loadFull } from "tsparticles";
 
 export function ParticlesContainer(props: unknown) {
   // this customizes the component tsParticles installation
-  const customInit = useCallback((engine: Engine) => {
+  const customInit = useCallback(async (engine: Engine) => {
     // this adds the bundle to tsParticles
-    loadFull(engine);
+    await loadFull(engine);
   });
 
   const options = {
@@ -121,8 +121,8 @@ _The syntax for `Vue.js 2.x` and `3.x` is the same_
 ```
 
 ```js
-function particlesInit(engine: Engine) {
-  loadFull(engine);
+async function particlesInit(engine: Engine): Promise<void> {
+  await loadFull(engine);
 }
 ```
 
@@ -133,13 +133,13 @@ function particlesInit(engine: Engine) {
   [id]="id"
   [options]="particlesOptions"
   (particlesLoaded)="particlesLoaded($event)"
-  (particlesInit)="particlesInit($event)"
+  [particlesInit]="particlesInit"
 ></ng-particles>
 ```
 
 ```ts
-function particlesInit(engine: Engine): void {
-  loadFull(engine);
+async function particlesInit(engine: Engine): Promise<void> {
+  await loadFull(engine);
 }
 ```
 

package/index.js

@@ -14,12 +14,14 @@ import { loadPolygonMaskPlugin } from "tsparticles-plugin-polygon-mask";
 import { loadRollUpdater } from "tsparticles-updater-roll";
 import { loadSlim } from "tsparticles-slim";
 import { loadTiltUpdater } from "tsparticles-updater-tilt";
+import { loadTwinkleUpdater } from "tsparticles-updater-twinkle";
 import { loadWobbleUpdater } from "tsparticles-updater-wobble";
 export function loadFull(engine) {
     return __awaiter(this, void 0, void 0, function* () {
         yield loadSlim(engine);
-        yield loadTiltUpdater(engine);
         yield loadRollUpdater(engine);
+        yield loadTiltUpdater(engine);
+        yield loadTwinkleUpdater(engine);
         yield loadWobbleUpdater(engine);
         yield loadExternalTrailInteraction(engine);
         yield loadAbsorbersPlugin(engine);

package/package.json

@@ -1,11 +1,8 @@
 {
   "name": "tsparticles",
-  "version": "2.0.2",
+  "version": "2.0.5",
   "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": {
-    "install": "node ./scripts/install.js"
-  },
   "repository": {
     "type": "git",
     "url": "git+https://github.com/matteobruni/tsparticles.git",
@@ -66,14 +63,15 @@
   "browser": "index.js",
   "types": "index.d.ts",
   "dependencies": {
-    "tsparticles-engine": "^2.0.2",
-    "tsparticles-interaction-external-trail": "^2.0.2",
-    "tsparticles-plugin-absorbers": "^2.0.2",
-    "tsparticles-plugin-emitters": "^2.0.2",
-    "tsparticles-plugin-polygon-mask": "^2.0.2",
-    "tsparticles-slim": "^2.0.2",
-    "tsparticles-updater-roll": "^2.0.2",
-    "tsparticles-updater-tilt": "^2.0.2",
-    "tsparticles-updater-wobble": "^2.0.2"
+    "tsparticles-engine": "^2.0.5",
+    "tsparticles-interaction-external-trail": "^2.0.5",
+    "tsparticles-plugin-absorbers": "^2.0.5",
+    "tsparticles-plugin-emitters": "^2.0.5",
+    "tsparticles-plugin-polygon-mask": "^2.0.5",
+    "tsparticles-slim": "^2.0.5",
+    "tsparticles-updater-roll": "^2.0.5",
+    "tsparticles-updater-tilt": "^2.0.5",
+    "tsparticles-updater-twinkle": "^2.0.5",
+    "tsparticles-updater-wobble": "^2.0.5"
   }
 }