small fixes

pingdotgg · Feb 17, 2025 · ff2120b · ff2120b
1 parent 11efabb
commit ff2120b
Show file tree

Hide file tree

Showing 4 changed files with 7 additions and 6 deletions.
diff --git a/.changeset/fair-tomatoes-jog.md b/.changeset/fair-tomatoes-jog.md
@@ -7,10 +7,10 @@
 "@uploadthing/shared": patch
 ---
 
-feat: add `progressGranularity` option to control how granular progress events
+feat: add `uploadProgressGranularity` option to control how granular progress events
 are fired at
 
-You can now set `progressGranularity` to `all`, `fine`, or `coarse` to control
+You can now set `uploadProgressGranularity` to `all`, `fine`, or `coarse` to control
 how granular progress events are fired at.
 
 - `all` will forward every event from the XHR upload

diff --git a/docs/src/app/(docs)/api-reference/react/page.mdx b/docs/src/app/(docs)/api-reference/react/page.mdx
@@ -266,7 +266,7 @@ export const OurUploadButton = () => (
   <Property name="onUploadAborted" type="function" since="6.7">
     Callback function when that runs when an upload is aborted.
   </Property>
-  <Property name="progressGranularity" type="'all' | 'fine' | 'coarse'" since="7.3" defaultValue="coarse">
+  <Property name="uploadProgressGranularity" type="'all' | 'fine' | 'coarse'" since="7.3" defaultValue="coarse">
     The granularity of which progress events are fired. 'all' forwards every progress event, 'fine' forwards events for every 1% of progress, 'coarse' forwards events for every 10% of progress.
   </Property>
   <Property name="onUploadProgress" type="function" since="5.1">
@@ -425,7 +425,7 @@ export const OurUploadDropzone = () => (
   <Property name="onUploadAborted" type="function" since="6.7">
     Callback function when that runs when an upload is aborted.
   </Property>
-  <Property name="progressGranularity" type="'all' | 'fine' | 'coarse'" since="7.3" defaultValue="coarse">
+  <Property name="uploadProgressGranularity" type="'all' | 'fine' | 'coarse'" since="7.3" defaultValue="coarse">
     The granularity of which progress events are fired. 'all' forwards every progress event, 'fine' forwards events for every 1% of progress, 'coarse' forwards events for every 10% of progress.
   </Property>
   <Property name="onUploadProgress" type="function" since="5.1">
@@ -558,7 +558,7 @@ using a string literal parameter.
   <Property name="onUploadAborted" type="function" since="6.7">
     Callback function when that runs when an upload is aborted.
   </Property>
-  <Property name="progressGranularity" type="'all' | 'fine' | 'coarse'" since="7.3" defaultValue="coarse">
+  <Property name="uploadProgressGranularity" type="'all' | 'fine' | 'coarse'" since="7.3" defaultValue="coarse">
     The granularity of which progress events are fired. 'all' forwards every progress event, 'fine' forwards events for every 1% of progress, 'coarse' forwards events for every 10% of progress.
   </Property>
   <Property name="onUploadProgress" type="function" since="5.1">

diff --git a/packages/svelte/src/lib/component/UploadDropzone.svelte b/packages/svelte/src/lib/component/UploadDropzone.svelte
@@ -92,6 +92,7 @@
         void uploader.onClientUploadComplete?.(res);
         uploadProgress = 0;
       },
+      uploadProgressGranularity: uploader.uploadProgressGranularity,
       onUploadProgress: (p) => {
         uploadProgress = p;
         uploader.onUploadProgress?.(p);

diff --git a/packages/svelte/src/lib/create-uploadthing.ts b/packages/svelte/src/lib/create-uploadthing.ts
@@ -157,7 +157,7 @@ export const generateSvelteHelpers = <TRouter extends FileRouter>(
 
   const createUploadThing = <TEndpoint extends keyof TRouter>(
     endpoint: EndpointArg<TRouter, TEndpoint>,
-    props: UploadthingComponentProps<TRouter, TEndpoint>,
+    props: UseUploadthingProps<TRouter[TEndpoint]>,
   ) => {
     return __createUploadThingInternal(url, endpoint, fetch, props);
   };