Added ProductImage reslover to images.

Author: eugene-shab

app/code/Magento/CatalogGraphQl/Model/Resolver/Product/ProductImage.php

@@ -0,0 +1,97 @@
+<?php
+/**
+ * Copyright © Magento, Inc. All rights reserved.
+ * See COPYING.txt for license details.
+ */
+declare(strict_types=1);
+
+namespace Magento\CatalogGraphQl\Model\Resolver\Product;
+
+use Magento\Catalog\Model\Product;
+use Magento\Catalog\Helper\ImageFactory as CatalogImageHelperFactory;
+use Magento\Framework\GraphQl\Config\Element\Field;
+use Magento\Framework\GraphQl\Query\Resolver\Value;
+use Magento\Framework\GraphQl\Query\Resolver\ValueFactory;
+use Magento\Framework\GraphQl\Query\ResolverInterface;
+use Magento\Framework\GraphQl\Schema\Type\ResolveInfo;
+use Magento\Store\Model\StoreManagerInterface;
+
+/**
+ * Returns product image.
+ */
+class ProductImage implements ResolverInterface
+{
+    /**
+     * @var CatalogImageHelperFactory
+     */
+    private $catalogImageHelperFactory;
+
+    /**
+     * @var ValueFactory
+     */
+    private $valueFactory;
+
+    /**
+     * @var StoreManagerInterface
+     */
+    private $storeManager;
+
+    /**
+     * @param ValueFactory             $valueFactory
+     * @param CatalogImageHelperFactory $catalogImageHelperFactory,
+     * @param StoreManagerInterface    $storeManager
+     */
+    public function __construct(
+        ValueFactory $valueFactory,
+        CatalogImageHelperFactory $catalogImageHelperFactory,
+        StoreManagerInterface $storeManager
+    )
+    {
+        $this->valueFactory = $valueFactory;
+        $this->catalogImageHelperFactory = $catalogImageHelperFactory;
+        $this->storeManager = $storeManager;
+    }
+
+    /**
+     * Get product's image by type.
+     *
+     * {@inheritdoc}
+     */
+    public function resolve(
+        Field $field,
+        $context,
+        ResolveInfo $info,
+        array $value = null,
+        array $args = null
+    ): Value
+    {
+        if (!isset($value['model'])) {
+            $result = function () {
+                return null;
+            };
+            return $this->valueFactory->create($result);
+        }
+        /** @var Product $product */
+        $product = $value['model'];
+        $imageType = $field->getName();
+
+        $catalogImageHelper = $this->catalogImageHelperFactory->create();
+
+        $imageUrl = $catalogImageHelper->init(
+            $product,
+            'product_' . $imageType,
+            ['type' => $imageType]
+        )->getUrl();
+
+        $imageData = [
+            'url' => $imageUrl,
+            'path' => $product->getData($imageType)
+        ];
+
+        $result = function () use ($imageData) {
+            return $imageData;
+        };
+
+        return $this->valueFactory->create($result);
+    }
+}

app/code/Magento/CatalogGraphQl/etc/schema.graphqls

@@ -257,9 +257,9 @@ interface ProductInterface @typeResolver(class: "Magento\\CatalogGraphQl\\Model\
     meta_title: String @doc(description: "A string that is displayed in the title bar and tab of the browser and in search results lists")
     meta_keyword: String @doc(description: "A comma-separated list of keywords that are visible only to search engines")
     meta_description: String @doc(description: "A brief overview of the product for search results listings, maximum 255 characters")
-    image: String @doc(description: "The relative path to the main image on the product page")
-    small_image: String @doc(description: "The relative path to the small image, which is used on catalog pages")
-    thumbnail: String @doc(description: "The relative path to the product's thumbnail image")
+    image: ProductImage @doc(description: "The relative path to the main image on the product page") @resolver(class: "Magento\\CatalogGraphQl\\Model\\Resolver\\Product\\ProductImage")
+    small_image: ProductImage @doc(description: "The relative path to the small image, which is used on catalog pages") @resolver(class: "Magento\\CatalogGraphQl\\Model\\Resolver\\Product\\ProductImage")
+    thumbnail: ProductImage @doc(description: "The relative path to the product's thumbnail image") @resolver(class: "Magento\\CatalogGraphQl\\Model\\Resolver\\Product\\ProductImage")
     new_from_date: String @doc(description: "The beginning date for new product listings, and determines if the product is featured as a new product") @resolver(class: "Magento\\CatalogGraphQl\\Model\\Resolver\\Product\\NewFromTo")
     new_to_date: String @doc(description: "The end date for new product listings") @resolver(class: "Magento\\CatalogGraphQl\\Model\\Resolver\\Product\\NewFromTo")
     tier_price: Float @doc(description: "The price when tier pricing is in effect and the items purchased threshold has been reached")
@@ -352,6 +352,11 @@ type CustomizableFileValue @doc(description: "CustomizableFileValue defines the
     image_size_y: Int @doc(description: "The maximum height of an image")
 }
 
+type ProductImage @doc(description: "Product image information. Contains image relative path and URL") {
+    url: String
+    path: String
+}
+
 interface CustomizableOptionInterface @typeResolver(class: "Magento\\CatalogGraphQl\\Model\\CustomizableOptionTypeResolver") @doc(description: "The CustomizableOptionInterface contains basic information about a customizable option. It can be implemented by several types of configurable options.") {
     title: String @doc(description: "The display name for this option")
     required: Boolean @doc(description: "Indicates whether the option is required")
@@ -548,6 +553,6 @@ type SortField {
 }
 
 type SortFields @doc(description: "SortFields contains a default value for sort fields and all available sort fields") {
-    default: String @doc(description: "Default value of sort fields") 
+    default: String @doc(description: "Default value of sort fields")
     options: [SortField] @doc(description: "Available sort fields")
 }