Merge pull request #135 from NikhilSejwal7/master

fix: authenticator example

Author: Anubhavjain786

README.md

@@ -19,7 +19,7 @@ ImageKit is a complete media storage, optimization, and transformation solution
 * In version 3.0.0, we have deprecated the use of the `authenticationEndpoint` parameter. Instead, the SDK now introduces a new parameter named `authenticator`. This parameter expects an asynchronous function that resolves with an object containing the necessary security parameters i.e `signature`, `token`, and `expire`.
 * Now `ref` needs to passed instead of `inputRef` in IKUpload component
 
-Example implementation for `authenticator` using `XMLHttpRequest`.
+Example implementation for `authenticator` using `Fetch API`.
 
 ``` javascript
 

tests/test-app/src/App.js

@@ -42,30 +42,23 @@ function App() {
     setIsUploading(false)
   };
 
-  const authenticator = () => {
-    return new Promise((resolve, reject) => {
-      var url = authenticationEndpoint; // Use the full URL with the protocol
-
-      // Make the Fetch API request
-      fetch(url, { method: "GET", mode: "cors" }) // Enable CORS mode
-        .then((response) => {
-          if (!response.ok) {
-            throw new Error(`HTTP error! Status: ${response.status}`);
-          }
-          return response.json();
-        })
-        .then((body) => {
-          var obj = {
-            signature: body.signature,
-            expire: body.expire,
-            token: body.token,
-          };
-          resolve(obj);
-        })
-        .catch((error) => {
-          reject([error]);
-        });
-    });
+  const authenticator = async () => {
+    try {
+
+      // You can pass headers as well and later validate the request source in the backend, or you can use headers for any other use case.
+      const response = await fetch(authenticationEndpoint);
+
+      if (!response.ok) {
+        const errorText = await response.text();
+        throw new Error(`Request failed with status ${response.status}: ${errorText}`);
+      }
+
+      const data = await response.json();
+      const { signature, expire, token } = data;
+      return { signature, expire, token };
+    } catch (error) {
+      throw new Error(`Authentication request failed: ${error.message}`);
+    }
   };
 
   const onUploadStart = (_) => {