tsparticles 2.0.5 → 2.1.1

package/README.md

@@ -51,11 +51,13 @@ is enough, and if this is done the `tsparticles-engine` is not needed, since it'
 Once the scripts are loaded you can set up `tsParticles` like this:
 
 ```javascript
-loadFull(tsParticles); // not needed if using the bundle script, required for any other installation
+(async () => {
+  await loadFull(tsParticles); // not needed if using the bundle script, required for any other installation
 
-tsParticles.load("tsparticles", {
-  /* options */
-});
+  await tsParticles.load("tsparticles", {
+    /* options */
+  });
+})();
 ```
 
 ### React.js / Preact / Inferno
@@ -117,10 +119,14 @@ export function ParticlesContainer(props: unknown) {
 _The syntax for `Vue.js 2.x` and `3.x` is the same_
 
 ```vue
-<Particles id="tsparticles" :particlesInit="particlesInit" url="http://foo.bar/particles.json" />
+<Particles id="tsparticles" :particlesInit="particlesInit" :options="options" />
 ```
 
 ```js
+const options = {
+  /* custom options */
+};
+
 async function particlesInit(engine: Engine): Promise<void> {
   await loadFull(engine);
 }
@@ -129,15 +135,14 @@ async function particlesInit(engine: Engine): Promise<void> {
 ### Angular
 
 ```html
-<ng-particles
-  [id]="id"
-  [options]="particlesOptions"
-  (particlesLoaded)="particlesLoaded($event)"
-  [particlesInit]="particlesInit"
-></ng-particles>
+<ng-particles [id]="id" [options]="options" [particlesInit]="particlesInit"></ng-particles>
 ```
 
 ```ts
+const options = {
+  /* custom options */
+};
+
 async function particlesInit(engine: Engine): Promise<void> {
   await loadFull(engine);
 }
@@ -147,15 +152,21 @@ async function particlesInit(engine: Engine): Promise<void> {
 
 ```sveltehtml
 
+<script>
+</script>
 <Particles
         id="tsparticles"
-        url="http://foo.bar/particles.json"
-        on:particlesInit="{onParticlesInit}"
+        options={options}
+        particlesInit={particlesInit}
 />
 ```
 
 ```js
-let onParticlesInit = (engine) => {
-  loadFull(engine);
+let options = {
+  /* custom options */
+};
+
+let particlesInit = async (engine) => {
+  await loadFull(engine);
 };
 ```

package/browser/index.js

@@ -0,0 +1,20 @@
+import { loadAbsorbersPlugin } from "tsparticles-plugin-absorbers";
+import { loadEmittersPlugin } from "tsparticles-plugin-emitters";
+import { loadExternalTrailInteraction } from "tsparticles-interaction-external-trail";
+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 async function loadFull(engine) {
+    await loadSlim(engine);
+    await loadRollUpdater(engine);
+    await loadTiltUpdater(engine);
+    await loadTwinkleUpdater(engine);
+    await loadWobbleUpdater(engine);
+    await loadExternalTrailInteraction(engine);
+    await loadAbsorbersPlugin(engine);
+    await loadEmittersPlugin(engine);
+    await loadPolygonMaskPlugin(engine);
+}

package/cjs/bundle.js

@@ -0,0 +1,23 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __exportStar = (this && this.__exportStar) || function(m, exports) {
+    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.loadFull = void 0;
+const _1 = require(".");
+Object.defineProperty(exports, "loadFull", { enumerable: true, get: function () { return _1.loadFull; } });
+const tsparticles_engine_1 = require("tsparticles-engine");
+(0, _1.loadFull)(tsparticles_engine_1.tsParticles);
+__exportStar(require("tsparticles-slim"), exports);
+__exportStar(require("tsparticles-engine"), exports);

package/cjs/index.js

@@ -0,0 +1,24 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.loadFull = void 0;
+const tsparticles_plugin_absorbers_1 = require("tsparticles-plugin-absorbers");
+const tsparticles_plugin_emitters_1 = require("tsparticles-plugin-emitters");
+const tsparticles_interaction_external_trail_1 = require("tsparticles-interaction-external-trail");
+const tsparticles_plugin_polygon_mask_1 = require("tsparticles-plugin-polygon-mask");
+const tsparticles_updater_roll_1 = require("tsparticles-updater-roll");
+const tsparticles_slim_1 = require("tsparticles-slim");
+const tsparticles_updater_tilt_1 = require("tsparticles-updater-tilt");
+const tsparticles_updater_twinkle_1 = require("tsparticles-updater-twinkle");
+const tsparticles_updater_wobble_1 = require("tsparticles-updater-wobble");
+async function loadFull(engine) {
+    await (0, tsparticles_slim_1.loadSlim)(engine);
+    await (0, tsparticles_updater_roll_1.loadRollUpdater)(engine);
+    await (0, tsparticles_updater_tilt_1.loadTiltUpdater)(engine);
+    await (0, tsparticles_updater_twinkle_1.loadTwinkleUpdater)(engine);
+    await (0, tsparticles_updater_wobble_1.loadWobbleUpdater)(engine);
+    await (0, tsparticles_interaction_external_trail_1.loadExternalTrailInteraction)(engine);
+    await (0, tsparticles_plugin_absorbers_1.loadAbsorbersPlugin)(engine);
+    await (0, tsparticles_plugin_emitters_1.loadEmittersPlugin)(engine);
+    await (0, tsparticles_plugin_polygon_mask_1.loadPolygonMaskPlugin)(engine);
+}
+exports.loadFull = loadFull;

package/esm/bundle.js

@@ -0,0 +1,6 @@
+import { loadFull } from ".";
+import { tsParticles } from "tsparticles-engine";
+loadFull(tsParticles);
+export { loadFull };
+export * from "tsparticles-slim";
+export * from "tsparticles-engine";

package/esm/index.js

@@ -0,0 +1,20 @@
+import { loadAbsorbersPlugin } from "tsparticles-plugin-absorbers";
+import { loadEmittersPlugin } from "tsparticles-plugin-emitters";
+import { loadExternalTrailInteraction } from "tsparticles-interaction-external-trail";
+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 async function loadFull(engine) {
+    await loadSlim(engine);
+    await loadRollUpdater(engine);
+    await loadTiltUpdater(engine);
+    await loadTwinkleUpdater(engine);
+    await loadWobbleUpdater(engine);
+    await loadExternalTrailInteraction(engine);
+    await loadAbsorbersPlugin(engine);
+    await loadEmittersPlugin(engine);
+    await loadPolygonMaskPlugin(engine);
+}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "tsparticles",
-  "version": "2.0.5",
+  "version": "2.1.1",
   "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": {
@@ -27,6 +27,10 @@
     "react-particles",
     "react",
     "reactjs",
+    "vue-particles",
+    "ngx-particles",
+    "angular-particles",
+    "particleground",
     "vue",
     "vuejs",
     "preact",
@@ -45,7 +49,15 @@
     "html",
     "css3",
     "animated",
-    "background"
+    "background",
+    "confetti",
+    "canvas",
+    "fireworks",
+    "fireworks-js",
+    "confetti-js",
+    "confettijs",
+    "fireworksjs",
+    "canvas-confetti"
   ],
   "author": "Matteo Bruni <matteo.bruni@me.com>",
   "license": "MIT",
@@ -56,22 +68,21 @@
     "type": "github",
     "url": "https://github.com/sponsors/matteobruni"
   },
-  "main": "index.js",
+  "main": "cjs/index.js",
   "module": "esm/index.js",
   "jsdelivr": "tsparticles.min.js",
   "unpkg": "tsparticles.min.js",
-  "browser": "index.js",
-  "types": "index.d.ts",
+  "types": "types/index.d.ts",
   "dependencies": {
-    "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"
+    "tsparticles-engine": "^2.1.1",
+    "tsparticles-interaction-external-trail": "^2.1.1",
+    "tsparticles-plugin-absorbers": "^2.1.1",
+    "tsparticles-plugin-emitters": "^2.1.1",
+    "tsparticles-plugin-polygon-mask": "^2.1.1",
+    "tsparticles-slim": "^2.1.1",
+    "tsparticles-updater-roll": "^2.1.1",
+    "tsparticles-updater-tilt": "^2.1.1",
+    "tsparticles-updater-twinkle": "^2.1.1",
+    "tsparticles-updater-wobble": "^2.1.1"
   }
 }