Changeset 3338193

Timestamp:

08/02/2025 11:19:55 AM (7 months ago)

Author:

adgardner1392

Message:

refactor: commit version 1.4.1 amend media conversion to use vanilla JS (remove jQuery)

Location:

webp-image-optimization

Files:

• tags/1.4.1 (added)
• tags/1.4.1/README.txt (added)
• tags/1.4.1/assets (added)
• tags/1.4.1/assets/screenshot-1.png (added)
• tags/1.4.1/assets/screenshot-2.png (added)
• tags/1.4.1/css (added)
• tags/1.4.1/css/admin.css (added)
• tags/1.4.1/js (added)
• tags/1.4.1/js/admin.js (added)
• tags/1.4.1/js/media.js (added)
• tags/1.4.1/webp-image-optimization.php (added)
• trunk/README.txt (modified) (2 diffs)
• trunk/js/media.js (modified) (2 diffs)
• trunk/webp-image-optimization.php (modified) (4 diffs)

webp-image-optimization/trunk/README.txt

@@ -6 +6 @@
 Tested up to: 6.6.2  
 Requires PHP: 7.2  
-Stable tag: 1.4.0
+Stable tag: 1.4.
 License: GPLv2 or later  
 License URI: https://www.gnu.org/licenses/gpl-2.0.html
@@ -172 +172 @@
 == Upgrade Notice ==
 
+
+
+
+
 = 1.4.0 =
 

webp-image-optimization/trunk/js/media.js

@@ -1 +1 @@
 // js/media.js
 
-jQuery(document).ready(function($) {
+) {
     /**
      * Handle "Convert to WebP" button click
      */
-    $(document).on('click', '.convert-to-webp', function(e) {
+    document.addEventListener('click', function (e) {
+        const button = e.target.closest('.convert-to-webp');
+        if (!button) return;
+
         e.preventDefault();
 
-        var button = $(this);
-        var attachmentId = button.data('attachment-id');
+        const attachmentId = button.getAttribute('data-attachment-id');
 
         if (!attachmentId) {
@@ -16 +18 @@
         }
 
-        // Disable the button to prevent multiple clicks and update its text
-        button.prop('disabled', true);
-        var originalButtonText = button.text();
-        button.text('Converting...');
+        // Disable the button  text
+        button.;
+        ;
+        button.text;
 
-        // Prepare the data to be sent in the POST request
-        var data = {
-            action: 'webp_convert_attachment',
-            nonce: webpImageOptimization.nonce,
-            attachment_id: attachmentId
-        };
+        // Prepare the data
+        const data = new URLSearchParams();
+        data.append('action', 'webp_convert_attachment');
+        data.append('nonce', webpImageOptimization.nonce);
+        data.append('attachment_id', attachmentId);
 
-        // Send AJAX POST request using jQuery
-        $.post(webpImageOptimization.ajax_url, data, function(response) {
+        // Send AJAX request using fetch
+        fetch(webpImageOptimization.ajax_url, {
+            method: 'POST',
+            headers: {
+                'Content-Type': 'application/x-www-form-urlencoded',
+            },
+            body: data.toString()
+        })
+        .then(response => response.json())
+        .then(response => {
             if (response.success) {
                 alert('Image successfully converted to WebP.');
-                // Optionally, refresh the page or update the image preview
-                location.reload(); // Refresh to see changes
+                location.reload();
             } else {
                 alert('Conversion failed: ' + response.data);
-                // Re-enable the button in case of failure
-                button.prop('disabled', false);
-                button.text(originalButtonText);
+                button.disabled = false;
+                button.textContent = originalButtonText;
             }
-        }).fail(function(xhr, status, error) {
+        })
+        .catch(error => {
             alert('An error occurred: ' + error);
-            // Re-enable the button in case of error
-            button.prop('disabled', false);
-            button.text(originalButtonText);
+            button.disabled = false;
+            button.textContent = originalButtonText;
         });
     });

webp-image-optimization/trunk/webp-image-optimization.php

@@ -4 +4 @@
 Plugin URI: https://github.com/adgardner1392/webp-image-optimization
 Description: Automatically converts uploaded images to WebP format and resizes them. Also allows manual conversion from the Media Library with undo functionality.
-Version: 1.4.0
+Version: 1.4.
 Author: Adam Gardner
 Author URI: https://github.com/adgardner1392
@@ -64 +64 @@
                 plugin_dir_url( __FILE__ ) . 'css/admin.css',
                 array(),
-                '1.3.1'
+                '1..1'
             );
 
@@ -72 +72 @@
                 plugin_dir_url( __FILE__ ) . 'js/admin.js',
                 array( 'jquery' ),
-                '1.3.1',
+                '1..1',
                 true
             );
@@ -90 +90 @@
                 plugin_dir_url( __FILE__ ) . 'js/media.js',
                 array( 'jquery' ),
-                '1.3.1',
+                '1..1',
                 true
             );