feat: allow specifying image size on server config

[juliusmarminge]

• [x] add imageSize to server config

  const uploadRouter = {
  profilePicture: f({
    image: { 
      maxFileCount: 1,
      maxFileSize: "", // <-- should this be required? we wont validate size on server or is there some calculation we can do to calculate this for them?
      imageProperties: { // naming tbd
        // require a 400x400 image
        height: 400, width: 400,
        // same as above, but height is auto-calculated
        width: 400, aspect: 1,
        // require any image in 16:9 aspect
        aspect: 16 / 9
      }
    }
  }).onUploadComplete(() => { /** update user session */ })
  } satisfies FileRouter

• [x] add example

• https://github.com/pingdotgg/uploadthing/assets/51714798/5d250f60-a21d-4170-a46d-b703a40395f6

  • [x] fix svgs
  • handle upscaling if image is smaller than specified??
• [ ] Package it up to a nice re-usable component

[vercel[bot]]

The latest updates on your projects. Learn more about Vercel for Git ↗︎

Name	Status	Preview	Comments	Updated (UTC)
docs-uploadthing	✅ Ready (Inspect)	Visit Preview	💬 Add feedback	May 21, 2024 8:54pm

[changeset-bot[bot]]

🦋 Changeset detected

Latest commit: 50a253ed5f4ea7781d4e39129c70cb14823c9a3d

The changes in this PR will be included in the next version bump.

This PR includes changesets to release 2 packages

| Name | Type | | ----------- | ----- | | uploadthing | Minor | | with-novel | Patch |

Not sure what this means? Click here to learn what changesets are.

Click here if you're a maintainer who wants to add another changeset to this PR