Mirrors/uppy
1
0
Fork 0
mirror of https://github.com/transloadit/uppy.git synced 2026-07-18 00:55:35 +00:00
Code Issues Projects Releases Wiki Activity

@uppy/examples: Add new examples (#5942)

Browse source 
Had to create a new PR since after the 5.0 merge, #5818 was throwing
errors.

## Examples Added

- **React Router v7**
- Uppy Dashboard with Tus, XHR, and Transloadit , tus server implemented
using react-router/express adapter , rest using regular resource routes
- This still doesn't have hot reloading in the dev server though , can
be added through nodemon

- **Next.js**
  - Uppy Dashboard with Tus, XHR, and Transloadit  

- **Angular**
  - Uppy Dashboard and Dashboard Modal with Tus
This commit is contained in:
Prakash 2025-09-10 21:46:19 +05:30 • committed by GitHub
parent fc3e483fcb
commit 567be4efab
No known key found for this signature in database
GPG key ID: B5690EEEBB952194
56 changed files with 8507 additions and 3533 deletions
Download patch file Download diff file Expand all files Collapse all files

57
examples/angular/README.md
View file

@ -1,36 +1,59 @@
# AngularExample
# AngularModernExamples
This project was generated with [Angular CLI](https://github.com/angular/angular-cli) version 16.2.0.
This project was generated using [Angular CLI](https://github.com/angular/angular-cli) version 19.2.6.
## Development server
```
corepack yarn install
corepack yarn build:clean
corepack yarn build
rm packages/@uppy/*/tsconfig.json
corepack yarn workspace @uppy/angular prepublishOnly
corepack yarn workspace @uppy-example/angular start
To start a local development server, run:
```bash
ng serve
```
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.
Once the server is running, open your browser and navigate to `http://localhost:4200/`. The application will automatically reload whenever you modify 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`.
Angular CLI includes powerful code scaffolding tools. To generate a new component, run:
## Build
```bash
ng generate component component-name
```
Run `ng build` to build the project. The build artifacts will be stored in the `dist/` directory.
For a complete list of available schematics (such as `components`, `directives`, or `pipes`), run:
```bash
ng generate --help
```
## Building
To build the project run:
```bash
ng build
```
This will compile your project and store the build artifacts in the `dist/` directory. By default, the production build optimizes your application for performance and speed.
## Running unit tests
Run `ng test` to execute the unit tests via [Karma](https://karma-runner.github.io).
To execute unit tests with the [Karma](https://karma-runner.github.io) test runner, use the following command:
```bash
ng test
```
## 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.
For end-to-end (e2e) testing, run:
## Further help
```bash
ng e2e
```
To get more help on the Angular CLI use `ng help` or go check out the [Angular CLI Overview and Command Reference](https://angular.io/cli) page.
Angular CLI does not come with an end-to-end testing framework by default. You can choose one that suits your needs.
## Additional Resources
For more information on using the Angular CLI, including detailed command references, visit the [Angular CLI Overview and Command Reference](https://angular.dev/tools/cli) page.