@uniformdev/canvas-next-rsc-client 19.55.2-alpha.52 → 19.55.2-alpha.54

package/dist/index.esm.js

@@ -139,11 +139,12 @@ import {
   isAllowedReferrer
 } from "@uniformdev/canvas";
 import { useRouter, useSearchParams as useSearchParams3 } from "next/navigation";
-import { useEffect as useEffect6, useMemo } from "react";
+import { useEffect as useEffect6, useMemo, useRef } from "react";
 import { Fragment as Fragment5, jsx as jsx3 } from "react/jsx-runtime";
 var UniformScript = () => {
   const router = useRouter();
   const params = useSearchParams3();
+  const needsToRefreshRef = useRef(false);
   const enabled = params.get(IN_CONTEXT_EDITOR_QUERY_STRING_PARAM2) === "true";
   const channel = useMemo(() => {
     var _a;
@@ -161,7 +162,13 @@ var UniformScript = () => {
       return;
     }
     const unsubscribeFromEditorUpdates = channel.on("editor-state-updated", () => {
-      router.refresh();
+      const el = document.activeElement;
+      const isActiveElementEditable = el == null ? void 0 : el.isContentEditable;
+      if (!isActiveElementEditable) {
+        router.refresh();
+      } else {
+        needsToRefreshRef.current = true;
+      }
     });
     return () => {
       unsubscribeFromEditorUpdates();
@@ -188,6 +195,18 @@ var UniformScript = () => {
       existing.remove();
     }
   }, [enabled]);
+  useEffect6(() => {
+    const handleBlurChange = () => {
+      if (needsToRefreshRef.current) {
+        router.refresh();
+        needsToRefreshRef.current = false;
+      }
+    };
+    document.addEventListener("blur", handleBlurChange, true);
+    return () => {
+      document.removeEventListener("focus", handleBlurChange, true);
+    };
+  }, [router]);
   return /* @__PURE__ */ jsx3(Fragment5, {});
 };
 

package/dist/index.js

@@ -170,6 +170,7 @@ var import_jsx_runtime3 = require("react/jsx-runtime");
 var UniformScript = () => {
   const router = (0, import_navigation3.useRouter)();
   const params = (0, import_navigation3.useSearchParams)();
+  const needsToRefreshRef = (0, import_react7.useRef)(false);
   const enabled = params.get(import_canvas4.IN_CONTEXT_EDITOR_QUERY_STRING_PARAM) === "true";
   const channel = (0, import_react7.useMemo)(() => {
     var _a;
@@ -187,7 +188,13 @@ var UniformScript = () => {
       return;
     }
     const unsubscribeFromEditorUpdates = channel.on("editor-state-updated", () => {
-      router.refresh();
+      const el = document.activeElement;
+      const isActiveElementEditable = el == null ? void 0 : el.isContentEditable;
+      if (!isActiveElementEditable) {
+        router.refresh();
+      } else {
+        needsToRefreshRef.current = true;
+      }
     });
     return () => {
       unsubscribeFromEditorUpdates();
@@ -214,6 +221,18 @@ var UniformScript = () => {
       existing.remove();
     }
   }, [enabled]);
+  (0, import_react7.useEffect)(() => {
+    const handleBlurChange = () => {
+      if (needsToRefreshRef.current) {
+        router.refresh();
+        needsToRefreshRef.current = false;
+      }
+    };
+    document.addEventListener("blur", handleBlurChange, true);
+    return () => {
+      document.removeEventListener("focus", handleBlurChange, true);
+    };
+  }, [router]);
   return /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_jsx_runtime3.Fragment, {});
 };
 

package/dist/index.mjs

@@ -139,11 +139,12 @@ import {
   isAllowedReferrer
 } from "@uniformdev/canvas";
 import { useRouter, useSearchParams as useSearchParams3 } from "next/navigation";
-import { useEffect as useEffect6, useMemo } from "react";
+import { useEffect as useEffect6, useMemo, useRef } from "react";
 import { Fragment as Fragment5, jsx as jsx3 } from "react/jsx-runtime";
 var UniformScript = () => {
   const router = useRouter();
   const params = useSearchParams3();
+  const needsToRefreshRef = useRef(false);
   const enabled = params.get(IN_CONTEXT_EDITOR_QUERY_STRING_PARAM2) === "true";
   const channel = useMemo(() => {
     var _a;
@@ -161,7 +162,13 @@ var UniformScript = () => {
       return;
     }
     const unsubscribeFromEditorUpdates = channel.on("editor-state-updated", () => {
-      router.refresh();
+      const el = document.activeElement;
+      const isActiveElementEditable = el == null ? void 0 : el.isContentEditable;
+      if (!isActiveElementEditable) {
+        router.refresh();
+      } else {
+        needsToRefreshRef.current = true;
+      }
     });
     return () => {
       unsubscribeFromEditorUpdates();
@@ -188,6 +195,18 @@ var UniformScript = () => {
       existing.remove();
     }
   }, [enabled]);
+  useEffect6(() => {
+    const handleBlurChange = () => {
+      if (needsToRefreshRef.current) {
+        router.refresh();
+        needsToRefreshRef.current = false;
+      }
+    };
+    document.addEventListener("blur", handleBlurChange, true);
+    return () => {
+      document.removeEventListener("focus", handleBlurChange, true);
+    };
+  }, [router]);
   return /* @__PURE__ */ jsx3(Fragment5, {});
 };
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@uniformdev/canvas-next-rsc-client",
-  "version": "19.55.2-alpha.52+12f0e007e",
+  "version": "19.55.2-alpha.54+5c0508742",
   "license": "SEE LICENSE IN LICENSE.txt",
   "scripts": {
     "build": "tsup",
@@ -32,9 +32,9 @@
     "react-dom": "18.2.0"
   },
   "dependencies": {
-    "@uniformdev/canvas": "19.55.2-alpha.52+12f0e007e",
-    "@uniformdev/canvas-next-rsc-shared": "^19.55.2-alpha.52+12f0e007e",
-    "@uniformdev/canvas-react": "^19.55.2-alpha.52+12f0e007e"
+    "@uniformdev/canvas": "19.55.2-alpha.54+5c0508742",
+    "@uniformdev/canvas-next-rsc-shared": "^19.55.2-alpha.54+5c0508742",
+    "@uniformdev/canvas-react": "^19.55.2-alpha.54+5c0508742"
   },
   "engines": {
     "node": ">=16.14.0"
@@ -47,5 +47,5 @@
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "12f0e007e1b47387c6422a52d7a8473f8bae0969"
+  "gitHead": "5c0508742475c257e8e24003c4515dd06252045b"
 }