feat(mux-uploader): Support Upchunk's attempt and chunkSuccess events.

muxinc · Jul 21, 2022 · 739a88e · 739a88e
1 parent 8745784
commit 739a88e
Show file tree

Hide file tree

Showing 2 changed files with 14 additions and 1 deletion.
diff --git a/packages/mux-uploader-react/src/index.tsx b/packages/mux-uploader-react/src/index.tsx
@@ -29,6 +29,8 @@ export type MuxUploaderProps = {
   };
   children?: React.ReactNode;
   formatProgress?: (percent: number) => string;
+  onAttempt?: EventListener;
+  onChunkSuccess?: EventListener;
   onError?: EventListener;
   onProgress?: EventListener;
   onSuccess?: EventListener;
@@ -61,9 +63,12 @@ const useUploader = (
   React.MutableRefObject<MuxUploaderElement | null> | null | undefined,
   props: MuxUploaderProps
 ) => {
-  const { onError, onProgress, onSuccess, formatProgress, endpoint, ...remainingProps } = props;
+  const { onAttempt, onChunkSuccess, onError, onProgress, onSuccess, formatProgress, endpoint, ...remainingProps } =
+    props;
   useObjectPropEffect('endpoint', endpoint, ref);
   useObjectPropEffect('formatProgress', formatProgress, ref);
+  useEventCallbackEffect('attempt', ref, onAttempt);
+  useEventCallbackEffect('chunkSuccess', ref, onChunkSuccess);
   useEventCallbackEffect('error', ref, onError);
   useEventCallbackEffect('progress', ref, onProgress);
   useEventCallbackEffect('success', ref, onSuccess);

diff --git a/packages/mux-uploader/src/index.ts b/packages/mux-uploader/src/index.ts
@@ -443,6 +443,14 @@ class MuxUploaderElement extends HTMLElement {
       file: evt.detail,
     });
 
+    upload.on('attempt', ({ detail }) => {
+      this.dispatchEvent(new CustomEvent('attempt', detail));
+    });
+
+    upload.on('chunkSuccess', ({ detail }) => {
+      this.dispatchEvent(new CustomEvent('chunkSuccess', detail));
+    });
+
     upload.on('error', (err) => {
       const errorMessage = 'An error has occurred';