dbm/react/blocks/index.js

import React from "react";
import Dbm from "../../index.js";
import {createElement} from "react";

export * as gallery from "./gallery/index.js";
export * as content from "./content/index.js";
export * as admin from "./admin/index.js";
export * as faq from "./faq/index.js";
export * as redirect from "./redirect/index.js";
export * as signin from "./signin/index.js";
export * as section from "./section/index.js";

export {default as Image} from "./Image.js";

export let createToolConfiguration = function(aId, aName, aInitialData = {}, aSanitizeSettings = {}, aIcon = null) {

    class DynamicEditorBlock extends Dbm.react.admin.editor.EditorBlock {

        _construct() {
            super._construct();
        }

        static get toolbox() {

            return {
                title: aName,
                icon: aIcon
            };
        }

        static get sanitize() {
            return aSanitizeSettings;
        }
    }

    let returnObject = {
        "class": DynamicEditorBlock,
        "config": {
            "module": aId,
            "name": aName,
        },
        "data": aInitialData,
        "inlineToolbar": true,
        "toolbox": {
            title: aName,
            icon: aIcon
        }
    }

    return returnObject;
}

export let registerEditorBlock = function(aModuleName, aName, aEditorModule = null, aInitialData = {}, aSanitizeSettings = {}) {

    if(!aEditorModule) {
        aEditorModule = getDefaultEditorModule();
    }

    let editorConfigItem = Dbm.getInstance().repository.getItem("editorjs");
    let tools = editorConfigItem.tools ? {...editorConfigItem.tools} : {};

    let editorItem = new Dbm.repository.Item();
    editorItem.setValue("controller", aEditorModule);
    editorItem.register("moduleCreators/blocks/editor/" + aModuleName);

    tools[aModuleName] = createToolConfiguration(aModuleName, aName, aInitialData, aSanitizeSettings);

    editorConfigItem.setValue("tools", tools);

    return editorItem;
}

export let registerFrontBlock = function(aModuleName, aElement) {
    
    let elementItem = new Dbm.repository.Item();
    elementItem.setValue("element", aElement);
    elementItem.register("blocks/" + aModuleName);

    return elementItem;
}

export let registerBlock = function(aModuleName, aName, aElement, aEditorElement = null, aInitialData = {}, aSanitizeSettings = {}) {

    let editorModule;
    if(!aEditorElement) {
        editorModule = getDefaultEditorModule();
    }
    else {
        editorModule = new Dbm.react.modules.ModuleCreator();
        editorModule.setMainElement(aEditorElement);
    }

    let editorBlock = registerEditorBlock(aModuleName, aName, editorModule, aInitialData, aSanitizeSettings);
    let displayBlock = registerFrontBlock(aModuleName, aElement);

    return {"editorBlock": editorBlock, "displayBlock": displayBlock};
} 

export let getDefaultEditorModule = function() {
    let moduleItem = Dbm.getInstance().repository.getItem("editorjs");

    let displayNameModule = moduleItem.defaultEditor;
    if(!displayNameModule) {
        displayNameModule = new Dbm.react.modules.ModuleCreator();

        let displayNameEditor = createElement(Dbm.react.admin.editor.EditorBlockName, {});
        displayNameModule.setMainElement(displayNameEditor);

        moduleItem.setValue("defaultEditor", displayNameModule);
    }

    return displayNameModule;
}

export let registerAllBlocks = function() {
    registerBlock("cookie/settings", "Cookie settings", createElement(Dbm.react.cookies.CookieSettings));
    registerBlock("login/loginForm", "Login form", createElement(Dbm.react.login.LoginForm));
    registerBlock("admin/pageList", "Admin / Page list", createElement(Dbm.react.admin.pages.PageList), createElement(Dbm.react.admin.pages.PageList));
    registerBlock("admin/website", "Admin / Edit website", createElement(Dbm.react.admin.website.EditWebsite));

    {
        let editor = createElement(Dbm.react.admin.editor.EditorBlockName, {},
            createElement(Dbm.react.form.LabelledArea, {label: "Object type"},
                createElement(Dbm.react.admin.editor.fields.TextField, {name: "objectType"})
            ),
            createElement("div", {className: "spacing medium"}),
            createElement(Dbm.react.form.LabelledArea, {label: "Additional types (optional)"},
                createElement(Dbm.react.admin.editor.fields.TextField, {name: "additionalTypes"})
            ),
            createElement("div", {className: "spacing medium"}),
            createElement(Dbm.react.form.LabelledArea, {label: "Encodings"},
                createElement(Dbm.react.admin.editor.fields.TextField, {name: "encodings"})
            ),
            createElement("div", {className: "spacing medium"}),
            createElement(Dbm.react.form.LabelledArea, {label: "Name field"},
                createElement(Dbm.react.admin.editor.fields.TextField, {name: "nameField"})
            ),
            createElement("div", {className: "spacing medium"}),
            createElement(Dbm.react.form.LabelledArea, {label: "Visibility"},
                createElement(Dbm.react.admin.editor.fields.SelectionField, {name: "visibility"},
                    createElement("option", {value: null}, "Default"),
                    createElement("option", {value: "draft"}, "Draft"),
                    createElement("option", {value: "public"}, "Public"),
                    createElement("option", {value: "private"}, "Private"),
                )
            ),
        );

        registerBlock("admin/objects/list", "Admin / Object list", createElement(Dbm.react.blocks.admin.objects.List), editor);
        
    }
    
    registerBlock("admin/objects/edit", "Admin / Edit object", createElement(Dbm.react.blocks.admin.objects.Edit));
    registerBlock("admin/objects/apiCommands", "Admin / Object API commands", createElement(Dbm.react.blocks.admin.objects.RunObjectCommands));
    registerBlock("admin/users", "Admin / Users", createElement(Dbm.react.blocks.admin.objects.Users));
    registerBlock("admin/users/user", "Admin / User", createElement(Dbm.react.blocks.admin.objects.User));

    {
        let editor = createElement(Dbm.react.admin.editor.EditorBlockName, {},
            createElement(Dbm.react.form.LabelledArea, {label: "Image 1"},
                createElement(Dbm.react.admin.editor.fields.ImageField, {name: "image1"})
            ),
            createElement("div", {className: "spacing medium"}),
            createElement(Dbm.react.form.LabelledArea, {label: "Image 2"},
                createElement(Dbm.react.admin.editor.fields.ImageField, {name: "image2"})
            ),
            createElement("div", {className: "spacing medium"}),
            createElement(Dbm.react.form.LabelledArea, {label: "Image 3"},
                createElement(Dbm.react.admin.editor.fields.ImageField, {name: "image3"})
            ),
            createElement("div", {className: "spacing medium"}),
            createElement(Dbm.react.form.LabelledArea, {label: "Image 4"},
                createElement(Dbm.react.admin.editor.fields.ImageField, {name: "image4"})
            ),
            createElement("div", {className: "spacing medium"})
        );
        registerBlock("gallery/imageGallery", "Image gallery", createElement(Dbm.react.blocks.gallery.ImageGallery, {}), editor);
    }

    {
        let editor = createElement(Dbm.react.admin.editor.EditorBlockName, {},
            createElement(Dbm.react.form.LabelledArea, {label: "Image 1"},
                createElement(Dbm.react.admin.editor.fields.ImageField, {name: "image1"})
            ),
            createElement("div", {className: "spacing medium"}),
            createElement(Dbm.react.form.LabelledArea, {label: "Image 2"},
                createElement(Dbm.react.admin.editor.fields.ImageField, {name: "image2"})
            )
        );
        registerBlock("gallery/doubleImage", "Double image", createElement(Dbm.react.blocks.gallery.DoubleImage, {}), editor);
    }

    {
        let editor = createElement(Dbm.react.admin.editor.EditorBlockName, {},
            createElement(Dbm.react.form.LabelledArea, {label: "Image"},
                createElement(Dbm.react.admin.editor.fields.ImageField, {name: "image"})
            ),
            createElement("div", {className: "spacing medium"}),
            createElement(Dbm.react.form.LabelledArea, {label: "Title"},
                createElement(Dbm.react.admin.editor.fields.TextField, {name: "title"})
            ),
            createElement("div", {className: "spacing medium"}),
            createElement(Dbm.react.form.LabelledArea, {label: "Content"},
                createElement(Dbm.react.admin.editor.fields.RichTextField, {name: "text"})
            ),
            createElement("div", {className: "spacing medium"}),
            createElement(Dbm.react.form.LabelledArea, {label: "Url"},
                createElement(Dbm.react.admin.editor.fields.TextField, {name: "url"})
            ),
            createElement("div", {className: "spacing medium"}),
            createElement(Dbm.react.form.LabelledArea, {label: "Button"},
                createElement(Dbm.react.admin.editor.fields.TextField, {name: "buttonText"})
            )
        );
        registerBlock("content/card", "Card", createElement(Dbm.react.blocks.content.Card, {}), editor, {}, {"title": true, "text": true, "button": true});
    }

    {
        let editor = createElement(Dbm.react.admin.editor.EditorBlockName, {},
            createElement(Dbm.react.form.LabelledArea, {label: "Content block"},
                createElement(Dbm.react.admin.editor.fields.SelectObjectField, {name: "contentBlock", "objectType": "contentBlock"})
            )
        );
        registerBlock("content/contentBlock", "Content block", createElement(Dbm.react.blocks.content.ContentBlock, {}), editor, {}, {});
    }

    {
        let editor = createElement(Dbm.react.admin.editor.EditorBlockName, {},
            createElement(Dbm.react.form.LabelledArea, {label: "Link list"},
                createElement(Dbm.react.admin.editor.fields.SelectObjectField, {name: "list", "objectType": "linkList"})
            )
        );
        registerBlock("content/linkList", "Link list", createElement(Dbm.react.blocks.content.LinkList, {}), editor, {}, {});
    }

    {
        let editor = createElement(Dbm.react.admin.editor.EditorBlockName, {},
            createElement(Dbm.react.form.LabelledArea, {label: "Link name"},
                createElement(Dbm.react.admin.editor.fields.TextField, {name: "linkName"})
            )
        );
        registerBlock("content/anchorPosition", "Anchor position", createElement(Dbm.react.blocks.content.AnchorPosition, {}), editor, {}, {});
    }

    {
        let editor = createElement(Dbm.react.admin.editor.EditorBlockName, {},
            createElement(Dbm.react.form.LabelledArea, {label: "Redirect when signed in (optional)"}),
            createElement(Dbm.react.admin.editor.fields.TextField, {name: "signedInUrl"}),
            createElement(Dbm.react.form.LabelledArea, {label: "Redirect when signed out (optional)"}),
            createElement(Dbm.react.admin.editor.fields.TextField, {name: "signedOutUrl"})
        );
        registerBlock("redirect/signedInRedirect", "Redirect / Signed in?", createElement(Dbm.react.blocks.redirect.SignedInRedirect, {}), editor, {}, {});
    }

    {
        let editor = createElement(Dbm.react.admin.editor.EditorBlockName, {},
            
        );
        registerBlock("signIn/signIn", "Sign in / Sign in form", createElement(Dbm.react.blocks.signin.SignIn, {}), editor, {}, {});
    }

    {
        let editor = createElement(Dbm.react.admin.editor.EditorBlockName, {},
            createElement(Dbm.react.form.LabelledArea, {label: "Initial sections"}, 
                createElement(Dbm.react.admin.editor.fields.SelectObjectsField, {objectType: "helpSection", name:"initialSections", "encoding": "title", "nameField": "title"})
            ),
            createElement(Dbm.react.form.LabelledArea, {label: "Hide ask a question"}, 
                createElement(Dbm.react.admin.editor.fields.CheckboxField, {"name": "skipSearch"}),
                "Hide"
            ),
        );
        registerBlock("faq/askAQuestion", "FAQ / Ask a question", createElement(Dbm.react.blocks.faq.AskAQuestion, {}), editor, {}, {});
    }

    {
        let editor = createElement(Dbm.react.admin.editor.EditorBlockName, {},
            createElement(Dbm.react.form.LabelledArea, {label: "Color"}, 
                createElement(Dbm.react.admin.editor.fields.TextField, {name: "color"})
            ),
            createElement(Dbm.react.form.LabelledArea, {label: "Vertical spacing"}, 
                createElement(Dbm.react.admin.editor.fields.CheckboxField, {"name": "skipSpacing"}),
                "Skip"
            ),
        );
        let block = registerBlock("section/coloredBackgroundSection", "Section / Colored background", createElement(Dbm.react.blocks.section.ColoredBackgroundSection, {}), editor, {}, {});
        block.displayBlock.setValue("isSection", true);
    }

    {
        let editor = createElement(Dbm.react.admin.editor.EditorBlockName, {},
            createElement(Dbm.react.form.LabelledArea, {label: "Color"}, 
                createElement(Dbm.react.admin.editor.fields.TextField, {name: "color"})
            ),
            createElement(Dbm.react.form.LabelledArea, {label: "Dark background"}, 
                createElement(Dbm.react.admin.editor.fields.CheckboxField, {"name": "invertText"}),
                "Invert text"
            ),
        );
        let block = registerBlock("section/coloredBoxSection", "Section / Colored box", createElement(Dbm.react.blocks.section.ColoredBoxSection, {}), editor, {}, {});
        block.displayBlock.setValue("isSection", true);
    }

    {
        let editor = createElement(Dbm.react.admin.editor.EditorBlockName, {},
            
        );
        let block = registerBlock("section/endSection", "Section / End", createElement("div", {"data-section-end": "1"}), editor, {}, {});
        block.displayBlock.setValue("isSection", true);
        block.displayBlock.setValue("endSection", true);
    }

    {
        let editor = createElement(Dbm.react.admin.editor.EditorBlockName, {},
            
        );
        let block = registerBlock("content/skipSpacing", "Skip spacing", createElement("div", {"data-skip-spacing": "1"}), editor, {}, {});
    }



    {
        let itemEditor = Dbm.getInstance().repository.getItem("admin/itemEditors/title");
        itemEditor.setValue("element", createElement(Dbm.react.admin.objects.itemeditors.Title, {}));
    }

    {
        let itemEditor = Dbm.getInstance().repository.getItem("admin/itemEditors/content");
        itemEditor.setValue("element", createElement(Dbm.react.admin.objects.itemeditors.Content, {}));
    }

    {
        let itemEditor = Dbm.getInstance().repository.getItem("admin/itemEditors/richDescription");
        itemEditor.setValue("element", createElement(Dbm.react.admin.objects.itemeditors.RichDescription, {}));
    }

    {
        let itemEditor = Dbm.getInstance().repository.getItem("admin/itemEditors/nameWithTranslations");
        itemEditor.setValue("element", createElement(Dbm.react.admin.objects.itemeditors.Name, {}));
    }

    {
        let itemEditor = Dbm.getInstance().repository.getItem("admin/itemEditors/name");
        itemEditor.setValue("element", createElement(Dbm.react.admin.objects.itemeditors.Field, {"label": "Name", "fieldName": "name"}));
    }

    {
        let itemEditor = Dbm.getInstance().repository.getItem("admin/itemEditors/link");
        itemEditor.setValue("element", createElement(Dbm.react.admin.objects.itemeditors.Link, {}));
    }

    {
        let itemEditor = Dbm.getInstance().repository.getItem("admin/itemEditors/visibility");
        itemEditor.setValue("element", createElement(Dbm.react.admin.objects.itemeditors.Visibility, {}));
    }

    {
        let itemEditor = Dbm.getInstance().repository.getItem("admin/itemEditors/url");
        itemEditor.setValue("element", createElement(Dbm.react.admin.objects.itemeditors.Url, {}));
    }

    {
        let itemEditor = Dbm.getInstance().repository.getItem("admin/itemEditors/identifier");
        itemEditor.setValue("element", createElement(Dbm.react.admin.objects.itemeditors.Identifier, {}));
    }

    {
        let itemEditor = Dbm.getInstance().repository.getItem("admin/itemEditors/linkedPage");
        itemEditor.setValue("element", createElement(Dbm.react.admin.objects.itemeditors.LinkedPage, {}));
    }

    {
        let itemEditor = Dbm.getInstance().repository.getItem("admin/itemEditors/question");
        itemEditor.setValue("element", createElement(Dbm.react.admin.objects.itemeditors.Question, {}));
    }

    {
        let itemEditor = Dbm.getInstance().repository.getItem("admin/itemEditors/pageRepresentation");
        itemEditor.setValue("element", createElement(Dbm.react.admin.objects.itemeditors.PageRepresentation, {}));
    }

    {
        let itemEditor = Dbm.getInstance().repository.getItem("admin/itemEditors/mainImage");
        itemEditor.setValue("element", createElement(Dbm.react.admin.objects.itemeditors.MainImage, {}));
    }

    {
        let itemEditor = Dbm.getInstance().repository.getItem("admin/itemEditors/user/role");
        itemEditor.setValue("element", createElement(Dbm.react.admin.objects.itemeditors.SingleRelation, {
            "label": "Role",
            "direction": "in",
            "relationType": "for",
            "objectType": "type/userRole",
            encoding: "identifier",
            nameField: "identifier"
        }));
    }

    {
        let itemEditor = Dbm.getInstance().repository.getItem("admin/itemEditors/language");
        itemEditor.setValue("element", createElement(Dbm.react.admin.objects.itemeditors.SingleRelation, {
            "label": "Language",
            "direction": "in",
            "relationType": "for",
            "objectType": "language",
            encoding: "name",
            nameField: "name"
        }));
    }

    {
        let itemEditor = Dbm.getInstance().repository.getItem("admin/itemEditors/menuItems");
        itemEditor.setValue("element", createElement(Dbm.react.admin.objects.itemeditors.HierarchyOrderedRelationsList, {
            "label": "Menu items",
            "direction": "in",
            "relationType": "in",
            "objectType": "menuItem",
            "orderFieldName": "order"
        },
        createElement("div", {"className": ""}, 
            createElement(Dbm.react.admin.EditObject, {"item": Dbm.react.source.item()},
                createElement("div", {"className": "flex-row small-item-spacing halfs"},
                    createElement("div", {"className": "flex-row-item"},
                        createElement(Dbm.react.admin.editorsgroup.EditField, {fieldName: "label"},
                            createElement(Dbm.react.form.FormField, {"placeholder": "Label", "value": Dbm.react.source.contextVariable("valueEditor.editValue.value"), className: "standard-field standard-field-padding full-width"})
                        )
                    ),
                    createElement("div", {"className": "flex-row-item"},
                        createElement(Dbm.react.admin.editorsgroup.EditField, {fieldName: "link"},
                            createElement(Dbm.react.admin.editorsgroup.EditPartOfObject, {"value": Dbm.react.source.contextVariable("valueEditor.editValue.value"), path: "url"},
                                createElement(Dbm.react.form.FormField, {"placeholder": "Url", "value": Dbm.react.source.contextVariable("value"), className: "standard-field standard-field-padding full-width"})
                            )
                        )
                    )
                )
                
            )
        )
        ));
    }

    {
        let itemEditor = Dbm.getInstance().repository.getItem("admin/itemEditors/menuLocation/menu");
        itemEditor.setValue("element", createElement(Dbm.react.admin.objects.itemeditors.SingleRelation, {
            "label": "Menu",
            "direction": "in",
            "relationType": "at",
            "objectType": "menu",
            encoding: "name",
            nameField: "name"
        }));
    }
    
    {
        let objectTypeEditor = Dbm.getInstance().repository.getItem("admin/objectTypeEditors/page");
        if(!objectTypeEditor.editors) {
            objectTypeEditor.setValue("editors", []);
        }

        let newArray = [].concat(objectTypeEditor.editors);
        newArray.push(Dbm.getInstance().repository.getItem("admin/itemEditors/title"));
        newArray.push(Dbm.getInstance().repository.getItem("admin/itemEditors/url"));
        newArray.push(Dbm.getInstance().repository.getItem("admin/itemEditors/content"));
        objectTypeEditor.editors = newArray;
    }

    {
        let objectTypeEditor = Dbm.getInstance().repository.getItem("admin/objectTypeEditors/contentBlock");
        if(!objectTypeEditor.editors) {
            objectTypeEditor.setValue("editors", []);
        }

        let newArray = [].concat(objectTypeEditor.editors);
        newArray.push(Dbm.getInstance().repository.getItem("admin/itemEditors/name"));
        newArray.push(Dbm.getInstance().repository.getItem("admin/itemEditors/content"));
        objectTypeEditor.editors = newArray;
    }

    {
        let objectTypeEditor = Dbm.getInstance().repository.getItem("admin/objectTypeEditors/helpSection");
        if(!objectTypeEditor.editors) {
            objectTypeEditor.setValue("editors", []);
        }

        let newArray = [].concat(objectTypeEditor.editors);
        newArray.push(Dbm.getInstance().repository.getItem("admin/itemEditors/question"));
        newArray.push(Dbm.getInstance().repository.getItem("admin/itemEditors/title"));
        newArray.push(Dbm.getInstance().repository.getItem("admin/itemEditors/richDescription"));
        newArray.push(Dbm.getInstance().repository.getItem("admin/itemEditors/linkedPage"));
        newArray.push(Dbm.getInstance().repository.getItem("admin/itemEditors/link"));
        newArray.push(Dbm.getInstance().repository.getItem("admin/itemEditors/visibility"));
        objectTypeEditor.editors = newArray;
    }

    {
        let objectTypeEditor = Dbm.getInstance().repository.getItem("admin/objectTypeEditors/type");
        if(!objectTypeEditor.editors) {
            objectTypeEditor.setValue("editors", []);
        }

        let newArray = [].concat(objectTypeEditor.editors);
        newArray.push(Dbm.getInstance().repository.getItem("admin/itemEditors/name"));
        newArray.push(Dbm.getInstance().repository.getItem("admin/itemEditors/identifier"));
        newArray.push(Dbm.getInstance().repository.getItem("admin/itemEditors/pageRepresentation"));
        newArray.push(Dbm.getInstance().repository.getItem("admin/itemEditors/mainImage"));
        
        objectTypeEditor.editors = newArray;
    }

    {
        let objectTypeEditor = Dbm.getInstance().repository.getItem("admin/objectTypeEditors/user");
        if(!objectTypeEditor.editors) {
            objectTypeEditor.setValue("editors", []);
        }

        let newArray = [].concat(objectTypeEditor.editors);
        newArray.push(Dbm.getInstance().repository.getItem("admin/itemEditors/name"));
        newArray.push(Dbm.getInstance().repository.getItem("admin/itemEditors/user/role"));
        newArray.push(Dbm.getInstance().repository.getItem("admin/itemEditors/pageRepresentation"));
        newArray.push(Dbm.getInstance().repository.getItem("admin/itemEditors/mainImage"));
        
        objectTypeEditor.editors = newArray;
    }

    {
        let objectTypeEditor = Dbm.getInstance().repository.getItem("admin/objectTypeEditors/group/translationGroup");
        if(!objectTypeEditor.editors) {
            objectTypeEditor.setValue("editors", []);
        }

        let newArray = [].concat(objectTypeEditor.editors);
        newArray.push(Dbm.getInstance().repository.getItem("admin/itemEditors/name"));
        
        objectTypeEditor.editors = newArray;
    }

    {
        let objectTypeEditor = Dbm.getInstance().repository.getItem("admin/objectTypeEditors/group");
        if(!objectTypeEditor.editors) {
            objectTypeEditor.setValue("editors", []);
        }

        let newArray = [].concat(objectTypeEditor.editors);
        newArray.push(Dbm.getInstance().repository.getItem("admin/itemEditors/name"));
        
        objectTypeEditor.editors = newArray;
    }

    {
        let objectTypeEditor = Dbm.getInstance().repository.getItem("admin/objectTypeEditors/menu");
        if(!objectTypeEditor.editors) {
            objectTypeEditor.setValue("editors", []);
        }

        let newArray = [].concat(objectTypeEditor.editors);
        newArray.push(Dbm.getInstance().repository.getItem("admin/itemEditors/name"));
        newArray.push(Dbm.getInstance().repository.getItem("admin/itemEditors/language"));
        newArray.push(Dbm.getInstance().repository.getItem("admin/itemEditors/menuItems"));
        
        objectTypeEditor.editors = newArray;
    }

    {
        let objectTypeEditor = Dbm.getInstance().repository.getItem("admin/objectTypeEditors/menuLocation");
        if(!objectTypeEditor.editors) {
            objectTypeEditor.setValue("editors", []);
        }

        let newArray = [].concat(objectTypeEditor.editors);
        newArray.push(Dbm.getInstance().repository.getItem("admin/itemEditors/name"));
        newArray.push(Dbm.getInstance().repository.getItem("admin/itemEditors/identifier"));
        newArray.push(Dbm.getInstance().repository.getItem("admin/itemEditors/menuLocation/menu"));
        
        objectTypeEditor.editors = newArray;
    }


    let admin = Dbm.getInstance().repository.getItem("admin");
    admin.requireProperty("pageEditors", []);

    let pageEditors = [].concat(admin.pageEditors);

    {
        let newEditor = Dbm.getInstance().repository.getItem("admin/pageEditors/linkPreviews");
        newEditor.setValue("element", React.createElement(Dbm.react.admin.pageeditors.LinkPreviews));
        pageEditors.push(newEditor);
    }

    {
        let newEditor = Dbm.getInstance().repository.getItem("admin/pageEditors/helpSections");
        newEditor.setValue("element", React.createElement(Dbm.react.admin.pageeditors.HelpSections));
        pageEditors.push(newEditor);
    }

{
        let objectTypeEditor = Dbm.getInstance().repository.getItem("admin/objectTypeEditors/emailTemplate");
        if(!objectTypeEditor.editors) {
            objectTypeEditor.setValue("editors", []);
        }

        let newArray = [].concat(objectTypeEditor.editors);
        newArray.push(Dbm.getInstance().repository.getItem("admin/itemEditors/name"));
        newArray.push(Dbm.getInstance().repository.getItem("admin/itemEditors/identifier"));
        newArray.push(Dbm.getInstance().repository.getItem("admin/itemEditors/title"));

        {
            let itemEditor = new Dbm.repository.Item();
            itemEditor.setValue("element", createElement(Dbm.react.admin.objects.itemeditors.RichTextFieldWithTranslations, {"label": "Content", "fieldName": "content"}));
            newArray.push(itemEditor);
        }
        
        objectTypeEditor.editors = newArray;
    }

    admin.pageEditors = pageEditors;

    {
        let elementItem = Dbm.getRepositoryItem("linkListCard");
        elementItem.setValue("element", React.createElement(Dbm.react.blocks.content.LinkListCard));
    }
}