## 1.0.2 - 2018-12-06

- Refactored javascript to use native JS over jQuery
wrav · Dec 6, 2018 · 077faba · 077faba
1 parent 5cddc92
commit 077faba
Show file tree

Hide file tree

Showing 4 changed files with 56 additions and 31 deletions.
diff --git a/CHANGELOG.md b/CHANGELOG.md
@@ -1,5 +1,10 @@
 # oEmbed Changelog
 
+## 1.0.2 - 2018-12-06
+
+### Updated
+- Refactored javascript to use native JS over jQuery
+
 ## 1.0.1 - 2018-11-26
 
 ### Updated

diff --git a/composer.json b/composer.json
@@ -2,7 +2,7 @@
     "name": "wrav/oembed",
     "description": "A simple plugin to extract media information from websites, like youtube videos, twitter statuses or blog articles.",
     "type": "craft-plugin",
-    "version": "1.0.1",
+    "version": "1.0.2",
     "keywords": [
         "craft",
         "cms",

diff --git a/releases.json b/releases.json
@@ -1,4 +1,12 @@
 [
+    {
+        "version": "1.0.2",
+        "downloadUrl": "https://github.com/wrav/oembed/archive/master.zip",
+        "date": "2018-12-06:00:00+10:30",
+        "notes": [
+            "[Updated] Refactored javascript to your native JS over jQuery"
+        ]
+    },
     {
         "version": "1.0.1",
         "downloadUrl": "https://github.com/wrav/oembed/archive/master.zip",

diff --git a/src/assetbundles/oembed/dist/js/oembed.js b/src/assetbundles/oembed/dist/js/oembed.js
@@ -11,37 +11,49 @@
  */
 
 var oembedOnChangeTimeout = null;
+var oembedFields = document.querySelector('input.oembed-field');
+var errorMessage = '<p class="error">Please check your URL.</p>';
 
-$('input.oembed-field').on('keyup blur change', function () {
-    var that = $(this);
-
-    if (oembedOnChangeTimeout != null) {
-        clearTimeout(oembedOnChangeTimeout);
-    }
-
-    oembedOnChangeTimeout = setTimeout(function() {
-        oembedOnChangeTimeout = null;
-
-        var val = that.val();
-
-        if(val) {
-            $.ajax({
-                type: "GET",
-                url: "/admin/oembed/preview?url=" + val + "&options[]=",
-                async: true
-            }).done(function (res) {
-                var preview = that.parent().find('.oembed-preview');
-                preview.html('');
-
-                if (res) {
-                    preview.html(res);
-                } else {
-                    preview.html(
-                        '<p class="error">Please check your URL.</p>'
-                    );
-                }
-            });
+['keyup', 'change'].forEach(function(event) {
+    oembedFields.addEventListener(event, function (e) {
+        var elem = e.target;
+
+        if (oembedOnChangeTimeout != null) {
+            clearTimeout(oembedOnChangeTimeout);
         }
 
-    }, 500);
+        oembedOnChangeTimeout = setTimeout(function() {
+            oembedOnChangeTimeout = null;
+
+            var val = elem.value;
+
+            if(val) {
+                var preview = elem.parentNode.querySelector('.oembed-preview');
+                var request = new XMLHttpRequest();
+                request.open('GET', '/admin/oembed/preview?url=' + val + '&options[]=', true);
+
+                request.onload = function() {
+
+                    if (request.status >= 200 && request.status < 400) {
+                        var res = request.responseText;
+                        preview.innerHTML = '';
+
+                        if (res) {
+                            preview.innerHTML = res;
+                        } else {
+                            preview.innerHTML = errorMessage;
+                        }
+                    } else {
+                        preview.innerHTML = errorMessage;
+                    }
+                };
+
+                request.onerror = function() {
+                    preview.innerHTML = errorMessage;
+                };
+
+                request.send();
+            }
+        }, 500);
+    });
 });