adobe-stock-integration#1806: fix inserted rendition image size from media gallery on preview

Author: Viktor Kopin

app/code/Magento/Cms/Model/Wysiwyg/Images/GetInsertImageContent.php

@@ -10,6 +10,11 @@
 
 use Magento\Catalog\Helper\Data as CatalogHelper;
 use Magento\Cms\Helper\Wysiwyg\Images as ImagesHelper;
+use Magento\Framework\App\Filesystem\DirectoryList;
+use Magento\Framework\File\Mime;
+use Magento\Framework\Filesystem;
+use Magento\Framework\Filesystem\Directory\ReadInterface;
+use Magento\Framework\Filesystem\File\WriteInterface;
 
 class GetInsertImageContent
 {
@@ -23,14 +28,37 @@ class GetInsertImageContent
      */
     private $catalogHelper;
 
+    /**
+     * @var Filesystem
+     */
+    private $filesystem;
+
+    /**
+     * @var Mime
+     */
+    private $mime;
+
+    /**
+     * @var WriteInterface
+     */
+    private $pubDirectory;
+
     /**
      * @param ImagesHelper $imagesHelper
      * @param CatalogHelper $catalogHelper
+     * @param Filesystem $fileSystem
+     * @param Mime $mime
      */
-    public function __construct(ImagesHelper $imagesHelper, CatalogHelper $catalogHelper)
-    {
+    public function __construct(
+        ImagesHelper $imagesHelper,
+        CatalogHelper $catalogHelper,
+        Filesystem $fileSystem,
+        Mime $mime
+    ) {
         $this->imagesHelper = $imagesHelper;
         $this->catalogHelper = $catalogHelper;
+        $this->filesystem = $fileSystem;
+        $this->mime = $mime;
     }
 
     /**
@@ -60,4 +88,43 @@ public function execute(
 
         return $this->imagesHelper->getImageHtmlDeclaration($filename, $renderAsTag);
     }
+
+    /**
+     * Retrieve size of requested file
+     *
+     * @param string $path
+     * @return int
+     */
+    public function getImageSize(string $path): int
+    {
+        $directory = $this->getPubDirectory();
+
+        return $directory->isExist($path) ? $directory->stat($path)['size'] : 0;
+    }
+
+    /**
+     * Retrieve MIME type of requested file
+     *
+     * @param string $path
+     * @return string
+     */
+    public function getMimeType(string $path)
+    {
+        $absoluteFilePath = $this->getPubDirectory()->getAbsolutePath($path);
+
+        return $this->mime->getMimeType($absoluteFilePath);
+    }
+
+    /**
+     * Retrieve pub directory read interface instance
+     *
+     * @return ReadInterface
+     */
+    private function getPubDirectory()
+    {
+        if ($this->pubDirectory === null) {
+            $this->pubDirectory = $this->filesystem->getDirectoryRead(DirectoryList::PUB);
+        }
+        return $this->pubDirectory;
+    }
 }

app/code/Magento/MediaGalleryRenditions/Controller/Adminhtml/Image/OnInsert.php

@@ -0,0 +1,64 @@
+<?php
+/**
+ * Copyright © Magento, Inc. All rights reserved.
+ * See COPYING.txt for license details.
+ */
+
+namespace Magento\MediaGalleryRenditions\Controller\Adminhtml\Image;
+
+use Magento\Backend\App\Action;
+use Magento\Backend\App\Action\Context;
+use Magento\Cms\Model\Wysiwyg\Images\GetInsertImageContent;
+use Magento\Framework\App\Action\HttpPostActionInterface;
+use Magento\Framework\Controller\Result\JsonFactory;
+use Magento\Framework\Controller\ResultInterface;
+
+/**
+ * Class OnInsert
+ */
+class OnInsert extends Action implements HttpPostActionInterface
+{
+    /**
+     * @var JsonFactory
+     */
+    protected $resultJsonFactory;
+
+    /**
+     * @var GetInsertImageContent
+     */
+    private $getInsertImageContent;
+
+    /**
+     * @param Context $context
+     * @param JsonFactory $resultJsonFactory
+     * @param GetInsertImageContent|null $getInsertImageContent
+     */
+    public function __construct(
+        Context $context,
+        JsonFactory $resultJsonFactory,
+        GetInsertImageContent $getInsertImageContent
+    ) {
+        parent::__construct($context);
+        $this->resultJsonFactory = $resultJsonFactory;
+        $this->getInsertImageContent = $getInsertImageContent;
+    }
+
+    /**
+     * Return a content (just a link or an html block) for inserting image to the content
+     *
+     * @return ResultInterface
+     */
+    public function execute()
+    {
+        $data = $this->getRequest()->getParams();
+        $path = $this->getInsertImageContent->execute(
+            $data['filename'],
+            $data['force_static_path'],
+            $data['as_is'],
+            isset($data['store']) ? (int)$data['store'] : null
+        );
+        $size = $this->getInsertImageContent->getImageSize($path);
+        $type = $this->getInsertImageContent->getMimeType($path);
+        return $this->resultJsonFactory->create()->setData(['path' => $path, 'size' => $size, 'type' => $type]);
+    }
+}

app/code/Magento/MediaGalleryRenditions/etc/adminhtml/routes.xml

@@ -0,0 +1,15 @@
+<?xml version="1.0"?>
+<!--
+/**
+ * Copyright © Magento, Inc. All rights reserved.
+ * See COPYING.txt for license details.
+ */
+-->
+<config xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
+        xsi:noNamespaceSchemaLocation="urn:magento:framework:App/etc/routes.xsd">
+    <router id="admin">
+        <route id="media_gallery_renditions" frontName="media_gallery_renditions">
+            <module name="Magento_MediaGalleryRenditions" before="Magento_Backend" />
+        </route>
+    </router>
+</config>

app/code/Magento/MediaGalleryUi/Ui/Component/Listing/Columns/Url.php

@@ -98,7 +98,7 @@ public function prepare(): void
             array_replace_recursive(
                 (array)$this->getData('config'),
                 [
-                    'onInsertUrl' => $this->urlInterface->getUrl('cms/wysiwyg_images/oninsert'),
+                    'onInsertUrl' => $this->urlInterface->getUrl('media_gallery_renditions/image/oninsert'),
                     'storeId' => $this->storeManager->getStore()->getId()
                 ]
             )

app/code/Magento/MediaGalleryUi/view/adminhtml/web/js/grid/columns/image/insertImageAction.js

@@ -47,13 +47,13 @@ define([
                 showLoader: true
             }).done($.proxy(function (data) {
                 if (targetElement.is('textarea')) {
-                    this.insertAtCursor(targetElement.get(0), data);
+                    this.insertAtCursor(targetElement.get(0), data.path);
                     targetElement.focus();
                     $(targetElement).change();
                 } else {
-                    targetElement.val(data)
-                        .data('size', record.size)
-                        .data('mime-type', record['content_type'])
+                    targetElement.val(data.path)
+                        .data('size', data.size)
+                        .data('mime-type', data.type)
                         .trigger('change');
                 }
             }, this));