Skip to content

Commit

Permalink
build: updated to tsparticles v3
Browse files Browse the repository at this point in the history
  • Loading branch information
@matteobruni
matteobruni committed Oct 2, 2023
1 parent 126fd1f commit 6ad1513
Show file tree
Hide file tree
Showing 25 changed files with 831 additions and 838 deletions.
8 changes: 4 additions & 4 deletions README.md
View file
Original file line number Diff line number Diff line change
Expand Up @@ -15,13 +15,13 @@ Official [tsParticles](https://github.com/matteobruni/tsparticles) Angular compo
### Install

```shell
$ npm install ng-particles tsparticles-engine
$ npm install ng-particles @tsparticles/engine
```

or

```shell
$ yarn add ng-particles tsparticles-engine
$ yarn add ng-particles @tsparticles/engine
```

### Usage
Expand Down Expand Up @@ -54,9 +54,9 @@ import {
ClickMode,
HoverMode,
OutMode,
} from "tsparticles-engine";
} from "@tsparticles/engine";
//import { loadFull } from "tsparticles"; // if you are going to use `loadFull`, install the "tsparticles" package too.
import { loadSlim } from "tsparticles-slim"; // if you are going to use `loadSlim`, install the "tsparticles-slim" package too.
import { loadSlim } from "@tsparticles/slim"; // if you are going to use `loadSlim`, install the "@tsparticles/slim" package too.

export class AppComponent {
id = "tsparticles";
Expand Down
2 changes: 1 addition & 1 deletion apps/angular-demo/CHANGELOG.md
View file
Original file line number Diff line number Diff line change
Expand Up @@ -3,7 +3,7 @@
All notable changes to this project will be documented in this file.
See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.

# [2.12.0](https://github.com/tsparticles/angular/compare/[email protected]@2.12.0) (2023-08-04)
# [3.0.0-beta.3](https://github.com/tsparticles/angular/compare/[email protected]@3.0.0-beta.3) (2023-08-04)

**Note:** Version bump only for package ng-particles-demo

Expand Down
108 changes: 54 additions & 54 deletions apps/angular-demo/package.json
View file
Original file line number Diff line number Diff line change
@@ -1,6 +1,6 @@
{
"name": "ng-particles-demo",
"version": "2.12.0",
"version": "3.0.0-beta.3",
"scripts": {
"ng": "ng",
"start": "ng serve -o",
Expand All @@ -19,62 +19,62 @@
"@angular/platform-browser": "~16.2.0",
"@angular/platform-browser-dynamic": "~16.2.0",
"@angular/router": "~16.2.0",
"ng-confetti": "^2.12.0",
"ng-fireworks": "^2.12.0",
"ng-confetti": "^3.0.0-beta.3",
"ng-fireworks": "^3.0.0-beta.3",
"ng-particles": "^3.12.0",
"rxjs": "~7.8.1",
"tslib": "^2.6.1",
"tsparticles": "^2.12.0",
"tsparticles-basic": "^2.12.0",
"tsparticles-confetti": "^2.12.0",
"tsparticles-demo-configs": "^2.12.0",
"tsparticles-engine": "^2.12.0",
"tsparticles-fireworks": "^2.12.0",
"tsparticles-interaction-external-attract": "^2.12.0",
"tsparticles-interaction-external-bounce": "^2.12.0",
"tsparticles-interaction-external-bubble": "^2.12.0",
"tsparticles-interaction-external-connect": "^2.12.0",
"tsparticles-interaction-external-grab": "^2.12.0",
"tsparticles-interaction-external-pause": "^2.12.0",
"tsparticles-interaction-external-push": "^2.12.0",
"tsparticles-interaction-external-remove": "^2.12.0",
"tsparticles-interaction-external-repulse": "^2.12.0",
"tsparticles-interaction-external-slow": "^2.12.0",
"tsparticles-interaction-external-trail": "^2.12.0",
"tsparticles-interaction-particles-attract": "^2.12.0",
"tsparticles-interaction-particles-collisions": "^2.12.0",
"tsparticles-interaction-particles-links": "^2.12.0",
"tsparticles-move-base": "^2.12.0",
"tsparticles-move-parallax": "^2.12.0",
"tsparticles-particles.js": "^2.12.0",
"tsparticles-plugin-absorbers": "^2.12.0",
"tsparticles-plugin-easing-quad": "^2.12.0",
"tsparticles-plugin-emitters": "^2.12.0",
"tsparticles-plugin-motion": "^2.12.0",
"tsparticles-plugin-polygon-mask": "^2.12.0",
"tsparticles-plugin-sounds": "^2.12.0",
"tsparticles-shape-cards": "^2.12.0",
"tsparticles-shape-circle": "^2.12.0",
"tsparticles-shape-heart": "^2.12.0",
"tsparticles-shape-image": "^2.12.0",
"tsparticles-shape-line": "^2.12.0",
"tsparticles-shape-polygon": "^2.12.0",
"tsparticles-shape-square": "^2.12.0",
"tsparticles-shape-star": "^2.12.0",
"tsparticles-shape-text": "^2.12.0",
"tsparticles-slim": "^2.12.0",
"tsparticles-updater-color": "^2.12.0",
"tsparticles-updater-destroy": "^2.12.0",
"tsparticles-updater-life": "^2.12.0",
"tsparticles-updater-opacity": "^2.12.0",
"tsparticles-updater-out-modes": "^2.12.0",
"tsparticles-updater-roll": "^2.12.0",
"tsparticles-updater-rotate": "^2.12.0",
"tsparticles-updater-size": "^2.12.0",
"tsparticles-updater-stroke-color": "^2.12.0",
"tsparticles-updater-tilt": "^2.12.0",
"tsparticles-updater-twinkle": "^2.12.0",
"tsparticles-updater-wobble": "^2.12.0",
"tsparticles": "^3.0.0-beta.3",
"@tsparticles/basic": "^3.0.0-beta.3",
"@tsparticles/confetti": "^3.0.0-beta.3",
"@tsparticles/configs": "^3.0.0-beta.3",
"@tsparticles/engine": "^3.0.0-beta.3",
"@tsparticles/fireworks": "^3.0.0-beta.3",
"@tsparticles/interaction-external-attract": "^3.0.0-beta.3",
"@tsparticles/interaction-external-bounce": "^3.0.0-beta.3",
"@tsparticles/interaction-external-bubble": "^3.0.0-beta.3",
"@tsparticles/interaction-external-connect": "^3.0.0-beta.3",
"@tsparticles/interaction-external-grab": "^3.0.0-beta.3",
"@tsparticles/interaction-external-pause": "^3.0.0-beta.3",
"@tsparticles/interaction-external-push": "^3.0.0-beta.3",
"@tsparticles/interaction-external-remove": "^3.0.0-beta.3",
"@tsparticles/interaction-external-repulse": "^3.0.0-beta.3",
"@tsparticles/interaction-external-slow": "^3.0.0-beta.3",
"@tsparticles/interaction-external-trail": "^3.0.0-beta.3",
"@tsparticles/interaction-particles-attract": "^3.0.0-beta.3",
"@tsparticles/interaction-particles-collisions": "^3.0.0-beta.3",
"@tsparticles/interaction-particles-links": "^3.0.0-beta.3",
"@tsparticles/move-base": "^3.0.0-beta.3",
"@tsparticles/move-parallax": "^3.0.0-beta.3",
"@tsparticles/particles.js": "^3.0.0-beta.3",
"@tsparticles/plugin-absorbers": "^3.0.0-beta.3",
"@tsparticles/plugin-easing-quad": "^3.0.0-beta.3",
"@tsparticles/plugin-emitters": "^3.0.0-beta.3",
"@tsparticles/plugin-motion": "^3.0.0-beta.3",
"@tsparticles/plugin-polygon-mask": "^3.0.0-beta.3",
"@tsparticles/plugin-sounds": "^3.0.0-beta.3",
"@tsparticles/shape-cards": "^3.0.0-beta.3",
"@tsparticles/shape-circle": "^3.0.0-beta.3",
"@tsparticles/shape-heart": "^3.0.0-beta.3",
"@tsparticles/shape-image": "^3.0.0-beta.3",
"@tsparticles/shape-line": "^3.0.0-beta.3",
"@tsparticles/shape-polygon": "^3.0.0-beta.3",
"@tsparticles/shape-square": "^3.0.0-beta.3",
"@tsparticles/shape-star": "^3.0.0-beta.3",
"@tsparticles/shape-text": "^3.0.0-beta.3",
"@tsparticles/slim": "^3.0.0-beta.3",
"@tsparticles/updater-color": "^3.0.0-beta.3",
"@tsparticles/updater-destroy": "^3.0.0-beta.3",
"@tsparticles/updater-life": "^3.0.0-beta.3",
"@tsparticles/updater-opacity": "^3.0.0-beta.3",
"@tsparticles/updater-out-modes": "^3.0.0-beta.3",
"@tsparticles/updater-roll": "^3.0.0-beta.3",
"@tsparticles/updater-rotate": "^3.0.0-beta.3",
"@tsparticles/updater-size": "^3.0.0-beta.3",
"@tsparticles/updater-stroke-color": "^3.0.0-beta.3",
"@tsparticles/updater-tilt": "^3.0.0-beta.3",
"@tsparticles/updater-twinkle": "^3.0.0-beta.3",
"@tsparticles/updater-wobble": "^3.0.0-beta.3",
"zone.js": "~0.13.0"
},
"devDependencies": {
Expand Down
4 changes: 2 additions & 2 deletions apps/angular-demo/src/app/app.component.ts
View file
Original file line number Diff line number Diff line change
@@ -1,7 +1,7 @@
import { Component } from "@angular/core";
import type { Container, Engine, ISourceOptions } from "tsparticles-engine";
import type { Container, Engine, ISourceOptions } from "@tsparticles/engine";
import { loadFull } from "tsparticles";
import configs from "tsparticles-demo-configs";
import configs from "@tsparticles/configs";

@Component({
selector: "app-root",
Expand Down
98 changes: 49 additions & 49 deletions apps/ionic-demo/package.json
View file
Original file line number Diff line number Diff line change
Expand Up @@ -31,55 +31,55 @@
"ng-particles": "^3.12.0",
"rxjs": "~7.8.1",
"tslib": "^2.6.1",
"tsparticles": "^2.12.0",
"tsparticles-basic": "^2.12.0",
"tsparticles-demo-configs": "^2.12.0",
"tsparticles-engine": "^2.12.0",
"tsparticles-interaction-external-attract": "^2.12.0",
"tsparticles-interaction-external-bounce": "^2.12.0",
"tsparticles-interaction-external-bubble": "^2.12.0",
"tsparticles-interaction-external-connect": "^2.12.0",
"tsparticles-interaction-external-grab": "^2.12.0",
"tsparticles-interaction-external-pause": "^2.12.0",
"tsparticles-interaction-external-push": "^2.12.0",
"tsparticles-interaction-external-remove": "^2.12.0",
"tsparticles-interaction-external-repulse": "^2.12.0",
"tsparticles-interaction-external-slow": "^2.12.0",
"tsparticles-interaction-external-trail": "^2.12.0",
"tsparticles-interaction-particles-attract": "^2.12.0",
"tsparticles-interaction-particles-collisions": "^2.12.0",
"tsparticles-interaction-particles-links": "^2.12.0",
"tsparticles-move-base": "^2.12.0",
"tsparticles-move-parallax": "^2.12.0",
"tsparticles-particles.js": "^2.12.0",
"tsparticles-plugin-absorbers": "^2.12.0",
"tsparticles-plugin-easing-quad": "^2.12.0",
"tsparticles-plugin-emitters": "^2.12.0",
"tsparticles-plugin-motion": "^2.12.0",
"tsparticles-plugin-polygon-mask": "^2.12.0",
"tsparticles-plugin-sounds": "^2.12.0",
"tsparticles-shape-cards": "^2.12.0",
"tsparticles-shape-circle": "^2.12.0",
"tsparticles-shape-heart": "^2.12.0",
"tsparticles-shape-image": "^2.12.0",
"tsparticles-shape-line": "^2.12.0",
"tsparticles-shape-polygon": "^2.12.0",
"tsparticles-shape-square": "^2.12.0",
"tsparticles-shape-star": "^2.12.0",
"tsparticles-shape-text": "^2.12.0",
"tsparticles-slim": "^2.12.0",
"tsparticles-updater-color": "^2.12.0",
"tsparticles-updater-destroy": "^2.12.0",
"tsparticles-updater-life": "^2.12.0",
"tsparticles-updater-opacity": "^2.12.0",
"tsparticles-updater-out-modes": "^2.12.0",
"tsparticles-updater-roll": "^2.12.0",
"tsparticles-updater-rotate": "^2.12.0",
"tsparticles-updater-size": "^2.12.0",
"tsparticles-updater-stroke-color": "^2.12.0",
"tsparticles-updater-tilt": "^2.12.0",
"tsparticles-updater-twinkle": "^2.12.0",
"tsparticles-updater-wobble": "^2.12.0",
"tsparticles": "^3.0.0-beta.3",
"@tsparticles/basic": "^3.0.0-beta.3",
"@tsparticles/configs": "^3.0.0-beta.3",
"@tsparticles/engine": "^3.0.0-beta.3",
"@tsparticles/interaction-external-attract": "^3.0.0-beta.3",
"@tsparticles/interaction-external-bounce": "^3.0.0-beta.3",
"@tsparticles/interaction-external-bubble": "^3.0.0-beta.3",
"@tsparticles/interaction-external-connect": "^3.0.0-beta.3",
"@tsparticles/interaction-external-grab": "^3.0.0-beta.3",
"@tsparticles/interaction-external-pause": "^3.0.0-beta.3",
"@tsparticles/interaction-external-push": "^3.0.0-beta.3",
"@tsparticles/interaction-external-remove": "^3.0.0-beta.3",
"@tsparticles/interaction-external-repulse": "^3.0.0-beta.3",
"@tsparticles/interaction-external-slow": "^3.0.0-beta.3",
"@tsparticles/interaction-external-trail": "^3.0.0-beta.3",
"@tsparticles/interaction-particles-attract": "^3.0.0-beta.3",
"@tsparticles/interaction-particles-collisions": "^3.0.0-beta.3",
"@tsparticles/interaction-particles-links": "^3.0.0-beta.3",
"@tsparticles/move-base": "^3.0.0-beta.3",
"@tsparticles/move-parallax": "^3.0.0-beta.3",
"@tsparticles/particles.js": "^3.0.0-beta.3",
"@tsparticles/plugin-absorbers": "^3.0.0-beta.3",
"@tsparticles/plugin-easing-quad": "^3.0.0-beta.3",
"@tsparticles/plugin-emitters": "^3.0.0-beta.3",
"@tsparticles/plugin-motion": "^3.0.0-beta.3",
"@tsparticles/plugin-polygon-mask": "^3.0.0-beta.3",
"@tsparticles/plugin-sounds": "^3.0.0-beta.3",
"@tsparticles/shape-cards": "^3.0.0-beta.3",
"@tsparticles/shape-circle": "^3.0.0-beta.3",
"@tsparticles/shape-heart": "^3.0.0-beta.3",
"@tsparticles/shape-image": "^3.0.0-beta.3",
"@tsparticles/shape-line": "^3.0.0-beta.3",
"@tsparticles/shape-polygon": "^3.0.0-beta.3",
"@tsparticles/shape-square": "^3.0.0-beta.3",
"@tsparticles/shape-star": "^3.0.0-beta.3",
"@tsparticles/shape-text": "^3.0.0-beta.3",
"@tsparticles/slim": "^3.0.0-beta.3",
"@tsparticles/updater-color": "^3.0.0-beta.3",
"@tsparticles/updater-destroy": "^3.0.0-beta.3",
"@tsparticles/updater-life": "^3.0.0-beta.3",
"@tsparticles/updater-opacity": "^3.0.0-beta.3",
"@tsparticles/updater-out-modes": "^3.0.0-beta.3",
"@tsparticles/updater-roll": "^3.0.0-beta.3",
"@tsparticles/updater-rotate": "^3.0.0-beta.3",
"@tsparticles/updater-size": "^3.0.0-beta.3",
"@tsparticles/updater-stroke-color": "^3.0.0-beta.3",
"@tsparticles/updater-tilt": "^3.0.0-beta.3",
"@tsparticles/updater-twinkle": "^3.0.0-beta.3",
"@tsparticles/updater-wobble": "^3.0.0-beta.3",
"zone.js": "~0.13.0"
},
"devDependencies": {
Expand Down
4 changes: 2 additions & 2 deletions apps/ionic-demo/src/app/tab1/tab1.page.ts
View file
Original file line number Diff line number Diff line change
@@ -1,7 +1,7 @@
import { Component } from "@angular/core";
import type { Container, Engine } from "tsparticles-engine";
import type { Container, Engine } from "@tsparticles/engine";
import { loadFull } from "tsparticles";
import configs from "tsparticles-demo-configs";
import configs from "@tsparticles/configs";

@Component({
selector: "app-tab1",
Expand Down
2 changes: 1 addition & 1 deletion components/confetti/CHANGELOG.md
View file
Original file line number Diff line number Diff line change
Expand Up @@ -3,7 +3,7 @@
All notable changes to this project will be documented in this file.
See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.

# [2.12.0](https://github.com/tsparticles/angular/compare/[email protected]@2.12.0) (2023-08-04)
# [3.0.0-beta.3](https://github.com/tsparticles/angular/compare/[email protected]@3.0.0-beta.3) (2023-08-04)

**Note:** Version bump only for package ng-confetti

Expand Down
6 changes: 3 additions & 3 deletions components/confetti/package.json
View file
Original file line number Diff line number Diff line change
@@ -1,6 +1,6 @@
{
"name": "ng-confetti",
"version": "2.12.0",
"version": "3.0.0-beta.3",
"description": "Official tsParticles Angular Confetti Component - Easily create highly customizable particle, confetti and fireworks animations and use them as animated backgrounds for your website. Ready to use components available also for Web Components, React, Vue.js (2.x and 3.x), Svelte, jQuery, Preact, Riot.js, Solid.js, Inferno.",
"keywords": [
"front-end",
Expand Down Expand Up @@ -85,8 +85,8 @@
"@angular/router": "~16.2.0",
"rxjs": "~7.8.1",
"tslib": "^2.6.1",
"tsparticles-confetti": "^2.12.0",
"tsparticles-engine": "^2.12.0",
"@tsparticles/confetti": "^3.0.0-beta.3",
"@tsparticles/engine": "^3.0.0-beta.3",
"zone.js": "~0.13.0"
},
"devDependencies": {
Expand Down
6 changes: 3 additions & 3 deletions components/confetti/projects/ng-confetti/package.json
View file
Original file line number Diff line number Diff line change
@@ -1,6 +1,6 @@
{
"name": "ng-confetti",
"version": "2.12.0",
"version": "3.0.0-beta.3",
"description": "Official tsParticles Angular Confetti Component - Easily create highly customizable particle, confetti and fireworks animations and use them as animated backgrounds for your website. Ready to use components available also for Web Components, React, Vue.js (2.x and 3.x), Svelte, jQuery, Preact, Riot.js, Solid.js, Inferno.",
"homepage": "https://confetti.js.org",
"repository": {
Expand Down Expand Up @@ -85,8 +85,8 @@
"@angular/common": ">=2.0.0",
"@angular/core": ">=2.0.0",
"rxjs": ">=7.0.0",
"tsparticles-confetti": "^2.12.0",
"tsparticles-engine": "^2.10.1"
"@tsparticles/confetti": "^3.0.0-beta.3",
"@tsparticles/engine": "^2.10.1"
},
"dependencies": {
"tslib": "^2.4.1"
Expand Down
4 changes: 2 additions & 2 deletions components/confetti/projects/ng-confetti/src/lib/ng-confetti.component.ts
View file
Original file line number Diff line number Diff line change
@@ -1,8 +1,8 @@
import { isPlatformServer } from '@angular/common';
import { AfterViewInit, Component, Inject, Input, OnChanges, PLATFORM_ID, SimpleChanges } from '@angular/core';
import { Subject } from 'rxjs';
import { confetti, ConfettiOptions } from 'tsparticles-confetti';
import type { Container } from 'tsparticles-engine';
import { confetti, ConfettiOptions } from '@tsparticles/confetti';
import type { Container } from '@tsparticles/engine';

@Component({
selector: 'ng-confetti',
Expand Down
2 changes: 1 addition & 1 deletion components/confetti/scripts/prebuild.js
View file
Original file line number Diff line number Diff line change
Expand Up @@ -14,7 +14,7 @@ fs.readFile(libPackage, function (error, data) {
const libObj = JSON.parse(text);

libObj.version = mainPackage.version;
libObj.peerDependencies["tsparticles-confetti"] = mainPackage.dependencies["tsparticles-confetti"].replace("workspace:", "");
libObj.peerDependencies["@tsparticles/confetti"] = mainPackage.dependencies["@tsparticles/confetti"].replace("workspace:", "");

fs.writeFile(libPackage, JSON.stringify(libObj, undefined, 2), 'utf-8', function () {
console.log(`lib package.json updated successfully to version ${mainPackage.version}`);
Expand Down
2 changes: 1 addition & 1 deletion components/fireworks/CHANGELOG.md
View file
Original file line number Diff line number Diff line change
Expand Up @@ -3,7 +3,7 @@
All notable changes to this project will be documented in this file.
See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.

# [2.12.0](https://github.com/tsparticles/angular/compare/[email protected]@2.12.0) (2023-08-04)
# [3.0.0-beta.3](https://github.com/tsparticles/angular/compare/[email protected]@3.0.0-beta.3) (2023-08-04)

**Note:** Version bump only for package ng-fireworks

Expand Down
4 changes: 2 additions & 2 deletions components/fireworks/package.json
View file
Original file line number Diff line number Diff line change
@@ -1,6 +1,6 @@
{
"name": "ng-fireworks",
"version": "2.12.0",
"version": "3.0.0-beta.3",
"description": "Official tsParticles Angular Confetti Component - Easily create highly customizable particle, confetti and fireworks animations and use them as animated backgrounds for your website. Ready to use components available also for Web Components, React, Vue.js (2.x and 3.x), Svelte, jQuery, Preact, Riot.js, Solid.js, Inferno.",
"keywords": [
"front-end",
Expand Down Expand Up @@ -85,7 +85,7 @@
"@angular/router": "~16.2.0",
"rxjs": "~7.8.1",
"tslib": "^2.6.1",
"tsparticles-fireworks": "^2.12.0",
"@tsparticles/fireworks": "^3.0.0-beta.3",
"zone.js": "~0.13.0"
},
"devDependencies": {
Expand Down
4 changes: 2 additions & 2 deletions components/fireworks/projects/ng-fireworks/package.json
View file
Original file line number Diff line number Diff line change
@@ -1,6 +1,6 @@
{
"name": "ng-fireworks",
"version": "2.12.0",
"version": "3.0.0-beta.3",
"description": "Official tsParticles Angular Confetti Component - Easily create highly customizable particle, confetti and fireworks animations and use them as animated backgrounds for your website. Ready to use components available also for Web Components, React, Vue.js (2.x and 3.x), Svelte, jQuery, Preact, Riot.js, Solid.js, Inferno.",
"homepage": "https://confetti.js.org",
"repository": {
Expand Down Expand Up @@ -85,7 +85,7 @@
"@angular/common": ">=2.0.0",
"@angular/core": ">=2.0.0",
"rxjs": ">=7.0.0",
"tsparticles-fireworks": "^2.12.0"
"@tsparticles/fireworks": "^3.0.0-beta.3"
},
"dependencies": {
"tslib": "^2.4.1"
Expand Down
Loading

0 comments on commit 6ad1513

Please sign in to comment.