Skip to content

Commit

Permalink
build: working on migration to v3, updated all packages
Browse files Browse the repository at this point in the history
  • Loading branch information
@matteobruni
matteobruni committed Dec 24, 2023
1 parent bde2458 commit 168f122
Show file tree
Hide file tree
Showing 13 changed files with 3,781 additions and 2,611 deletions.
146 changes: 75 additions & 71 deletions apps/angular-demo/package.json
View file
Original file line number Diff line number Diff line change
@@ -1,5 +1,5 @@
{
"name": "ng-particles-demo",
"name": "@tsparticles/angular-demo",
"version": "3.0.0-beta.3",
"scripts": {
"ng": "ng",
Expand All @@ -11,84 +11,88 @@
},
"private": true,
"dependencies": {
"@angular/animations": "~16.2.0",
"@angular/common": "~16.2.0",
"@angular/compiler": "~16.2.0",
"@angular/core": "~16.2.0",
"@angular/forms": "~16.2.0",
"@angular/platform-browser": "~16.2.0",
"@angular/platform-browser-dynamic": "~16.2.0",
"@angular/router": "~16.2.0",
"@tsparticles/angular-confetti": "^3.0.0-beta.0",
"@tsparticles/angular-fireworks": "^3.0.0-beta.0",
"@tsparticles/angular": "^3.0.0-beta.0",
"@angular/animations": "~17.0.8",
"@angular/common": "~17.0.8",
"@angular/compiler": "~17.0.8",
"@angular/core": "~17.0.8",
"@angular/forms": "~17.0.8",
"@angular/platform-browser": "~17.0.8",
"@angular/platform-browser-dynamic": "~17.0.8",
"@angular/router": "~17.0.8",
"@tsparticles/angular": "workspace:^",
"angular-confetti": "workspace:^",
"angular-fireworks": "workspace:^",
"rxjs": "~7.8.1",
"tslib": "^2.6.2",
"tsparticles": "^3.0.0-beta.4",
"@tsparticles/basic": "^3.0.0-beta.4",
"@tsparticles/confetti": "^3.0.0-beta.4",
"@tsparticles/configs": "^3.0.0-beta.4",
"@tsparticles/engine": "^3.0.0-beta.4",
"@tsparticles/fireworks": "^3.0.0-beta.4",
"@tsparticles/interaction-external-attract": "^3.0.0-beta.4",
"@tsparticles/interaction-external-bounce": "^3.0.0-beta.4",
"@tsparticles/interaction-external-bubble": "^3.0.0-beta.4",
"@tsparticles/interaction-external-connect": "^3.0.0-beta.4",
"@tsparticles/interaction-external-grab": "^3.0.0-beta.4",
"@tsparticles/interaction-external-pause": "^3.0.0-beta.4",
"@tsparticles/interaction-external-push": "^3.0.0-beta.4",
"@tsparticles/interaction-external-remove": "^3.0.0-beta.4",
"@tsparticles/interaction-external-repulse": "^3.0.0-beta.4",
"@tsparticles/interaction-external-slow": "^3.0.0-beta.4",
"@tsparticles/interaction-external-trail": "^3.0.0-beta.4",
"@tsparticles/interaction-particles-attract": "^3.0.0-beta.4",
"@tsparticles/interaction-particles-collisions": "^3.0.0-beta.4",
"@tsparticles/interaction-particles-links": "^3.0.0-beta.4",
"@tsparticles/move-base": "^3.0.0-beta.4",
"@tsparticles/move-parallax": "^3.0.0-beta.4",
"@tsparticles/particles.js": "^3.0.0-beta.4",
"@tsparticles/plugin-absorbers": "^3.0.0-beta.4",
"@tsparticles/plugin-easing-quad": "^3.0.0-beta.4",
"@tsparticles/plugin-emitters": "^3.0.0-beta.4",
"@tsparticles/plugin-motion": "^3.0.0-beta.4",
"@tsparticles/plugin-polygon-mask": "^3.0.0-beta.4",
"@tsparticles/plugin-sounds": "^3.0.0-beta.4",
"@tsparticles/shape-cards": "^3.0.0-beta.4",
"@tsparticles/shape-circle": "^3.0.0-beta.4",
"@tsparticles/shape-heart": "^3.0.0-beta.4",
"@tsparticles/shape-image": "^3.0.0-beta.4",
"@tsparticles/shape-line": "^3.0.0-beta.4",
"@tsparticles/shape-polygon": "^3.0.0-beta.4",
"@tsparticles/shape-square": "^3.0.0-beta.4",
"@tsparticles/shape-star": "^3.0.0-beta.4",
"@tsparticles/shape-text": "^3.0.0-beta.4",
"@tsparticles/slim": "^3.0.0-beta.4",
"@tsparticles/updater-color": "^3.0.0-beta.4",
"@tsparticles/updater-destroy": "^3.0.0-beta.4",
"@tsparticles/updater-life": "^3.0.0-beta.4",
"@tsparticles/updater-opacity": "^3.0.0-beta.4",
"@tsparticles/updater-out-modes": "^3.0.0-beta.4",
"@tsparticles/updater-roll": "^3.0.0-beta.4",
"@tsparticles/updater-rotate": "^3.0.0-beta.4",
"@tsparticles/updater-size": "^3.0.0-beta.4",
"@tsparticles/updater-stroke-color": "^3.0.0-beta.4",
"@tsparticles/updater-tilt": "^3.0.0-beta.4",
"@tsparticles/updater-twinkle": "^3.0.0-beta.4",
"@tsparticles/updater-wobble": "^3.0.0-beta.4",
"zone.js": "~0.13.0"
"tsparticles": "^3.0.2",
"@tsparticles/basic": "^3.0.2",
"@tsparticles/confetti": "^3.0.2",
"@tsparticles/configs": "^3.0.2",
"@tsparticles/effect-trail": "^3.0.2",
"@tsparticles/engine": "^3.0.2",
"@tsparticles/fireworks": "^3.0.2",
"@tsparticles/interaction-external-attract": "^3.0.2",
"@tsparticles/interaction-external-bounce": "^3.0.2",
"@tsparticles/interaction-external-bubble": "^3.0.2",
"@tsparticles/interaction-external-connect": "^3.0.2",
"@tsparticles/interaction-external-grab": "^3.0.2",
"@tsparticles/interaction-external-pause": "^3.0.2",
"@tsparticles/interaction-external-push": "^3.0.2",
"@tsparticles/interaction-external-remove": "^3.0.2",
"@tsparticles/interaction-external-repulse": "^3.0.2",
"@tsparticles/interaction-external-slow": "^3.0.2",
"@tsparticles/interaction-external-trail": "^3.0.2",
"@tsparticles/interaction-particles-attract": "^3.0.2",
"@tsparticles/interaction-particles-collisions": "^3.0.2",
"@tsparticles/interaction-particles-links": "^3.0.2",
"@tsparticles/move-base": "^3.0.2",
"@tsparticles/move-parallax": "^3.0.2",
"@tsparticles/pjs": "^3.0.2",
"@tsparticles/plugin-absorbers": "^3.0.2",
"@tsparticles/plugin-easing-quad": "^3.0.2",
"@tsparticles/plugin-emitters": "^3.0.2",
"@tsparticles/plugin-emitters-shape-circle": "^3.0.2",
"@tsparticles/plugin-emitters-shape-square": "^3.0.2",
"@tsparticles/plugin-motion": "^3.0.2",
"@tsparticles/plugin-polygon-mask": "^3.0.2",
"@tsparticles/plugin-sounds": "^3.0.2",
"@tsparticles/shape-cards": "^3.0.2",
"@tsparticles/shape-circle": "^3.0.2",
"@tsparticles/shape-emoji": "^3.0.2",
"@tsparticles/shape-heart": "^3.0.2",
"@tsparticles/shape-image": "^3.0.2",
"@tsparticles/shape-line": "^3.0.2",
"@tsparticles/shape-polygon": "^3.0.2",
"@tsparticles/shape-square": "^3.0.2",
"@tsparticles/shape-star": "^3.0.2",
"@tsparticles/shape-text": "^3.0.2",
"@tsparticles/slim": "^3.0.2",
"@tsparticles/updater-color": "^3.0.2",
"@tsparticles/updater-destroy": "^3.0.2",
"@tsparticles/updater-life": "^3.0.2",
"@tsparticles/updater-opacity": "^3.0.2",
"@tsparticles/updater-out-modes": "^3.0.2",
"@tsparticles/updater-roll": "^3.0.2",
"@tsparticles/updater-rotate": "^3.0.2",
"@tsparticles/updater-size": "^3.0.2",
"@tsparticles/updater-stroke-color": "^3.0.2",
"@tsparticles/updater-tilt": "^3.0.2",
"@tsparticles/updater-twinkle": "^3.0.2",
"@tsparticles/updater-wobble": "^3.0.2",
"zone.js": "~0.14.2"
},
"devDependencies": {
"@angular-devkit/build-angular": "~16.2.0",
"@angular/cli": "~16.2.0",
"@angular/compiler-cli": "~16.2.0",
"@types/jasmine": "~4.3.5",
"@types/node": "^20.4.7",
"jasmine-core": "~5.1.0",
"@angular-devkit/build-angular": "~17.0.8",
"@angular/cli": "~17.0.8",
"@angular/compiler-cli": "~17.0.8",
"@types/jasmine": "~5.1.4",
"@types/node": "^20.10.5",
"jasmine-core": "~5.1.1",
"karma": "~6.4.2",
"karma-chrome-launcher": "~3.2.0",
"karma-coverage": "~2.2.1",
"karma-jasmine": "~5.1.0",
"karma-jasmine-html-reporter": "~2.1.0",
"typescript": "~5.1.6"
"typescript": "~5.2.2"
}
}
40 changes: 20 additions & 20 deletions apps/angular-demo/src/app/app.component.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -10,8 +10,8 @@
<style>
:host {
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,
Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji",
"Segoe UI Symbol";
Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji",
"Segoe UI Symbol";
font-size: 14px;
color: #333;
box-sizing: border-box;
Expand Down Expand Up @@ -327,7 +327,7 @@
xmlns="http://www.w3.org/2000/svg"
viewBox="0 0 400 400"
>
<rect width="400" height="400" fill="none" />
<rect width="400" height="400" fill="none"/>
<path
d="M153.62,301.59c94.34,0,145.94-78.16,145.94-145.94,0-2.22,0-4.43-.15-6.63A104.36,104.36,0,0,0,325,122.47a102.38,102.38,0,0,1-29.46,8.07,51.47,51.47,0,0,0,22.55-28.37,102.79,102.79,0,0,1-32.57,12.45,51.34,51.34,0,0,0-87.41,46.78A145.62,145.62,0,0,1,92.4,107.81a51.33,51.33,0,0,0,15.88,68.47A50.91,50.91,0,0,1,85,169.86c0,.21,0,.43,0,.65a51.31,51.31,0,0,0,41.15,50.28,51.21,51.21,0,0,1-23.16.88,51.35,51.35,0,0,0,47.92,35.62,102.92,102.92,0,0,1-63.7,22A104.41,104.41,0,0,1,75,278.55a145.21,145.21,0,0,0,78.62,23"
fill="#fff"
Expand All @@ -350,7 +350,7 @@
viewBox="0 0 24 24"
fill="#fff"
>
<path d="M0 0h24v24H0V0z" fill="none" />
<path d="M0 0h24v24H0V0z" fill="none"/>
<path
d="M21.58 7.19c-.23-.86-.91-1.54-1.77-1.77C18.25 5 12 5 12 5s-6.25 0-7.81.42c-.86.23-1.54.91-1.77 1.77C2 8.75 2 12 2 12s0 3.25.42 4.81c.23.86.91 1.54 1.77 1.77C5.75 19 12 19 12 19s6.25 0 7.81-.42c.86-.23 1.54-.91 1.77-1.77C22 15.25 22 12 22 12s0-3.25-.42-4.81zM10 15V9l5.2 3-5.2 3z"
/>
Expand Down Expand Up @@ -452,7 +452,7 @@ <h2>Resources</h2>
height="24"
viewBox="0 0 24 24"
>
<path d="M10 6L8.59 7.41 13.17 12l-4.58 4.59L10 18l6-6z" />
<path d="M10 6L8.59 7.41 13.17 12l-4.58 4.59L10 18l6-6z"/>
</svg>
</a>

Expand Down Expand Up @@ -481,7 +481,7 @@ <h2>Resources</h2>
height="24"
viewBox="0 0 24 24"
>
<path d="M10 6L8.59 7.41 13.17 12l-4.58 4.59L10 18l6-6z" />
<path d="M10 6L8.59 7.41 13.17 12l-4.58 4.59L10 18l6-6z"/>
</svg>
</a>

Expand Down Expand Up @@ -510,7 +510,7 @@ <h2>Resources</h2>
height="24"
viewBox="0 0 24 24"
>
<path d="M10 6L8.59 7.41 13.17 12l-4.58 4.59L10 18l6-6z" />
<path d="M10 6L8.59 7.41 13.17 12l-4.58 4.59L10 18l6-6z"/>
</svg>
</a>

Expand All @@ -530,7 +530,7 @@ <h2>Resources</h2>
fill="#000000"
>
<g>
<rect fill="none" height="24" width="24" />
<rect fill="none" height="24" width="24"/>
</g>
<g>
<g>
Expand All @@ -551,7 +551,7 @@ <h2>Resources</h2>
height="24"
viewBox="0 0 24 24"
>
<path d="M10 6L8.59 7.41 13.17 12l-4.58 4.59L10 18l6-6z" />
<path d="M10 6L8.59 7.41 13.17 12l-4.58 4.59L10 18l6-6z"/>
</svg>
</a>
</div>
Expand All @@ -560,7 +560,7 @@ <h2>Resources</h2>
<h2>Next Steps</h2>
<p>What do you want to do next with your app?</p>

<input type="hidden" #selection />
<input type="hidden" #selection/>

<div class="card-container">
<button
Expand All @@ -575,7 +575,7 @@ <h2>Next Steps</h2>
height="24"
viewBox="0 0 24 24"
>
<path d="M19 13h-6v6h-2v-6H5v-2h6V5h2v6h6v2z" />
<path d="M19 13h-6v6h-2v-6H5v-2h6V5h2v6h6v2z"/>
</svg>
<span>New Component</span>
</button>
Expand All @@ -592,7 +592,7 @@ <h2>Next Steps</h2>
height="24"
viewBox="0 0 24 24"
>
<path d="M19 13h-6v6h-2v-6H5v-2h6V5h2v6h6v2z" />
<path d="M19 13h-6v6h-2v-6H5v-2h6V5h2v6h6v2z"/>
</svg>
<span>Angular Material</span>
</button>
Expand All @@ -609,7 +609,7 @@ <h2>Next Steps</h2>
height="24"
viewBox="0 0 24 24"
>
<path d="M19 13h-6v6h-2v-6H5v-2h6V5h2v6h6v2z" />
<path d="M19 13h-6v6h-2v-6H5v-2h6V5h2v6h6v2z"/>
</svg>
<span>Add PWA Support</span>
</button>
Expand All @@ -626,7 +626,7 @@ <h2>Next Steps</h2>
height="24"
viewBox="0 0 24 24"
>
<path d="M19 13h-6v6h-2v-6H5v-2h6V5h2v6h6v2z" />
<path d="M19 13h-6v6h-2v-6H5v-2h6V5h2v6h6v2z"/>
</svg>
<span>Add Dependency</span>
</button>
Expand All @@ -643,7 +643,7 @@ <h2>Next Steps</h2>
height="24"
viewBox="0 0 24 24"
>
<path d="M19 13h-6v6h-2v-6H5v-2h6V5h2v6h6v2z" />
<path d="M19 13h-6v6h-2v-6H5v-2h6V5h2v6h6v2z"/>
</svg>
<span>Run and Watch Tests</span>
</button>
Expand All @@ -660,7 +660,7 @@ <h2>Next Steps</h2>
height="24"
viewBox="0 0 24 24"
>
<path d="M19 13h-6v6h-2v-6H5v-2h6V5h2v6h6v2z" />
<path d="M19 13h-6v6h-2v-6H5v-2h6V5h2v6h6v2z"/>
</svg>
<span>Build for Production</span>
</button>
Expand All @@ -669,8 +669,8 @@ <h2>Next Steps</h2>
<!-- Terminal -->
<div class="terminal" [ngSwitch]="selection.value">
<pre *ngSwitchDefault>ng generate component xyz</pre>
<pre *ngSwitchCase="'material'">ng add @angular/material</pre>
<pre *ngSwitchCase="'pwa'">ng add @angular/pwa</pre>
<pre *ngSwitchCase="'material'">ng add &#64;angular/material</pre>
<pre *ngSwitchCase="'pwa'">ng add &#64;angular/pwa</pre>
<pre *ngSwitchCase="'dependency'">ng add _____</pre>
<pre *ngSwitchCase="'test'">ng test</pre>
<pre *ngSwitchCase="'build'">ng build</pre>
Expand Down Expand Up @@ -861,7 +861,7 @@ <h2>Next Steps</h2>
height="24"
viewBox="0 0 24 24"
>
<path d="M0 0h24v24H0z" fill="none" />
<path d="M0 0h24v24H0z" fill="none"/>
<path
d="M12 17.27L18.18 21l-1.64-7.03L22 9.24l-7.19-.61L12 2 9.19 8.63 2 9.24l5.46 4.73L5.82 21z"
/>
Expand All @@ -881,7 +881,7 @@ <h2>Next Steps</h2>
d="M10 6L8.59 7.41 13.17 12l-4.58 4.59L10 18l6-6z"
fill="#1976d2"
/>
<path d="M0 0h24v24H0z" fill="none" />
<path d="M0 0h24v24H0z" fill="none"/>
</svg>
</a>
</footer>
Expand Down
4 changes: 2 additions & 2 deletions apps/angular-demo/src/app/app.module.ts
View file
Original file line number Diff line number Diff line change
@@ -1,8 +1,8 @@
import { NgModule } from '@angular/core';
import { BrowserModule } from '@angular/platform-browser';
import { NgxParticlesModule } from '@tsparticles/angular';
import { NgxConfettiModule } from '@tsparticles/angular-confetti';
import { NgxFireworksModule } from '@tsparticles/angular-fireworks';
import { NgxConfettiModule } from 'angular-confetti';
import { NgxFireworksModule } from 'angular-fireworks';

import { AppRoutingModule } from './app-routing.module';
import { AppComponent } from './app.component';
Expand Down
Loading

0 comments on commit 168f122

Please sign in to comment.