feat: add image focus resolver implementation

source/php/Integrations/Component/ImageFocusResolver.php

@@ -0,0 +1,31 @@
+<?php
+
+namespace Modularity\Integrations\Component;
+
+use \ComponentLibrary\Integrations\Image\ImageFocusResolverInterface;
+
+class ImageFocusResolver implements ImageFocusResolverInterface {
+
+  /**
+   * Constructor
+   * 
+   * @param array $data The data array to resolve from
+   */
+  public function __construct(private $data){}
+
+  /**
+   * Get focus point
+   * 
+   * @return array
+   */
+  public function getFocusPoint(): array {
+    $data = $this->data;
+    if($data && isset($data['left'], $data['top'])) {
+      return [
+        'left' => $data['left'] ?? 50,
+        'top' => $data['top'] ?? 50
+      ];
+    }
+    return ['left' => 50, 'top' => 50];
+  } 
+}

source/php/Integrations/Component/ImageResolver.php

@@ -0,0 +1,37 @@
+<?php
+
+namespace Modularity\Integrations\Component;
+
+use \ComponentLibrary\Integrations\Image\ImageResolverInterface;
+
+class ImageResolver implements ImageResolverInterface {
+
+  /**
+   * Get image url
+   * 
+   * @param int $id
+   * @param array $size
+   * @return string|null
+   */
+  public function getImageUrl(int $id, array $size): ?string {
+    $image = wp_get_attachment_image_src($id, $size); 
+    if($image !== false && isset($image[0]) && filter_var($image[0], FILTER_VALIDATE_URL)) {
+      return $image[0]; 
+    }
+    return null; 
+  }
+
+  /**
+   * Get image alt
+   * 
+   * @param int $id
+   * @return string|null
+   */
+  public function getImageAltText(int $id): ?string {
+    $alt = get_post_meta($id, '_wp_attachment_image_alt', true); 
+    if($alt) {
+      return $alt; 
+    }
+    return null;
+  }
+}

source/php/Module/Hero/Hero.php

@@ -2,6 +2,10 @@
 
 namespace Modularity\Module\Hero;
 
+use Modularity\Integrations\Component\ImageResolver;
+use Modularity\Integrations\Component\ImageFocusResolver;
+use ComponentLibrary\Integrations\Image\Image as ImageComponentContract;
+
 class Hero extends \Modularity\Module
 {
     public $slug = 'hero';
@@ -28,14 +32,12 @@ public function data() : array
         //Grab image
         if ('image' == $type) {
             $data = [
-                'image' => wp_get_attachment_image_src(
-                    $fields['mod_hero_background_image']['id'],
-                    [1728, false] //90% of 1920 (max screen width)
-                )[0] ?? false,
-                'imageFocus' => [
-                    'top' =>  $fields['mod_hero_background_image']['top'] ?? '50',
-                    'left' => $fields['mod_hero_background_image']['left'] ?? '50'
-                ]
+                'image' => ImageComponentContract::factory(
+                    (int) $fields['mod_hero_background_image']['id'],
+                    [1920, false],
+                    new ImageResolver(),
+                    new ImageFocusResolver($fields['mod_hero_background_image'])
+                )
             ];
         }
 

source/php/Module/Hero/views/image.blade.php

@@ -1,7 +1,6 @@
 @hero([
     "classList" => $stretch ? [$class] : [],
     "image" => $image,
-    "imageFocus" => $imageFocus,
     "size" => $size,
     "title" => !$hideTitle && !empty($postTitle) ? $postTitle : false,
     "byline" => $byline,

source/php/Module/Image/Image.php

@@ -3,7 +3,8 @@
 namespace Modularity\Module\Image;
 
 use Municipio\Helper\Image as ImageHelper;
-use Modularity\Integrations\Component\Image as ImageResolverInterface;
+use Modularity\Integrations\Component\ImageResolver;
+use Modularity\Integrations\Component\ImageFocusResolver;
 use ComponentLibrary\Integrations\Image\Image as ImageComponentContract;
 
 class Image extends \Modularity\Module
@@ -59,7 +60,8 @@ public function data() : array
                 $resolvedImage = ImageComponentContract::factory(
                     $imageId,
                     $imageSize,
-                    new ImageResolverInterface()
+                    new ImageResolver(),
+                    new ImageFocusResolver('test')
                 );
 
                 $data['image']['src'] = $resolvedImage;