2021-07-1.30.md 2.8 KB


title: "Uppy 1.30: Angular integration, Granular Image Rotation, Google Drive Shortcuts" date: 2021-07-02 author: arturi

published: true

Uppy 1.30 introduces the long-awaited Angular integration (beta), granular image rotation and Google Drive shortcuts.

Angular Integration

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.

Granular Image Rotation

@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.

Your browser does not support the video tag: https://uppy.io/images/blog/1.30/granular-rotation.mp4

Google Drive Shortcuts

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.

Misc

See changelog for details.

Download

Download Uppy 1.30 Bundle

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.