How ozx-68102/dash-uploader-uppy5 works
dash-uploader-uppy5 is a Dash file-upload component backed by Uppy 5 and a Flask upload handler. A Dash app configures an upload folder and presents the component; users select files, Uppy sends them to the server, and completion results are published as Dash props for callbacks. The documented product also supports file restrictions, appearance options, and programmatic upload, retry, cancel, and clear triggers. Python route/configuration wiring and Uppy construction were not sampled, so those links are limited to README claims and module paths.
Main entry points: createUppy.ts Uppy instance · DashUploaderUppy5.tsx Uploader component · useSetupUppyEventHandlers.ts Upload event handling · uploadhandler.py Upload handler
Components 22
Dash integration
- Dash application
- Upload configuration
dash_uploader_uppy5/configurator.py - Upload component API
dash_uploader_uppy5/__init__.py - Component props
src/components/types/Uploader.ts - Dash callback
Browser uploader
- Uploader component
src/components/DashUploaderUppy5.tsx - Uppy instance
src/components/utils/createUppy.ts - Uppy Dashboard
src/components/DashUploaderUppy5.tsx - File restrictions
src/components/utils/createUppy.ts - Upload event handling
src/components/hooks/useSetupUppyEventHandlers.ts - Trigger handlers
src/components/DashUploaderUppy5.tsx - Upload trigger
src/components/hooks/useHandleUploadTrigger.ts - Retry trigger
src/components/hooks/useHandleRetryTrigger.ts - Cancel trigger
src/components/hooks/useHandleCancelTrigger.ts - Clear trigger
src/components/hooks/useHandleClearTrigger.ts - Dashboard options
src/components/DashUploaderUppy5.tsx
Upload server
- Flask request
- Upload handler
dash_uploader_uppy5/uploadhandler.py - Upload settings
dash_uploader_uppy5/settings.py
Upload storage
- Upload folder
Other components
- Dash app developer
- Uploader user
Connections 29
- Dash app developer → Dash application: configures
- Dash application → Upload configuration: sets upload folder
- Dash application → Upload component API: creates component
- Upload component API → Component props: defines props
- Component props → Uploader component: configures
- Uploader component → Uppy instance: creates
- Uploader component → Uppy Dashboard: renders
- Uploader component → Upload event handling: registers
- Uploader component → Trigger handlers: registers
- Trigger handlers → Upload trigger: dispatches
- Trigger handlers → Retry trigger: dispatches
- Trigger handlers → Cancel trigger: dispatches
- Trigger handlers → Clear trigger: dispatches
- Upload trigger → Uppy instance: starts upload
- Retry trigger → Uppy instance: retries files
- Cancel trigger → Uppy instance: cancels uploads
- Clear trigger → Uppy instance: clears files
- Uppy instance → File restrictions: applies limits
- Uploader user → Uppy Dashboard: selects files
- Uppy Dashboard → Uppy instance: adds files
- Uppy instance → Flask request: streams upload
- Flask request → Upload handler: dispatches request
- Upload handler → Upload folder: saves file
- Upload handler → Uppy instance: returns filename
- Upload event handling → Uppy instance: observes events
- Upload event handling → Dash application: sets upload props
- Dash application → Dash callback: invokes callback
- Upload configuration → Upload settings: configures
- Uploader component → Dashboard options: applies options