Update: Replace build stack, write editor as a function

Garagist · Oct 9, 2024 · 6dd3ffc · 6dd3ffc
1 parent b992f74
commit 6dd3ffc
Show file tree

Hide file tree

Showing 21 changed files with 2,392 additions and 9,905 deletions.
diff --git a/.nvmrc b/.nvmrc
@@ -1 +1 @@
-16
+20
diff --git a/Configuration/Settings.Neos.yaml b/Configuration/Settings.Neos.yaml
@@ -49,4 +49,4 @@ Neos:
       resources:
         javascript:
           Garagist.Mautic:EmailModuleEditor:
-            resource: resource://Garagist.Mautic/Public/EmailModuleEditor/Plugin.js
+            resource: resource://Garagist.Mautic/Public/Editor/Plugin.js
diff --git a/Resources/Private/Editor/.nvmrc b/Resources/Private/Editor/.nvmrc
diff --git a/Resources/Private/Editor/EmailModuleEditor.jsx b/Resources/Private/Editor/EmailModuleEditor.jsx
@@ -0,0 +1,39 @@
+import React from "react";
+import { Button, Icon, Label } from "@neos-project/react-ui-components";
+import I18n from "@neos-project/neos-ui-i18n";
+
+function EmailModuleEditor(props) {
+    const { label, className, identifier, options, renderHelpIcon, renderSecondaryInspector } = props;
+    const { src, icon, name, disabled}  = options;
+
+    return (
+        <div style={{display:"flex"}}>
+            <Label htmlFor={identifier}>
+                <Button
+                    className={className}
+                    disabled={disabled}
+                    onClick={() => {
+                        renderSecondaryInspector("IFRAME", () => (
+                            <iframe
+                                style={{ height: "100%", width: "100%", border: 0 }}
+                                name={name || "email-module"}
+                                src={
+                                    src.startsWith("ClientEval:")
+                                        ? (0, eval)(src.replace("ClientEval:", ""))
+                                        : src
+                                }
+                            />
+                        ))
+                    }}
+                    style="lighter"
+                >
+                    {icon && <Icon icon={icon} padded="right" />}
+                    <I18n id={label} />
+                </Button>
+            </Label>
+            {renderHelpIcon && renderHelpIcon()}
+        </div>
+    );
+}
+
+export default EmailModuleEditor;
diff --git a/Resources/Private/Editor/src/manifest.js → Resources/Private/Editor/manifest.js b/Resources/Private/Editor/src/manifest.js → Resources/Private/Editor/manifest.js
diff --git a/Resources/Private/Editor/package.json b/Resources/Private/Editor/package.json
diff --git a/Resources/Private/Editor/src/EmailModuleEditor/index.js b/Resources/Private/Editor/src/EmailModuleEditor/index.js
diff --git a/Resources/Private/Editor/src/index.js b/Resources/Private/Editor/src/index.js