@tsparticles/preset-fireworks 3.0.0-alpha.1 → 3.0.0-beta.1

package/README.md

@@ -25,18 +25,19 @@ Once installed you need one more script to be included in your page (or you can
 from [jsDelivr](https://www.jsdelivr.com/package/npm/@tsparticles/preset-fireworks):
 
 ```html
-<script src="https://cdn.jsdelivr.net/npm/tsparticles-engine@2/tsparticles.engine.min.js"></script>
-<script src="https://cdn.jsdelivr.net/npm/tsparticles-move-base@2/tsparticles.move.base.min.js"></script>
-<script src="https://cdn.jsdelivr.net/npm/tsparticles-plugin-emitters@2/tsparticles.plugin.emitters.min.js"></script>
-<script src="https://cdn.jsdelivr.net/npm/tsparticles-shape-circle@2/tsparticles.shape.circle.min.js"></script>
-<script src="https://cdn.jsdelivr.net/npm/tsparticles-shape-line@2/tsparticles.shape.line.min.js"></script>
-<script src="https://cdn.jsdelivr.net/npm/tsparticles-updater-angle@2/tsparticles.updater.angle.min.js"></script>
-<script src="https://cdn.jsdelivr.net/npm/tsparticles-updater-color@2/tsparticles.updater.color.min.js"></script>
-<script src="https://cdn.jsdelivr.net/npm/tsparticles-updater-life@2/tsparticles.updater.life.min.js"></script>
-<script src="https://cdn.jsdelivr.net/npm/tsparticles-updater-opacity@2/tsparticles.updater.opacity.min.js"></script>
-<script src="https://cdn.jsdelivr.net/npm/tsparticles-updater-out-modes@2/tsparticles.updater.out-modes.min.js"></script>
-<script src="https://cdn.jsdelivr.net/npm/tsparticles-updater-size@2/tsparticles.updater.size.min.js"></script>
-<script src="https://cdn.jsdelivr.net/npm/tsparticles-updater-stroke-color@2/tsparticles.updater.stroke-color.min.js"></script>
+<script src="https://cdn.jsdelivr.net/npm/@tsparticles/engine@2/tsparticles.engine.min.js"></script>
+<script src="https://cdn.jsdelivr.net/npm/@tsparticles/basic@2/tsparticles.basic.min.js"></script>
+<script src="https://cdn.jsdelivr.net/npm/@tsparticles/move-base@2/tsparticles.move.base.min.js"></script>
+<script src="https://cdn.jsdelivr.net/npm/@tsparticles/plugin-emitters@2/tsparticles.plugin.emitters.min.js"></script>
+<script src="https://cdn.jsdelivr.net/npm/@tsparticles/shape-circle@2/tsparticles.shape.circle.min.js"></script>
+<script src="https://cdn.jsdelivr.net/npm/@tsparticles/shape-line@2/tsparticles.shape.line.min.js"></script>
+<script src="https://cdn.jsdelivr.net/npm/@tsparticles/updater-color@2/tsparticles.updater.color.min.js"></script>
+<script src="https://cdn.jsdelivr.net/npm/@tsparticles/updater-life@2/tsparticles.updater.life.min.js"></script>
+<script src="https://cdn.jsdelivr.net/npm/@tsparticles/updater-opacity@2/tsparticles.updater.opacity.min.js"></script>
+<script src="https://cdn.jsdelivr.net/npm/@tsparticles/updater-out-modes@2/tsparticles.updater.out-modes.min.js"></script>
+<script src="https://cdn.jsdelivr.net/npm/@tsparticles/updater-rotate@2/tsparticles.updater.angle.min.js"></script>
+<script src="https://cdn.jsdelivr.net/npm/@tsparticles/updater-size@2/tsparticles.updater.size.min.js"></script>
+<script src="https://cdn.jsdelivr.net/npm/@tsparticles/updater-stroke-color@2/tsparticles.updater.stroke-color.min.js"></script>
 <script src="https://cdn.jsdelivr.net/npm/@tsparticles/preset-fireworks@2/tsparticles.preset.fireworks.min.js"></script>
 ```
 
@@ -90,7 +91,7 @@ This sample uses the class component syntax, but you can use hooks as well (if t
 
 ```typescript jsx
 import Particles from "react-particles";
-import type { Engine } from "tsparticles-engine";
+import type { Engine } from "@tsparticles/engine";
 import { loadFireworksPreset } from "@tsparticles/preset-fireworks";
 
 export class ParticlesContainer extends React.PureComponent<IProps> {
@@ -131,7 +132,7 @@ async function particlesInit(engine: Engine): Promise<void> {
 ### Angular
 
 ```html
-<angular-particles [id]="id" [options]="particlesOptions" [particlesInit]="particlesInit"></angular-particles>
+<ng-particles [id]="id" [options]="particlesOptions" [particlesInit]="particlesInit"></ng-particles>
 ```
 
 ```ts
@@ -170,43 +171,31 @@ let particlesInit = async (engine) => {
 ```mermaid
 flowchart TD
 
-subgraph m [Movers]
-mb[Base]
-end
-
-e[tsParticles Engine] --> m
-
 subgraph pl [Plugins]
 ple[Emitters]
+pls[Sounds]
 end
 
-e --> pl
+bb[tsParticles Basic] --> pl
 
 subgraph s [Shapes]
-sc[Circle]
 sl[Line]
 end
 
-e --> s
+bb --> s
 
 subgraph u [Updaters]
-ua[Angle]
-uc[Color]
 ud[Destroy]
 ul[Life]
-uop[Opacity]
-uou[Out Modes]
-usi[Size]
+ur[Rotate]
 ust[Stroke Color]
 end
 
-e --> u
+bb --> u
 
 subgraph pr [Presets]
 prfw[Fireworks]
 end
 
-e --> pr
-
-mb & ple & sc & sl & ua & uc & ud & ul & uop & uou & usi & ust --> prfw
+bb & ple & pls & sl & ud & ul & ur & ust --> prfw
 ```

package/browser/bundle.js

@@ -1,6 +1,4 @@
 import { loadFireworksPreset } from ".";
 import { tsParticles } from "@tsparticles/engine";
-(async () => {
-    await loadFireworksPreset(tsParticles);
-})();
+loadFireworksPreset(tsParticles);
 export { loadFireworksPreset, tsParticles };

package/browser/index.js

@@ -1,30 +1,20 @@
-import { loadAngleUpdater } from "@tsparticles/updater-angle";
-import { loadBaseMover } from "@tsparticles/move-base";
-import { loadCircleShape } from "@tsparticles/shape-circle";
-import { loadColorUpdater } from "@tsparticles/updater-color";
+import { loadBasic } from "@tsparticles/basic";
 import { loadDestroyUpdater } from "@tsparticles/updater-destroy";
 import { loadEmittersPlugin } from "@tsparticles/plugin-emitters";
 import { loadLifeUpdater } from "@tsparticles/updater-life";
 import { loadLineShape } from "@tsparticles/shape-line";
-import { loadOpacityUpdater } from "@tsparticles/updater-opacity";
-import { loadOutModesUpdater } from "@tsparticles/updater-out-modes";
-import { loadSizeUpdater } from "@tsparticles/updater-size";
+import { loadRotateUpdater } from "@tsparticles/updater-rotate";
 import { loadSoundsPlugin } from "@tsparticles/plugin-sounds";
 import { loadStrokeColorUpdater } from "@tsparticles/updater-stroke-color";
 import { options } from "./options";
-export async function loadFireworksPreset(engine) {
-    await loadBaseMover(engine);
-    await loadEmittersPlugin(engine);
-    await loadSoundsPlugin(engine);
-    await loadCircleShape(engine);
-    await loadLineShape(engine);
-    await loadAngleUpdater(engine);
-    await loadColorUpdater(engine);
-    await loadDestroyUpdater(engine);
-    await loadLifeUpdater(engine);
-    await loadOpacityUpdater(engine);
-    await loadOutModesUpdater(engine);
-    await loadSizeUpdater(engine);
-    await loadStrokeColorUpdater(engine);
-    await engine.addPreset("fireworks", options);
+export async function loadFireworksPreset(engine, refresh = true) {
+    await loadBasic(engine, false);
+    await loadEmittersPlugin(engine, false);
+    await loadSoundsPlugin(engine, false);
+    await loadLineShape(engine, false);
+    await loadRotateUpdater(engine, false);
+    await loadDestroyUpdater(engine, false);
+    await loadLifeUpdater(engine, false);
+    await loadStrokeColorUpdater(engine, false);
+    await engine.addPreset("fireworks", options, refresh);
 }

package/browser/options.js

@@ -179,7 +179,9 @@ export const options = {
                 top: "none",
             },
             trail: {
-                fillColor: "#000",
+                fill: {
+                    color: "#000",
+                },
                 enable: true,
                 length: 10,
             },

package/browser/package.json

@@ -0,0 +1 @@
+{ "type": "module" }

package/cjs/bundle.js

@@ -1,19 +1,8 @@
 "use strict";
-var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
-    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
-    return new (P || (P = Promise))(function (resolve, reject) {
-        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
-        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
-        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
-        step((generator = generator.apply(thisArg, _arguments || [])).next());
-    });
-};
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.tsParticles = exports.loadFireworksPreset = void 0;
 const _1 = require(".");
 Object.defineProperty(exports, "loadFireworksPreset", { enumerable: true, get: function () { return _1.loadFireworksPreset; } });
 const engine_1 = require("@tsparticles/engine");
 Object.defineProperty(exports, "tsParticles", { enumerable: true, get: function () { return engine_1.tsParticles; } });
-(() => __awaiter(void 0, void 0, void 0, function* () {
-    yield (0, _1.loadFireworksPreset)(engine_1.tsParticles);
-}))();
+(0, _1.loadFireworksPreset)(engine_1.tsParticles);

package/cjs/index.js

@@ -1,45 +1,24 @@
 "use strict";
-var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
-    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
-    return new (P || (P = Promise))(function (resolve, reject) {
-        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
-        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
-        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
-        step((generator = generator.apply(thisArg, _arguments || [])).next());
-    });
-};
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.loadFireworksPreset = void 0;
-const updater_angle_1 = require("@tsparticles/updater-angle");
-const move_base_1 = require("@tsparticles/move-base");
-const shape_circle_1 = require("@tsparticles/shape-circle");
-const updater_color_1 = require("@tsparticles/updater-color");
+const basic_1 = require("@tsparticles/basic");
 const updater_destroy_1 = require("@tsparticles/updater-destroy");
 const plugin_emitters_1 = require("@tsparticles/plugin-emitters");
 const updater_life_1 = require("@tsparticles/updater-life");
 const shape_line_1 = require("@tsparticles/shape-line");
-const updater_opacity_1 = require("@tsparticles/updater-opacity");
-const updater_out_modes_1 = require("@tsparticles/updater-out-modes");
-const updater_size_1 = require("@tsparticles/updater-size");
+const updater_rotate_1 = require("@tsparticles/updater-rotate");
 const plugin_sounds_1 = require("@tsparticles/plugin-sounds");
 const updater_stroke_color_1 = require("@tsparticles/updater-stroke-color");
 const options_1 = require("./options");
-function loadFireworksPreset(engine) {
-    return __awaiter(this, void 0, void 0, function* () {
-        yield (0, move_base_1.loadBaseMover)(engine);
-        yield (0, plugin_emitters_1.loadEmittersPlugin)(engine);
-        yield (0, plugin_sounds_1.loadSoundsPlugin)(engine);
-        yield (0, shape_circle_1.loadCircleShape)(engine);
-        yield (0, shape_line_1.loadLineShape)(engine);
-        yield (0, updater_angle_1.loadAngleUpdater)(engine);
-        yield (0, updater_color_1.loadColorUpdater)(engine);
-        yield (0, updater_destroy_1.loadDestroyUpdater)(engine);
-        yield (0, updater_life_1.loadLifeUpdater)(engine);
-        yield (0, updater_opacity_1.loadOpacityUpdater)(engine);
-        yield (0, updater_out_modes_1.loadOutModesUpdater)(engine);
-        yield (0, updater_size_1.loadSizeUpdater)(engine);
-        yield (0, updater_stroke_color_1.loadStrokeColorUpdater)(engine);
-        yield engine.addPreset("fireworks", options_1.options);
-    });
+async function loadFireworksPreset(engine, refresh = true) {
+    await (0, basic_1.loadBasic)(engine, false);
+    await (0, plugin_emitters_1.loadEmittersPlugin)(engine, false);
+    await (0, plugin_sounds_1.loadSoundsPlugin)(engine, false);
+    await (0, shape_line_1.loadLineShape)(engine, false);
+    await (0, updater_rotate_1.loadRotateUpdater)(engine, false);
+    await (0, updater_destroy_1.loadDestroyUpdater)(engine, false);
+    await (0, updater_life_1.loadLifeUpdater)(engine, false);
+    await (0, updater_stroke_color_1.loadStrokeColorUpdater)(engine, false);
+    await engine.addPreset("fireworks", options_1.options, refresh);
 }
 exports.loadFireworksPreset = loadFireworksPreset;

package/cjs/options.js

@@ -182,7 +182,9 @@ exports.options = {
                 top: "none",
             },
             trail: {
-                fillColor: "#000",
+                fill: {
+                    color: "#000",
+                },
                 enable: true,
                 length: 10,
             },

package/cjs/package.json

@@ -0,0 +1 @@
+{ "type": "commonjs" }

package/esm/bundle.js

@@ -1,6 +1,4 @@
 import { loadFireworksPreset } from ".";
 import { tsParticles } from "@tsparticles/engine";
-(async () => {
-    await loadFireworksPreset(tsParticles);
-})();
+loadFireworksPreset(tsParticles);
 export { loadFireworksPreset, tsParticles };

package/esm/index.js

@@ -1,30 +1,20 @@
-import { loadAngleUpdater } from "@tsparticles/updater-angle";
-import { loadBaseMover } from "@tsparticles/move-base";
-import { loadCircleShape } from "@tsparticles/shape-circle";
-import { loadColorUpdater } from "@tsparticles/updater-color";
+import { loadBasic } from "@tsparticles/basic";
 import { loadDestroyUpdater } from "@tsparticles/updater-destroy";
 import { loadEmittersPlugin } from "@tsparticles/plugin-emitters";
 import { loadLifeUpdater } from "@tsparticles/updater-life";
 import { loadLineShape } from "@tsparticles/shape-line";
-import { loadOpacityUpdater } from "@tsparticles/updater-opacity";
-import { loadOutModesUpdater } from "@tsparticles/updater-out-modes";
-import { loadSizeUpdater } from "@tsparticles/updater-size";
+import { loadRotateUpdater } from "@tsparticles/updater-rotate";
 import { loadSoundsPlugin } from "@tsparticles/plugin-sounds";
 import { loadStrokeColorUpdater } from "@tsparticles/updater-stroke-color";
 import { options } from "./options";
-export async function loadFireworksPreset(engine) {
-    await loadBaseMover(engine);
-    await loadEmittersPlugin(engine);
-    await loadSoundsPlugin(engine);
-    await loadCircleShape(engine);
-    await loadLineShape(engine);
-    await loadAngleUpdater(engine);
-    await loadColorUpdater(engine);
-    await loadDestroyUpdater(engine);
-    await loadLifeUpdater(engine);
-    await loadOpacityUpdater(engine);
-    await loadOutModesUpdater(engine);
-    await loadSizeUpdater(engine);
-    await loadStrokeColorUpdater(engine);
-    await engine.addPreset("fireworks", options);
+export async function loadFireworksPreset(engine, refresh = true) {
+    await loadBasic(engine, false);
+    await loadEmittersPlugin(engine, false);
+    await loadSoundsPlugin(engine, false);
+    await loadLineShape(engine, false);
+    await loadRotateUpdater(engine, false);
+    await loadDestroyUpdater(engine, false);
+    await loadLifeUpdater(engine, false);
+    await loadStrokeColorUpdater(engine, false);
+    await engine.addPreset("fireworks", options, refresh);
 }

package/esm/options.js

@@ -179,7 +179,9 @@ export const options = {
                 top: "none",
             },
             trail: {
-                fillColor: "#000",
+                fill: {
+                    color: "#000",
+                },
                 enable: true,
                 length: 10,
             },

package/esm/package.json

@@ -0,0 +1 @@
+{ "type": "module" }

package/package.json

@@ -1,11 +1,11 @@
 {
   "name": "@tsparticles/preset-fireworks",
-  "version": "3.0.0-alpha.1",
+  "version": "3.0.0-beta.1",
   "description": "tsParticles fireworks preset",
   "homepage": "https://particles.js.org",
   "repository": {
     "type": "git",
-    "url": "git+https://github.com/matteobruni/tsparticles.git",
+    "url": "git+https://github.com/tsparticles/presets.git",
     "directory": "presets/fireworks"
   },
   "keywords": [
@@ -65,13 +65,17 @@
   "author": "Matteo Bruni <matteo.bruni@me.com>",
   "license": "MIT",
   "bugs": {
-    "url": "https://github.com/matteobruni/tsparticles/issues"
+    "url": "https://github.com/tsparticles/presets/issues"
   },
   "funding": [
     {
       "type": "github",
       "url": "https://github.com/sponsors/matteobruni"
     },
+    {
+      "type": "github",
+      "url": "https://github.com/sponsors/tsparticles"
+    },
     {
       "type": "buymeacoffee",
       "url": "https://www.buymeacoffee.com/matteobruni"
@@ -82,23 +86,15 @@
   "unpkg": "tsparticles.preset.fireworks.min.js",
   "module": "esm/index.js",
   "types": "types/index.d.ts",
-  "publishConfig": {
-    "access": "public"
-  },
   "dependencies": {
-    "@tsparticles/engine": "^3.0.0-alpha.1",
-    "@tsparticles/move-base": "^3.0.0-alpha.1",
-    "@tsparticles/plugin-emitters": "^3.0.0-alpha.1",
-    "@tsparticles/plugin-sounds": "^3.0.0-alpha.1",
-    "@tsparticles/shape-circle": "^3.0.0-alpha.1",
-    "@tsparticles/shape-line": "^3.0.0-alpha.1",
-    "@tsparticles/updater-angle": "^3.0.0-alpha.1",
-    "@tsparticles/updater-color": "^3.0.0-alpha.1",
-    "@tsparticles/updater-destroy": "^3.0.0-alpha.1",
-    "@tsparticles/updater-life": "^3.0.0-alpha.1",
-    "@tsparticles/updater-opacity": "^3.0.0-alpha.1",
-    "@tsparticles/updater-out-modes": "^3.0.0-alpha.1",
-    "@tsparticles/updater-size": "^3.0.0-alpha.1",
-    "@tsparticles/updater-stroke-color": "^3.0.0-alpha.1"
+    "@tsparticles/basic": "^3.0.0-beta.1",
+    "@tsparticles/engine": "^3.0.0-beta.1",
+    "@tsparticles/plugin-emitters": "^3.0.0-beta.1",
+    "@tsparticles/plugin-sounds": "^3.0.0-beta.1",
+    "@tsparticles/shape-line": "^3.0.0-beta.1",
+    "@tsparticles/updater-destroy": "^3.0.0-beta.1",
+    "@tsparticles/updater-life": "^3.0.0-beta.1",
+    "@tsparticles/updater-rotate": "^3.0.0-beta.1",
+    "@tsparticles/updater-stroke-color": "^3.0.0-beta.1"
   }
-}
+}