@trycourier/react-designer 0.0.0-canary-20251113171853 → 0.0.0-canary-20251113174211

package/dist/components/TemplateEditor/hooks/useSyncEditorItems.d.ts

@@ -9,6 +9,6 @@ interface UseSyncEditorItemsProps {
     editor?: Editor | null;
 }
 export declare const useSyncEditorItems: ({ setItems, rafId, editor }: UseSyncEditorItemsProps) => {
-    syncEditorItems: (editor: Editor) => () => void;
+    syncEditorItems: (editor: Editor) => undefined;
 };
 export {};

package/dist/esm/index.js

@@ -16243,84 +16243,51 @@ var useSyncEditorItems = /* @__PURE__ */ __name(({ setItems, rafId, editor }) =>
       if (rafId.current && typeof cancelAnimationFrame !== "undefined") {
         cancelAnimationFrame(rafId.current);
       }
-      const timeoutId = setTimeout(() => {
-        if (typeof requestAnimationFrame !== "undefined") {
-          rafId.current = requestAnimationFrame(() => {
-            try {
-              const editorDOM = editor2 == null ? void 0 : editor2.view.dom;
-              if (!editorDOM) {
-                return;
-              }
-              const nodeWrappers = editorDOM.querySelectorAll(
-                ".react-renderer > div[data-node-view-wrapper][data-id]"
-              );
-              const domIds = [];
-              nodeWrappers.forEach((wrapper) => {
-                const htmlWrapper = wrapper;
-                const id = htmlWrapper.dataset.id;
-                if (id) {
-                  let parent = htmlWrapper.parentElement;
-                  let isInsideCell = false;
-                  while (parent && parent !== editorDOM) {
-                    if (parent.hasAttribute("data-column-cell")) {
-                      isInsideCell = true;
-                      break;
-                    }
-                    parent = parent.parentElement;
-                  }
-                  if (!isInsideCell) {
-                    domIds.push(id);
-                  }
+      const performSync = /* @__PURE__ */ __name(() => {
+        try {
+          const editorDOM = editor2 == null ? void 0 : editor2.view.dom;
+          if (!editorDOM) {
+            return;
+          }
+          const nodeWrappers = editorDOM.querySelectorAll(
+            ".react-renderer > div[data-node-view-wrapper][data-id]"
+          );
+          const domIds = [];
+          nodeWrappers.forEach((wrapper) => {
+            const htmlWrapper = wrapper;
+            const id = htmlWrapper.dataset.id;
+            if (id) {
+              let parent = htmlWrapper.parentElement;
+              let isInsideCell = false;
+              while (parent && parent !== editorDOM) {
+                if (parent.hasAttribute("data-column-cell")) {
+                  isInsideCell = true;
+                  break;
                 }
-              });
-              setItems((prevItems) => {
-                return {
-                  Editor: domIds,
-                  Sidebar: prevItems.Sidebar
-                };
-              });
-            } catch (error) {
-              console.error("Error syncing editor items:", error);
-              setItems((prev) => ({ ...prev }));
+                parent = parent.parentElement;
+              }
+              if (!isInsideCell) {
+                domIds.push(id);
+              }
             }
           });
-        } else {
-          try {
-            const editorDOM = editor2 == null ? void 0 : editor2.view.dom;
-            if (!editorDOM)
-              return;
-            const nodeWrappers = editorDOM.querySelectorAll(
-              ".react-renderer > div[data-node-view-wrapper][data-id]"
-            );
-            const domIds = [];
-            nodeWrappers.forEach((wrapper) => {
-              const htmlWrapper = wrapper;
-              const id = htmlWrapper.dataset.id;
-              if (id) {
-                let parent = htmlWrapper.parentElement;
-                let isInsideCell = false;
-                while (parent && parent !== editorDOM) {
-                  if (parent.hasAttribute("data-column-cell")) {
-                    isInsideCell = true;
-                    break;
-                  }
-                  parent = parent.parentElement;
-                }
-                if (!isInsideCell) {
-                  domIds.push(id);
-                }
-              }
-            });
-            setItems((prevItems) => ({
+          setItems((prevItems) => {
+            return {
               Editor: domIds,
               Sidebar: prevItems.Sidebar
-            }));
-          } catch (error) {
-            console.error("Error syncing editor items:", error);
-          }
+            };
+          });
+        } catch (error) {
+          console.error("Error syncing editor items:", error);
+          setItems((prev) => ({ ...prev }));
         }
-      }, 0);
-      return () => clearTimeout(timeoutId);
+      }, "performSync");
+      if (typeof requestAnimationFrame !== "undefined") {
+        rafId.current = requestAnimationFrame(performSync);
+      } else {
+        performSync();
+      }
+      return void 0;
     },
     [setItems, rafId]
   );