├── .github ├── FUNDING.yml └── workflows │ └── nodejs.yml ├── .gitignore ├── .husky ├── .gitignore └── commit-msg ├── CHANGELOG.md ├── LICENSE ├── README.md ├── apps ├── svelte-kit │ ├── .eslintignore │ ├── .eslintrc.cjs │ ├── .gitignore │ ├── .npmrc │ ├── .prettierignore │ ├── .prettierrc │ ├── CHANGELOG.md │ ├── README.md │ ├── package.json │ ├── src │ │ ├── app.d.ts │ │ ├── app.html │ │ ├── lib │ │ │ └── images │ │ │ │ ├── github.svg │ │ │ │ ├── svelte-logo.svg │ │ │ │ ├── svelte-welcome.png │ │ │ │ └── svelte-welcome.webp │ │ └── routes │ │ │ ├── +layout.svelte │ │ │ ├── +page.svelte │ │ │ ├── +page.ts │ │ │ ├── Counter.svelte │ │ │ ├── Header.svelte │ │ │ ├── about │ │ │ ├── +page.svelte │ │ │ └── +page.ts │ │ │ └── styles.css │ ├── static │ │ ├── favicon.png │ │ └── robots.txt │ ├── svelte.config.js │ ├── tsconfig.json │ └── vite.config.ts └── svelte │ ├── .gitignore │ ├── CHANGELOG.md │ ├── README.md │ ├── package.json │ ├── public │ ├── favicon.png │ ├── global.css │ └── index.html │ ├── rollup.config.mjs │ ├── src │ ├── App.svelte │ ├── global.d.ts │ └── main.ts │ └── tsconfig.json ├── components └── svelte │ ├── .eslintignore │ ├── .eslintrc.cjs │ ├── .gitignore │ ├── .npmrc │ ├── .prettierignore │ ├── .prettierrc │ ├── CHANGELOG.md │ ├── README.md │ ├── package.json │ ├── src │ ├── app.d.ts │ ├── app.html │ ├── lib │ │ ├── Particles.svelte │ │ ├── index.ts │ │ └── utils.ts │ └── routes │ │ └── +page.svelte │ ├── static │ └── favicon.png │ ├── svelte.config.js │ ├── tsconfig.json │ └── vite.config.ts ├── lerna.json ├── package.json ├── pnpm-lock.yaml ├── pnpm-workspace.yaml └── renovate.json /.github/FUNDING.yml: -------------------------------------------------------------------------------- 1 | # These are supported funding model platforms 2 | 3 | github: matteobruni,tsparticles 4 | -------------------------------------------------------------------------------- /.github/workflows/nodejs.yml: -------------------------------------------------------------------------------- 1 | name: Node.js CI 2 | on: 3 | push: 4 | branches: 5 | - main 6 | - legacy 7 | - dev 8 | pull_request: 9 | branches: 10 | - main 11 | - legacy 12 | - dev 13 | 14 | #env: 15 | #NX_CLOUD_DISTRIBUTED_EXECUTION: true 16 | #NX_CLOUD_ACCESS_TOKEN: '${{ secrets.NX_CLOUD_ACCESS_TOKEN }}' 17 | #NX_BRANCH: '${{github.event.pull_request.number || github.ref_name}}' 18 | 19 | jobs: 20 | 21 | main: 22 | runs-on: ubuntu-latest 23 | if: ${{ github.event_name != 'pull_request' }} 24 | steps: 25 | - uses: actions/checkout@0ad4b8fadaa221de15dcec353f45205ec38ea70b # v4 26 | name: Checkout [main] 27 | with: 28 | fetch-depth: 0 29 | #- name: Derive appropriate SHAs for base and head for `nx affected` commands 30 | # uses: nrwl/nx-set-shas@v3 31 | - uses: actions/setup-node@v4 32 | with: 33 | node-version: '20' 34 | - uses: pnpm/action-setup@v2.4.0 35 | name: Install pnpm 36 | id: pnpm-install 37 | with: 38 | version: 9 39 | run_install: false 40 | - name: Get pnpm version 41 | id: pnpm-version 42 | run: | 43 | echo "$(pnpm --version)" 44 | 45 | - name: Get pnpm store directory 46 | id: pnpm-cache 47 | run: | 48 | echo "::set-output name=pnpm_cache_dir::$(pnpm store path)" 49 | 50 | - uses: actions/cache@v3 51 | name: Setup pnpm cache 52 | with: 53 | path: ${{ steps.pnpm-cache.outputs.pnpm_cache_dir }} 54 | key: ${{ runner.os }}-pnpm-store-${{ hashFiles('**/pnpm-lock.yaml') }} 55 | restore-keys: | 56 | ${{ runner.os }}-pnpm-store- 57 | - run: pnpm install --no-frozen-lockfile 58 | #- run: npx nx-cloud start-ci-run 59 | #- run: pnpm run prettify:ci:readme 60 | - run: npx lerna run build:ci #--concurrency 3 61 | #- run: npx nx-cloud stop-all-agents 62 | pr: 63 | runs-on: ubuntu-latest 64 | if: ${{ github.event_name == 'pull_request' }} 65 | steps: 66 | - uses: actions/checkout@0ad4b8fadaa221de15dcec353f45205ec38ea70b # v4 67 | with: 68 | ref: ${{ github.event.pull_request.head.ref }} 69 | repository: ${{ github.event.pull_request.head.repo.full_name }} 70 | fetch-depth: 0 71 | #- name: Derive appropriate SHAs for base and head for `nx affected` commands 72 | # uses: nrwl/nx-set-shas@v3 73 | - uses: actions/setup-node@v4 74 | with: 75 | node-version: '20' 76 | - uses: pnpm/action-setup@v2.4.0 77 | name: Install pnpm 78 | id: pnpm-install 79 | with: 80 | version: 9 81 | run_install: false 82 | - name: Get pnpm version 83 | id: pnpm-version 84 | run: | 85 | echo "$(pnpm --version)" 86 | 87 | - name: Get pnpm store directory 88 | id: pnpm-cache 89 | run: | 90 | echo "::set-output name=pnpm_cache_dir::$(pnpm store path)" 91 | 92 | - uses: actions/cache@v3 93 | name: Setup pnpm cache 94 | with: 95 | path: ${{ steps.pnpm-cache.outputs.pnpm_cache_dir }} 96 | key: ${{ runner.os }}-pnpm-store-${{ hashFiles('**/pnpm-lock.yaml') }} 97 | restore-keys: | 98 | ${{ runner.os }}-pnpm-store- 99 | - run: pnpm install --no-frozen-lockfile 100 | #- run: npx nx-cloud start-ci-run 101 | #- run: pnpm run prettify:ci:readme 102 | - run: npx lerna run build:ci #--concurrency 3 103 | #- run: npx nx-cloud stop-all-agents 104 | - run: echo ${{ github.repository_owner }} 105 | - run: echo ${{ github.actor }} 106 | 107 | # agents: 108 | # runs-on: ubuntu-latest 109 | # name: Nx Agent 110 | # timeout-minutes: 60 111 | # strategy: 112 | # matrix: 113 | # agent: [ 1, 2, 3 ] 114 | # steps: 115 | # - uses: actions/checkout@v3 116 | # - uses: actions/setup-node@v3 117 | # with: 118 | # node-version: '20' 119 | # - uses: pnpm/action-setup@v2.2.2 120 | # name: Install pnpm 121 | # id: pnpm-install 122 | # with: 123 | # version: 9 124 | # run_install: false 125 | # - name: Get pnpm version 126 | # id: pnpm-version 127 | # run: | 128 | # echo "$(pnpm --version)" 129 | # 130 | # - name: Get pnpm store directory 131 | # id: pnpm-cache 132 | # run: | 133 | # echo "::set-output name=pnpm_cache_dir::$(pnpm store path)" 134 | # 135 | # - uses: actions/cache@v3 136 | # name: Setup pnpm cache 137 | # with: 138 | # path: ${{ steps.pnpm-cache.outputs.pnpm_cache_dir }} 139 | # key: ${{ runner.os }}-pnpm-store-${{ hashFiles('**/pnpm-lock.yaml') }} 140 | # restore-keys: | 141 | # ${{ runner.os }}-pnpm-store- 142 | # - run: pnpm install --no-frozen-lockfile 143 | # - name: Start Nx Agent ${{ matrix.agent }} 144 | # run: npx nx-cloud start-agent 145 | -------------------------------------------------------------------------------- /.gitignore: -------------------------------------------------------------------------------- 1 | ## Ignore Visual Studio temporary files, build results, and 2 | ## files generated by popular Visual Studio add-ons. 3 | ## 4 | ## Get latest from https://github.com/github/gitignore/blob/master/VisualStudio.gitignore 5 | 6 | # User-specific files 7 | *.rsuser 8 | *.suo 9 | *.user 10 | *.userosscache 11 | *.sln.docstates 12 | 13 | # User-specific files (MonoDevelop/Xamarin Studio) 14 | *.userprefs 15 | 16 | # Mono auto generated files 17 | mono_crash.* 18 | 19 | # Build results 20 | [Dd]ebug/ 21 | [Dd]ebugPublic/ 22 | [Rr]elease/ 23 | [Rr]eleases/ 24 | x64/ 25 | x86/ 26 | [Aa][Rr][Mm]/ 27 | [Aa][Rr][Mm]64/ 28 | bld/ 29 | [Bb]in/ 30 | [Oo]bj/ 31 | [Ll]og/ 32 | [Ll]ogs/ 33 | 34 | # Visual Studio 2015/2017 cache/options directory 35 | .vs/ 36 | # Uncomment if you have tasks that create the project's static files in wwwroot 37 | #wwwroot/ 38 | 39 | # Visual Studio 2017 auto generated files 40 | Generated\ Files/ 41 | 42 | # MSTest test Results 43 | [Tt]est[Rr]esult*/ 44 | [Bb]uild[Ll]og.* 45 | 46 | # NUnit 47 | *.VisualState.xml 48 | TestResult.xml 49 | nunit-*.xml 50 | 51 | # Build Results of an ATL Project 52 | [Dd]ebugPS/ 53 | [Rr]eleasePS/ 54 | dlldata.c 55 | 56 | # Benchmark Results 57 | BenchmarkDotNet.Artifacts/ 58 | 59 | # .NET Core 60 | project.lock.json 61 | project.fragment.lock.json 62 | artifacts/ 63 | 64 | # StyleCop 65 | StyleCopReport.xml 66 | 67 | # Files built by Visual Studio 68 | *_i.c 69 | *_p.c 70 | *_h.h 71 | *.ilk 72 | *.meta 73 | *.obj 74 | *.iobj 75 | *.pch 76 | *.pdb 77 | *.ipdb 78 | *.pgc 79 | *.pgd 80 | *.rsp 81 | *.sbr 82 | *.tlb 83 | *.tli 84 | *.tlh 85 | *.tmp 86 | *.tmp_proj 87 | *_wpftmp.csproj 88 | *.log 89 | *.vspscc 90 | *.vssscc 91 | .builds 92 | *.pidb 93 | *.svclog 94 | *.scc 95 | 96 | # Chutzpah Test files 97 | _Chutzpah* 98 | 99 | # Visual C++ cache files 100 | ipch/ 101 | *.aps 102 | *.ncb 103 | *.opendb 104 | *.opensdf 105 | *.sdf 106 | *.cachefile 107 | *.VC.db 108 | *.VC.VC.opendb 109 | 110 | # Visual Studio profiler 111 | *.psess 112 | *.vsp 113 | *.vspx 114 | *.sap 115 | 116 | # Visual Studio Trace Files 117 | *.e2e 118 | 119 | # TFS 2012 Local Workspace 120 | $tf/ 121 | 122 | # Guidance Automation Toolkit 123 | *.gpState 124 | 125 | # ReSharper is a .NET coding add-in 126 | _ReSharper*/ 127 | *.[Rr]e[Ss]harper 128 | *.DotSettings.user 129 | 130 | # JustCode is a .NET coding add-in 131 | .JustCode 132 | 133 | # TeamCity is a build add-in 134 | _TeamCity* 135 | 136 | # DotCover is a Code Coverage Tool 137 | *.dotCover 138 | 139 | # AxoCover is a Code Coverage Tool 140 | .axoCover/* 141 | !.axoCover/settings.json 142 | 143 | # Visual Studio code coverage results 144 | *.coverage 145 | *.coveragexml 146 | 147 | # NCrunch 148 | _NCrunch_* 149 | .*crunch*.local.xml 150 | nCrunchTemp_* 151 | 152 | # MightyMoose 153 | *.mm.* 154 | AutoTest.Net/ 155 | 156 | # Web workbench (sass) 157 | .sass-cache/ 158 | 159 | # Installshield output folder 160 | [Ee]xpress/ 161 | 162 | # DocProject is a documentation generator add-in 163 | DocProject/buildhelp/ 164 | DocProject/Help/*.HxT 165 | DocProject/Help/*.HxC 166 | DocProject/Help/*.hhc 167 | DocProject/Help/*.hhk 168 | DocProject/Help/*.hhp 169 | DocProject/Help/Html2 170 | DocProject/Help/html 171 | 172 | # Click-Once directory 173 | publish/ 174 | 175 | # Publish Web Output 176 | *.[Pp]ublish.xml 177 | *.azurePubxml 178 | # Note: Comment the next line if you want to checkin your web deploy settings, 179 | # but database connection strings (with potential passwords) will be unencrypted 180 | *.pubxml 181 | *.publishproj 182 | 183 | # Microsoft Azure Web App publish settings. Comment the next line if you want to 184 | # checkin your Azure Web App publish settings, but sensitive information contained 185 | # in these scripts will be unencrypted 186 | PublishScripts/ 187 | 188 | # NuGet Packages 189 | *.nupkg 190 | # NuGet Symbol Packages 191 | *.snupkg 192 | # The packages folder can be ignored because of Package Restore 193 | **/[Pp]ackages/* 194 | # except build/, which is used as an MSBuild target. 195 | !**/[Pp]ackages/build/ 196 | # Uncomment if necessary however generally it will be regenerated when needed 197 | #!**/[Pp]ackages/repositories.config 198 | # NuGet v3's project.json files produces more ignorable files 199 | *.nuget.props 200 | *.nuget.targets 201 | 202 | # Microsoft Azure Build Output 203 | csx/ 204 | *.build.csdef 205 | 206 | # Microsoft Azure Emulator 207 | ecf/ 208 | rcf/ 209 | 210 | # Windows Store app package directories and files 211 | AppPackages/ 212 | BundleArtifacts/ 213 | Package.StoreAssociation.xml 214 | _pkginfo.txt 215 | *.appx 216 | *.appxbundle 217 | *.appxupload 218 | 219 | # Visual Studio cache files 220 | # files ending in .cache can be ignored 221 | *.[Cc]ache 222 | # but keep track of directories ending in .cache 223 | !?*.[Cc]ache/ 224 | 225 | # Others 226 | ClientBin/ 227 | ~$* 228 | *~ 229 | *.dbmdl 230 | *.dbproj.schemaview 231 | *.jfm 232 | *.pfx 233 | *.publishsettings 234 | orleans.codegen.cs 235 | 236 | # Including strong name files can present a security risk 237 | # (https://github.com/github/gitignore/pull/2483#issue-259490424) 238 | #*.snk 239 | 240 | # Since there are multiple workflows, uncomment next line to ignore bower_components 241 | # (https://github.com/github/gitignore/pull/1529#issuecomment-104372622) 242 | #bower_components/ 243 | 244 | # RIA/Silverlight projects 245 | Generated_Code/ 246 | 247 | # Backup & report files from converting an old project file 248 | # to a newer Visual Studio version. Backup files are not needed, 249 | # because we have git ;-) 250 | _UpgradeReport_Files/ 251 | Backup*/ 252 | UpgradeLog*.XML 253 | UpgradeLog*.htm 254 | ServiceFabricBackup/ 255 | *.rptproj.bak 256 | 257 | # SQL Server files 258 | *.mdf 259 | *.ldf 260 | *.ndf 261 | 262 | # Business Intelligence projects 263 | *.rdl.data 264 | *.bim.layout 265 | *.bim_*.settings 266 | *.rptproj.rsuser 267 | *- [Bb]ackup.rdl 268 | *- [Bb]ackup ([0-9]).rdl 269 | *- [Bb]ackup ([0-9][0-9]).rdl 270 | 271 | # Microsoft Fakes 272 | FakesAssemblies/ 273 | 274 | # GhostDoc plugin setting file 275 | *.GhostDoc.xml 276 | 277 | # Node.js Tools for Visual Studio 278 | .ntvs_analysis.dat 279 | node_modules/ 280 | 281 | # Visual Studio 6 build log 282 | *.plg 283 | 284 | # Visual Studio 6 workspace options file 285 | *.opt 286 | 287 | # Visual Studio 6 auto-generated workspace file (contains which files were open etc.) 288 | *.vbw 289 | 290 | # Visual Studio LightSwitch build output 291 | **/*.HTMLClient/GeneratedArtifacts 292 | **/*.DesktopClient/GeneratedArtifacts 293 | **/*.DesktopClient/ModelManifest.xml 294 | **/*.Server/GeneratedArtifacts 295 | **/*.Server/ModelManifest.xml 296 | _Pvt_Extensions 297 | 298 | # Paket dependency manager 299 | .paket/paket.exe 300 | paket-files/ 301 | 302 | # FAKE - F# Make 303 | .fake/ 304 | 305 | # CodeRush personal settings 306 | .cr/personal 307 | 308 | # Python Tools for Visual Studio (PTVS) 309 | __pycache__/ 310 | *.pyc 311 | 312 | # Cake - Uncomment if you are using it 313 | # tools/** 314 | # !tools/packages.config 315 | 316 | # Tabs Studio 317 | *.tss 318 | 319 | # Telerik's JustMock configuration file 320 | *.jmconfig 321 | 322 | # BizTalk build output 323 | *.btp.cs 324 | *.btm.cs 325 | *.odx.cs 326 | *.xsd.cs 327 | 328 | # OpenCover UI analysis results 329 | OpenCover/ 330 | 331 | # Azure Stream Analytics local run output 332 | ASALocalRun/ 333 | 334 | # MSBuild Binary and Structured Log 335 | *.binlog 336 | 337 | # NVidia Nsight GPU debugger configuration file 338 | *.nvuser 339 | 340 | # MFractors (Xamarin productivity tool) working folder 341 | .mfractor/ 342 | 343 | # Local History for Visual Studio 344 | .localhistory/ 345 | 346 | # BeatPulse healthcheck temp database 347 | healthchecksdb 348 | 349 | # Backup folder for Package Reference Convert tool in Visual Studio 2017 350 | MigrationBackup/ 351 | 352 | # Ionide (cross platform F# VS Code tools) working folder 353 | .ionide/ 354 | 355 | .DS_Store 356 | dist/ 357 | tmp/ 358 | build/ 359 | 360 | .idea/ 361 | .vscode/ 362 | .nyc_output/ 363 | coverage/ 364 | .codacy-coverage/ 365 | 366 | package-lock.json 367 | yarn.lock 368 | 369 | size-plugin.json 370 | size-plugin-ssr.json 371 | 372 | .parcel-cache 373 | -------------------------------------------------------------------------------- /.husky/.gitignore: -------------------------------------------------------------------------------- 1 | _ -------------------------------------------------------------------------------- /.husky/commit-msg: -------------------------------------------------------------------------------- 1 | #!/usr/bin/env sh 2 | . "$(dirname -- "$0")/_/husky.sh" 3 | 4 | npx --no -- commitlint --edit "" 5 | -------------------------------------------------------------------------------- /CHANGELOG.md: -------------------------------------------------------------------------------- 1 | # Change Log 2 | 3 | All notable changes to this project will be documented in this file. 4 | See [Conventional Commits](https://conventionalcommits.org) for commit guidelines. 5 | 6 | ## [3.1.1](https://github.com/tsparticles/svelte/compare/v3.1.0...v3.1.1) (2024-05-26) 7 | 8 | **Note:** Version bump only for package @tsparticles/svelte-workspace 9 | 10 | 11 | 12 | 13 | 14 | # [3.1.0](https://github.com/tsparticles/svelte/compare/v3.0.0...v3.1.0) (2024-05-26) 15 | 16 | 17 | ### Bug Fixes 18 | 19 | * **deps:** update commitlint monorepo to v18 ([eb61347](https://github.com/tsparticles/svelte/commit/eb613471961d96cd580ef4f89cf1464083842426)) 20 | * **deps:** update dependency lerna to v8 ([9274166](https://github.com/tsparticles/svelte/commit/92741664fecc4de46babb7bfd70341dd19fbec54)) 21 | 22 | 23 | 24 | 25 | 26 | # [3.0.0](https://github.com/tsparticles/svelte/compare/v2.12.0...v3.0.0) (2023-12-24) 27 | 28 | 29 | ### Features 30 | 31 | * migrated to v3, used new init structure ([bee139b](https://github.com/tsparticles/svelte/commit/bee139bd3466725681212a5d662060cd2f1b3dc2)) 32 | * updated to v3, needs new initialization function to replace particlesInit ([404d847](https://github.com/tsparticles/svelte/commit/404d847673d7d6d830b8ecf9433e4bd468a475fd)) 33 | 34 | 35 | 36 | 37 | 38 | # [2.12.0](https://github.com/tsparticles/svelte/compare/v2.11.0...v2.12.0) (2023-08-04) 39 | 40 | **Note:** Version bump only for package svelte-particles-workspace 41 | 42 | 43 | 44 | 45 | 46 | # [2.11.0](https://github.com/tsparticles/svelte/compare/v2.10.1...v2.11.0) (2023-07-15) 47 | 48 | **Note:** Version bump only for package svelte-particles-workspace 49 | 50 | 51 | 52 | 53 | 54 | ## [2.10.1](https://github.com/tsparticles/svelte/compare/v2.10.0...v2.10.1) (2023-06-08) 55 | 56 | 57 | ### Features 58 | 59 | * added style attribute ([59da1e6](https://github.com/tsparticles/svelte/commit/59da1e6d992b5efbbd34f5769d26cb8973cc1b81)) 60 | 61 | 62 | 63 | 64 | 65 | # 2.10.0 (2023-06-08) 66 | 67 | **Note:** Version bump only for package svelte-particles-workspace 68 | -------------------------------------------------------------------------------- /LICENSE: -------------------------------------------------------------------------------- 1 | MIT License 2 | 3 | Copyright (c) 2020 Matteo Bruni 4 | 5 | Permission is hereby granted, free of charge, to any person obtaining a copy 6 | of this software and associated documentation files (the "Software"), to deal 7 | in the Software without restriction, including without limitation the rights 8 | to use, copy, modify, merge, publish, distribute, sublicense, and/or sell 9 | copies of the Software, and to permit persons to whom the Software is 10 | furnished to do so, subject to the following conditions: 11 | 12 | The above copyright notice and this permission notice shall be included in all 13 | copies or substantial portions of the Software. 14 | 15 | THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR 16 | IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, 17 | FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE 18 | AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER 19 | LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, 20 | OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE 21 | SOFTWARE. 22 | -------------------------------------------------------------------------------- /README.md: -------------------------------------------------------------------------------- 1 | [![banner](https://particles.js.org/images/banner3.png)](https://particles.js.org) 2 | 3 | # @tsparticles/svelte 4 | 5 | [![npm](https://img.shields.io/npm/v/@tsparticles/svelte)](https://www.npmjs.com/package/@tsparticles/svelte) [![npm downloads](https://img.shields.io/npm/dm/@tsparticles/svelte)](https://www.npmjs.com/package/@tsparticles/svelte) [![GitHub Sponsors](https://img.shields.io/github/sponsors/matteobruni)](https://github.com/sponsors/matteobruni) 6 | 7 | Official [tsParticles](https://github.com/matteobruni/tsparticles) SvelteJS component 8 | 9 | [![Slack](https://particles.js.org/images/slack.png)](https://join.slack.com/t/tsparticles/shared_invite/enQtOTcxNTQxNjQ4NzkxLWE2MTZhZWExMWRmOWI5MTMxNjczOGE1Yjk0MjViYjdkYTUzODM3OTc5MGQ5MjFlODc4MzE0N2Q1OWQxZDc1YzI) [![Discord](https://particles.js.org/images/discord.png)](https://discord.gg/hACwv45Hme) [![Telegram](https://particles.js.org/images/telegram.png)](https://t.me/tsparticles) 10 | 11 | [![tsParticles Product Hunt](https://api.producthunt.com/widgets/embed-image/v1/featured.svg?post_id=186113&theme=light)](https://www.producthunt.com/posts/tsparticles?utm_source=badge-featured&utm_medium=badge&utm_souce=badge-tsparticles") 12 | 13 | ## Installation 14 | 15 | ```shell 16 | npm install @tsparticles/svelte 17 | ``` 18 | 19 | or 20 | 21 | ```shell 22 | yarn add @tsparticles/svelte 23 | ``` 24 | 25 | ## Usage 26 | 27 | ```html 28 | 69 | 70 | 77 | 78 | 79 | 80 | 87 | ``` 88 | 89 | ### SSR 90 | 91 | The particles component isn't built for SSR, so you have to force the component to be called client side 92 | with `async import`. 93 | 94 | You can see a sample below: 95 | 96 | ```html 97 | 147 | 148 | 156 | 157 | 158 | 159 | 167 | ``` 168 | 169 | ### TypeScript errors 170 | 171 | A user reported me a TypeScript error (#3963), and that's because this Svelte component is built using TypeScript. 172 | 173 | If someone is experiencing the same error, please follow these steps: 174 | 175 | - install these packages: `typescript`, `svelte-preprocess`. 176 | - add a `tsconfig.json` file to your project, following this sample: (see this for example: ) 177 | - import `svelte-preprocess` in your svelte configuration file, like this: `import preprocess from 'svelte-preprocess'` (see this for example: ) 178 | - use the `preprocess` function in your svelte configuration file, like this: `preprocess: preprocess(),` (see this for example: ) 179 | 180 | After that, everything should work as expected. 181 | 182 | ### SvelteKit 183 | 184 | If you have issues with SvelteKit, like you _Cannot use import statement outside a module_, change your `vite.config.ts` file like this: 185 | 186 | ```ts 187 | import { sveltekit } from '@sveltejs/kit/vite'; 188 | import { defineConfig } from 'vite'; 189 | 190 | export default defineConfig({ 191 | plugins: [sveltekit()], 192 | ssr: { 193 | noExternal: ['tsparticles', '@tsparticles/slim', '@tsparticles/engine', '@tsparticles/svelte'] // add all tsparticles libraries here, they're not made for SSR, they're client only 194 | } 195 | }); 196 | ``` 197 | 198 | ## Demos 199 | 200 | The demo website is [here](https://particles.js.org) 201 | 202 | 203 | 204 | There's also a CodePen collection actively maintained and updated [here](https://codepen.io/collection/DPOage) 205 | 206 | 207 | -------------------------------------------------------------------------------- /apps/svelte-kit/.eslintignore: -------------------------------------------------------------------------------- 1 | .DS_Store 2 | node_modules 3 | /build 4 | /.svelte-kit 5 | /package 6 | .env 7 | .env.* 8 | !.env.example 9 | 10 | # Ignore files for PNPM, NPM and YARN 11 | pnpm-lock.yaml 12 | package-lock.json 13 | yarn.lock 14 | -------------------------------------------------------------------------------- /apps/svelte-kit/.eslintrc.cjs: -------------------------------------------------------------------------------- 1 | module.exports = { 2 | root: true, 3 | extends: [ 4 | 'eslint:recommended', 5 | 'plugin:@typescript-eslint/recommended', 6 | 'plugin:svelte/recommended', 7 | 'prettier' 8 | ], 9 | parser: '@typescript-eslint/parser', 10 | plugins: ['@typescript-eslint'], 11 | parserOptions: { 12 | sourceType: 'module', 13 | ecmaVersion: 2020, 14 | extraFileExtensions: ['.svelte'] 15 | }, 16 | env: { 17 | browser: true, 18 | es2017: true, 19 | node: true 20 | }, 21 | overrides: [ 22 | { 23 | files: ['*.svelte'], 24 | parser: 'svelte-eslint-parser', 25 | parserOptions: { 26 | parser: '@typescript-eslint/parser' 27 | } 28 | } 29 | ] 30 | }; 31 | -------------------------------------------------------------------------------- /apps/svelte-kit/.gitignore: -------------------------------------------------------------------------------- 1 | .DS_Store 2 | node_modules 3 | /build 4 | /.svelte-kit 5 | /package 6 | .env 7 | .env.* 8 | !.env.example 9 | .vercel 10 | .output 11 | vite.config.js.timestamp-* 12 | vite.config.ts.timestamp-* 13 | -------------------------------------------------------------------------------- /apps/svelte-kit/.npmrc: -------------------------------------------------------------------------------- 1 | engine-strict=true 2 | resolution-mode=highest 3 | -------------------------------------------------------------------------------- /apps/svelte-kit/.prettierignore: -------------------------------------------------------------------------------- 1 | .DS_Store 2 | node_modules 3 | /build 4 | /.svelte-kit 5 | /package 6 | .env 7 | .env.* 8 | !.env.example 9 | 10 | # Ignore files for PNPM, NPM and YARN 11 | pnpm-lock.yaml 12 | package-lock.json 13 | yarn.lock 14 | -------------------------------------------------------------------------------- /apps/svelte-kit/.prettierrc: -------------------------------------------------------------------------------- 1 | { 2 | "useTabs": true, 3 | "singleQuote": true, 4 | "trailingComma": "none", 5 | "printWidth": 100, 6 | "plugins": ["prettier-plugin-svelte"], 7 | "pluginSearchDirs": ["."], 8 | "overrides": [{ "files": "*.svelte", "options": { "parser": "svelte" } }] 9 | } 10 | -------------------------------------------------------------------------------- /apps/svelte-kit/CHANGELOG.md: -------------------------------------------------------------------------------- 1 | # Change Log 2 | 3 | All notable changes to this project will be documented in this file. 4 | See [Conventional Commits](https://conventionalcommits.org) for commit guidelines. 5 | 6 | ## [3.1.1](https://github.com/tsparticles/svelte/compare/v3.1.0...v3.1.1) (2024-05-26) 7 | 8 | **Note:** Version bump only for package svelte-kit-demo 9 | 10 | 11 | 12 | 13 | 14 | # [3.1.0](https://github.com/tsparticles/svelte/compare/v3.0.0...v3.1.0) (2024-05-26) 15 | 16 | **Note:** Version bump only for package svelte-kit-demo 17 | 18 | 19 | 20 | 21 | 22 | # [3.0.0](https://github.com/tsparticles/svelte/compare/v2.12.0...v3.0.0) (2023-12-24) 23 | 24 | 25 | ### Features 26 | 27 | * migrated to v3, used new init structure ([bee139b](https://github.com/tsparticles/svelte/commit/bee139bd3466725681212a5d662060cd2f1b3dc2)) 28 | * updated to v3, needs new initialization function to replace particlesInit ([404d847](https://github.com/tsparticles/svelte/commit/404d847673d7d6d830b8ecf9433e4bd468a475fd)) 29 | 30 | 31 | 32 | 33 | 34 | # [2.12.0](https://github.com/tsparticles/svelte/compare/v2.11.0...v2.12.0) (2023-08-04) 35 | 36 | **Note:** Version bump only for package svelte-kit-demo 37 | 38 | 39 | 40 | 41 | 42 | # [2.11.0](https://github.com/tsparticles/svelte/compare/v2.10.1...v2.11.0) (2023-07-15) 43 | 44 | **Note:** Version bump only for package svelte-kit 45 | -------------------------------------------------------------------------------- /apps/svelte-kit/README.md: -------------------------------------------------------------------------------- 1 | # create-svelte 2 | 3 | Everything you need to build a Svelte project, powered by [`create-svelte`](https://github.com/sveltejs/kit/tree/master/packages/create-svelte). 4 | 5 | ## Creating a project 6 | 7 | If you're seeing this, you've probably already done this step. Congrats! 8 | 9 | ```bash 10 | # create a new project in the current directory 11 | npm create svelte@latest 12 | 13 | # create a new project in my-app 14 | npm create svelte@latest my-app 15 | ``` 16 | 17 | ## Developing 18 | 19 | Once you've created a project and installed dependencies with `npm install` (or `pnpm install` or `yarn`), start a development server: 20 | 21 | ```bash 22 | npm run dev 23 | 24 | # or start the server and open the app in a new browser tab 25 | npm run dev -- --open 26 | ``` 27 | 28 | ## Building 29 | 30 | To create a production version of your app: 31 | 32 | ```bash 33 | npm run build 34 | ``` 35 | 36 | You can preview the production build with `npm run preview`. 37 | 38 | > To deploy your app, you may need to install an [adapter](https://kit.svelte.dev/docs/adapters) for your target environment. 39 | -------------------------------------------------------------------------------- /apps/svelte-kit/package.json: -------------------------------------------------------------------------------- 1 | { 2 | "name": "svelte-kit-demo", 3 | "version": "3.1.1", 4 | "private": true, 5 | "scripts": { 6 | "dev": "vite dev", 7 | "build": "vite build", 8 | "preview": "vite preview", 9 | "check": "svelte-kit sync && svelte-check --tsconfig ./tsconfig.json", 10 | "check:watch": "svelte-kit sync && svelte-check --tsconfig ./tsconfig.json --watch", 11 | "lint": "prettier --plugin=\"prettier-plugin-svelte\" --check . && eslint .", 12 | "format": "prettier --plugin=\"prettier-plugin-svelte\" --write ." 13 | }, 14 | "devDependencies": { 15 | "@fontsource/fira-mono": "^5.0.13", 16 | "@sveltejs/adapter-auto": "^3.2.1", 17 | "@sveltejs/kit": "^2.5.10", 18 | "@sveltejs/vite-plugin-svelte": "^3.1.0", 19 | "@tsparticles/engine": "^3.4.0", 20 | "@tsparticles/svelte": "workspace:^", 21 | "@types/cookie": "^0.6.0", 22 | "@typescript-eslint/eslint-plugin": "^7.10.0", 23 | "@typescript-eslint/parser": "^7.10.0", 24 | "eslint": "^8.57.0", 25 | "eslint-config-prettier": "^9.1.0", 26 | "eslint-plugin-svelte": "^2.39.0", 27 | "prettier": "^3.2.5", 28 | "prettier-plugin-svelte": "^3.2.3", 29 | "svelte": "^4.2.17", 30 | "svelte-check": "^3.7.1", 31 | "svelte-preprocess": "^5.1.4", 32 | "tslib": "^2.6.2", 33 | "tsparticles": "^3.4.0", 34 | "typescript": "^5.4.5", 35 | "vite": "^5.2.11" 36 | }, 37 | "type": "module" 38 | } 39 | -------------------------------------------------------------------------------- /apps/svelte-kit/src/app.d.ts: -------------------------------------------------------------------------------- 1 | // See https://kit.svelte.dev/docs/types#app 2 | // for information about these interfaces 3 | declare global { 4 | namespace App { 5 | // interface Error {} 6 | // interface Locals {} 7 | // interface PageData {} 8 | // interface Platform {} 9 | } 10 | } 11 | 12 | export {}; 13 | -------------------------------------------------------------------------------- /apps/svelte-kit/src/app.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | %sveltekit.head% 8 | 9 | 10 |
%sveltekit.body%
11 | 12 | 13 | -------------------------------------------------------------------------------- /apps/svelte-kit/src/lib/images/github.svg: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /apps/svelte-kit/src/lib/images/svelte-logo.svg: -------------------------------------------------------------------------------- 1 | svelte-logo -------------------------------------------------------------------------------- /apps/svelte-kit/src/lib/images/svelte-welcome.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/tsparticles/svelte/07d9af87e38053c62d858f9911af0c21f49d12a9/apps/svelte-kit/src/lib/images/svelte-welcome.png -------------------------------------------------------------------------------- /apps/svelte-kit/src/lib/images/svelte-welcome.webp: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/tsparticles/svelte/07d9af87e38053c62d858f9911af0c21f49d12a9/apps/svelte-kit/src/lib/images/svelte-welcome.webp -------------------------------------------------------------------------------- /apps/svelte-kit/src/routes/+layout.svelte: -------------------------------------------------------------------------------- 1 | 5 | 6 |
7 |
8 | 9 |
10 | 11 |
12 | 13 | 16 |
17 | 18 | 54 | -------------------------------------------------------------------------------- /apps/svelte-kit/src/routes/+page.svelte: -------------------------------------------------------------------------------- 1 | 37 | 38 | 39 | Home 40 | 41 | 42 | 43 |
44 |

45 | 46 | 47 | 48 | Welcome 49 | 50 | 51 | 52 | to your new
SvelteKit app 53 |

54 | 55 |

56 | try editing src/routes/+page.svelte 57 |

58 | 59 | 60 | 61 | {#await ParticlesConstructor} 62 |

Loading...

63 | {:then component} 64 | 66 | {:catch error} 67 |

Something went wrong: {error.message}

68 | {/await} 69 |
70 | 71 | 100 | -------------------------------------------------------------------------------- /apps/svelte-kit/src/routes/+page.ts: -------------------------------------------------------------------------------- 1 | // since there's no dynamic data here, we can prerender 2 | // it so that it gets served as a static asset in production 3 | export const prerender = true; 4 | -------------------------------------------------------------------------------- /apps/svelte-kit/src/routes/Counter.svelte: -------------------------------------------------------------------------------- 1 | 15 | 16 |
17 | 22 | 23 |
24 |
25 | 26 | {Math.floor($displayed_count)} 27 |
28 |
29 | 30 | 35 |
36 | 37 | 103 | -------------------------------------------------------------------------------- /apps/svelte-kit/src/routes/Header.svelte: -------------------------------------------------------------------------------- 1 | 6 | 7 |
8 |
9 | 10 | SvelteKit 11 | 12 |
13 | 14 | 30 | 31 |
32 | 33 | GitHub 34 | 35 |
36 |
37 | 38 | 127 | -------------------------------------------------------------------------------- /apps/svelte-kit/src/routes/about/+page.svelte: -------------------------------------------------------------------------------- 1 | 2 | About 3 | 4 | 5 | 6 |
7 |

About this app

8 | 9 |

10 | This is a SvelteKit app. You can make your own by typing the 11 | following into your command line and following the prompts: 12 |

13 | 14 | 
npm create svelte@latest
15 | 16 |

17 | The page you're looking at is purely static HTML, with no client-side interactivity needed. 18 | Because of that, we don't need to load any JavaScript. Try viewing the page's source, or opening 19 | the devtools network panel and reloading. 20 |

21 |
22 | -------------------------------------------------------------------------------- /apps/svelte-kit/src/routes/about/+page.ts: -------------------------------------------------------------------------------- 1 | import { dev } from '$app/environment'; 2 | 3 | // we don't need any JS on this page, though we'll load 4 | // it in dev so that we get hot module replacement 5 | export const csr = dev; 6 | 7 | // since there's no dynamic data here, we can prerender 8 | // it so that it gets served as a static asset in production 9 | export const prerender = true; 10 | -------------------------------------------------------------------------------- /apps/svelte-kit/src/routes/styles.css: -------------------------------------------------------------------------------- 1 | @import '@fontsource/fira-mono'; 2 | 3 | :root { 4 | --font-body: Arial, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, 5 | Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif; 6 | --font-mono: 'Fira Mono', monospace; 7 | --color-bg-0: rgb(202, 216, 228); 8 | --color-bg-1: hsl(209, 36%, 86%); 9 | --color-bg-2: hsl(224, 44%, 95%); 10 | --color-theme-1: #ff3e00; 11 | --color-theme-2: #4075a6; 12 | --color-text: rgba(0, 0, 0, 0.7); 13 | --column-width: 42rem; 14 | --column-margin-top: 4rem; 15 | font-family: var(--font-body); 16 | color: var(--color-text); 17 | } 18 | 19 | body { 20 | min-height: 100vh; 21 | margin: 0; 22 | background-attachment: fixed; 23 | background-color: var(--color-bg-1); 24 | background-size: 100vw 100vh; 25 | background-image: radial-gradient( 26 | 50% 50% at 50% 50%, 27 | rgba(255, 255, 255, 0.75) 0%, 28 | rgba(255, 255, 255, 0) 100% 29 | ), 30 | linear-gradient(180deg, var(--color-bg-0) 0%, var(--color-bg-1) 15%, var(--color-bg-2) 50%); 31 | } 32 | 33 | h1, 34 | h2, 35 | p { 36 | font-weight: 400; 37 | } 38 | 39 | p { 40 | line-height: 1.5; 41 | } 42 | 43 | a { 44 | color: var(--color-theme-1); 45 | text-decoration: none; 46 | } 47 | 48 | a:hover { 49 | text-decoration: underline; 50 | } 51 | 52 | h1 { 53 | font-size: 2rem; 54 | text-align: center; 55 | } 56 | 57 | h2 { 58 | font-size: 1rem; 59 | } 60 | 61 | pre { 62 | font-size: 16px; 63 | font-family: var(--font-mono); 64 | background-color: rgba(255, 255, 255, 0.45); 65 | border-radius: 3px; 66 | box-shadow: 2px 2px 6px rgb(255 255 255 / 25%); 67 | padding: 0.5em; 68 | overflow-x: auto; 69 | color: var(--color-text); 70 | } 71 | 72 | .text-column { 73 | display: flex; 74 | max-width: 48rem; 75 | flex: 0.6; 76 | flex-direction: column; 77 | justify-content: center; 78 | margin: 0 auto; 79 | } 80 | 81 | input, 82 | button { 83 | font-size: inherit; 84 | font-family: inherit; 85 | } 86 | 87 | button:focus:not(:focus-visible) { 88 | outline: none; 89 | } 90 | 91 | @media (min-width: 720px) { 92 | h1 { 93 | font-size: 2.4rem; 94 | } 95 | } 96 | 97 | .visually-hidden { 98 | border: 0; 99 | clip: rect(0 0 0 0); 100 | height: auto; 101 | margin: 0; 102 | overflow: hidden; 103 | padding: 0; 104 | position: absolute; 105 | width: 1px; 106 | white-space: nowrap; 107 | } 108 | -------------------------------------------------------------------------------- /apps/svelte-kit/static/favicon.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/tsparticles/svelte/07d9af87e38053c62d858f9911af0c21f49d12a9/apps/svelte-kit/static/favicon.png -------------------------------------------------------------------------------- /apps/svelte-kit/static/robots.txt: -------------------------------------------------------------------------------- 1 | # https://www.robotstxt.org/robotstxt.html 2 | User-agent: * 3 | Disallow: 4 | -------------------------------------------------------------------------------- /apps/svelte-kit/svelte.config.js: -------------------------------------------------------------------------------- 1 | import adapter from "@sveltejs/adapter-auto"; 2 | import { vitePreprocess } from "@sveltejs/vite-plugin-svelte"; 3 | import preprocess from "svelte-preprocess"; 4 | 5 | /** @type {import("@sveltejs/kit").Config} */ 6 | const config = { 7 | // Consult https://kit.svelte.dev/docs/integrations#preprocessors 8 | // for more information about preprocessors 9 | preprocess: [preprocess(), vitePreprocess()], 10 | 11 | kit: { 12 | // adapter-auto only supports some environments, see https://kit.svelte.dev/docs/adapter-auto for a list. 13 | // If your environment is not supported or you settled on a specific environment, switch out the adapter. 14 | // See https://kit.svelte.dev/docs/adapters for more information about adapters. 15 | adapter: adapter() 16 | } 17 | }; 18 | 19 | export default config; 20 | -------------------------------------------------------------------------------- /apps/svelte-kit/tsconfig.json: -------------------------------------------------------------------------------- 1 | { 2 | "extends": "./.svelte-kit/tsconfig.json", 3 | "compilerOptions": { 4 | "allowJs": true, 5 | "checkJs": true, 6 | "esModuleInterop": true, 7 | "forceConsistentCasingInFileNames": true, 8 | "resolveJsonModule": true, 9 | "skipLibCheck": true, 10 | "sourceMap": true, 11 | "strict": true 12 | } 13 | // Path aliases are handled by https://kit.svelte.dev/docs/configuration#alias 14 | // 15 | // If you want to overwrite includes/excludes, make sure to copy over the relevant includes/excludes 16 | // from the referenced tsconfig.json - TypeScript does not merge them in 17 | } 18 | -------------------------------------------------------------------------------- /apps/svelte-kit/vite.config.ts: -------------------------------------------------------------------------------- 1 | import { sveltekit } from '@sveltejs/kit/vite'; 2 | import { defineConfig } from 'vite'; 3 | 4 | export default defineConfig({ 5 | plugins: [sveltekit()], 6 | ssr: { 7 | noExternal: ['tsparticles', '@tsparticles/engine', '@tsparticles/svelte'] 8 | } 9 | }); 10 | -------------------------------------------------------------------------------- /apps/svelte/.gitignore: -------------------------------------------------------------------------------- 1 | /node_modules/ 2 | /public/build/ 3 | 4 | .DS_Store 5 | -------------------------------------------------------------------------------- /apps/svelte/CHANGELOG.md: -------------------------------------------------------------------------------- 1 | # Change Log 2 | 3 | All notable changes to this project will be documented in this file. 4 | See [Conventional Commits](https://conventionalcommits.org) for commit guidelines. 5 | 6 | ## [3.1.1](https://github.com/tsparticles/svelte/compare/v3.1.0...v3.1.1) (2024-05-26) 7 | 8 | **Note:** Version bump only for package svelte-demo 9 | 10 | 11 | 12 | 13 | 14 | # [3.1.0](https://github.com/tsparticles/svelte/compare/v3.0.0...v3.1.0) (2024-05-26) 15 | 16 | **Note:** Version bump only for package svelte-demo 17 | 18 | 19 | 20 | 21 | 22 | # [3.0.0](https://github.com/tsparticles/svelte/compare/v2.12.0...v3.0.0) (2023-12-24) 23 | 24 | 25 | ### Features 26 | 27 | * migrated to v3, used new init structure ([bee139b](https://github.com/tsparticles/svelte/commit/bee139bd3466725681212a5d662060cd2f1b3dc2)) 28 | * updated to v3, needs new initialization function to replace particlesInit ([404d847](https://github.com/tsparticles/svelte/commit/404d847673d7d6d830b8ecf9433e4bd468a475fd)) 29 | 30 | 31 | 32 | 33 | 34 | # [2.12.0](https://github.com/tsparticles/svelte/compare/v2.11.0...v2.12.0) (2023-08-04) 35 | 36 | **Note:** Version bump only for package svelte-demo 37 | 38 | 39 | 40 | 41 | 42 | # [2.11.0](https://github.com/tsparticles/svelte/compare/v2.10.1...v2.11.0) (2023-07-15) 43 | 44 | **Note:** Version bump only for package svelte-demo 45 | 46 | 47 | 48 | 49 | 50 | ## [2.10.1](https://github.com/tsparticles/svelte/compare/v2.10.0...v2.10.1) (2023-06-08) 51 | 52 | **Note:** Version bump only for package svelte-demo 53 | 54 | 55 | 56 | 57 | 58 | # 2.10.0 (2023-06-08) 59 | 60 | **Note:** Version bump only for package svelte-demo 61 | 62 | 63 | 64 | 65 | 66 | ## [2.9.3](https://github.com/matteobruni/tsparticles/compare/svelte-demo@2.9.2...svelte-demo@2.9.3) (2023-02-12) 67 | 68 | **Note:** Version bump only for package svelte-demo 69 | 70 | ## [2.9.2](https://github.com/matteobruni/tsparticles/compare/svelte-demo@2.9.1...svelte-demo@2.9.2) (2023-02-12) 71 | 72 | **Note:** Version bump only for package svelte-demo 73 | 74 | ## [2.9.1](https://github.com/matteobruni/tsparticles/compare/svelte-demo@2.9.0...svelte-demo@2.9.1) (2023-02-11) 75 | 76 | **Note:** Version bump only for package svelte-demo 77 | 78 | # [2.9.0](https://github.com/matteobruni/tsparticles/compare/svelte-demo@2.8.0...svelte-demo@2.9.0) (2023-02-10) 79 | 80 | **Note:** Version bump only for package svelte-demo 81 | 82 | # [2.8.0](https://github.com/matteobruni/tsparticles/compare/svelte-demo@2.7.1...svelte-demo@2.8.0) (2023-01-18) 83 | 84 | **Note:** Version bump only for package svelte-demo 85 | 86 | ## [2.7.1](https://github.com/matteobruni/tsparticles/compare/svelte-demo@2.7.0...svelte-demo@2.7.1) (2022-12-25) 87 | 88 | **Note:** Version bump only for package svelte-demo 89 | 90 | # [2.7.0](https://github.com/matteobruni/tsparticles/compare/svelte-demo@2.6.0...svelte-demo@2.7.0) (2022-12-23) 91 | 92 | **Note:** Version bump only for package svelte-demo 93 | 94 | # [2.6.0](https://github.com/matteobruni/tsparticles/compare/svelte-demo@2.5.3...svelte-demo@2.6.0) (2022-12-06) 95 | 96 | **Note:** Version bump only for package svelte-demo 97 | 98 | ## [2.5.3](https://github.com/matteobruni/tsparticles/compare/svelte-demo@2.5.2...svelte-demo@2.5.3) (2022-11-07) 99 | 100 | **Note:** Version bump only for package svelte-demo 101 | 102 | ## [2.5.2](https://github.com/matteobruni/tsparticles/compare/svelte-demo@2.5.1...svelte-demo@2.5.2) (2022-11-07) 103 | 104 | **Note:** Version bump only for package svelte-demo 105 | 106 | ## [2.5.1](https://github.com/matteobruni/tsparticles/compare/svelte-demo@2.5.0...svelte-demo@2.5.1) (2022-11-03) 107 | 108 | **Note:** Version bump only for package svelte-demo 109 | 110 | # [2.5.0](https://github.com/matteobruni/tsparticles/compare/svelte-demo@2.4.0...svelte-demo@2.5.0) (2022-11-02) 111 | 112 | **Note:** Version bump only for package svelte-demo 113 | 114 | # [2.4.0](https://github.com/matteobruni/tsparticles/compare/svelte-demo@2.3.4...svelte-demo@2.4.0) (2022-10-30) 115 | 116 | **Note:** Version bump only for package svelte-demo 117 | 118 | ## [2.3.4](https://github.com/matteobruni/tsparticles/compare/svelte-demo@2.3.3...svelte-demo@2.3.4) (2022-09-30) 119 | 120 | **Note:** Version bump only for package svelte-demo 121 | 122 | ## [2.3.3](https://github.com/matteobruni/tsparticles/compare/svelte-demo@2.3.2...svelte-demo@2.3.3) (2022-09-30) 123 | 124 | **Note:** Version bump only for package svelte-demo 125 | 126 | ## [2.3.2](https://github.com/matteobruni/tsparticles/compare/svelte-demo@2.3.1...svelte-demo@2.3.2) (2022-09-21) 127 | 128 | **Note:** Version bump only for package svelte-demo 129 | 130 | ## [2.3.1](https://github.com/matteobruni/tsparticles/compare/svelte-demo@2.3.0...svelte-demo@2.3.1) (2022-09-13) 131 | 132 | **Note:** Version bump only for package svelte-demo 133 | 134 | # [2.3.0](https://github.com/matteobruni/tsparticles/compare/svelte-demo@2.2.4...svelte-demo@2.3.0) (2022-09-11) 135 | 136 | **Note:** Version bump only for package svelte-demo 137 | 138 | ## [2.2.4](https://github.com/matteobruni/tsparticles/compare/svelte-demo@2.2.2...svelte-demo@2.2.4) (2022-08-26) 139 | 140 | **Note:** Version bump only for package svelte-demo 141 | 142 | ## [2.2.3](https://github.com/matteobruni/tsparticles/compare/svelte-demo@2.2.2...svelte-demo@2.2.3) (2022-08-21) 143 | 144 | **Note:** Version bump only for package svelte-demo 145 | 146 | ## [2.2.2](https://github.com/matteobruni/tsparticles/compare/svelte-demo@2.2.1...svelte-demo@2.2.2) (2022-08-16) 147 | 148 | **Note:** Version bump only for package svelte-demo 149 | 150 | ## [2.2.1](https://github.com/matteobruni/tsparticles/compare/svelte-demo@2.2.0...svelte-demo@2.2.1) (2022-08-12) 151 | 152 | **Note:** Version bump only for package svelte-demo 153 | 154 | # [2.2.0](https://github.com/matteobruni/tsparticles/compare/svelte-demo@2.1.4...svelte-demo@2.2.0) (2022-08-11) 155 | 156 | **Note:** Version bump only for package svelte-demo 157 | 158 | ## [2.1.4](https://github.com/matteobruni/tsparticles/compare/svelte-demo@2.1.3...svelte-demo@2.1.4) (2022-07-28) 159 | 160 | **Note:** Version bump only for package svelte-demo 161 | 162 | ## [2.1.3](https://github.com/matteobruni/tsparticles/compare/svelte-demo@2.1.2...svelte-demo@2.1.3) (2022-07-01) 163 | 164 | **Note:** Version bump only for package svelte-demo 165 | 166 | ## [2.1.2](https://github.com/matteobruni/tsparticles/compare/svelte-demo@2.1.1...svelte-demo@2.1.2) (2022-07-01) 167 | 168 | **Note:** Version bump only for package svelte-demo 169 | 170 | ## [2.1.1](https://github.com/matteobruni/tsparticles/compare/svelte-demo@2.1.0...svelte-demo@2.1.1) (2022-07-01) 171 | 172 | **Note:** Version bump only for package svelte-demo 173 | 174 | # [2.1.0](https://github.com/matteobruni/tsparticles/compare/svelte-demo@2.0.6...svelte-demo@2.1.0) (2022-06-18) 175 | 176 | **Note:** Version bump only for package svelte-demo 177 | 178 | ## [2.0.6](https://github.com/matteobruni/tsparticles/compare/svelte-demo@2.0.5...svelte-demo@2.0.6) (2022-04-16) 179 | 180 | **Note:** Version bump only for package svelte-demo 181 | 182 | ## [2.0.5](https://github.com/matteobruni/tsparticles/compare/svelte-demo@2.0.4...svelte-demo@2.0.5) (2022-04-14) 183 | 184 | **Note:** Version bump only for package svelte-demo 185 | 186 | ## [2.0.4](https://github.com/matteobruni/tsparticles/compare/svelte-demo@1.26.1...svelte-demo@2.0.4) (2022-04-06) 187 | 188 | ### Bug Fixes 189 | 190 | - **deps:** update dependency sirv-cli to v2 ([176dc1d](https://github.com/matteobruni/tsparticles/commit/176dc1dc15c080032ad2f2addc59be6efce6248d)) 191 | 192 | ### Features 193 | 194 | - async presets ([86f3038](https://github.com/matteobruni/tsparticles/commit/86f3038bfc336744e88bb3d6ab7dfd4a36ada4e6)) 195 | 196 | ## [2.0.3](https://github.com/matteobruni/tsparticles/compare/svelte-demo@1.25.1...svelte-demo@2.0.3) (2022-03-11) 197 | 198 | ## [1.26.1](https://github.com/matteobruni/tsparticles/compare/svelte-demo@1.26.0...svelte-demo@1.26.1) (2022-04-06) 199 | 200 | **Note:** Version bump only for package svelte-demo 201 | 202 | # [1.26.0](https://github.com/matteobruni/tsparticles/compare/svelte-demo@1.25.4...svelte-demo@1.26.0) (2022-04-04) 203 | 204 | ### Bug Fixes 205 | 206 | - **deps:** update dependency sirv-cli to v2 ([176dc1d](https://github.com/matteobruni/tsparticles/commit/176dc1dc15c080032ad2f2addc59be6efce6248d)) 207 | 208 | ### Features 209 | 210 | - async presets ([86f3038](https://github.com/matteobruni/tsparticles/commit/86f3038bfc336744e88bb3d6ab7dfd4a36ada4e6)) 211 | 212 | ## [2.0.2](https://github.com/matteobruni/tsparticles/compare/svelte-demo@1.24.4...svelte-demo@2.0.2) (2022-02-21) 213 | 214 | - upgrade sirv-cli from 2.0.1 to 2.0.2 ([70f74fe](https://github.com/matteobruni/tsparticles/commit/70f74fed6693561fac9f259b3de6ea16a9c2fa32)) 215 | 216 | ## [1.25.4](https://github.com/matteobruni/tsparticles/compare/svelte-demo@1.25.3...svelte-demo@1.25.4) (2022-03-20) 217 | 218 | **Note:** Version bump only for package svelte-demo 219 | 220 | ## [1.25.3](https://github.com/matteobruni/tsparticles/compare/svelte-demo@1.25.2...svelte-demo@1.25.3) (2022-03-18) 221 | 222 | **Note:** Version bump only for package svelte-demo 223 | 224 | ## [1.25.2](https://github.com/matteobruni/tsparticles/compare/svelte-demo@1.25.1...svelte-demo@1.25.2) (2022-03-14) 225 | 226 | **Note:** Version bump only for package svelte-demo 227 | 228 | ## [1.25.1](https://github.com/matteobruni/tsparticles/compare/svelte-demo@1.25.0...svelte-demo@1.25.1) (2022-03-09) 229 | 230 | **Note:** Version bump only for package svelte-demo 231 | 232 | # [1.25.0](https://github.com/matteobruni/tsparticles/compare/svelte-demo@1.24.6...svelte-demo@1.25.0) (2022-03-08) 233 | 234 | **Note:** Version bump only for package svelte-demo 235 | 236 | ## [1.24.6](https://github.com/matteobruni/tsparticles/compare/svelte-demo@1.24.5...svelte-demo@1.24.6) (2022-03-03) 237 | 238 | **Note:** Version bump only for package svelte-demo 239 | 240 | ## [1.24.5](https://github.com/matteobruni/tsparticles/compare/svelte-demo@1.24.4...svelte-demo@1.24.5) (2022-02-24) 241 | 242 | ### Bug Fixes 243 | 244 | - **deps:** update dependency sirv-cli to v2 ([176dc1d](https://github.com/matteobruni/tsparticles/commit/176dc1dc15c080032ad2f2addc59be6efce6248d)) 245 | 246 | ### Features 247 | 248 | - async presets ([86f3038](https://github.com/matteobruni/tsparticles/commit/86f3038bfc336744e88bb3d6ab7dfd4a36ada4e6)) 249 | 250 | ## [2.0.1](https://github.com/matteobruni/tsparticles/compare/svelte-demo@2.0.0...svelte-demo@2.0.1) (2022-02-15) 251 | 252 | - fixed emitters issues ([c9d9a51](https://github.com/matteobruni/tsparticles/commit/c9d9a51e41fdc77a9bf544a09d979d8c2f6b10d5)) 253 | 254 | ## [1.24.4](https://github.com/matteobruni/tsparticles/compare/svelte-demo@1.24.3...svelte-demo@1.24.4) (2022-02-20) 255 | 256 | **Note:** Version bump only for package svelte-demo 257 | 258 | ## [1.24.3](https://github.com/matteobruni/tsparticles/compare/svelte-demo@1.24.2...svelte-demo@1.24.3) (2022-02-19) 259 | 260 | **Note:** Version bump only for package svelte-demo 261 | 262 | ## [1.24.2](https://github.com/matteobruni/tsparticles/compare/svelte-demo@1.24.1...svelte-demo@1.24.2) (2022-02-16) 263 | 264 | **Note:** Version bump only for package svelte-demo 265 | 266 | # [2.0.0](https://github.com/matteobruni/tsparticles/compare/svelte-demo@1.24.1...svelte-demo@2.0.0) (2022-02-15) 267 | 268 | ### Bug Fixes 269 | 270 | - **deps:** update dependency sirv-cli to v2 ([176dc1d](https://github.com/matteobruni/tsparticles/commit/176dc1dc15c080032ad2f2addc59be6efce6248d)) 271 | 272 | ### Features 273 | 274 | - async presets ([86f3038](https://github.com/matteobruni/tsparticles/commit/86f3038bfc336744e88bb3d6ab7dfd4a36ada4e6)) 275 | 276 | # [2.0.0-beta.5](https://github.com/matteobruni/tsparticles/compare/svelte-demo@1.22.2...svelte-demo@2.0.0-beta.5) (2022-01-30) 277 | 278 | ### Bug Fixes 279 | 280 | - **deps:** update dependency sirv-cli to v2 ([176dc1d](https://github.com/matteobruni/tsparticles/commit/176dc1dc15c080032ad2f2addc59be6efce6248d)) 281 | 282 | ### Features 283 | 284 | - async presets ([86f3038](https://github.com/matteobruni/tsparticles/commit/86f3038bfc336744e88bb3d6ab7dfd4a36ada4e6)) 285 | 286 | # [2.0.0-beta.4](https://github.com/matteobruni/tsparticles/compare/svelte-demo@2.0.0-beta.3...svelte-demo@2.0.0-beta.4) (2021-12-07) 287 | 288 | ### Features 289 | 290 | - async presets ([86f3038](https://github.com/matteobruni/tsparticles/commit/86f3038bfc336744e88bb3d6ab7dfd4a36ada4e6)) 291 | 292 | # [2.0.0-beta.3](https://github.com/matteobruni/tsparticles/compare/svelte-demo@1.20.5...svelte-demo@2.0.0-beta.3) (2021-12-04) 293 | 294 | # [1.21.0](https://github.com/matteobruni/tsparticles/compare/svelte-demo@1.20.6...svelte-demo@1.21.0) (2021-12-29) 295 | 296 | **Note:** Version bump only for package svelte-demo 297 | 298 | ## [1.20.6](https://github.com/matteobruni/tsparticles/compare/svelte-demo@1.20.5...svelte-demo@1.20.6) (2021-12-24) 299 | 300 | ## [1.24.1](https://github.com/matteobruni/tsparticles/compare/svelte-demo@1.24.0...svelte-demo@1.24.1) (2022-02-14) 301 | 302 | **Note:** Version bump only for package svelte-demo 303 | 304 | # [2.0.0-beta.2](https://github.com/matteobruni/tsparticles/compare/svelte-demo@1.18.4...svelte-demo@2.0.0-beta.2) (2021-10-06) 305 | 306 | ## [1.20.5](https://github.com/matteobruni/tsparticles/compare/svelte-demo@1.20.4...svelte-demo@1.20.5) (2021-11-28) 307 | 308 | # [1.24.0](https://github.com/matteobruni/tsparticles/compare/svelte-demo@1.23.2...svelte-demo@1.24.0) (2022-02-10) 309 | 310 | **Note:** Version bump only for package svelte-demo 311 | 312 | ## [1.20.4](https://github.com/matteobruni/tsparticles/compare/svelte-demo@1.20.3...svelte-demo@1.20.4) (2021-11-17) 313 | 314 | **Note:** Version bump only for package svelte-demo 315 | 316 | ## [1.20.3](https://github.com/matteobruni/tsparticles/compare/svelte-demo@1.20.2...svelte-demo@1.20.3) (2021-11-05) 317 | 318 | **Note:** Version bump only for package svelte-demo 319 | 320 | ## [1.20.2](https://github.com/matteobruni/tsparticles/compare/svelte-demo@1.20.1...svelte-demo@1.20.2) (2021-10-31) 321 | 322 | **Note:** Version bump only for package svelte-demo 323 | 324 | ## [1.20.1](https://github.com/matteobruni/tsparticles/compare/svelte-demo@1.20.0...svelte-demo@1.20.1) (2021-10-30) 325 | 326 | **Note:** Version bump only for package svelte-demo 327 | 328 | # [1.20.0](https://github.com/matteobruni/tsparticles/compare/svelte-demo@1.19.0...svelte-demo@1.20.0) (2021-10-28) 329 | 330 | **Note:** Version bump only for package svelte-demo 331 | 332 | # [1.19.0](https://github.com/matteobruni/tsparticles/compare/svelte-demo@1.18.4...svelte-demo@1.19.0) (2021-10-14) 333 | 334 | **Note:** Version bump only for package svelte-demo 335 | 336 | # [2.0.0-beta.1](https://github.com/matteobruni/tsparticles/compare/svelte-demo@2.0.0-beta.0...svelte-demo@2.0.0-beta.1) (2021-10-06) 337 | 338 | **Note:** Version bump only for package svelte-demo 339 | 340 | # [2.0.0-beta.0](https://github.com/matteobruni/tsparticles/compare/svelte-demo@1.18.3...svelte-demo@2.0.0-beta.0) (2021-10-06) 341 | 342 | ## [1.18.4](https://github.com/matteobruni/tsparticles/compare/svelte-demo@1.18.3...svelte-demo@1.18.4) (2021-10-06) 343 | 344 | **Note:** Version bump only for package svelte-demo 345 | 346 | ## [1.18.3](https://github.com/matteobruni/tsparticles/compare/svelte-demo@1.18.2...svelte-demo@1.18.3) (2021-10-03) 347 | 348 | **Note:** Version bump only for package svelte-demo 349 | 350 | ## [1.18.2](https://github.com/matteobruni/tsparticles/compare/svelte-demo@1.18.1...svelte-demo@1.18.2) (2021-09-27) 351 | 352 | **Note:** Version bump only for package svelte-demo 353 | 354 | ## [1.18.1](https://github.com/matteobruni/tsparticles/compare/svelte-demo@1.18.0...svelte-demo@1.18.1) (2021-09-20) 355 | 356 | **Note:** Version bump only for package svelte-demo 357 | 358 | # [1.18.0](https://github.com/matteobruni/tsparticles/compare/svelte-demo@1.17.1...svelte-demo@1.18.0) (2021-09-18) 359 | 360 | **Note:** Version bump only for package svelte-demo 361 | 362 | ## [1.17.1](https://github.com/matteobruni/tsparticles/compare/svelte-demo@1.17.0...svelte-demo@1.17.1) (2021-09-15) 363 | 364 | **Note:** Version bump only for package svelte-demo 365 | 366 | # [1.17.0](https://github.com/matteobruni/tsparticles/compare/svelte-demo@1.16.3...svelte-demo@1.17.0) (2021-08-23) 367 | 368 | ### Bug Fixes 369 | 370 | - **deps:** pin dependencies ([23be870](https://github.com/matteobruni/tsparticles/commit/23be8708d698e1e37a18f2ed292cbccffb0f1e47)) 371 | - **deps:** update all ([d9f0ff2](https://github.com/matteobruni/tsparticles/commit/d9f0ff2f8c4ac269aaad5077492746e3da8fb422)) 372 | 373 | ## [1.16.3](https://github.com/matteobruni/tsparticles/compare/svelte-demo@1.16.2...svelte-demo@1.16.3) (2021-08-10) 374 | 375 | ## [1.23.2](https://github.com/matteobruni/tsparticles/compare/svelte-demo@1.23.1...svelte-demo@1.23.2) (2022-02-07) 376 | 377 | ### Bug Fixes 378 | 379 | - fixed issues with svelte 3.41.0 ([113c1c9](https://github.com/matteobruni/tsparticles/commit/113c1c9675eb365dedbedbc8ea39a8116ef66da8)) 380 | 381 | ## [1.16.2](https://github.com/matteobruni/tsparticles/compare/svelte-demo@1.16.1...svelte-demo@1.16.2) (2021-07-31) 382 | 383 | ### Bug Fixes 384 | 385 | - fixed svelte component, reverted to an older svelte version for now, closes [#1924](https://github.com/matteobruni/tsparticles/issues/1924) ([80a88be](https://github.com/matteobruni/tsparticles/commit/80a88beaeb8a11b83c3f602234da0ec2cfadc10e)) 386 | 387 | ## [1.16.1](https://github.com/matteobruni/tsparticles/compare/svelte-demo@1.16.0...svelte-demo@1.16.1) (2021-07-29) 388 | 389 | **Note:** Version bump only for package svelte-demo 390 | 391 | # [1.16.0](https://github.com/matteobruni/tsparticles/compare/svelte-demo@1.15.0...svelte-demo@1.16.0) (2021-07-29) 392 | 393 | **Note:** Version bump only for package svelte-demo 394 | 395 | ## [1.1.1](https://github.com/matteobruni/tsparticles/compare/svelte-demo@1.1.0...svelte-demo@1.1.1) (2020-10-06) 396 | 397 | **Note:** Version bump only for package svelte-demo 398 | 399 | # [1.1.0](https://github.com/matteobruni/tsparticles/compare/svelte-demo@1.1.0-beta.5...svelte-demo@1.1.0) (2020-10-05) 400 | 401 | **Note:** Version bump only for package svelte-demo 402 | 403 | # [1.1.0-beta.5](https://github.com/matteobruni/tsparticles/compare/svelte-demo@1.1.0-beta.4...svelte-demo@1.1.0-beta.5) (2020-10-04) 404 | 405 | **Note:** Version bump only for package svelte-demo 406 | 407 | # [1.1.0-beta.4](https://github.com/matteobruni/tsparticles/compare/svelte-demo@1.1.0-beta.3...svelte-demo@1.1.0-beta.4) (2020-10-04) 408 | 409 | **Note:** Version bump only for package svelte-demo 410 | 411 | # [1.1.0-beta.3](https://github.com/matteobruni/tsparticles/compare/svelte-demo@1.1.0-beta.2...svelte-demo@1.1.0-beta.3) (2020-10-03) 412 | 413 | **Note:** Version bump only for package svelte-demo 414 | 415 | # [1.1.0-beta.2](https://github.com/matteobruni/tsparticles/compare/svelte-demo@1.1.0-beta.1...svelte-demo@1.1.0-beta.2) (2020-10-03) 416 | 417 | **Note:** Version bump only for package svelte-demo 418 | 419 | # [1.1.0-beta.1](https://github.com/matteobruni/tsparticles/compare/svelte-demo@1.1.0-beta.0...svelte-demo@1.1.0-beta.1) (2020-10-03) 420 | 421 | **Note:** Version bump only for package svelte-demo 422 | 423 | # [1.1.0-beta.0](https://github.com/matteobruni/tsparticles/compare/svelte-demo@1.0.13...svelte-demo@1.1.0-beta.0) (2020-10-02) 424 | 425 | **Note:** Version bump only for package svelte-demo 426 | 427 | # [1.1.0-alpha.14](https://github.com/matteobruni/tsparticles/compare/svelte-demo@1.0.10...svelte-demo@1.1.0-alpha.14) (2020-08-22) 428 | 429 | **Note:** Version bump only for package svelte-demo 430 | 431 | # [1.1.0-alpha.13](https://github.com/matteobruni/tsparticles/compare/svelte-demo@1.1.0-alpha.12...svelte-demo@1.1.0-alpha.13) (2020-08-17) 432 | 433 | **Note:** Version bump only for package svelte-demo 434 | 435 | # [1.1.0-alpha.12](https://github.com/matteobruni/tsparticles/compare/svelte-demo@1.0.8...svelte-demo@1.1.0-alpha.12) (2020-08-16) 436 | 437 | **Note:** Version bump only for package svelte-demo 438 | 439 | # [1.1.0-alpha.11](https://github.com/matteobruni/tsparticles/compare/svelte-demo@1.1.0-alpha.10...svelte-demo@1.1.0-alpha.11) (2020-08-13) 440 | 441 | **Note:** Version bump only for package svelte-demo 442 | 443 | # [1.1.0-alpha.10](https://github.com/matteobruni/tsparticles/compare/svelte-demo@1.1.0-alpha.9...svelte-demo@1.1.0-alpha.10) (2020-08-13) 444 | 445 | **Note:** Version bump only for package svelte-demo 446 | 447 | # [1.1.0-alpha.9](https://github.com/matteobruni/tsparticles/compare/svelte-demo@1.1.0-alpha.8...svelte-demo@1.1.0-alpha.9) (2020-08-13) 448 | 449 | **Note:** Version bump only for package svelte-demo 450 | 451 | # [1.1.0-alpha.8](https://github.com/matteobruni/tsparticles/compare/svelte-demo@1.1.0-alpha.7...svelte-demo@1.1.0-alpha.8) (2020-08-13) 452 | 453 | **Note:** Version bump only for package svelte-demo 454 | 455 | # [1.1.0-alpha.7](https://github.com/matteobruni/tsparticles/compare/svelte-demo@1.1.0-alpha.6...svelte-demo@1.1.0-alpha.7) (2020-08-12) 456 | 457 | **Note:** Version bump only for package svelte-demo 458 | 459 | - removed all browser flags in package.json, a lot of issues with it. closes [#3094](https://github.com/matteobruni/tsparticles/issues/3094) ([1415875](https://github.com/matteobruni/tsparticles/commit/14158755ec80ace4e0c520cef407b2d7f4078568)) 460 | 461 | # [1.1.0-alpha.6](https://github.com/matteobruni/tsparticles/compare/svelte-demo@1.1.0-alpha.5...svelte-demo@1.1.0-alpha.6) (2020-08-11) 462 | 463 | ## [1.23.1](https://github.com/matteobruni/tsparticles/compare/svelte-demo@1.23.0...svelte-demo@1.23.1) (2022-02-06) 464 | 465 | **Note:** Version bump only for package svelte-demo 466 | 467 | # [1.1.0-alpha.5](https://github.com/matteobruni/tsparticles/compare/svelte-demo@1.1.0-alpha.4...svelte-demo@1.1.0-alpha.5) (2020-08-11) 468 | 469 | # [1.23.0](https://github.com/matteobruni/tsparticles/compare/svelte-demo@1.22.3...svelte-demo@1.23.0) (2022-02-04) 470 | 471 | **Note:** Version bump only for package svelte-demo 472 | 473 | # [1.1.0-alpha.4](https://github.com/matteobruni/tsparticles/compare/svelte-demo@1.1.0-alpha.3...svelte-demo@1.1.0-alpha.4) (2020-08-11) 474 | 475 | ## [1.22.3](https://github.com/matteobruni/tsparticles/compare/svelte-demo@1.22.2...svelte-demo@1.22.3) (2022-02-02) 476 | 477 | **Note:** Version bump only for package svelte-demo 478 | 479 | # [1.1.0-alpha.3](https://github.com/matteobruni/tsparticles/compare/svelte-demo@1.1.0-alpha.2...svelte-demo@1.1.0-alpha.3) (2020-08-10) 480 | 481 | ## [1.22.2](https://github.com/matteobruni/tsparticles/compare/svelte-demo@1.22.1...svelte-demo@1.22.2) (2022-01-29) 482 | 483 | **Note:** Version bump only for package svelte-demo 484 | 485 | # [1.1.0-alpha.2](https://github.com/matteobruni/tsparticles/compare/svelte-demo@1.1.0-alpha.1...svelte-demo@1.1.0-alpha.2) (2020-08-09) 486 | 487 | ## [1.22.1](https://github.com/matteobruni/tsparticles/compare/svelte-demo@1.22.0...svelte-demo@1.22.1) (2022-01-26) 488 | 489 | **Note:** Version bump only for package svelte-demo 490 | 491 | # [1.1.0-alpha.1](https://github.com/matteobruni/tsparticles/compare/svelte-demo@1.0.7...svelte-demo@1.1.0-alpha.1) (2020-08-08) 492 | 493 | # [1.22.0](https://github.com/matteobruni/tsparticles/compare/svelte-demo@1.21.0...svelte-demo@1.22.0) (2022-01-08) 494 | 495 | **Note:** Version bump only for package svelte-demo 496 | -------------------------------------------------------------------------------- /apps/svelte/README.md: -------------------------------------------------------------------------------- 1 | *Psst — looking for a more complete solution? Check out [SvelteKit](https://kit.svelte.dev), the official framework for building web applications of all sizes, with a beautiful development experience and flexible filesystem-based routing.* 2 | 3 | *Looking for a shareable component template instead? You can [use SvelteKit for that as well](https://kit.svelte.dev/docs#packaging) or the older [sveltejs/component-template](https://github.com/sveltejs/component-template)* 4 | 5 | --- 6 | 7 | # svelte app 8 | 9 | This is a project template for [Svelte](https://svelte.dev) apps. It lives at https://github.com/sveltejs/template. 10 | 11 | To create a new project based on this template using [degit](https://github.com/Rich-Harris/degit): 12 | 13 | ```shell 14 | npx degit sveltejs/template svelte-app 15 | cd svelte-app 16 | ``` 17 | 18 | *Note that you will need to have [Node.js](https://nodejs.org) installed.* 19 | 20 | 21 | ## Get started 22 | 23 | Install the dependencies... 24 | 25 | ```shell 26 | cd svelte-app 27 | npm install 28 | ``` 29 | 30 | ...then start [Rollup](https://rollupjs.org): 31 | 32 | ```shell 33 | npm run dev 34 | ``` 35 | 36 | Navigate to [localhost:8080](http://localhost:8080). You should see your app running. Edit a component file in `src`, save it, and reload the page to see your changes. 37 | 38 | By default, the server will only respond to requests from localhost. To allow connections from other computers, edit the `sirv` commands in package.json to include the option `--host 0.0.0.0`. 39 | 40 | If you're using [Visual Studio Code](https://code.visualstudio.com/) we recommend installing the official extension [Svelte for VS Code](https://marketplace.visualstudio.com/items?itemName=svelte.svelte-vscode). If you are using other editors you may need to install a plugin in order to get syntax highlighting and intellisense. 41 | 42 | ## Building and running in production mode 43 | 44 | To create an optimised version of the app: 45 | 46 | ```shell 47 | npm run build 48 | ``` 49 | 50 | You can run the newly built app with `npm run start`. This uses [sirv](https://github.com/lukeed/sirv), which is included in your package.json's `dependencies` so that the app will work when you deploy to platforms like [Heroku](https://heroku.com). 51 | 52 | 53 | ## Single-page app mode 54 | 55 | By default, sirv will only respond to requests that match files in `public`. This is to maximise compatibility with static fileservers, allowing you to deploy your app anywhere. 56 | 57 | If you're building a single-page app (SPA) with multiple routes, sirv needs to be able to respond to requests for *any* path. You can make it so by editing the `"start"` command in package.json: 58 | 59 | ```js 60 | "start": "sirv public --single" 61 | ``` 62 | 63 | ## Using TypeScript 64 | 65 | This template comes with a script to set up a TypeScript development environment, you can run it immediately after cloning the template with: 66 | 67 | ```shell 68 | node scripts/setupTypeScript.js 69 | ``` 70 | 71 | Or remove the script via: 72 | 73 | ```shell 74 | rm scripts/setupTypeScript.js 75 | ``` 76 | 77 | If you want to use `baseUrl` or `path` aliases within your `tsconfig`, you need to set up `@rollup/plugin-alias` to tell Rollup to resolve the aliases. For more info, see [this StackOverflow question](https://stackoverflow.com/questions/63427935/setup-tsconfig-path-in-svelte). 78 | 79 | ## Deploying to the web 80 | 81 | ### With [Vercel](https://vercel.com) 82 | 83 | Install `vercel` if you haven't already: 84 | 85 | ```shell 86 | npm install -g vercel 87 | ``` 88 | 89 | Then, from within your project folder: 90 | 91 | ```shell 92 | cd public 93 | vercel deploy --name my-project 94 | ``` 95 | 96 | ### With [surge](https://surge.sh/) 97 | 98 | Install `surge` if you haven't already: 99 | 100 | ```shell 101 | npm install -g surge 102 | ``` 103 | 104 | Then, from within your project folder: 105 | 106 | ```shell 107 | npm run build 108 | surge public my-project.surge.sh 109 | ``` 110 | -------------------------------------------------------------------------------- /apps/svelte/package.json: -------------------------------------------------------------------------------- 1 | { 2 | "name": "svelte-demo", 3 | "version": "3.1.1", 4 | "private": true, 5 | "scripts": { 6 | "build": "rollup -c", 7 | "build:ci": "rollup -c", 8 | "dev": "rollup -c -w", 9 | "start": "sirv public --host", 10 | "check": "svelte-check --tsconfig ./tsconfig.json" 11 | }, 12 | "devDependencies": { 13 | "@rollup/plugin-commonjs": "^25.0.8", 14 | "@rollup/plugin-json": "^6.1.0", 15 | "@rollup/plugin-node-resolve": "^15.2.3", 16 | "@rollup/plugin-terser": "^0.4.4", 17 | "@rollup/plugin-typescript": "^11.1.6", 18 | "@tsconfig/svelte": "^5.0.4", 19 | "rollup": "^4.18.0", 20 | "rollup-plugin-css-only": "^4.5.2", 21 | "rollup-plugin-livereload": "^2.0.5", 22 | "rollup-plugin-svelte": "^7.2.0", 23 | "svelte": "^4.2.17", 24 | "svelte-check": "^3.7.1", 25 | "svelte-preprocess": "^5.1.4", 26 | "tslib": "^2.6.2", 27 | "typescript": "~5.4.5" 28 | }, 29 | "dependencies": { 30 | "@tsparticles/configs": "^3.4.0", 31 | "@tsparticles/engine": "^3.4.0", 32 | "@tsparticles/svelte": "workspace:^", 33 | "sirv-cli": "^2.0.2", 34 | "tsparticles": "^3.4.0" 35 | } 36 | } 37 | -------------------------------------------------------------------------------- /apps/svelte/public/favicon.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/tsparticles/svelte/07d9af87e38053c62d858f9911af0c21f49d12a9/apps/svelte/public/favicon.png -------------------------------------------------------------------------------- /apps/svelte/public/global.css: -------------------------------------------------------------------------------- 1 | html, body { 2 | position: relative; 3 | width: 100%; 4 | height: 100%; 5 | } 6 | 7 | body { 8 | color: #333; 9 | margin: 0; 10 | padding: 8px; 11 | box-sizing: border-box; 12 | font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; 13 | } 14 | 15 | a { 16 | color: rgb(0,100,200); 17 | text-decoration: none; 18 | } 19 | 20 | a:hover { 21 | text-decoration: underline; 22 | } 23 | 24 | a:visited { 25 | color: rgb(0,80,160); 26 | } 27 | 28 | label { 29 | display: block; 30 | } 31 | 32 | input, button, select, textarea { 33 | font-family: inherit; 34 | font-size: inherit; 35 | -webkit-padding: 0.4em 0; 36 | padding: 0.4em; 37 | margin: 0 0 0.5em 0; 38 | box-sizing: border-box; 39 | border: 1px solid #ccc; 40 | border-radius: 2px; 41 | } 42 | 43 | input:disabled { 44 | color: #ccc; 45 | } 46 | 47 | button { 48 | color: #333; 49 | background-color: #f4f4f4; 50 | outline: none; 51 | } 52 | 53 | button:disabled { 54 | color: #999; 55 | } 56 | 57 | button:not(:disabled):active { 58 | background-color: #ddd; 59 | } 60 | 61 | button:focus { 62 | border-color: #666; 63 | } 64 | -------------------------------------------------------------------------------- /apps/svelte/public/index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | Svelte app 8 | 9 | 10 | 11 | 12 | 13 | 14 | 15 | 16 | 17 | 18 | 19 | -------------------------------------------------------------------------------- /apps/svelte/rollup.config.mjs: -------------------------------------------------------------------------------- 1 | import svelte from "rollup-plugin-svelte"; 2 | import commonjs from "@rollup/plugin-commonjs"; 3 | import resolve from "@rollup/plugin-node-resolve"; 4 | import livereload from "rollup-plugin-livereload"; 5 | import terser from "@rollup/plugin-terser"; 6 | import sveltePreprocess from "svelte-preprocess"; 7 | import typescript from "@rollup/plugin-typescript"; 8 | import css from "rollup-plugin-css-only"; 9 | import json from "@rollup/plugin-json"; 10 | 11 | const production = !process.env.ROLLUP_WATCH; 12 | 13 | function serve() { 14 | let server; 15 | 16 | function toExit() { 17 | if (server) server.kill(0); 18 | } 19 | 20 | return { 21 | writeBundle() { 22 | if (server) return; 23 | server = require("child_process").spawn("npm", ["run", "start", "--", "--dev"], { 24 | stdio: ["ignore", "inherit", "inherit"], 25 | shell: true 26 | }); 27 | 28 | process.on("SIGTERM", toExit); 29 | process.on("exit", toExit); 30 | } 31 | }; 32 | } 33 | 34 | export default { 35 | input: "src/main.ts", 36 | output: { 37 | sourcemap: true, 38 | format: "iife", 39 | name: "app", 40 | file: "public/build/bundle.js", 41 | inlineDynamicImports: true 42 | }, 43 | plugins: [ 44 | svelte({ 45 | preprocess: sveltePreprocess({ sourceMap: !production }), 46 | compilerOptions: { 47 | // enable run-time checks when not in production 48 | dev: !production 49 | } 50 | }), 51 | // we'll extract any component CSS out into 52 | // a separate file - better for performance 53 | css({ output: "bundle.css" }), 54 | 55 | // If you have external dependencies installed from 56 | // npm, you'll most likely need these plugins. In 57 | // some cases you'll need additional configuration - 58 | // consult the documentation for details: 59 | // https://github.com/rollup/plugins/tree/master/packages/commonjs 60 | resolve({ 61 | browser: true, 62 | dedupe: ["svelte"] 63 | }), 64 | commonjs(), 65 | json(), 66 | typescript({ 67 | sourceMap: !production, 68 | inlineSources: !production 69 | }), 70 | 71 | // In dev mode, call `npm run start` once 72 | // the bundle has been generated 73 | !production && serve(), 74 | 75 | // Watch the `public` directory and refresh the 76 | // browser on changes when not in production 77 | !production && livereload("public"), 78 | 79 | // If we're building for production (npm run build 80 | // instead of npm run dev), minify 81 | production && terser() 82 | ], 83 | watch: { 84 | clearScreen: false 85 | } 86 | }; 87 | -------------------------------------------------------------------------------- /apps/svelte/src/App.svelte: -------------------------------------------------------------------------------- 1 | 26 | 27 |
28 |

Hello {name}!

29 |

Visit the Svelte tutorial to learn how to build Svelte apps.

30 | 31 |
32 | 33 | 54 | -------------------------------------------------------------------------------- /apps/svelte/src/global.d.ts: -------------------------------------------------------------------------------- 1 | /// -------------------------------------------------------------------------------- /apps/svelte/src/main.ts: -------------------------------------------------------------------------------- 1 | import App from './App.svelte'; 2 | 3 | const app = new App({ 4 | target: document.body, 5 | props: { 6 | name: 'world' 7 | } 8 | }); 9 | 10 | export default app; 11 | -------------------------------------------------------------------------------- /apps/svelte/tsconfig.json: -------------------------------------------------------------------------------- 1 | { 2 | "extends": "@tsconfig/svelte/tsconfig.json", 3 | 4 | "include": ["src/**/*"], 5 | "exclude": ["node_modules/*", "__sapper__/*", "public/*"] 6 | } -------------------------------------------------------------------------------- /components/svelte/.eslintignore: -------------------------------------------------------------------------------- 1 | .DS_Store 2 | node_modules 3 | /build 4 | /.svelte-kit 5 | /package 6 | .env 7 | .env.* 8 | !.env.example 9 | 10 | # Ignore files for PNPM, NPM and YARN 11 | pnpm-lock.yaml 12 | package-lock.json 13 | yarn.lock 14 | -------------------------------------------------------------------------------- /components/svelte/.eslintrc.cjs: -------------------------------------------------------------------------------- 1 | /** @type { import("eslint").Linter.Config } */ 2 | module.exports = { 3 | root: true, 4 | extends: [ 5 | 'eslint:recommended', 6 | 'plugin:@typescript-eslint/recommended', 7 | 'plugin:svelte/recommended', 8 | 'prettier' 9 | ], 10 | parser: '@typescript-eslint/parser', 11 | plugins: ['@typescript-eslint'], 12 | parserOptions: { 13 | sourceType: 'module', 14 | ecmaVersion: 2020, 15 | extraFileExtensions: ['.svelte'] 16 | }, 17 | env: { 18 | browser: true, 19 | es2017: true, 20 | node: true 21 | }, 22 | overrides: [ 23 | { 24 | files: ['*.svelte'], 25 | parser: 'svelte-eslint-parser', 26 | parserOptions: { 27 | parser: '@typescript-eslint/parser' 28 | } 29 | } 30 | ] 31 | }; 32 | -------------------------------------------------------------------------------- /components/svelte/.gitignore: -------------------------------------------------------------------------------- 1 | .DS_Store 2 | node_modules 3 | /build 4 | /dist 5 | /.svelte-kit 6 | /package 7 | .env 8 | .env.* 9 | !.env.example 10 | vite.config.js.timestamp-* 11 | vite.config.ts.timestamp-* 12 | -------------------------------------------------------------------------------- /components/svelte/.npmrc: -------------------------------------------------------------------------------- 1 | engine-strict=true 2 | -------------------------------------------------------------------------------- /components/svelte/.prettierignore: -------------------------------------------------------------------------------- 1 | # Ignore files for PNPM, NPM and YARN 2 | pnpm-lock.yaml 3 | package-lock.json 4 | yarn.lock 5 | -------------------------------------------------------------------------------- /components/svelte/.prettierrc: -------------------------------------------------------------------------------- 1 | { 2 | "useTabs": true, 3 | "singleQuote": true, 4 | "trailingComma": "none", 5 | "printWidth": 100, 6 | "plugins": ["prettier-plugin-svelte"], 7 | "overrides": [{ "files": "*.svelte", "options": { "parser": "svelte" } }] 8 | } 9 | -------------------------------------------------------------------------------- /components/svelte/CHANGELOG.md: -------------------------------------------------------------------------------- 1 | # Change Log 2 | 3 | All notable changes to this project will be documented in this file. 4 | See [Conventional Commits](https://conventionalcommits.org) for commit guidelines. 5 | 6 | ## [3.1.1](https://github.com/tsparticles/svelte/compare/v3.1.0...v3.1.1) (2024-05-26) 7 | 8 | **Note:** Version bump only for package @tsparticles/svelte 9 | 10 | 11 | 12 | 13 | 14 | # [3.1.0](https://github.com/tsparticles/svelte/compare/v3.0.0...v3.1.0) (2024-05-26) 15 | 16 | **Note:** Version bump only for package @tsparticles/svelte 17 | 18 | # [3.0.0](https://github.com/tsparticles/svelte/compare/v2.12.0...v3.0.0) (2023-12-24) 19 | 20 | ### Features 21 | 22 | - migrated to v3, used new init structure ([bee139b](https://github.com/tsparticles/svelte/commit/bee139bd3466725681212a5d662060cd2f1b3dc2)) 23 | - updated to v3, needs new initialization function to replace particlesInit ([404d847](https://github.com/tsparticles/svelte/commit/404d847673d7d6d830b8ecf9433e4bd468a475fd)) 24 | -------------------------------------------------------------------------------- /components/svelte/README.md: -------------------------------------------------------------------------------- 1 | [![banner](https://particles.js.org/images/banner3.png)](https://particles.js.org) 2 | 3 | # @tsparticles/svelte 4 | 5 | [![npm](https://img.shields.io/npm/v/@tsparticles/svelte)](https://www.npmjs.com/package/@tsparticles/svelte) [![npm downloads](https://img.shields.io/npm/dm/@tsparticles/svelte)](https://www.npmjs.com/package/@tsparticles/svelte) [![GitHub Sponsors](https://img.shields.io/github/sponsors/matteobruni)](https://github.com/sponsors/matteobruni) 6 | 7 | Official [tsParticles](https://github.com/matteobruni/tsparticles) SvelteJS component 8 | 9 | [![Slack](https://particles.js.org/images/slack.png)](https://join.slack.com/t/tsparticles/shared_invite/enQtOTcxNTQxNjQ4NzkxLWE2MTZhZWExMWRmOWI5MTMxNjczOGE1Yjk0MjViYjdkYTUzODM3OTc5MGQ5MjFlODc4MzE0N2Q1OWQxZDc1YzI) [![Discord](https://particles.js.org/images/discord.png)](https://discord.gg/hACwv45Hme) [![Telegram](https://particles.js.org/images/telegram.png)](https://t.me/tsparticles) 10 | 11 | [![tsParticles Product Hunt](https://api.producthunt.com/widgets/embed-image/v1/featured.svg?post_id=186113&theme=light)](https://www.producthunt.com/posts/tsparticles?utm_source=badge-featured&utm_medium=badge&utm_souce=badge-tsparticles") 12 | 13 | ## Installation 14 | 15 | ```shell 16 | npm install @tsparticles/svelte 17 | ``` 18 | 19 | or 20 | 21 | ```shell 22 | yarn add @tsparticles/svelte 23 | ``` 24 | 25 | ## Usage 26 | 27 | ```html 28 | 69 | 70 | 77 | 78 | 79 | 80 | 87 | ``` 88 | 89 | ### SSR 90 | 91 | The particles component isn't built for SSR, so you have to force the component to be called client side 92 | with `async import`. 93 | 94 | You can see a sample below: 95 | 96 | ```html 97 | 147 | 148 | 156 | 157 | 158 | 159 | 167 | ``` 168 | 169 | ### TypeScript errors 170 | 171 | A user reported me a TypeScript error (#3963), and that's because this Svelte component is built using TypeScript. 172 | 173 | If someone is experiencing the same error, please follow these steps: 174 | 175 | - install these packages: `typescript`, `svelte-preprocess`. 176 | - add a `tsconfig.json` file to your project, following this sample: (see this for example: ) 177 | - import `svelte-preprocess` in your svelte configuration file, like this: `import preprocess from 'svelte-preprocess'` (see this for example: ) 178 | - use the `preprocess` function in your svelte configuration file, like this: `preprocess: preprocess(),` (see this for example: ) 179 | 180 | After that, everything should work as expected. 181 | 182 | ### SvelteKit 183 | 184 | If you have issues with SvelteKit, like you _Cannot use import statement outside a module_, change your `vite.config.ts` file like this: 185 | 186 | ```ts 187 | import { sveltekit } from '@sveltejs/kit/vite'; 188 | import { defineConfig } from 'vite'; 189 | 190 | export default defineConfig({ 191 | plugins: [sveltekit()], 192 | ssr: { 193 | noExternal: ['tsparticles', '@tsparticles/slim', '@tsparticles/engine', '@tsparticles/svelte'] // add all tsparticles libraries here, they're not made for SSR, they're client only 194 | } 195 | }); 196 | ``` 197 | 198 | ## Demos 199 | 200 | The demo website is [here](https://particles.js.org) 201 | 202 | 203 | 204 | There's also a CodePen collection actively maintained and updated [here](https://codepen.io/collection/DPOage) 205 | 206 | 207 | -------------------------------------------------------------------------------- /components/svelte/package.json: -------------------------------------------------------------------------------- 1 | { 2 | "name": "@tsparticles/svelte", 3 | "version": "3.1.1", 4 | "description": "Official tsParticles Svelte 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), Angular, jQuery, Preact, Riot.js, Solid.js, Inferno.", 5 | "repository": { 6 | "type": "git", 7 | "url": "git+https://github.com/tsparticles/svelte.git", 8 | "directory": "components/svelte" 9 | }, 10 | "author": "Matteo Bruni ", 11 | "license": "MIT", 12 | "keywords": [ 13 | "front-end", 14 | "frontend", 15 | "tsparticles", 16 | "particles.js", 17 | "particlesjs", 18 | "particles", 19 | "particle", 20 | "canvas", 21 | "jsparticles", 22 | "xparticles", 23 | "particles-js", 24 | "particles-bg", 25 | "particles-bg-vue", 26 | "particles-ts", 27 | "particles.ts", 28 | "react-particles-js", 29 | "react-particles.js", 30 | "react-particles", 31 | "react", 32 | "reactjs", 33 | "vue-particles", 34 | "ngx-particles", 35 | "angular-particles", 36 | "particleground", 37 | "vue", 38 | "vuejs", 39 | "preact", 40 | "preactjs", 41 | "jquery", 42 | "angularjs", 43 | "angular", 44 | "typescript", 45 | "javascript", 46 | "animation", 47 | "web", 48 | "html5", 49 | "web-design", 50 | "webdesign", 51 | "css", 52 | "html", 53 | "css3", 54 | "animated", 55 | "background", 56 | "confetti", 57 | "canvas", 58 | "fireworks", 59 | "fireworks-js", 60 | "confetti-js", 61 | "confettijs", 62 | "fireworksjs", 63 | "canvas-confetti" 64 | ], 65 | "scripts": { 66 | "dev": "vite dev", 67 | "build": "pnpm run format && vite build && npm run package", 68 | "build:ci": "vite build && npm run package", 69 | "preview": "vite preview", 70 | "package": "svelte-kit sync && svelte-package && publint", 71 | "prepublishOnly": "npm run package", 72 | "check": "svelte-kit sync && svelte-check --tsconfig ./tsconfig.json", 73 | "check:watch": "svelte-kit sync && svelte-check --tsconfig ./tsconfig.json --watch", 74 | "lint": "prettier --check . && eslint .", 75 | "format": "prettier --write ." 76 | }, 77 | "exports": { 78 | ".": { 79 | "types": "./dist/index.d.ts", 80 | "svelte": "./dist/index.js" 81 | } 82 | }, 83 | "files": [ 84 | "dist", 85 | "!dist/**/*.test.*", 86 | "!dist/**/*.spec.*" 87 | ], 88 | "publishConfig": { 89 | "access": "public" 90 | }, 91 | "peerDependencies": { 92 | "svelte": "^4.2.17" 93 | }, 94 | "dependencies": { 95 | "@tsparticles/engine": "^3.4.0" 96 | }, 97 | "devDependencies": { 98 | "@sveltejs/adapter-auto": "^3.2.1", 99 | "@sveltejs/kit": "^2.5.10", 100 | "@sveltejs/package": "^2.3.1", 101 | "@sveltejs/vite-plugin-svelte": "^3.1.0", 102 | "@types/eslint": "^8.56.10", 103 | "@typescript-eslint/eslint-plugin": "^7.10.0", 104 | "@typescript-eslint/parser": "^7.10.0", 105 | "eslint": "^8.57.0", 106 | "eslint-config-prettier": "^9.1.0", 107 | "eslint-plugin-svelte": "^2.39.0", 108 | "prettier": "^3.2.5", 109 | "prettier-plugin-svelte": "^3.2.3", 110 | "publint": "^0.2.8", 111 | "svelte": "^4.2.17", 112 | "svelte-check": "^3.7.1", 113 | "tslib": "^2.6.2", 114 | "typescript": "^5.4.5", 115 | "vite": "^5.2.11" 116 | }, 117 | "svelte": "./dist/index.js", 118 | "types": "./dist/index.d.ts", 119 | "type": "module" 120 | } 121 | -------------------------------------------------------------------------------- /components/svelte/src/app.d.ts: -------------------------------------------------------------------------------- 1 | // See https://kit.svelte.dev/docs/types#app 2 | // for information about these interfaces 3 | declare global { 4 | namespace App { 5 | // interface Error {} 6 | // interface Locals {} 7 | // interface PageData {} 8 | // interface PageState {} 9 | // interface Platform {} 10 | } 11 | } 12 | 13 | export {}; 14 | -------------------------------------------------------------------------------- /components/svelte/src/app.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | %sveltekit.title% 8 | %sveltekit.head% 9 | 10 | 11 |
%sveltekit.body%
12 | 13 | 14 | -------------------------------------------------------------------------------- /components/svelte/src/lib/Particles.svelte: -------------------------------------------------------------------------------- 1 | 2 | 3 | 88 | 89 |
90 | -------------------------------------------------------------------------------- /components/svelte/src/lib/index.ts: -------------------------------------------------------------------------------- 1 | import { type Engine, tsParticles } from '@tsparticles/engine'; 2 | import Particles from './Particles.svelte'; 3 | import { initialized } from './utils.js'; 4 | 5 | async function particlesInit(init: (engine: Engine) => Promise): Promise { 6 | tsParticles.init(); 7 | 8 | await init(tsParticles); 9 | 10 | initialized.set(true); 11 | } 12 | 13 | export { Particles as default, particlesInit }; 14 | -------------------------------------------------------------------------------- /components/svelte/src/lib/utils.ts: -------------------------------------------------------------------------------- 1 | import { writable } from 'svelte/store'; 2 | 3 | const initialized = writable(false); 4 | 5 | export { initialized }; 6 | -------------------------------------------------------------------------------- /components/svelte/src/routes/+page.svelte: -------------------------------------------------------------------------------- 1 |

Welcome to your library project

2 |

Create your package using @sveltejs/package and preview/showcase your work with SvelteKit

3 |

Visit kit.svelte.dev to read the documentation

4 | -------------------------------------------------------------------------------- /components/svelte/static/favicon.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/tsparticles/svelte/07d9af87e38053c62d858f9911af0c21f49d12a9/components/svelte/static/favicon.png -------------------------------------------------------------------------------- /components/svelte/svelte.config.js: -------------------------------------------------------------------------------- 1 | import adapter from '@sveltejs/adapter-auto'; 2 | import { vitePreprocess } from '@sveltejs/vite-plugin-svelte'; 3 | 4 | /** @type {import('@sveltejs/kit').Config} */ 5 | const config = { 6 | // Consult https://kit.svelte.dev/docs/integrations#preprocessors 7 | // for more information about preprocessors 8 | preprocess: vitePreprocess(), 9 | 10 | kit: { 11 | // adapter-auto only supports some environments, see https://kit.svelte.dev/docs/adapter-auto for a list. 12 | // If your environment is not supported or you settled on a specific environment, switch out the adapter. 13 | // See https://kit.svelte.dev/docs/adapters for more information about adapters. 14 | adapter: adapter() 15 | } 16 | }; 17 | 18 | export default config; 19 | -------------------------------------------------------------------------------- /components/svelte/tsconfig.json: -------------------------------------------------------------------------------- 1 | { 2 | "extends": "./.svelte-kit/tsconfig.json", 3 | "compilerOptions": { 4 | "allowJs": true, 5 | "checkJs": true, 6 | "esModuleInterop": true, 7 | "forceConsistentCasingInFileNames": true, 8 | "resolveJsonModule": true, 9 | "skipLibCheck": true, 10 | "sourceMap": true, 11 | "strict": true, 12 | "module": "NodeNext", 13 | "moduleResolution": "NodeNext" 14 | } 15 | } 16 | -------------------------------------------------------------------------------- /components/svelte/vite.config.ts: -------------------------------------------------------------------------------- 1 | import { sveltekit } from '@sveltejs/kit/vite'; 2 | import { defineConfig } from 'vite'; 3 | 4 | export default defineConfig({ 5 | plugins: [sveltekit()] 6 | }); 7 | -------------------------------------------------------------------------------- /lerna.json: -------------------------------------------------------------------------------- 1 | { 2 | "$schema": "node_modules/lerna/schemas/lerna-schema.json", 3 | "packages": [ 4 | "apps/*", 5 | "components/*" 6 | ], 7 | "version": "3.1.1", 8 | "npmClient": "pnpm", 9 | "conventionalCommits": true, 10 | "command": { 11 | "version": { 12 | "message": "chore(release): published new version" 13 | } 14 | } 15 | } 16 | -------------------------------------------------------------------------------- /package.json: -------------------------------------------------------------------------------- 1 | { 2 | "name": "@tsparticles/svelte-workspace", 3 | "version": "0.0.0", 4 | "private": true, 5 | "scripts": { 6 | "build": "lerna run build" 7 | }, 8 | "license": "MIT", 9 | "dependencies": { 10 | "@commitlint/cli": "^19.3.0", 11 | "@commitlint/config-conventional": "^19.2.2", 12 | "husky": "^9.0.11", 13 | "lerna": "^8.1.3" 14 | }, 15 | "workspaces": [ 16 | "apps/*", 17 | "components/*" 18 | ] 19 | } 20 | -------------------------------------------------------------------------------- /pnpm-workspace.yaml: -------------------------------------------------------------------------------- 1 | packages: 2 | - 'apps/*' 3 | - 'components/*' 4 | -------------------------------------------------------------------------------- /renovate.json: -------------------------------------------------------------------------------- 1 | { 2 | "$schema": "https://docs.renovatebot.com/renovate-schema.json", 3 | "baseBranches": [ 4 | "dev" 5 | ], 6 | "extends": [ 7 | "config:base" 8 | ] 9 | } 10 | --------------------------------------------------------------------------------