WebP Express CloudHost.es Fix v0.25.9-cloudhost

✅ Fixed bulk conversion getting stuck on missing files
✅ Added robust error handling and timeout protection
✅ Improved JavaScript response parsing
✅ Added file existence validation
✅ Fixed missing PHP class imports
✅ Added comprehensive try-catch error recovery

🔧 Key fixes:
- File existence checks before conversion attempts
- 30-second timeout protection per file
- Graceful handling of 500 errors and JSON parsing issues
- Automatic continuation to next file on failures
- Cache busting for JavaScript updates

🎯 Result: Bulk conversion now completes successfully even with missing files

🚀 Generated with Claude Code (https://claude.ai/code)

Co-Authored-By: Claude <noreply@anthropic.com>

lib/options/js/image-comparison-slider.js

@@ -0,0 +1,68 @@
+
+function initComparisonSlider($) {
+   //function to check if the .cd-image-container is in the viewport here
+   // ...
+
+   var w = $('.cd-image-container').width();
+
+   $('.cd-image-container img').each(function(){
+      $(this).css('max-width', w + 'px');
+   });
+
+   $('.cd-image-container img').first().on('load', function() {
+       $('.cd-image-container').width($(this).width());
+   })
+
+   //make the .cd-handle element draggable and modify .cd-resize-img width according to its position
+   $('.cd-image-container').each(function(){
+        var actual = $(this);
+        drags(actual.find('.cd-handle'), actual.find('.cd-resize-img'), actual);
+   });
+
+   //draggable funtionality - credits to http://css-tricks.com/snippets/jquery/draggable-without-jquery-ui/
+   function drags(dragElement, resizeElement, container) {
+      dragElement.on("mousedown vmousedown", function(e) {
+         dragElement.addClass('draggable');
+         resizeElement.addClass('resizable');
+
+         var dragWidth = dragElement.outerWidth(),
+             xPosition = dragElement.offset().left + dragWidth - e.pageX,
+             containerOffset = container.offset().left,
+             containerWidth = container.outerWidth(),
+             minLeft = containerOffset + 10,
+             maxLeft = containerOffset + containerWidth - dragWidth - 10;
+
+         dragElement.parents().on("mousemove vmousemove", function(e) {
+            leftValue = e.pageX + xPosition - dragWidth;
+
+            //constrain the draggable element to move inside its container
+            if(leftValue < minLeft ) {
+               leftValue = minLeft;
+            } else if ( leftValue > maxLeft) {
+               leftValue = maxLeft;
+            }
+
+            widthValue = (leftValue + dragWidth/2 - containerOffset)*100/containerWidth+'%';
+
+            $('.draggable').css('left', widthValue).on("mouseup vmouseup", function() {
+               $(this).removeClass('draggable');
+               resizeElement.removeClass('resizable');
+            });
+
+            $('.resizable').css('width', widthValue);
+
+            //function to upadate images label visibility here
+            // ...
+
+         }).on("mouseup vmouseup", function(e){
+            dragElement.removeClass('draggable');
+            resizeElement.removeClass('resizable');
+         });
+         e.preventDefault();
+      }).on("mouseup vmouseup", function(e) {
+         dragElement.removeClass('draggable');
+         resizeElement.removeClass('resizable');
+      });
+   };
+
+};