Feat: allow cross origin check setting for curations

awcodes · Nov 1, 2024 · f823feb · f823feb
1 parent 67c448a
commit f823feb
Show file tree

Hide file tree

Showing 4 changed files with 9 additions and 3 deletions.
diff --git a/config/curator.php b/config/curator.php
@@ -13,6 +13,9 @@
         'cloudinary',
         'imgix',
     ],
+    'cropper' => [
+        'check_cross_origin' => true,
+    ],
     'curation_formats' => [
         'jpg',
         'jpeg',

diff --git a/resources/dist/curation.js b/resources/dist/curation.js
diff --git a/resources/js/curation.js b/resources/js/curation.js
@@ -1,10 +1,11 @@
 import Cropper from "cropperjs";
 
-export default function curation({statePath, fileName, fileType, presets = {}}) {
+export default function curation({statePath, fileName, fileType, presets = {}, checkCrossOrigin = true}) {
     return {
         statePath: statePath,
         filename: fileName,
         filetype: fileType,
+        checkCrossOrigin: checkCrossOrigin,
         cropper: null,
         presets: presets,
         preset: 'custom',
@@ -35,6 +36,7 @@ export default function curation({statePath, fileName, fileType, presets = {}})
 
             setTimeout(() => {
                 this.cropper = new Cropper(this.$refs.image, {
+                    checkCrossOrigin: this.checkCrossOrigin,
                     background: false,
                 });
             }, 100);

diff --git a/resources/views/components/modals/curator-curation.blade.php b/resources/views/components/modals/curator-curation.blade.php
@@ -11,6 +11,7 @@ class="flex-1 relative flex flex-col lg:flex-row overflow-hidden"
             fileName: '{{ $media->name }}',
             fileType: '{{ $media->type }}',
             presets: @js($presets),
+            checkCrossOrigin: {{ config('curator.cropper.check_cross_origin') }}
         })"
         x-on:add-curation.window="$dispatch('close-modal', { id: '{{ $modalId }}' })"
     >