fixed #1 rewrite the configuration to neos frontend configuration BREAKING

Author: breadlesscode

Classes/Controller/CkeditorConfigurationController.php

@@ -5,8 +5,3 @@ Neos:
         javascript:
           'Breadlesscode.SimpleEditorExtend:UiPlugin':
             resource: resource://Breadlesscode.SimpleEditorExtend/Public/UiPlugin/Plugin.js
-  Flow:
-    mvc:
-      routes:
-        'Breadlesscode.SimpleEditorExtend': 
-          position: 'start'

Configuration/Policy.yaml

@@ -18,29 +18,31 @@ The --no-update command prevent the automatic update of the dependencies. After
 ## Example configuration
 
 ```yaml
-Breadlesscode:
-    SimpleEditorExtend:
-      buttons:
-        'Test.Test:MyCustomSpan':
-          extensionName: 'exampleExtension'
-          icon: 'plus-square'
-          tooltip: 'Mark the text in color green'
-          position: 'before strong'
-          formatting:
-            tag: 'span'
-            classes: 'test-class'
-            styles:
-              background-color: 'green'
-        'Test.Test:MyCustomSpan2':
-          extensionName: 'exampleExtension2'
-          icon: 'rocket'
-          tooltip: 'Mark the text in color red'
-          position: 'before exampleExtension'
-          formatting:
-            tag: 'span'
-            classes: 'test-class-2'
-            styles:
-              background-color: 'red'
+Neos:
+  Neos:
+    Ui:
+      frontendConfiguration:
+        'Breadlesscode.SimpleEditorExtend:Buttons':
+          'Test.Test:MyCustomSpan':
+            extensionName: 'exampleExtension'
+            icon: 'plus-square'
+            tooltip: 'Mark the text in color green'
+            position: 'before strong'
+            formatting:
+              tag: 'span'
+              classes: 'test-class'
+              styles:
+                background-color: 'green'
+          'Test.Test:MyCustomSpan2':
+            extensionName: 'exampleExtension2'
+            icon: 'rocket'
+            tooltip: 'Mark the text in color red'
+            position: 'before exampleExtension'
+            formatting:
+              tag: 'span'
+              classes: 'test-class-2'
+              styles:
+                background-color: 'red'
 ```
 
 Now you can use your new formattings like this:

Configuration/Routes.yaml

@@ -2,30 +2,27 @@ import manifest from '@neos-project/neos-ui-extensibility';
 import {getCkeditorPlugin, getCkeditorPluginConfig, getRichtextToolbarConfig} from './CkeditorPluginUtils';
 import backend from '@neos-project/neos-ui-backend-connector';
 
-manifest('Breadlesscode.SimpleEditorExtend:UiPlugin', {}, globalRegistry => {
+manifest('Breadlesscode.SimpleEditorExtend:UiPlugin', {}, (globalRegistry, { frontendConfiguration }) => {
     const richtextToolbar = globalRegistry.get('ckEditor5').get('richtextToolbar');
-    const config = globalRegistry.get('ckEditor5').get('config');
-    const { getJsonResource } = backend.get().endpoints;
-    const configUri = '/breadlesscode/editor-config';
+    const ckEditorConfig = globalRegistry.get('ckEditor5').get('config');
+    const buttonConfig = frontendConfiguration['Breadlesscode.SimpleEditorExtend:Buttons'];
 
-    getJsonResource(configUri).then((buttonConfig) => {
-        Object.keys(buttonConfig).forEach((formattingName) => {
-            const options = buttonConfig[formattingName];
-            const commandName = options.extensionName + 'Command';
+    Object.keys(buttonConfig).forEach((formattingName) => {
+        const options = buttonConfig[formattingName];
+        const commandName = options.extensionName + 'Command';
 
-            richtextToolbar.set(
-                options.extensionName,
-                getRichtextToolbarConfig(commandName, formattingName, options.icon, options.tooltip),
-                options.position
-            );
-            
-            config.set(
-                options.extensionName,
-                getCkeditorPluginConfig(
-                    formattingName,
-                    getCkeditorPlugin(options.extensionName, commandName, options.formatting)
-                )
-            );
-        });
+        richtextToolbar.set(
+            options.extensionName,
+            getRichtextToolbarConfig(commandName, formattingName, options.icon, options.tooltip),
+            options.position
+        );
+        
+        ckEditorConfig.set(
+            options.extensionName,
+            getCkeditorPluginConfig(
+                formattingName,
+                getCkeditorPlugin(options.extensionName, commandName, options.formatting)
+            )
+        );
     });
 });