Merge pull request #12 from magefan/compatibility-with-webp

added compatibility with magefan webp

Author: magefan

Plugin/Amasty/PageSpeedOptimizer/Model/Output/LazyLoadProcessorPlugin.php

@@ -8,12 +8,26 @@
 
 namespace Magefan\LazyLoad\Plugin\Amasty\PageSpeedOptimizer\Model\Output;
 
+use Magefan\LazyLoad\Model\Config;
+
 /**
  * Class LazyLoadProcessorPlugin
  * @package Magefan\LazyLoad\Plugin\Amasty\PageSpeedOptimizer\Model\Output
  */
 class LazyLoadProcessorPlugin
 {
+/**
+     * @var Config
+     */
+    private $config;
+
+    public function __construct(
+        Config $config
+
+    ) {
+        $this->config = $config;
+    }
+
     /**
      * @param $subject
      * @param callable $proceed
@@ -23,11 +37,17 @@ class LazyLoadProcessorPlugin
      */
     public function aroundReplaceWithPictureTag($subject, callable $proceed, $image, $imagePath)
     {
+        if (!$this->config->getEnabled()) {
+            return $proceed($image, $imagePath);
+        }
+
         $originImagePath = $imagePath;
+
         if (strpos($imagePath, 'Magefan_LazyLoad/images/pixel.jpg')) {
 
             $doStr = 'data-original="';
             $p1 = strpos($image, $doStr);
+            
             if ($p1 !== false) {
                 $p1 += strlen($doStr);
                 $p2 = strpos($image, '"', $p1);

Plugin/Magefan/WebP/Model/WebPPlugin.php

@@ -0,0 +1,83 @@
+<?php
+/**
+ * Copyright © Magefan ([email protected]). All rights reserved.
+ * Please visit Magefan.com for license details (https://magefan.com/end-user-license-agreement).
+ *
+ * Glory to Ukraine! Glory to the heroes!
+ */
+
+namespace Magefan\LazyLoad\Plugin\Magefan\WebP\Model;
+
+use Magefan\LazyLoad\Model\Config;
+
+/**
+ * Class WebPPlugin
+ */
+class WebPPlugin
+{
+
+    /**
+     * @var Config
+     */
+    private $config;
+
+    /**
+     * WebPPlugin constructor.
+     * @param Config $config
+     */
+    public function __construct(
+        Config $config
+
+    ) {
+        $this->config = $config;
+    }
+
+    /**
+     * @param $subject
+     * @param callable $proceed
+     * @param $imagePath
+     * @param $htmlTag
+     * @return mixed|string|string[]|null
+     */
+    public function aroundGetPictureTagHtml($subject, callable $proceed, $imagePath, $image)
+    {
+        if (!$this->config->getEnabled()) {
+            return $proceed($imagePath, $image);
+        }
+
+        $originImagePath = $imagePath;
+
+        if (strpos($imagePath, 'Magefan_LazyLoad/images/pixel.jpg')) {
+
+            $doStr = 'data-original="';
+            $p1 = strpos($image, $doStr);
+
+            if ($p1 !== false) {
+                $p1 += strlen($doStr);
+                $p2 = strpos($image, '"', $p1);
+                if ($p2 !== false) {
+                    $imagePath = substr($image, $p1, $p2 - $p1);
+                }
+            }
+        }
+
+        $html = $proceed($imagePath, $image);
+
+        if ($originImagePath != $imagePath) {
+
+            if (strpos($html, '<picture') !== false) {
+                $tmpSrc = 'TMP_SRC';
+                $pixelSrc = 'srcset="' . $originImagePath . '"';
+
+                $html = str_replace($pixelSrc, $tmpSrc, $html);
+
+                $html = preg_replace('#<source\s+([^>]*)(?:srcset="([^"]*)")([^>]*)?>#isU', '<source ' . $pixelSrc .
+                    ' data-originalset="$2" $1 $3/>', $html);
+
+                $html = str_replace($tmpSrc, $pixelSrc, $html);
+            }
+        }
+
+        return $html;
+    }
+}

etc/frontend/di.xml

@@ -21,4 +21,9 @@
         <plugin name="magefan_lazyLoad_plugin_amasty_pagespeedoptimizer_model_output_lazyloadprocessor_plugin"
                 type="Magefan\LazyLoad\Plugin\Amasty\PageSpeedOptimizer\Model\Output\LazyLoadProcessorPlugin" sortOrder="1000"/>
     </type>
+    <!-- Integration with Magefan_WebP -->
+    <type name="Magefan\WebP\Model\WebP">
+        <plugin name="magefan_lazyLoad_plugin_for_webp"
+                type="Magefan\LazyLoad\Plugin\Magefan\WebP\Model\WebPPlugin" sortOrder="10000"/>
+    </type>
 </config>