title: "Uppy 1.30: Angular integration, Granular Image Rotation, Google Drive Shortcuts" date: 2021-07-02 author: arturi
Uppy 1.30 introduces the long-awaited Angular integration (beta), granular image rotation and Google Drive shortcuts.
Uppy now has an official Angular integration! It’s in beta, please try it our and do let us know how we can improve through Twitter or GitHub. Original draft implementation was made by Adam Medford, then finalized, polished and brought to release today by Andrew Kachnic 👏
npm install @uppy/angular
// app.component.ts
import { Component } from '@angular/core';
import { Uppy } from '@uppy/core'
@Component({
selector: 'app-root'
})
export class AppComponent {
uppy: Uppy = new Uppy({ debug: true, autoProceed: true })
}
<!--- app.component.html -->
<uppy-dashboard [uppy]='uppy'>
</uppy-dashboard>
The following plugins are available as Angular component wrappers:
<uppy-dashboard />
<uppy-drag-drop />
<uppy-progress-bar />
<uppy-status-bar />
See the Angular docs for more details.
@uppy/image-editor
plugin got a new option granularRotate: true
that allows for granular image rotation: be it 12° or 59° — just adjust the slider to your liking.
Google Drive shortcuts, much like in a desktop OS, are pointers to files or folders that can be stored in another folder or drive. Uppy now supports shortcuts, you will see them alongside your usual files and folders.
logClientVersion
option (#2855 / @mifi)See changelog for details.
Or include from CDN. Note that it’s highly recommended to pick and choose specific Uppy plugins that you need, and install them with npm
or yarn
. This is because the bundle includes all Uppy plugins at once.