@markopolo_ai_inc/markopolo-email-editor 1.0.3

package/src/pages/Dashboard/index.js

@@ -0,0 +1,48 @@
+import EmailEditor from "../../components/EmailEditor";
+import { useRef, useState } from "react";
+import defaultTemplate from "./defaultBlockList.json";
+import Header from "./Header";
+import { useEffect } from "react";
+
+function Dashboard() {
+  const emailEditorRef = useRef(null);
+  const [emailData, setEmailData] = useState(null);
+  const [language, setLanguage] = useState("en");
+
+  // Load default template on mount: supports { blockList, bodySettings } or legacy array (blockList only)
+  useEffect(() => {
+    const data = defaultTemplate;
+    if (Array.isArray(data)) {
+      setEmailData({ blockList: data, bodySettings: null });
+    } else if (data && (data.blockList != null || data.bodySettings != null)) {
+      setEmailData({
+        blockList: data.blockList ?? [],
+        bodySettings: data.bodySettings ?? null,
+      });
+    } else {
+      setEmailData({ blockList: [], bodySettings: null });
+    }
+  }, []);
+
+  return (
+    <div className="dashboard">
+      <Header
+        emailEditorEl={emailEditorRef}
+        setLanguage={setLanguage}
+        language={language}
+      />
+      <div className="dashboard-content">
+        {emailData && (
+          <EmailEditor
+            ref={emailEditorRef}
+            defaultBlockList={emailData.blockList}
+            defaultBodySettings={emailData.bodySettings}
+            language={language}
+          />
+        )}
+      </div>
+    </div>
+  );
+}
+
+export default Dashboard;

package/src/reportWebVitals.js

@@ -0,0 +1,13 @@
+const reportWebVitals = onPerfEntry => {
+  if (onPerfEntry && onPerfEntry instanceof Function) {
+    import('web-vitals').then(({ getCLS, getFID, getFCP, getLCP, getTTFB }) => {
+      getCLS(onPerfEntry);
+      getFID(onPerfEntry);
+      getFCP(onPerfEntry);
+      getLCP(onPerfEntry);
+      getTTFB(onPerfEntry);
+    });
+  }
+};
+
+export default reportWebVitals;

package/src/setupTests.js

@@ -0,0 +1,5 @@
+// jest-dom adds custom jest matchers for asserting on DOM nodes.
+// allows you to do things like:
+// expect(element).toHaveTextContent(/react/i)
+// learn more: https://github.com/testing-library/jest-dom
+import '@testing-library/jest-dom';