Mirrors/uppy
1
0
Fork 0
mirror of https://github.com/transloadit/uppy.git synced 2026-07-31 14:00:43 +00:00
Code Issues Projects Releases Wiki Activity
uppy/examples/reactrouter
History
prakash e3f01a25f6
chore(deps): upgrade vite to 8 and the Svelte toolchain 
- vite ^6.2/^6.3/^7.1/^8.0 -> ^8.1.5 (14 workspaces)
- @sveltejs/vite-plugin-svelte ^5/^7.1 -> ^7.2.0
- @sveltejs/kit ^2.49/^2.60 -> ^2.69.3
- @sveltejs/adapter-auto ^4 -> ^7.0.1
- svelte ^5.55.8 -> ^5.56.5
- vitest-browser-svelte ^2.1.1 -> ^3.0.0

These move together: vite-plugin-svelte 7 requires vite 7 or newer, and
@uppy/svelte was already on vite ^8.0.13.

One source change: examples/xhr-node/main.js imported two stylesheets from
`dist/style.css` while the neighbouring line already used `css/style.css`.
vite 8 resolves the stale paths strictly, so both are corrected.

svelte-check now logs "Loading Svelte config from Vite config failed" in
@uppy/svelte before falling back to svelte.config.js. It is noise from
@sveltejs/kit's config loader reacting to a hoisted install; all 235 files
are still checked (0 errors, 1 pre-existing warning).

Supersedes #6340.

Verified: yarn build (54/54), yarn typecheck (75/75), yarn check:ci,
yarn test (19/19).
2026-07-26 02:46:30 +05:30
..
app @uppy/examples: Add new examples (#5942) 2025-09-10 21:46:19 +05:30
public @uppy/examples: Add new examples (#5942) 2025-09-10 21:46:19 +05:30
.gitignore @uppy/examples: Add new examples (#5942) 2025-09-10 21:46:19 +05:30
package.json chore(deps): upgrade vite to 8 and the Svelte toolchain 2026-07-26 02:46:30 +05:30
README.md @uppy/examples: Add new examples (#5942) 2025-09-10 21:46:19 +05:30
server.ts upgrade to express v5 (#6304) 2026-05-21 11:14:23 +08:00
tsconfig.json @uppy/examples: Add new examples (#5942) 2025-09-10 21:46:19 +05:30
vite.config.ts @uppy/examples: Add new examples (#5942) 2025-09-10 21:46:19 +05:30

README.md

React Router v7 + Uppy Upload Examples

Complete showcase of Uppy Dashboard with TUS (resumable), XHR (standard), and Transloadit (with processing) uploads in React Router v7 framework mode.

Quick Start

npm install
npm run dev

Visit http://localhost:3000 to explore three upload methods:

  • TUS uploads: Resumable, perfect for large files
  • XHR uploads: Standard HTTP, ideal for regular files
  • Transloadit uploads: With powerful file processing capabilities

What You'll Learn

This example demonstrates three upload approaches with Uppy in React Router v7:

  1. TUS server setup with Express middleware for resumable uploads
  2. XHR uploads using React Router's native resource routes
  3. Transloadit uploads with signature generation and file processing

Transloadit Setup

To use Transloadit uploads, you need to:

  1. Sign up at transloadit.com
  2. Get your credentials from your account dashboard
  3. Create a template for your processing needs
  4. Set environment variables:
export TRANSLOADIT_KEY="your_key_here"
export TRANSLOADIT_SECRET="your_secret_here"
export TRANSLOADIT_TEMPLATE_ID="your_template_id_here"

Or create a .env file:

TRANSLOADIT_KEY=your_key_here
TRANSLOADIT_SECRET=your_secret_here
TRANSLOADIT_TEMPLATE_ID=your_template_id_here