Merge pull request #344 from AmazeeLabs/SLB-385-focalpoint-waku

SLB-385: focalpoint in waku

apps/cms/composer.json

@@ -59,6 +59,7 @@
     "drupal/entity_usage": "^2.0@beta",
     "drupal/environment_indicator": "^4.0.14",
     "drupal/field_group": "^3.4",
+    "drupal/focal_point": "^2.1",
     "drupal/honeypot": "^2.1.2",
     "drupal/key_auth": "^2.1",
     "drupal/lagoon_logs": "^2.1.1",

apps/cms/config/sync/core.entity_form_display.media.image.default.yml

@@ -4,10 +4,10 @@ status: true
 dependencies:
   config:
     - field.field.media.image.field_media_image
-    - image.style.thumbnail
+    - image.style.large
     - media.type.image
   module:
-    - image
+    - focal_point
     - path
 id: media.image.default
 targetEntityType: media
@@ -21,12 +21,14 @@ content:
     settings: {  }
     third_party_settings: {  }
   field_media_image:
-    type: image_image
+    type: image_focal_point
     weight: 0
     region: content
     settings:
       progress_indicator: throbber
-      preview_image_style: thumbnail
+      preview_image_style: large
+      preview_link: false
+      offsets: '50,50'
     third_party_settings: {  }
   langcode:
     type: language_select

apps/cms/config/sync/core.extension.yml

@@ -14,6 +14,7 @@ module:
   config_translation: 0
   consumers: 0
   content_moderation: 0
+  crop: 0
   custom: 0
   datetime: 0
   datetime_range: 0
@@ -31,6 +32,7 @@ module:
   field_ui: 0
   file: 0
   filter: 0
+  focal_point: 0
   graphql: 0
   graphql_directives: 0
   gutenberg: 0

apps/cms/config/sync/crop.settings.yml

@@ -0,0 +1,3 @@
+_core:
+  default_config_hash: 7eGOTSG7bRv_AAqu-Ls8CSnob7zPF1ez-lD2OLZgBHs
+flush_derivative_images: true

apps/cms/config/sync/crop.type.focal_point.yml

@@ -0,0 +1,14 @@
+uuid: 928fcf6c-e6b0-43d2-bef3-50ae2d1cced0
+langcode: en
+status: true
+dependencies: {  }
+_core:
+  default_config_hash: flCi9IdafdLXlJqvoHguutUOiC05-aynK4niYN4YZ3o
+label: 'Focal point'
+id: focal_point
+description: 'Crop type used by Focal point module.'
+aspect_ratio: ''
+soft_limit_width: null
+soft_limit_height: null
+hard_limit_width: null
+hard_limit_height: null

apps/cms/config/sync/focal_point.settings.yml

@@ -0,0 +1,4 @@
+_core:
+  default_config_hash: 8JOAPEbjHMB4rDFCsu3EXEx6L2UDQ5SSDyN0d7S0Ic0
+crop_type: focal_point
+default_value: '50,50'

apps/cms/config/sync/language/de/crop.type.focal_point.yml

@@ -0,0 +1,2 @@
+label: Fokuspunkt
+description: 'Der vom Focal-Point-Modul verwendete Zuschnittstyp'

packages/drupal/custom/src/FocalPoint.php

@@ -0,0 +1,39 @@
+<?php
+
+namespace Drupal\custom;
+
+use Drupal\crop\Entity\Crop;
+use Drupal\file\Entity\File;
+use Drupal\graphql_directives\DirectiveArguments;
+
+/**
+ * Helper service for focalpoint information.
+ */
+class FocalPoint {
+
+  /**
+   * Retrieve the focal point of an image entity.
+   *
+   * @param \Drupal\graphql_directives\DirectiveArguments $args
+   *   The directive arguments.
+   *
+   * @return array
+   *   The focal point coordinates.
+   */
+  public static function getFocalPoint(DirectiveArguments $args): array {
+    if ($args->value instanceof File) {
+      $filePath = $args->value->getFileUri();
+
+      $crop = Crop::findCrop($filePath, 'focal_point');
+      $x = $crop?->x->value;
+      $y = $crop?->y->value;
+      if ($x && $y) {
+        return [
+          $x,
+          $y,
+        ];
+      }
+    }
+  }
+
+}

packages/drupal/test_content/content/crop/101ccff9-3733-480e-aca1-392253376a48.yml

@@ -0,0 +1,28 @@
+_meta:
+  version: '1.0'
+  entity_type: crop
+  uuid: 101ccff9-3733-480e-aca1-392253376a48
+  bundle: focal_point
+  default_langcode: en
+default:
+  entity_id:
+    -
+      value: 5
+  entity_type:
+    -
+      value: file
+  uri:
+    -
+      value: 'public://2023-04/decoupled-architecture.png'
+  x:
+    -
+      value: 1000
+  'y':
+    -
+      value: 549
+  revision_timestamp:
+    -
+      value: 1725914614
+  revision_uid:
+    -
+      target_id: 1

packages/drupal/test_content/content/crop/10743cfc-604c-4a07-baf3-e267d9c89ff6.yml

@@ -0,0 +1,28 @@
+_meta:
+  version: '1.0'
+  entity_type: crop
+  uuid: 10743cfc-604c-4a07-baf3-e267d9c89ff6
+  bundle: focal_point
+  default_langcode: en
+default:
+  entity_id:
+    -
+      value: 3
+  entity_type:
+    -
+      value: file
+  uri:
+    -
+      value: 'public://media-icons/generic/generic.png'
+  x:
+    -
+      value: 90
+  'y':
+    -
+      value: 90
+  revision_timestamp:
+    -
+      value: 1725914614
+  revision_uid:
+    -
+      target_id: 1