AmazeeLabs · pmelab · Sep 15, 2024 · Sep 9, 2024 · Sep 10, 2024 · Sep 11, 2024
diff --git a/apps/cms/composer.json b/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",

diff --git a/apps/cms/composer.lock b/apps/cms/composer.lock
diff --git a/apps/cms/config/sync/core.entity_form_display.media.image.default.yml b/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

diff --git a/apps/cms/config/sync/core.extension.yml b/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

diff --git a/apps/cms/config/sync/crop.settings.yml b/apps/cms/config/sync/crop.settings.yml
@@ -0,0 +1,3 @@
+_core:
+  default_config_hash: 7eGOTSG7bRv_AAqu-Ls8CSnob7zPF1ez-lD2OLZgBHs
+flush_derivative_images: true
diff --git a/apps/cms/config/sync/crop.type.focal_point.yml b/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
diff --git a/apps/cms/config/sync/focal_point.settings.yml b/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'
diff --git a/apps/cms/config/sync/language/de/crop.type.focal_point.yml b/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'
diff --git a/apps/website/gatsby-config.mjs b/apps/website/gatsby-config.mjs
@@ -6,8 +6,6 @@
 // TS file name should be different from gastby-config.ts, otherwise Gatsby will
 // pick it up instead of the JS file.
 
-import { existsSync } from 'fs';
-
 process.env.NETLIFY_URL = process.env.NETLIFY_URL || 'http://127.0.0.1:8000';
 
 process.env.CLOUDINARY_API_KEY = process.env.CLOUDINARY_API_KEY || 'test';

diff --git a/apps/website/package.json b/apps/website/package.json
@@ -53,7 +53,7 @@
     "serve": "netlify dev --cwd=. --dir=public --port=8000",
     "dev": "pnpm clean && publisher",
     "open": "open http://127.0.0.1:8000/___status/",
-    "gatsby:develop": "ENABLE_GATSBY_REFRESH_ENDPOINT=true pnpm gatsby develop",
+    "gatsby:develop": "pnpm gatsby develop",
     "gatsby:refresh": "curl -X POST http://localhost:8000/__refresh",
     "clean": "gatsby clean"
   }

diff --git a/packages/drupal/test_content/content/crop/101ccff9-3733-480e-aca1-392253376a48.yml b/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
diff --git a/packages/drupal/test_content/content/crop/10743cfc-604c-4a07-baf3-e267d9c89ff6.yml b/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
diff --git a/packages/drupal/test_content/content/crop/33c9a04b-0706-4739-9553-d0704c5382b4.yml b/packages/drupal/test_content/content/crop/33c9a04b-0706-4739-9553-d0704c5382b4.yml
@@ -0,0 +1,28 @@
+_meta:
+  version: '1.0'
+  entity_type: crop
+  uuid: 33c9a04b-0706-4739-9553-d0704c5382b4
+  bundle: focal_point
+  default_langcode: en
+default:
+  entity_id:
+    -
+      value: 4
+  entity_type:
+    -
+      value: file
+  uri:
+    -
+      value: 'public://2023-04/landscape.jpg'
+  x:
+    -
+      value: 1782
+  'y':
+    -
+      value: 1046
+  revision_timestamp:
+    -
+      value: 1725914614
+  revision_uid:
+    -
+      target_id: 1
diff --git a/packages/drupal/test_content/content/crop/eaee4cf9-c845-4e13-b6e9-c9544e8bcf15.yml b/packages/drupal/test_content/content/crop/eaee4cf9-c845-4e13-b6e9-c9544e8bcf15.yml
@@ -0,0 +1,28 @@
+_meta:
+  version: '1.0'
+  entity_type: crop
+  uuid: eaee4cf9-c845-4e13-b6e9-c9544e8bcf15
+  bundle: focal_point
+  default_langcode: en
+default:
+  entity_id:
+    -
+      value: 7
+  entity_type:
+    -
+      value: file
+  uri:
+    -
+      value: 'public://2024-04/the_silverback.jpeg'
+  x:
+    -
+      value: 563
+  'y':
+    -
+      value: 115
+  revision_timestamp:
+    -
+      value: 1725914614
+  revision_uid:
+    -
+      target_id: 1
diff --git a/packages/drupal/test_content/content/crop/fa5809c7-910b-4687-8bb0-5b2a8f69c75e.yml b/packages/drupal/test_content/content/crop/fa5809c7-910b-4687-8bb0-5b2a8f69c75e.yml
@@ -0,0 +1,28 @@
+_meta:
+  version: '1.0'
+  entity_type: crop
+  uuid: fa5809c7-910b-4687-8bb0-5b2a8f69c75e
+  bundle: focal_point
+  default_langcode: en
+default:
+  entity_id:
+    -
+      value: 8
+  entity_type:
+    -
+      value: file
+  uri:
+    -
+      value: 'public://media-icons/generic/video.png'
+  x:
+    -
+      value: 90
+  'y':
+    -
+      value: 90
+  revision_timestamp:
+    -
+      value: 1725914614
+  revision_uid:
+    -
+      target_id: 1
diff --git a/packages/drupal/test_content/content/media/3a0fe860-a6d6-428a-9474-365bd57509aa.yml b/packages/drupal/test_content/content/media/3a0fe860-a6d6-428a-9474-365bd57509aa.yml
@@ -7,6 +7,9 @@ _meta:
   depends:
     bbf1a994-9ff6-44a6-8842-6481bc83dad6: file
 default:
+  revision_user:
+    -
+      target_id: 1
   status:
     -
       value: true
Original file line number	Diff line number	Diff line change
		@@ -0,0 +1,2 @@
		label: Fokuspunkt
		description: 'Der vom Focal-Point-Modul verwendete Zuschnittstyp'