fix: issue displaying preview when embedding content with enhanced im…

…age field

src/bundle/Resources/encore/ibexa.config.manager.js

@@ -10,23 +10,23 @@
 
 const path = require('path');
 
-module.exports = (eZConfig, eZConfigManager) => {
-    eZConfigManager.add({
-        eZConfig,
+module.exports = (ibexaConfig, ibexaConfigManager) => {
+    ibexaConfigManager.add({
+        eZConfig: ibexaConfig,
         entryName: 'ezplatform-admin-ui-location-view-css',
         newItems: [path.resolve(__dirname, '../public/css/focuspoint.scss')]
     });
-    eZConfigManager.add({
-        eZConfig,
+    ibexaConfigManager.add({
+        eZConfig: ibexaConfig,
         entryName: 'ezplatform-admin-ui-content-edit-parts-css',
         newItems: [
             path.resolve(__dirname, '../public/css/focuspoint.scss'),
             path.resolve(__dirname, '../public/css/enhancedimage-field.scss'),
             path.resolve(__dirname, '../public/css/enhancedimage.scss')
         ]
     });
-    eZConfigManager.add({
-        eZConfig,
+    ibexaConfigManager.add({
+        eZConfig: ibexaConfig,
         entryName: 'ezplatform-admin-ui-content-edit-parts-js',
         newItems: [
             path.resolve(__dirname, '../public/js/enhancedimage.js'),

src/bundle/Resources/encore/ibexa.config.setup.js

@@ -0,0 +1,7 @@
+const path = require('path');
+
+module.exports = (Encore) => {
+    Encore.addAliases({
+        '@ibexa-richtext': path.resolve('./vendor/ibexa/fieldtype-richtext'),
+    });
+};

src/bundle/Resources/encore/ibexa.richtext.config.manager.js

@@ -0,0 +1,15 @@
+const path = require('path')
+
+module.exports = (ibexaConfig, ibexaConfigManager) => {
+    ibexaConfigManager.add({
+        ibexaConfig,
+        entryName: 'ibexa-richtext-onlineeditor-js',
+        newItems: [
+            path.resolve(__dirname, '../public/js/CKEditor/extraconfig.js')
+        ]
+    })
+
+    Object.assign(ibexaConfig.resolve.alias, {
+        '@ibexa-richtext': path.resolve('./vendor/ibexa/fieldtype-richtext'),
+    });
+}

src/bundle/Resources/public/js/CKEditor/embed/image/embed-image-editing.js

@@ -0,0 +1,29 @@
+import IbexaEmbedImageEditing from '@ibexa-richtext/src/bundle/Resources/public/js/CKEditor/embed/image/embed-image-editing.js'
+import IbexaEmbedImageCommand from '@ibexa-richtext/src/bundle/Resources/public/js/CKEditor/embed/image/embed-image-command.js'
+import { findContent } from '@ibexa-richtext/src/bundle/Resources/public/js/CKEditor/services/content-service.js';
+import Widget from '@ckeditor/ckeditor5-widget/src/widget';
+class EnhancedImageEmbedImageEditing extends IbexaEmbedImageEditing {
+    loadImagePreview(modelElement) {
+        const contentId = modelElement.getAttribute('contentId');
+        const token = document.querySelector('meta[name="CSRF-Token"]').content;
+        const siteaccess = document.querySelector('meta[name="SiteAccess"]').content;
+
+        findContent({ token, siteaccess, contentId }, (contents) => {
+            const fields = contents[0].CurrentVersion.Version.Fields.field;
+            const fieldImage = fields.find((field) => ['enhancedimage', 'ezimage'].includes(field.fieldTypeIdentifier));
+            const size = modelElement.getAttribute('size');
+            const variationHref = fieldImage.fieldValue.variations[size].href;
+
+            this.loadImageVariation(modelElement, variationHref);
+        });
+    }
+
+    init() {
+        this.defineConverters();
+
+        this.editor.commands.add('insertIbexaEmbedImage', new IbexaEmbedImageCommand(this.editor));
+    }
+}
+
+
+export default EnhancedImageEmbedImageEditing;

src/bundle/Resources/public/js/CKEditor/extraconfig.js

@@ -0,0 +1,9 @@
+import EnhancedImageEmbedImageEditing from "./embed/image/embed-image-editing";
+
+(function (ibexa) {
+
+    ibexa.addConfig('richText.CKEditor.extraPlugins', [
+        EnhancedImageEmbedImageEditing
+    ], true);
+
+})(window.ibexa);