Removed jQuery dependecy

Author: manu4543

CHANGELOG.md

@@ -1,3 +1,5 @@
 # Changelog
 All notable changes to this project will be documented in this file.
 
+## [1.0.1] - 01 Nov 2019
+- Removed jQuery dependency.

README.md

@@ -4,7 +4,7 @@ Javascript SDK for [ImageKit.io](https://imagekit.io) that implements the client
 
 ImageKit is a complete image optimization and transformation solution that comes with an [image CDN](https://imagekit.io/features/imagekit-infrastructure) and media storage. It can be integrated with your existing infrastructure - storages like AWS S3, web servers, your CDN and custom domain names, allowing you to deliver optimized images in minutes with minimal code changes.
 
-This SDK required jQuery, or more specifically the `$.ajax()`, method to be accessible globally.
+This SDK has no dependency.
 
 ## Installation
 
@@ -14,10 +14,9 @@ Download the `imagekit.js` file from the dist directory or using the following c
 npm install imagekit-javascript
 ```
 
-Load it using a `<script>` tag after loading jQuery.
+Load it using a `<script>` tag.
 
 ```
-<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script>
 <script type="text/javascript" src="imagekit.js"></script>
 ```
 

demo/index.html

@@ -6,7 +6,6 @@
         <input type="file" id="file1" />
         <input type="submit" />
     </form>
-    <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.4.1/jquery.min.js" integrity="sha256-CSXorXvZcTkaix6Yvo6HppcZGetbYMGWSFlBw8HfCJo=" crossorigin="anonymous"></script>
     <script type="text/javascript" src="../dist/imagekit.js"></script>
     <script>
         try {

dist/imagekit.js

@@ -3681,44 +3681,51 @@ module.exports = {
 
 
 module.exports = function(formData, defaultOptions, callback) {
-    $.ajax({
-        url : defaultOptions.authenticationEndpoint,
-        method : "GET",
-        dataType : "json",
-        success : function(body) {
-            if(typeof callback != "function") return;
-
-            formData.append("signature", body.signature || "");
-            formData.append("expire", body.expire || 0);
-            formData.append("token", body.token);
-
-            $.ajax({
-                url : "https://api.imagekit.io/v1/files/upload",
-                method : "POST",
-                mimeType : "multipart/form-data",
-                dataType : "json",
-                data : formData,
-                processData : false,
-                contentType : false,
-                error : function(jqxhr, text, error) {
-                    if(typeof callback != "function") return;
-    
-                    callback(error);
-                },
-                success : function(body) {
-                    if(typeof callback != "function") return;
-    
-                    callback(null, body);
-                }
-            });
-        },
-        error : function(jqxhr, text, error) {
-            console.log(arguments);
-            if(typeof callback != "function") return;
-
-            callback(error);
+    var xhr = new XMLHttpRequest();
+    xhr.open('GET', defaultOptions.authenticationEndpoint);
+    xhr.onload = function() {
+        if (xhr.status === 200) {
+            try {
+                var body = JSON.parse(xhr.responseText);
+                formData.append("signature", body.signature || "");
+                formData.append("expire", body.expire || 0);
+                formData.append("token", body.token);
+
+                var uploadFileXHR= new XMLHttpRequest();
+                uploadFileXHR.open('POST', 'https://api.imagekit.io/v1/files/upload');
+                uploadFileXHR.onload = function() {
+                    if (uploadFileXHR.status === 200) {
+                        if(typeof callback != "function") return;
+                        var uploadResponse = JSON.parse(uploadFileXHR.responseText);
+                        callback(null, uploadResponse);
+                    }
+                    else if (uploadFileXHR.status !== 200) {
+                        if(typeof callback != "function") return;
+                        callback(JSON.parse(uploadFileXHR.responseText));
+                    }
+                };
+                uploadFileXHR.send(formData);
+            } catch(ex) {
+                console.log(ex);
+                if(typeof callback != "function") return;
+                callback(ex);
+            }
         }
-    });
+        else {
+            try {
+                var error = JSON.parse(xhr.responseText);
+                console.log(error);
+                if(typeof callback != "function") return;
+                callback(error);
+            } catch (ex) {
+                console.log(ex);
+                if(typeof callback != "function") return;
+                callback(ex);
+            }
+        }
+    };
+    xhr.send();
+    return;
 }
 
 

package.json

@@ -1,6 +1,6 @@
 {
   "name": "imagekit-javascript",
-  "version": "1.0.0",
+  "version": "1.0.1",
   "description": "Javascript SDK for using ImageKit.io in the browser",
   "main": "index.js",
   "dependencies": {

utils/request.js

@@ -1,43 +1,50 @@
 
 
 module.exports = function(formData, defaultOptions, callback) {
-    $.ajax({
-        url : defaultOptions.authenticationEndpoint,
-        method : "GET",
-        dataType : "json",
-        success : function(body) {
-            if(typeof callback != "function") return;
+    var xhr = new XMLHttpRequest();
+    xhr.open('GET', defaultOptions.authenticationEndpoint);
+    xhr.onload = function() {
+        if (xhr.status === 200) {
+            try {
+                var body = JSON.parse(xhr.responseText);
+                formData.append("signature", body.signature || "");
+                formData.append("expire", body.expire || 0);
+                formData.append("token", body.token);
 
-            formData.append("signature", body.signature || "");
-            formData.append("expire", body.expire || 0);
-            formData.append("token", body.token);
-
-            $.ajax({
-                url : "https://api.imagekit.io/v1/files/upload",
-                method : "POST",
-                mimeType : "multipart/form-data",
-                dataType : "json",
-                data : formData,
-                processData : false,
-                contentType : false,
-                error : function(jqxhr, text, error) {
-                    if(typeof callback != "function") return;
-    
-                    callback(error);
-                },
-                success : function(body) {
-                    if(typeof callback != "function") return;
-    
-                    callback(null, body);
-                }
-            });
-        },
-        error : function(jqxhr, text, error) {
-            console.log(arguments);
-            if(typeof callback != "function") return;
-
-            callback(error);
+                var uploadFileXHR= new XMLHttpRequest();
+                uploadFileXHR.open('POST', 'https://api.imagekit.io/v1/files/upload');
+                uploadFileXHR.onload = function() {
+                    if (uploadFileXHR.status === 200) {
+                        if(typeof callback != "function") return;
+                        var uploadResponse = JSON.parse(uploadFileXHR.responseText);
+                        callback(null, uploadResponse);
+                    }
+                    else if (uploadFileXHR.status !== 200) {
+                        if(typeof callback != "function") return;
+                        callback(JSON.parse(uploadFileXHR.responseText));
+                    }
+                };
+                uploadFileXHR.send(formData);
+            } catch(ex) {
+                console.log(ex);
+                if(typeof callback != "function") return;
+                callback(ex);
+            }
+        }
+        else {
+            try {
+                var error = JSON.parse(xhr.responseText);
+                console.log(error);
+                if(typeof callback != "function") return;
+                callback(error);
+            } catch (ex) {
+                console.log(ex);
+                if(typeof callback != "function") return;
+                callback(ex);
+            }
         }
-    });
+    };
+    xhr.send();
+    return;
 }