mirror of
https://github.com/transloadit/uppy.git
synced 2026-07-18 00:55:35 +00:00
8be2004826
* /examples/dev - added drag-drop plugin dev environment * @uppy/drag-drop - moved isDragDropSupported() to @uppy/utils * @uppy/drag-drop - got rid of drag-drop npm library * examples/dev - made compiled files placed in /output instead of /lib * ~/examples/dev - made watchify only watch files once * @uppy/drag-drop - add onPaste * /examples/dev - readded html css override-attempts * @uppy/drag-drop - made whole area clickable, and made it accessible * @uppy/drag-drop - removed excessive outline in firefox * REVERTED last 2 commits
70 lines
2.4 KiB
JavaScript
70 lines
2.4 KiB
JavaScript
const Uppy = require('@uppy/core/src')
|
|
const Dashboard = require('@uppy/dashboard/src')
|
|
const Instagram = require('@uppy/instagram/src')
|
|
const Dropbox = require('@uppy/dropbox/src')
|
|
const GoogleDrive = require('@uppy/google-drive/src')
|
|
const Url = require('@uppy/url/src')
|
|
const Webcam = require('@uppy/webcam/src')
|
|
const Tus = require('@uppy/tus/src')
|
|
// const XHRUpload = require('@uppy/xhr-upload/src')
|
|
const Form = require('@uppy/form/src')
|
|
|
|
const TUS_ENDPOINT = 'https://master.tus.io/files/'
|
|
// const XHR_ENDPOINT = 'https://api2.transloadit.com'
|
|
|
|
module.exports = () => {
|
|
const uppyDashboard = Uppy({
|
|
debug: true,
|
|
meta: {
|
|
username: 'John',
|
|
license: 'Creative Commons'
|
|
}
|
|
})
|
|
.use(Dashboard, {
|
|
trigger: '#pick-files',
|
|
// inline: true,
|
|
target: '.foo',
|
|
metaFields: [
|
|
{ id: 'license', name: 'License', placeholder: 'specify license' },
|
|
{ id: 'caption', name: 'Caption', placeholder: 'add caption' }
|
|
],
|
|
showProgressDetails: true,
|
|
proudlyDisplayPoweredByUppy: true,
|
|
note: '2 files, images and video only'
|
|
})
|
|
.use(GoogleDrive, { target: Dashboard, companionUrl: 'http://localhost:3020' })
|
|
.use(Instagram, { target: Dashboard, companionUrl: 'http://localhost:3020' })
|
|
.use(Dropbox, { target: Dashboard, companionUrl: 'http://localhost:3020' })
|
|
.use(Url, { target: Dashboard, companionUrl: 'http://localhost:3020' })
|
|
.use(Webcam, { target: Dashboard })
|
|
.use(Tus, { endpoint: TUS_ENDPOINT })
|
|
// .use(XHRUpload, { endpoint: XHR_ENDPOINT })
|
|
.use(Form, { target: '#upload-form' })
|
|
// .use(GoldenRetriever, {serviceWorker: true})
|
|
|
|
uppyDashboard.on('complete', (result) => {
|
|
if (result.failed.length === 0) {
|
|
console.log('Upload successful 😀')
|
|
} else {
|
|
console.warn('Upload failed 😞')
|
|
}
|
|
console.log('successful files:', result.successful)
|
|
console.log('failed files:', result.failed)
|
|
})
|
|
|
|
const modalTrigger = document.querySelector('#pick-files')
|
|
if (modalTrigger) modalTrigger.click()
|
|
|
|
/* eslint-disable compat/compat */
|
|
if ('serviceWorker' in navigator) {
|
|
navigator.serviceWorker
|
|
.register('/sw.js')
|
|
.then((registration) => {
|
|
console.log('ServiceWorker registration successful with scope: ', registration.scope)
|
|
})
|
|
.catch((error) => {
|
|
console.log('Registration failed with ' + error)
|
|
})
|
|
}
|
|
/* eslint-enable */
|
|
}
|