From 4112398e3b38e10c01a0ec5780e4b98a2f5daa20 Mon Sep 17 00:00:00 2001
From: Maxime Huran <m.huran@monsieurbiz.com>
Date: Fri, 16 May 2025 11:38:11 +0200
Subject: [PATCH 1/2] chore(dist): remove useless dist file from Media Manager
 compatibility

---
 .../Admin/MediaManager/Form/_theme.html.twig  | 116 ------------------
 1 file changed, 116 deletions(-)
 delete mode 100644 dist/templates/bundles/MonsieurBizSyliusMediaManagerPlugin/Admin/MediaManager/Form/_theme.html.twig

diff --git a/dist/templates/bundles/MonsieurBizSyliusMediaManagerPlugin/Admin/MediaManager/Form/_theme.html.twig b/dist/templates/bundles/MonsieurBizSyliusMediaManagerPlugin/Admin/MediaManager/Form/_theme.html.twig
deleted file mode 100644
index 7900bd32..00000000
--- a/dist/templates/bundles/MonsieurBizSyliusMediaManagerPlugin/Admin/MediaManager/Form/_theme.html.twig
+++ /dev/null
@@ -1,116 +0,0 @@
-{% block monsieurbiz_sylius_media_manager_image_row %}
-    <div class="monsieurbiz-sylius-file-manager__image-field monsieurbiz-sylius-file-manager__field field">
-        {{- form_row(form, {'attr': {'style': 'display: none;', 'data-file-type': fileType}}) -}}
-        <div class="field">
-            <div class="monsieurbiz-sylius-file-manager__current" {%- if form.vars.value is empty -%}style="display: none;"{%- endif -%}>
-                <p>
-                    <small>{{ 'monsieurbiz_sylius_media_manager.ui.current_image' | trans }}</small><br />
-                    <img src="{{ form.vars.value ? monsieurbiz_richeditor_get_media_without_upload_dir(form.vars.value)|imagine_filter('monsieurbiz_sylius_media_manager_uploaded_image', {"relative_resize": {"widen": filterWidth }}) : '' }}" alt="" style="max-width: 300px;max-height: 300px;" />
-                </p>
-            </div>
-            <button type="button" class="ui button" onclick="monsieurbizSyliusMediaManagerChooseFile('{{ form.vars.full_name | escape('js') }}', '{{ form.vars.value | escape('js') }}', '{{ folder | escape('js') }}', '{{ mimeTypes|escape('js') }}');">
-                {{ 'monsieurbiz_sylius_media_manager.ui.choose_image' | trans }}
-            </button>
-            <button type="button" class="monsieurbiz-sylius-file-manager__button-remove ui red button" onclick="monsieurbizSyliusMediaManagerRemoveFile('{{ form.vars.full_name | escape('js') }}', '{{ 'monsieurbiz_sylius_media_manager.ui.remove_confirmation' | trans | escape('js')}}');" {%- if form.vars.value is empty -%} style="display: none;"{%- endif -%}>
-                {{ 'monsieurbiz_sylius_media_manager.ui.remove_image' | trans }}
-            </button>
-        </div>
-    </div>
-{% endblock %}
-
-{% block monsieurbiz_sylius_media_manager_video_row %}
-    {% set videoSrc = '' %}
-    {% if form.vars.value %}
-        {% if monsieurbiz_richeditor_file_extension_media_manager_exists() %}
-            {% set videoSrc = get_media_manager_file_path(form.vars.value) %}
-            {% if not monsieurbiz_richeditor_file_exists(videoSrc) %}
-                {% set videoSrc = form.vars.value%}
-            {% endif %}
-        {% else %}
-            {% set videoSrc = form.vars.value %}
-        {% endif %}
-    {% endif %}
-    <div class="monsieurbiz-sylius-file-manager__video-field monsieurbiz-sylius-file-manager__field field">
-        {{- form_row(form, {'attr': {'style': 'display: none;', 'data-file-type': fileType}}) -}}
-        <div class="field">
-            <div class="monsieurbiz-sylius-file-manager__current" {%- if form.vars.value is empty -%}style="display: none;"{%- endif -%}>
-                <p>
-                    <small>{{ 'monsieurbiz_sylius_media_manager.ui.current_video' | trans }}</small><br />
-                    <video width="320" height="240" controls>
-                        <source src="{{ form.vars.value ? videoSrc : '' }}">
-                    </video>
-                </p>
-            </div>
-            <button type="button" class="ui button" onclick="monsieurbizSyliusMediaManagerChooseFile('{{ form.vars.full_name | escape('js') }}', '{{ form.vars.value | escape('js') }}', '{{ folder | escape('js') }}', '{{ mimeTypes|escape('js') }}');">
-                {{ 'monsieurbiz_sylius_media_manager.ui.choose_video' | trans }}
-            </button>
-            <button type="button" class="monsieurbiz-sylius-file-manager__button-remove ui red button" onclick="monsieurbizSyliusMediaManagerRemoveFile('{{ form.vars.full_name | escape('js') }}', '{{ 'monsieurbiz_sylius_media_manager.ui.remove_confirmation' | trans | escape('js')}}');" {%- if form.vars.value is empty -%} style="display: none;"{%- endif -%}>
-                {{ 'monsieurbiz_sylius_media_manager.ui.remove_video' | trans }}
-            </button>
-        </div>
-    </div>
-{% endblock %}
-
-{% block monsieurbiz_sylius_media_manager_pdf_row %}
-    <div class="monsieurbiz-sylius-file-manager__file-field monsieurbiz-sylius-file-manager__field field">
-        {{- form_row(form, {'attr': {'style': 'display: none;', 'data-file-type': fileType}}) -}}
-        <div class="field">
-            <div class="monsieurbiz-sylius-file-manager__current" {%- if form.vars.value is empty -%}style="display: none;"{%- endif -%}>
-                <p>
-                    <small>{{ 'monsieurbiz_sylius_media_manager.ui.current_file' | trans }}</small><br />
-                    <a href="{{ form.vars.value ? get_media_manager_file_path(form.vars.value) : '' }}" target="_blank" rel="noopener noreferrer">
-                        {{ form.vars.value }}
-                    </a>
-                </p>
-            </div>
-            <button type="button" class="ui button" onclick="monsieurbizSyliusMediaManagerChooseFile('{{ form.vars.full_name | escape('js') }}', '{{ form.vars.value | escape('js') }}', '{{ folder | escape('js') }}', '{{ mimeTypes|escape('js') }}');">
-                {{ 'monsieurbiz_sylius_media_manager.ui.choose_file' | trans }}
-            </button>
-            <button type="button" class="monsieurbiz-sylius-file-manager__button-remove ui red button" onclick="monsieurbizSyliusMediaManagerRemoveFile('{{ form.vars.full_name | escape('js') }}', '{{ 'monsieurbiz_sylius_media_manager.ui.remove_confirmation' | trans | escape('js')}}');" {%- if form.vars.value is empty -%} style="display: none;"{%- endif -%}>
-                {{ 'monsieurbiz_sylius_media_manager.ui.remove_file' | trans }}
-            </button>
-        </div>
-    </div>
-{% endblock %}
-
-{% block monsieurbiz_sylius_media_manager_favicon_row %}
-    <div class="monsieurbiz-sylius-file-manager__image-field monsieurbiz-sylius-file-manager__field field">
-        {{- form_row(form, {'attr': {'style': 'display: none;', 'data-file-type': fileType}}) -}}
-        <div class="field">
-            <div class="monsieurbiz-sylius-file-manager__current" {%- if form.vars.value is empty -%}style="display: none;"{%- endif -%}>
-                <p>
-                    <small>{{ 'monsieurbiz_sylius_media_manager.ui.current_image' | trans }}</small><br />
-                    <img src="{{ form.vars.value ? monsieurbiz_richeditor_get_media_without_upload_dir(form.vars.value)|imagine_filter('monsieurbiz_sylius_media_manager_uploaded_image', {"relative_resize": {"widen": filterWidth }}) : '' }}" alt="" style="max-width: 40px;max-height: 40px;" />
-                </p>
-            </div>
-            <button type="button" class="ui button" onclick="monsieurbizSyliusMediaManagerChooseFile('{{ form.vars.full_name | escape('js') }}', '{{ form.vars.value | escape('js') }}', '{{ folder | escape('js') }}', '{{ mimeTypes|escape('js') }}');">
-                {{ 'monsieurbiz_sylius_media_manager.ui.choose_image' | trans }}
-            </button>
-            <button type="button" class="monsieurbiz-sylius-file-manager__button-remove ui red button" onclick="monsieurbizSyliusMediaManagerRemoveFile('{{ form.vars.full_name | escape('js') }}', '{{ 'monsieurbiz_sylius_media_manager.ui.remove_confirmation' | trans | escape('js')}}');" {%- if form.vars.value is empty -%} style="display: none;"{%- endif -%}>
-                {{ 'monsieurbiz_sylius_media_manager.ui.remove_image' | trans }}
-            </button>
-        </div>
-    </div>
-{% endblock %}
-
-{% block monsieurbiz_sylius_media_manager_audio_row %}
-    <div class="monsieurbiz-sylius-file-manager__audio-field monsieurbiz-sylius-file-manager__field field">
-        {{- form_row(form, {'attr': {'style': 'display: none;', 'data-file-type': fileType}}) -}}
-        <div class="field">
-            <div class="monsieurbiz-sylius-file-manager__current" {%- if form.vars.value is empty -%}style="display: none;"{%- endif -%}>
-                <p>
-                    <small>{{ 'monsieurbiz_sylius_media_manager.ui.current_file' | trans }}</small><br />
-                    <audio controls src="{{ form.vars.value ? get_media_manager_file_path(form.vars.value) : '' }}">
-                        <a href="{{ form.vars.value ? get_media_manager_file_path(form.vars.value) : '' }}">{{ 'monsieurbiz_sylius_media_manager.ui.current_file' | trans }}</a>
-                    </audio>
-                </p>
-            </div>
-            <button type="button" class="ui button" onclick="monsieurbizSyliusMediaManagerChooseFile('{{ form.vars.full_name | escape('js') }}', '{{ form.vars.value | escape('js') }}', '{{ folder | escape('js') }}', '{{ mimeTypes|escape('js') }}');">
-                {{ 'monsieurbiz_sylius_media_manager.ui.choose_file' | trans }}
-            </button>
-            <button type="button" class="monsieurbiz-sylius-file-manager__button-remove ui red button" onclick="monsieurbizSyliusMediaManagerRemoveFile('{{ form.vars.full_name | escape('js') }}', '{{ 'monsieurbiz_sylius_media_manager.ui.remove_confirmation' | trans | escape('js')}}');" {%- if form.vars.value is empty -%} style="display: none;"{%- endif -%}>
-                {{ 'monsieurbiz_sylius_media_manager.ui.remove_file' | trans }}
-            </button>
-        </div>
-    </div>
-{% endblock %}

From bec56dd17d7ca6abe4a81a7d26d1114b2b980c34 Mon Sep 17 00:00:00 2001
From: Maxime Huran <m.huran@monsieurbiz.com>
Date: Fri, 16 May 2025 11:38:38 +0200
Subject: [PATCH 2/2] feat(images): change way to generate images with liip
 imagine

---
 src/Resources/config/config.yaml | 2 +-
 src/Resources/config/images.yaml | 4 +---
 2 files changed, 2 insertions(+), 4 deletions(-)

diff --git a/src/Resources/config/config.yaml b/src/Resources/config/config.yaml
index 6e06ebfb..19db91e1 100644
--- a/src/Resources/config/config.yaml
+++ b/src/Resources/config/config.yaml
@@ -31,7 +31,7 @@ twig:
 
 liip_imagine:
     loaders:
-        monsieurbiz_sylius_rich_editor:
+        sylius_image:
             filesystem:
                 allow_unresolvable_data_roots: true
                 data_root:
diff --git a/src/Resources/config/images.yaml b/src/Resources/config/images.yaml
index 2b037c9c..f034af7c 100644
--- a/src/Resources/config/images.yaml
+++ b/src/Resources/config/images.yaml
@@ -1,9 +1,7 @@
 liip_imagine:
     filter_sets:
         monsieurbiz_rich_editor_uploaded_image:
-            data_loader: monsieurbiz_sylius_rich_editor
             filters:
                 thumbnail: { size: [400, 400], mode: inset }
                 relative_resize: { widen: 32 }
-        monsieurbiz_rich_editor_image: 
-            data_loader: monsieurbiz_sylius_rich_editor
+        monsieurbiz_rich_editor_image: ~