@uniformdev/canvas-react 18.5.0 → 18.7.0

package/dist/index.d.ts

@@ -40,7 +40,7 @@ declare function DefaultNotImplementedComponent(props: ComponentProps): JSX.Elem
 
 type UniformComponentProps<TRenderProps = unknown> = {
     /** The data of the component instance */
-    data: ComponentInstance | RootComponentInstance;
+    data?: ComponentInstance | RootComponentInstance;
     /** Resolves a React component to render a Canvas component, generally by inspecting type/variant */
     resolveRenderer?: RenderComponentResolver;
     /** Children to render. Can also be a function that takes ComponentProps as argument */
@@ -150,7 +150,7 @@ declare const createApiEnhancer: ({ apiUrl }: {
     } | undefined;
 }>;
 type UseUniformContextualEditingProps = {
-    initialCompositionValue: RootComponentInstance;
+    initialCompositionValue?: RootComponentInstance;
     /**
      * A function to enhance the composition after receiving it from Canvas editor.
      * WARNING: This enhancer will run on the client side. Make sure you're not exposing any secrets. You can use `createApiEnhancer` to create an enhancer based on an API route.
@@ -234,7 +234,7 @@ declare const useUniformContextualEditing: ({ initialCompositionValue, enhance,
                 } | undefined;
             };
         } | undefined;
-    };
+    } | undefined;
 };
 /** @deprecated use useUniformContextualEditing instead */
 declare const useContextualEditing: ({ initialCompositionValue, enhance, }: UseUniformContextualEditingProps) => {
@@ -310,18 +310,18 @@ declare const useContextualEditing: ({ initialCompositionValue, enhance, }: UseU
                 } | undefined;
             };
         } | undefined;
-    };
+    } | undefined;
 };
 /** @deprecated use UseUniformContextualEditingProps instead */
 type UseContextualEditingProps = UseUniformContextualEditingProps;
 
 type UniformCompositionProps<TRenderProps = unknown> = UniformComponentProps<TRenderProps> & {
     /** The composition data */
-    data: RootComponentInstance;
+    data?: RootComponentInstance;
     contextualEditingEnhancer?: UseUniformContextualEditingProps['enhance'];
 };
 type UniformCompositionContextValue = {
-    data?: UniformCompositionProps['data'];
+    data: UniformCompositionProps['data'] | undefined;
     resolveRenderer?: UniformCompositionProps['resolveRenderer'];
     behaviorTracking?: UniformCompositionProps['behaviorTracking'];
 };

package/dist/index.esm.js

@@ -336,7 +336,7 @@ var useUniformContextualEditing = ({
     return channel2;
   }, []);
   useEffect(() => {
-    if (!channel || registeredCompositionIds.has(initialCompositionValue._id)) {
+    if (!channel || registeredCompositionIds.has(initialCompositionValue == null ? void 0 : initialCompositionValue._id)) {
       return;
     }
     const unsubscribe = channel.on("update-composition", async (message) => {
@@ -346,12 +346,12 @@ var useUniformContextualEditing = ({
       const enhancedComposition = await enhance(message);
       setContextualComposition(enhancedComposition);
     });
-    registeredCompositionIds.add(initialCompositionValue._id);
+    registeredCompositionIds.add(initialCompositionValue == null ? void 0 : initialCompositionValue._id);
     return () => {
       unsubscribe();
-      registeredCompositionIds.delete(initialCompositionValue._id);
+      registeredCompositionIds.delete(initialCompositionValue == null ? void 0 : initialCompositionValue._id);
     };
-  }, [channel, enhance, initialCompositionValue._id]);
+  }, [channel, enhance, initialCompositionValue == null ? void 0 : initialCompositionValue._id]);
   useEffect(() => {
     if (!isInContextEditingMode()) {
       return;
@@ -360,6 +360,9 @@ var useUniformContextualEditing = ({
     if (existingScript) {
       return;
     }
+    window.__UNIFORM_CONTEXTUAL_EDITING__ = {
+      framework: "React"
+    };
     const script = document.createElement("script");
     script.id = IN_CONTEXT_EDITOR_EMBED_SCRIPT_ID;
     script.src = getCanvasInContextEmbedScriptUrl();
@@ -389,7 +392,7 @@ function isInContextEditingMode() {
 var useContextualEditing = useUniformContextualEditing;
 
 // src/components/UniformComposition.tsx
-var UniformCompositionContext = createContext2({});
+var UniformCompositionContext = createContext2({ data: void 0 });
 function useUniformCurrentComposition() {
   return useContext2(UniformCompositionContext);
 }

package/dist/index.js

@@ -369,7 +369,7 @@ var useUniformContextualEditing = ({
     return channel2;
   }, []);
   (0, import_react4.useEffect)(() => {
-    if (!channel || registeredCompositionIds.has(initialCompositionValue._id)) {
+    if (!channel || registeredCompositionIds.has(initialCompositionValue == null ? void 0 : initialCompositionValue._id)) {
       return;
     }
     const unsubscribe = channel.on("update-composition", async (message) => {
@@ -379,12 +379,12 @@ var useUniformContextualEditing = ({
       const enhancedComposition = await enhance(message);
       setContextualComposition(enhancedComposition);
     });
-    registeredCompositionIds.add(initialCompositionValue._id);
+    registeredCompositionIds.add(initialCompositionValue == null ? void 0 : initialCompositionValue._id);
     return () => {
       unsubscribe();
-      registeredCompositionIds.delete(initialCompositionValue._id);
+      registeredCompositionIds.delete(initialCompositionValue == null ? void 0 : initialCompositionValue._id);
     };
-  }, [channel, enhance, initialCompositionValue._id]);
+  }, [channel, enhance, initialCompositionValue == null ? void 0 : initialCompositionValue._id]);
   (0, import_react4.useEffect)(() => {
     if (!isInContextEditingMode()) {
       return;
@@ -393,6 +393,9 @@ var useUniformContextualEditing = ({
     if (existingScript) {
       return;
     }
+    window.__UNIFORM_CONTEXTUAL_EDITING__ = {
+      framework: "React"
+    };
     const script = document.createElement("script");
     script.id = import_canvas5.IN_CONTEXT_EDITOR_EMBED_SCRIPT_ID;
     script.src = getCanvasInContextEmbedScriptUrl();
@@ -422,7 +425,7 @@ function isInContextEditingMode() {
 var useContextualEditing = useUniformContextualEditing;
 
 // src/components/UniformComposition.tsx
-var UniformCompositionContext = (0, import_react5.createContext)({});
+var UniformCompositionContext = (0, import_react5.createContext)({ data: void 0 });
 function useUniformCurrentComposition() {
   return (0, import_react5.useContext)(UniformCompositionContext);
 }

package/dist/index.mjs

@@ -336,7 +336,7 @@ var useUniformContextualEditing = ({
     return channel2;
   }, []);
   useEffect(() => {
-    if (!channel || registeredCompositionIds.has(initialCompositionValue._id)) {
+    if (!channel || registeredCompositionIds.has(initialCompositionValue == null ? void 0 : initialCompositionValue._id)) {
       return;
     }
     const unsubscribe = channel.on("update-composition", async (message) => {
@@ -346,12 +346,12 @@ var useUniformContextualEditing = ({
       const enhancedComposition = await enhance(message);
       setContextualComposition(enhancedComposition);
     });
-    registeredCompositionIds.add(initialCompositionValue._id);
+    registeredCompositionIds.add(initialCompositionValue == null ? void 0 : initialCompositionValue._id);
     return () => {
       unsubscribe();
-      registeredCompositionIds.delete(initialCompositionValue._id);
+      registeredCompositionIds.delete(initialCompositionValue == null ? void 0 : initialCompositionValue._id);
     };
-  }, [channel, enhance, initialCompositionValue._id]);
+  }, [channel, enhance, initialCompositionValue == null ? void 0 : initialCompositionValue._id]);
   useEffect(() => {
     if (!isInContextEditingMode()) {
       return;
@@ -360,6 +360,9 @@ var useUniformContextualEditing = ({
     if (existingScript) {
       return;
     }
+    window.__UNIFORM_CONTEXTUAL_EDITING__ = {
+      framework: "React"
+    };
     const script = document.createElement("script");
     script.id = IN_CONTEXT_EDITOR_EMBED_SCRIPT_ID;
     script.src = getCanvasInContextEmbedScriptUrl();
@@ -389,7 +392,7 @@ function isInContextEditingMode() {
 var useContextualEditing = useUniformContextualEditing;
 
 // src/components/UniformComposition.tsx
-var UniformCompositionContext = createContext2({});
+var UniformCompositionContext = createContext2({ data: void 0 });
 function useUniformCurrentComposition() {
   return useContext2(UniformCompositionContext);
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@uniformdev/canvas-react",
-  "version": "18.5.0",
+  "version": "18.7.0",
   "description": "React SDK for Uniform Canvas",
   "license": "SEE LICENSE IN LICENSE.txt",
   "main": "./dist/index.js",
@@ -23,9 +23,9 @@
     "format": "prettier --write \"src/**/*.{js,ts,tsx}\""
   },
   "dependencies": {
-    "@uniformdev/canvas": "18.5.0",
-    "@uniformdev/context": "18.5.0",
-    "@uniformdev/context-react": "18.5.0"
+    "@uniformdev/canvas": "18.7.0",
+    "@uniformdev/context": "18.7.0",
+    "@uniformdev/context-react": "18.7.0"
   },
   "peerDependencies": {
     "react": ">= 16 || 17 || 18",
@@ -42,5 +42,5 @@
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "757923e90bece28162621d867709e08674bdaa05"
+  "gitHead": "eaf3d0e5c1c124d6b449a2f2b16b327d6f3d3666"
 }