uppy/packages/@uppy/angular
Prakash 8b8ab01440
@uppy/angular: declare components as standalone & support 20.x (#5843)
Closes #5759 
Closes #5833.

This PR: 

- Introduces updates in @uppy/angular that improve developer experience
(DX) and also address open issues

The @uppy/angular package underwent major updates in v0.80
([27492bc](27492bca8a)),
where we dropped support for NgModules in favor of standalone
components. This change aligns with the direction set by the Angular
team — starting from Angular v17, and becoming default in v19, all
components are standalone by default. This is now the recommended way to
build UI components in Angular.
 
However, the docs and examples have not yet been updated to reflect
this. That will be addressed in #5818.

Even though components are standalone by default starting from Angular
17+, it is still considered good practice to explicitly declare them as
standalone. This is also validated by the Angular LSP, which raises an
error when this declaration is missing.

<img width="1042" height="742" alt="image"
src="https://github.com/user-attachments/assets/1f557871-c302-4f02-9ded-ddf27c6175bd"
/>


Changes in this PR:

- Explicitly mark all components as standalone
- Fix demo components
- Add support for Angular 20

---------

Co-authored-by: Merlijn Vos <merlijn@soverin.net>
2025-08-01 17:22:19 +02:00
..
.vscode @uppy/angular: upgrade to Angular 16.x (#4642) 2023-08-30 17:57:45 +02:00
projects/uppy/angular @uppy/angular: declare components as standalone & support 20.x (#5843) 2025-08-01 17:22:19 +02:00
.editorconfig Angular Integration (#2871) 2021-06-30 11:36:57 +01:00
.eslintrc.json meta: run Prettier on existing files (#4713) 2023-09-29 11:11:28 +02:00
.gitignore meta: fix yarn build:clean (#4866) 2024-01-16 17:11:51 +01:00
angular.json Build fixes (#4959) 2024-02-27 12:20:58 +01:00
CHANGELOG.md Release: uppy@4.15.0 (#5720) 2025-04-14 12:57:48 +00:00
LICENSE Angular Integration (#2871) 2021-06-30 11:36:57 +01:00
package.json @uppy/angular: declare components as standalone & support 20.x (#5843) 2025-08-01 17:22:19 +02:00
README.md @uppy/angular: upgrade to Angular 16.x (#4642) 2023-08-30 17:57:45 +02:00
tsconfig.json Migrate from Eslint/Prettier/Stylelint to Biome (#5794) 2025-07-01 14:55:41 +02:00
turbo.json Use turbo for building and watching concurrently (#5808) 2025-07-10 13:21:18 +02:00

Angular

This project was generated with Angular CLI version 16.2.0.

Development server

Run ng serve for a dev server. Navigate to http://localhost:4200/. The application will automatically reload if you change any of the source files.

Code scaffolding

Run ng generate component component-name to generate a new component. You can also use ng generate directive|pipe|service|class|guard|interface|enum|module.

Build

Run ng build to build the project. The build artifacts will be stored in the dist/ directory.

Running unit tests

Run ng test to execute the unit tests via Karma.

Running end-to-end tests

Run ng e2e to execute the end-to-end tests via a platform of your choice. To use this command, you need to first add a package that implements end-to-end testing capabilities.

Further help

To get more help on the Angular CLI use ng help or go check out the Angular CLI Overview and Command Reference page.