@uniformdev/canvas-next-rsc-client 19.158.0 → 19.159.1-alpha.9

package/dist/index.esm.js

@@ -1009,18 +1009,17 @@ var PersonalizeClient = (props) => {
 // src/components/TestClient.ts
 import { CANVAS_TEST_SLOT } from "@uniformdev/canvas";
 import { runTest } from "@uniformdev/canvas-next-rsc-shared";
-import { createElement as createElement2, Fragment as Fragment4, useEffect as useEffect8, useState as useState7 } from "react";
+import { createElement as createElement2, Fragment as Fragment4, useMemo } from "react";
 var TestClient = (props) => {
   var _a;
   const { slots } = props;
   const { context } = useUniformContext();
-  const [index, setIndex] = useState7(0);
-  useEffect8(() => {
+  const index = useMemo(() => {
     const result = runTest({
       ...props,
       contextInstance: context
     });
-    setIndex(result.index);
+    return result.index;
   }, [props, context]);
   if (typeof index !== "number") {
     return null;
@@ -1035,14 +1034,14 @@ import {
   isAllowedReferrer
 } from "@uniformdev/canvas";
 import { useRouter as useRouter2, useSearchParams as useSearchParams3 } from "next/navigation";
-import { useEffect as useEffect9, useMemo, useRef } from "react";
+import { useEffect as useEffect8, useMemo as useMemo2, useRef } from "react";
 import { Fragment as Fragment5, jsx as jsx3 } from "react/jsx-runtime";
 var UniformScript = () => {
   const router = useRouter2();
   const params = useSearchParams3();
   const needsToRefreshRef = useRef(false);
   const enabled = params.get(IN_CONTEXT_EDITOR_QUERY_STRING_PARAM2) === "true";
-  const channel = useMemo(() => {
+  const channel = useMemo2(() => {
     var _a;
     if (typeof window === "undefined") {
       return;
@@ -1053,7 +1052,7 @@ var UniformScript = () => {
     });
     return instance;
   }, []);
-  useEffect9(() => {
+  useEffect8(() => {
     if (!channel) {
       return;
     }
@@ -1070,7 +1069,7 @@ var UniformScript = () => {
       unsubscribeFromEditorUpdates();
     };
   }, [channel, router]);
-  useEffect9(() => {
+  useEffect8(() => {
     if (typeof window === "undefined") {
       return;
     }
@@ -1078,6 +1077,10 @@ var UniformScript = () => {
     if (enabled) {
       if (!existing) {
         const textHost = isAllowedReferrer(window.document.referrer) ? window.document.referrer : "https://uniform.app/";
+        window.__UNIFORM_CONTEXTUAL_EDITING__ = {
+          framework: "React",
+          version: 2
+        };
         const bundleHost = new URL(textHost);
         bundleHost.pathname = "/files/canvas-in-context-embed/index.js";
         const script = document.createElement("script");
@@ -1091,7 +1094,7 @@ var UniformScript = () => {
       existing.remove();
     }
   }, [enabled]);
-  useEffect9(() => {
+  useEffect8(() => {
     const handleBlurChange = () => {
       if (needsToRefreshRef.current) {
         router.refresh();

package/dist/index.js

@@ -1036,13 +1036,12 @@ var TestClient = (props) => {
   var _a;
   const { slots } = props;
   const { context } = useUniformContext();
-  const [index, setIndex] = (0, import_react9.useState)(0);
-  (0, import_react9.useEffect)(() => {
+  const index = (0, import_react9.useMemo)(() => {
     const result = (0, import_canvas_next_rsc_shared3.runTest)({
       ...props,
       contextInstance: context
     });
-    setIndex(result.index);
+    return result.index;
   }, [props, context]);
   if (typeof index !== "number") {
     return null;
@@ -1096,6 +1095,10 @@ var UniformScript = () => {
     if (enabled) {
       if (!existing) {
         const textHost = (0, import_canvas4.isAllowedReferrer)(window.document.referrer) ? window.document.referrer : "https://uniform.app/";
+        window.__UNIFORM_CONTEXTUAL_EDITING__ = {
+          framework: "React",
+          version: 2
+        };
         const bundleHost = new URL(textHost);
         bundleHost.pathname = "/files/canvas-in-context-embed/index.js";
         const script = document.createElement("script");

package/dist/index.mjs

@@ -1009,18 +1009,17 @@ var PersonalizeClient = (props) => {
 // src/components/TestClient.ts
 import { CANVAS_TEST_SLOT } from "@uniformdev/canvas";
 import { runTest } from "@uniformdev/canvas-next-rsc-shared";
-import { createElement as createElement2, Fragment as Fragment4, useEffect as useEffect8, useState as useState7 } from "react";
+import { createElement as createElement2, Fragment as Fragment4, useMemo } from "react";
 var TestClient = (props) => {
   var _a;
   const { slots } = props;
   const { context } = useUniformContext();
-  const [index, setIndex] = useState7(0);
-  useEffect8(() => {
+  const index = useMemo(() => {
     const result = runTest({
       ...props,
       contextInstance: context
     });
-    setIndex(result.index);
+    return result.index;
   }, [props, context]);
   if (typeof index !== "number") {
     return null;
@@ -1035,14 +1034,14 @@ import {
   isAllowedReferrer
 } from "@uniformdev/canvas";
 import { useRouter as useRouter2, useSearchParams as useSearchParams3 } from "next/navigation";
-import { useEffect as useEffect9, useMemo, useRef } from "react";
+import { useEffect as useEffect8, useMemo as useMemo2, useRef } from "react";
 import { Fragment as Fragment5, jsx as jsx3 } from "react/jsx-runtime";
 var UniformScript = () => {
   const router = useRouter2();
   const params = useSearchParams3();
   const needsToRefreshRef = useRef(false);
   const enabled = params.get(IN_CONTEXT_EDITOR_QUERY_STRING_PARAM2) === "true";
-  const channel = useMemo(() => {
+  const channel = useMemo2(() => {
     var _a;
     if (typeof window === "undefined") {
       return;
@@ -1053,7 +1052,7 @@ var UniformScript = () => {
     });
     return instance;
   }, []);
-  useEffect9(() => {
+  useEffect8(() => {
     if (!channel) {
       return;
     }
@@ -1070,7 +1069,7 @@ var UniformScript = () => {
       unsubscribeFromEditorUpdates();
     };
   }, [channel, router]);
-  useEffect9(() => {
+  useEffect8(() => {
     if (typeof window === "undefined") {
       return;
     }
@@ -1078,6 +1077,10 @@ var UniformScript = () => {
     if (enabled) {
       if (!existing) {
         const textHost = isAllowedReferrer(window.document.referrer) ? window.document.referrer : "https://uniform.app/";
+        window.__UNIFORM_CONTEXTUAL_EDITING__ = {
+          framework: "React",
+          version: 2
+        };
         const bundleHost = new URL(textHost);
         bundleHost.pathname = "/files/canvas-in-context-embed/index.js";
         const script = document.createElement("script");
@@ -1091,7 +1094,7 @@ var UniformScript = () => {
       existing.remove();
     }
   }, [enabled]);
-  useEffect9(() => {
+  useEffect8(() => {
     const handleBlurChange = () => {
       if (needsToRefreshRef.current) {
         router.refresh();

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@uniformdev/canvas-next-rsc-client",
-  "version": "19.158.0",
+  "version": "19.159.1-alpha.9+42f1bca8e3",
   "license": "SEE LICENSE IN LICENSE.txt",
   "scripts": {
     "build": "tsup",
@@ -32,9 +32,9 @@
     "react-dom": "18.2.0"
   },
   "dependencies": {
-    "@uniformdev/canvas": "19.158.0",
-    "@uniformdev/canvas-next-rsc-shared": "^19.158.0",
-    "@uniformdev/canvas-react": "^19.158.0"
+    "@uniformdev/canvas": "19.159.1-alpha.9+42f1bca8e3",
+    "@uniformdev/canvas-next-rsc-shared": "^19.159.1-alpha.9+42f1bca8e3",
+    "@uniformdev/canvas-react": "^19.159.1-alpha.9+42f1bca8e3"
   },
   "engines": {
     "node": ">=16.14.0"
@@ -47,5 +47,5 @@
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "f0be15ed3518c8d3d02e320d9b9a2f5175d30d1b"
+  "gitHead": "42f1bca8e3600659bf0b7451228347f94731a97a"
 }