@uniformdev/canvas-react 17.1.1-alpha.231 → 17.1.1-alpha.452
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/index.esm.js +1 -1
- package/dist/index.js +1 -1
- package/dist/index.mjs +1 -1
- package/package.json +5 -5
package/dist/index.esm.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
import{Track as L,TrackFragment as X,useUniformContext as j}from"@uniformdev/context-react";import{CANVAS_ENRICHMENT_TAG_PARAM as K}from"@uniformdev/canvas";import h,{createContext as Y,useContext as G}from"react";function y(e){var n;let o=(n=e.parameters)!=null?n:{};return{...Object.keys(o).reduce((s,i)=>(s[i]=o[i].value,s),{}),...e.data,component:e}}var
|
|
1
|
+
import{Track as L,TrackFragment as X,useUniformContext as j}from"@uniformdev/context-react";import{CANVAS_ENRICHMENT_TAG_PARAM as K}from"@uniformdev/canvas";import h,{createContext as Y,useContext as G}from"react";function y(e){var n;let o=(n=e.parameters)!=null?n:{};return{...Object.keys(o).reduce((s,i)=>(s[i]=o[i].value,s),{}),...e.data,component:e}}var b=()=>{let e=new Map;return{register:({type:o,component:t})=>{e.set(o,t)},get:o=>e.get(o)}},N=e=>o=>e.store.get(o.type)||e.defaultComponent||null;var f=b(),ce=({type:e,component:o})=>{Array.isArray(e)?e.forEach(t=>{f.register({type:t,component:o})}):f.register({type:e,component:o})},de=N({store:f});import C from"react";import{CANVAS_PERSONALIZE_TYPE as F,CANVAS_TEST_TYPE as J}from"@uniformdev/canvas";import{Personalize as z,Test as D}from"@uniformdev/context-react";import{mapSlotToPersonalizedVariations as $,mapSlotToTestVariations as B}from"@uniformdev/canvas";import*as R from"react";var k={test:(e,o,t)=>{var m,l,d,a;let n=e,s=(l=(m=n.slots)==null?void 0:m.test)!=null?l:[],i=(a=(d=n.parameters.test)==null?void 0:d.value)!=null?a:"Untitled Test",r=B(s);return R.createElement(D,{key:o,variations:r,name:i,component:p=>t(p,o)})},personalization:(e,o,t)=>{var i,r,m,l,d,a,p;let n=e,s=$((i=n==null?void 0:n.slots)==null?void 0:i.pz);return R.createElement(z,{key:o,variations:s,count:Number((l=(m=(r=n.parameters)==null?void 0:r.count)==null?void 0:m.value)!=null?l:1),name:(p=(a=(d=n.parameters)==null?void 0:d.trackingEventName)==null?void 0:a.value)!=null?p:"Untitled Personalization",component:c=>t(c,0)})}};function I({name:e,resolveRenderer:o,children:t}){var a;let n=T();if(!(n!=null&&n.composition))throw new Error("Slot must be rendered within a Composition");let{composition:s,resolveRenderer:i}=n;if(!s)throw new Error("Cannot use Slot without a Composition wrapper.");let r=(a=s.slots)==null?void 0:a[e];if(!r||!Array.isArray(r))return process.env.NODE_ENV==="development"&&console.warn(`[canvas-dev] slot '${e}' was rendered, but it was not defined on its component. This is expected if the slot is optional, otherwise it may indicate a typo. Component:`,s),null;let m=o!=null?o:i,l=k,d=r.map((p,c)=>{var g,x;let S=P({component:p,resolveRenderer:m,resolveSystem:l,key:`inner-${c}`}),E=t?t({child:S,component:p,key:`wrapped-inner-${c}`}):S,v=[];if(p._id){let V=C.createElement("script",{"data-role":"component-start","data-component-id":p._id,"data-slot-name":e,"data-component-index":c,"data-total-components":r.length,"data-component-name":p.type,"data-component-title":(x=(g=p.parameters)==null?void 0:g.title)==null?void 0:x.value,key:`open-${c}`}),M=C.createElement("script",{"data-role":"component-end",key:`close-${c}`});v.push(V),v.push(E),v.push(M)}else v.push(E);return C.createElement(C.Fragment,{key:c},v)});return C.createElement(C.Fragment,void 0,d)}function P({component:e,resolveRenderer:o,resolveSystem:t,key:n=0}){let s=o==null?void 0:o(e);if(e.type===J)return t.test(e,n,(i,r)=>P({component:i,resolveRenderer:o,resolveSystem:t,key:r}));if(e.type===F)return t.personalization(e,n,(i,r)=>P({component:i,resolveRenderer:o,resolveSystem:t,key:r}));if(s){let i=y(e);return C.createElement(A,{key:n,data:e,resolveRenderer:o},C.createElement(s,{...i}))}else process.env.NODE_ENV!=="production"&&console.warn(`[canvas] found component of type '${e.type}' which the resolveRenderer prop returned no component for. Nothing will be rendered. The resolveRenderer function may need to be extended to handle the new type.`,e);return null}var _=Y(void 0);function T(){return G(_)}var H=e=>f.get(e.type)||null;function A({data:e,resolveRenderer:o,children:t,behaviorTracking:n}){var a,p,c;let s=T(),i=j({throwOnMissingProvider:!1})!==void 0;if(!e)return process.env.NODE_ENV==="development"&&console.warn("[canvas-dev] Composition was rendered with no data, nothing will be output."),null;let r={composition:e,resolveRenderer:o||(s==null?void 0:s.resolveRenderer)||H,behaviorTracking:(a=n!=null?n:s==null?void 0:s.behaviorTracking)!=null?a:"onView"},m=(c=(p=e.parameters)==null?void 0:p[K])==null?void 0:c.value,l=r.behaviorTracking==="onLoad"?X:L,d=Q({children:t,data:e,hasParentLayout:Boolean(s)});return h.createElement(_.Provider,{value:r},i?h.createElement(l,{behavior:m},d):d)}function Q({children:e,data:o,hasParentLayout:t}){let n=e;if(!n&&!t){let i=f.get(o.type);i?n=h.createElement(i,y(o)):n=Object.keys(o.slots||{}).map(r=>h.createElement(I,{key:r,name:r}))}return typeof n=="function"?n(y(o)):n}import u from"react";function Ve(e){var t;let o=(t=e.component)==null?void 0:t.type;return o?u.createElement("div",{style:{borderLeft:"10px solid #e42535!important",padding:"0.01em 16px 16px",borderRadius:"16px",backgroundColor:"rgba(122, 215, 218, 0.3)",color:"#1d3557"}},u.createElement("h2",null,"Component: ",o),u.createElement("p",null,u.createElement("strong",null,o)," has no React implementation. It may need to be added to your"," ",u.createElement("code",null,"resolveRenderer()")," function."),u.createElement("details",null,u.createElement("summary",null,"Props"),u.createElement("pre",null,JSON.stringify(e,null,2)))):null}import{CANVAS_DRAFT_STATE as Z,createEventBus as q,subscribeToComposition as W}from"@uniformdev/canvas";import{useEffect as ee}from"react";function Be({enabled:e,projectId:o,compositionId:t,effect:n}){ee(()=>{if(!e||!t||!o)return;let s;return(async()=>{let r=await q();r&&(s=W({eventBus:r,compositionId:t,compositionState:Z,projectId:o,callback:n,event:"updated"}))})(),()=>{s&&s()}},[t,e,o,n])}import{createCanvasChannel as oe,isUpdateCompositionMessage as ne,IN_CONTEXT_EDITOR_QUERY_STRING_PARAM as te}from"@uniformdev/canvas";import{useEffect as w,useMemo as re,useState as se}from"react";var O="uniform-canvas-preview-script",Ke=({apiUrl:e})=>async o=>{let t=await fetch(e,{method:"post",body:JSON.stringify({composition:o.composition,hash:o.hash}),headers:{"Content-Type":"application/json"}}),n=await t.json();if(!t.ok)throw new Error("Error reading enhanced composition");return n.composition},Ye=({composition:e,enhance:o=t=>t.composition})=>{let[t,n]=se(e);w(()=>{e._id!==t._id&&n(e)},[e,t]);let s=re(()=>{var r;return U()?oe({broadcastTo:[(r=window.opener)!=null?r:window.top],listenTo:[window]}):void 0},[]);return w(()=>{if(!s)return;let i=s.on("update-composition",async r=>{if(ne(r)){let m=await o(r);n(m)}});return()=>{i()}},[s,o]),w(()=>{if(!U()||document.getElementById(O))return;let r=document.createElement("script");r.id=O,r.src=ie(),r.async=!0,document.head.appendChild(r)},[]),{composition:t}};function ie(){return`${window.document.referrer}files/canvas-in-context-embed/index.js`}function U(){if(typeof window=="undefined")return!1;let e=new URLSearchParams(window.location.search).has(te),o=Boolean(window.document.referrer.match(/(^https:\/\/|\.)(uniform.app|uniform.wtf|localhost:\d{4})\//));return e&&o}export{A as Composition,Ve as DefaultNotImplementedComponent,I as Slot,f as componentStore,de as componentStoreResolver,Ke as createApiEnhancer,b as createComponentStore,N as createComponentStoreResolver,ce as registerUniformComponent,T as useComposition,Be as useCompositionEventEffect,Ye as useCompositionInstance};
|
package/dist/index.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";var G=Object.create;var S=Object.defineProperty;var H=Object.getOwnPropertyDescriptor;var Q=Object.getOwnPropertyNames;var Z=Object.getPrototypeOf,q=Object.prototype.hasOwnProperty;var W=(e,o)=>{for(var n in o)S(e,n,{get:o[n],enumerable:!0})},$=(e,o,n,t)=>{if(o&&typeof o=="object"||typeof o=="function")for(let r of Q(o))!q.call(e,r)&&r!==n&&S(e,r,{get:()=>o[r],enumerable:!(t=H(o,r))||t.enumerable});return e};var E=(e,o,n)=>(n=e!=null?G(Z(e)):{},$(o||!e||!e.__esModule?S(n,"default",{value:e,enumerable:!0}):n,e)),ee=e=>$(S({},"__esModule",{value:!0}),e);var ce={};W(ce,{Composition:()=>U,DefaultNotImplementedComponent:()=>se,Slot:()=>O,componentStore:()=>
|
|
1
|
+
"use strict";var G=Object.create;var S=Object.defineProperty;var H=Object.getOwnPropertyDescriptor;var Q=Object.getOwnPropertyNames;var Z=Object.getPrototypeOf,q=Object.prototype.hasOwnProperty;var W=(e,o)=>{for(var n in o)S(e,n,{get:o[n],enumerable:!0})},$=(e,o,n,t)=>{if(o&&typeof o=="object"||typeof o=="function")for(let r of Q(o))!q.call(e,r)&&r!==n&&S(e,r,{get:()=>o[r],enumerable:!(t=H(o,r))||t.enumerable});return e};var E=(e,o,n)=>(n=e!=null?G(Z(e)):{},$(o||!e||!e.__esModule?S(n,"default",{value:e,enumerable:!0}):n,e)),ee=e=>$(S({},"__esModule",{value:!0}),e);var ce={};W(ce,{Composition:()=>U,DefaultNotImplementedComponent:()=>se,Slot:()=>O,componentStore:()=>y,componentStoreResolver:()=>ne,createApiEnhancer:()=>pe,createComponentStore:()=>k,createComponentStoreResolver:()=>I,registerUniformComponent:()=>oe,useComposition:()=>N,useCompositionEventEffect:()=>ie,useCompositionInstance:()=>me});module.exports=ee(ce);var h=require("@uniformdev/context-react"),F=require("@uniformdev/canvas"),u=E(require("react"));function w(e){var t;let o=(t=e.parameters)!=null?t:{};return{...Object.keys(o).reduce((r,i)=>(r[i]=o[i].value,r),{}),...e.data,component:e}}var k=()=>{let e=new Map;return{register:({type:o,component:n})=>{e.set(o,n)},get:o=>e.get(o)}},I=e=>o=>e.store.get(o.type)||e.defaultComponent||null;var y=k(),oe=({type:e,component:o})=>{Array.isArray(e)?e.forEach(n=>{y.register({type:n,component:o})}):y.register({type:e,component:o})},ne=I({store:y});var C=E(require("react"));var b=require("@uniformdev/canvas");var g=require("@uniformdev/context-react"),x=require("@uniformdev/canvas"),A=E(require("react")),B={test:(e,o,n)=>{var m,l,d,a;let t=e,r=(l=(m=t.slots)==null?void 0:m.test)!=null?l:[],i=(a=(d=t.parameters.test)==null?void 0:d.value)!=null?a:"Untitled Test",s=(0,x.mapSlotToTestVariations)(r);return A.createElement(g.Test,{key:o,variations:s,name:i,component:p=>n(p,o)})},personalization:(e,o,n)=>{var i,s,m,l,d,a,p;let t=e,r=(0,x.mapSlotToPersonalizedVariations)((i=t==null?void 0:t.slots)==null?void 0:i.pz);return A.createElement(g.Personalize,{key:o,variations:r,count:Number((l=(m=(s=t.parameters)==null?void 0:s.count)==null?void 0:m.value)!=null?l:1),name:(p=(a=(d=t.parameters)==null?void 0:d.trackingEventName)==null?void 0:a.value)!=null?p:"Untitled Personalization",component:c=>n(c,0)})}};function O({name:e,resolveRenderer:o,children:n}){var a;let t=N();if(!(t!=null&&t.composition))throw new Error("Slot must be rendered within a Composition");let{composition:r,resolveRenderer:i}=t;if(!r)throw new Error("Cannot use Slot without a Composition wrapper.");let s=(a=r.slots)==null?void 0:a[e];if(!s||!Array.isArray(s))return process.env.NODE_ENV==="development"&&console.warn(`[canvas-dev] slot '${e}' was rendered, but it was not defined on its component. This is expected if the slot is optional, otherwise it may indicate a typo. Component:`,r),null;let m=o!=null?o:i,l=B,d=s.map((p,c)=>{var z,D;let V=_({component:p,resolveRenderer:m,resolveSystem:l,key:`inner-${c}`}),M=n?n({child:V,component:p,key:`wrapped-inner-${c}`}):V,T=[];if(p._id){let K=C.default.createElement("script",{"data-role":"component-start","data-component-id":p._id,"data-slot-name":e,"data-component-index":c,"data-total-components":s.length,"data-component-name":p.type,"data-component-title":(D=(z=p.parameters)==null?void 0:z.title)==null?void 0:D.value,key:`open-${c}`}),Y=C.default.createElement("script",{"data-role":"component-end",key:`close-${c}`});T.push(K),T.push(M),T.push(Y)}else T.push(M);return C.default.createElement(C.default.Fragment,{key:c},T)});return C.default.createElement(C.default.Fragment,void 0,d)}function _({component:e,resolveRenderer:o,resolveSystem:n,key:t=0}){let r=o==null?void 0:o(e);if(e.type===b.CANVAS_TEST_TYPE)return n.test(e,t,(i,s)=>_({component:i,resolveRenderer:o,resolveSystem:n,key:s}));if(e.type===b.CANVAS_PERSONALIZE_TYPE)return n.personalization(e,t,(i,s)=>_({component:i,resolveRenderer:o,resolveSystem:n,key:s}));if(r){let i=w(e);return C.default.createElement(U,{key:t,data:e,resolveRenderer:o},C.default.createElement(r,{...i}))}else process.env.NODE_ENV!=="production"&&console.warn(`[canvas] found component of type '${e.type}' which the resolveRenderer prop returned no component for. Nothing will be rendered. The resolveRenderer function may need to be extended to handle the new type.`,e);return null}var J=(0,u.createContext)(void 0);function N(){return(0,u.useContext)(J)}var te=e=>y.get(e.type)||null;function U({data:e,resolveRenderer:o,children:n,behaviorTracking:t}){var a,p,c;let r=N(),i=(0,h.useUniformContext)({throwOnMissingProvider:!1})!==void 0;if(!e)return process.env.NODE_ENV==="development"&&console.warn("[canvas-dev] Composition was rendered with no data, nothing will be output."),null;let s={composition:e,resolveRenderer:o||(r==null?void 0:r.resolveRenderer)||te,behaviorTracking:(a=t!=null?t:r==null?void 0:r.behaviorTracking)!=null?a:"onView"},m=(c=(p=e.parameters)==null?void 0:p[F.CANVAS_ENRICHMENT_TAG_PARAM])==null?void 0:c.value,l=s.behaviorTracking==="onLoad"?h.TrackFragment:h.Track,d=re({children:n,data:e,hasParentLayout:Boolean(r)});return u.default.createElement(J.Provider,{value:s},i?u.default.createElement(l,{behavior:m},d):d)}function re({children:e,data:o,hasParentLayout:n}){let t=e;if(!t&&!n){let i=y.get(o.type);i?t=u.default.createElement(i,w(o)):t=Object.keys(o.slots||{}).map(s=>u.default.createElement(O,{key:s,name:s}))}return typeof t=="function"?t(w(o)):t}var f=E(require("react"));function se(e){var n;let o=(n=e.component)==null?void 0:n.type;return o?f.default.createElement("div",{style:{borderLeft:"10px solid #e42535!important",padding:"0.01em 16px 16px",borderRadius:"16px",backgroundColor:"rgba(122, 215, 218, 0.3)",color:"#1d3557"}},f.default.createElement("h2",null,"Component: ",o),f.default.createElement("p",null,f.default.createElement("strong",null,o)," has no React implementation. It may need to be added to your"," ",f.default.createElement("code",null,"resolveRenderer()")," function."),f.default.createElement("details",null,f.default.createElement("summary",null,"Props"),f.default.createElement("pre",null,JSON.stringify(e,null,2)))):null}var R=require("@uniformdev/canvas"),L=require("react");function ie({enabled:e,projectId:o,compositionId:n,effect:t}){(0,L.useEffect)(()=>{if(!e||!n||!o)return;let r;return(async()=>{let s=await(0,R.createEventBus)();s&&(r=(0,R.subscribeToComposition)({eventBus:s,compositionId:n,compositionState:R.CANVAS_DRAFT_STATE,projectId:o,callback:t,event:"updated"}))})(),()=>{r&&r()}},[n,e,o,t])}var P=require("@uniformdev/canvas"),v=require("react"),X="uniform-canvas-preview-script",pe=({apiUrl:e})=>async o=>{let n=await fetch(e,{method:"post",body:JSON.stringify({composition:o.composition,hash:o.hash}),headers:{"Content-Type":"application/json"}}),t=await n.json();if(!n.ok)throw new Error("Error reading enhanced composition");return t.composition},me=({composition:e,enhance:o=n=>n.composition})=>{let[n,t]=(0,v.useState)(e);(0,v.useEffect)(()=>{e._id!==n._id&&t(e)},[e,n]);let r=(0,v.useMemo)(()=>{var s;return j()?(0,P.createCanvasChannel)({broadcastTo:[(s=window.opener)!=null?s:window.top],listenTo:[window]}):void 0},[]);return(0,v.useEffect)(()=>{if(!r)return;let i=r.on("update-composition",async s=>{if((0,P.isUpdateCompositionMessage)(s)){let m=await o(s);t(m)}});return()=>{i()}},[r,o]),(0,v.useEffect)(()=>{if(!j()||document.getElementById(X))return;let s=document.createElement("script");s.id=X,s.src=ae(),s.async=!0,document.head.appendChild(s)},[]),{composition:n}};function ae(){return`${window.document.referrer}files/canvas-in-context-embed/index.js`}function j(){if(typeof window=="undefined")return!1;let e=new URLSearchParams(window.location.search).has(P.IN_CONTEXT_EDITOR_QUERY_STRING_PARAM),o=Boolean(window.document.referrer.match(/(^https:\/\/|\.)(uniform.app|uniform.wtf|localhost:\d{4})\//));return e&&o}0&&(module.exports={Composition,DefaultNotImplementedComponent,Slot,componentStore,componentStoreResolver,createApiEnhancer,createComponentStore,createComponentStoreResolver,registerUniformComponent,useComposition,useCompositionEventEffect,useCompositionInstance});
|
package/dist/index.mjs
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
import{Track as L,TrackFragment as X,useUniformContext as j}from"@uniformdev/context-react";import{CANVAS_ENRICHMENT_TAG_PARAM as K}from"@uniformdev/canvas";import h,{createContext as Y,useContext as G}from"react";function y(e){var n;let o=(n=e.parameters)!=null?n:{};return{...Object.keys(o).reduce((s,i)=>(s[i]=o[i].value,s),{}),...e.data,component:e}}var
|
|
1
|
+
import{Track as L,TrackFragment as X,useUniformContext as j}from"@uniformdev/context-react";import{CANVAS_ENRICHMENT_TAG_PARAM as K}from"@uniformdev/canvas";import h,{createContext as Y,useContext as G}from"react";function y(e){var n;let o=(n=e.parameters)!=null?n:{};return{...Object.keys(o).reduce((s,i)=>(s[i]=o[i].value,s),{}),...e.data,component:e}}var b=()=>{let e=new Map;return{register:({type:o,component:t})=>{e.set(o,t)},get:o=>e.get(o)}},N=e=>o=>e.store.get(o.type)||e.defaultComponent||null;var f=b(),ce=({type:e,component:o})=>{Array.isArray(e)?e.forEach(t=>{f.register({type:t,component:o})}):f.register({type:e,component:o})},de=N({store:f});import C from"react";import{CANVAS_PERSONALIZE_TYPE as F,CANVAS_TEST_TYPE as J}from"@uniformdev/canvas";import{Personalize as z,Test as D}from"@uniformdev/context-react";import{mapSlotToPersonalizedVariations as $,mapSlotToTestVariations as B}from"@uniformdev/canvas";import*as R from"react";var k={test:(e,o,t)=>{var m,l,d,a;let n=e,s=(l=(m=n.slots)==null?void 0:m.test)!=null?l:[],i=(a=(d=n.parameters.test)==null?void 0:d.value)!=null?a:"Untitled Test",r=B(s);return R.createElement(D,{key:o,variations:r,name:i,component:p=>t(p,o)})},personalization:(e,o,t)=>{var i,r,m,l,d,a,p;let n=e,s=$((i=n==null?void 0:n.slots)==null?void 0:i.pz);return R.createElement(z,{key:o,variations:s,count:Number((l=(m=(r=n.parameters)==null?void 0:r.count)==null?void 0:m.value)!=null?l:1),name:(p=(a=(d=n.parameters)==null?void 0:d.trackingEventName)==null?void 0:a.value)!=null?p:"Untitled Personalization",component:c=>t(c,0)})}};function I({name:e,resolveRenderer:o,children:t}){var a;let n=T();if(!(n!=null&&n.composition))throw new Error("Slot must be rendered within a Composition");let{composition:s,resolveRenderer:i}=n;if(!s)throw new Error("Cannot use Slot without a Composition wrapper.");let r=(a=s.slots)==null?void 0:a[e];if(!r||!Array.isArray(r))return process.env.NODE_ENV==="development"&&console.warn(`[canvas-dev] slot '${e}' was rendered, but it was not defined on its component. This is expected if the slot is optional, otherwise it may indicate a typo. Component:`,s),null;let m=o!=null?o:i,l=k,d=r.map((p,c)=>{var g,x;let S=P({component:p,resolveRenderer:m,resolveSystem:l,key:`inner-${c}`}),E=t?t({child:S,component:p,key:`wrapped-inner-${c}`}):S,v=[];if(p._id){let V=C.createElement("script",{"data-role":"component-start","data-component-id":p._id,"data-slot-name":e,"data-component-index":c,"data-total-components":r.length,"data-component-name":p.type,"data-component-title":(x=(g=p.parameters)==null?void 0:g.title)==null?void 0:x.value,key:`open-${c}`}),M=C.createElement("script",{"data-role":"component-end",key:`close-${c}`});v.push(V),v.push(E),v.push(M)}else v.push(E);return C.createElement(C.Fragment,{key:c},v)});return C.createElement(C.Fragment,void 0,d)}function P({component:e,resolveRenderer:o,resolveSystem:t,key:n=0}){let s=o==null?void 0:o(e);if(e.type===J)return t.test(e,n,(i,r)=>P({component:i,resolveRenderer:o,resolveSystem:t,key:r}));if(e.type===F)return t.personalization(e,n,(i,r)=>P({component:i,resolveRenderer:o,resolveSystem:t,key:r}));if(s){let i=y(e);return C.createElement(A,{key:n,data:e,resolveRenderer:o},C.createElement(s,{...i}))}else process.env.NODE_ENV!=="production"&&console.warn(`[canvas] found component of type '${e.type}' which the resolveRenderer prop returned no component for. Nothing will be rendered. The resolveRenderer function may need to be extended to handle the new type.`,e);return null}var _=Y(void 0);function T(){return G(_)}var H=e=>f.get(e.type)||null;function A({data:e,resolveRenderer:o,children:t,behaviorTracking:n}){var a,p,c;let s=T(),i=j({throwOnMissingProvider:!1})!==void 0;if(!e)return process.env.NODE_ENV==="development"&&console.warn("[canvas-dev] Composition was rendered with no data, nothing will be output."),null;let r={composition:e,resolveRenderer:o||(s==null?void 0:s.resolveRenderer)||H,behaviorTracking:(a=n!=null?n:s==null?void 0:s.behaviorTracking)!=null?a:"onView"},m=(c=(p=e.parameters)==null?void 0:p[K])==null?void 0:c.value,l=r.behaviorTracking==="onLoad"?X:L,d=Q({children:t,data:e,hasParentLayout:Boolean(s)});return h.createElement(_.Provider,{value:r},i?h.createElement(l,{behavior:m},d):d)}function Q({children:e,data:o,hasParentLayout:t}){let n=e;if(!n&&!t){let i=f.get(o.type);i?n=h.createElement(i,y(o)):n=Object.keys(o.slots||{}).map(r=>h.createElement(I,{key:r,name:r}))}return typeof n=="function"?n(y(o)):n}import u from"react";function Ve(e){var t;let o=(t=e.component)==null?void 0:t.type;return o?u.createElement("div",{style:{borderLeft:"10px solid #e42535!important",padding:"0.01em 16px 16px",borderRadius:"16px",backgroundColor:"rgba(122, 215, 218, 0.3)",color:"#1d3557"}},u.createElement("h2",null,"Component: ",o),u.createElement("p",null,u.createElement("strong",null,o)," has no React implementation. It may need to be added to your"," ",u.createElement("code",null,"resolveRenderer()")," function."),u.createElement("details",null,u.createElement("summary",null,"Props"),u.createElement("pre",null,JSON.stringify(e,null,2)))):null}import{CANVAS_DRAFT_STATE as Z,createEventBus as q,subscribeToComposition as W}from"@uniformdev/canvas";import{useEffect as ee}from"react";function Be({enabled:e,projectId:o,compositionId:t,effect:n}){ee(()=>{if(!e||!t||!o)return;let s;return(async()=>{let r=await q();r&&(s=W({eventBus:r,compositionId:t,compositionState:Z,projectId:o,callback:n,event:"updated"}))})(),()=>{s&&s()}},[t,e,o,n])}import{createCanvasChannel as oe,isUpdateCompositionMessage as ne,IN_CONTEXT_EDITOR_QUERY_STRING_PARAM as te}from"@uniformdev/canvas";import{useEffect as w,useMemo as re,useState as se}from"react";var O="uniform-canvas-preview-script",Ke=({apiUrl:e})=>async o=>{let t=await fetch(e,{method:"post",body:JSON.stringify({composition:o.composition,hash:o.hash}),headers:{"Content-Type":"application/json"}}),n=await t.json();if(!t.ok)throw new Error("Error reading enhanced composition");return n.composition},Ye=({composition:e,enhance:o=t=>t.composition})=>{let[t,n]=se(e);w(()=>{e._id!==t._id&&n(e)},[e,t]);let s=re(()=>{var r;return U()?oe({broadcastTo:[(r=window.opener)!=null?r:window.top],listenTo:[window]}):void 0},[]);return w(()=>{if(!s)return;let i=s.on("update-composition",async r=>{if(ne(r)){let m=await o(r);n(m)}});return()=>{i()}},[s,o]),w(()=>{if(!U()||document.getElementById(O))return;let r=document.createElement("script");r.id=O,r.src=ie(),r.async=!0,document.head.appendChild(r)},[]),{composition:t}};function ie(){return`${window.document.referrer}files/canvas-in-context-embed/index.js`}function U(){if(typeof window=="undefined")return!1;let e=new URLSearchParams(window.location.search).has(te),o=Boolean(window.document.referrer.match(/(^https:\/\/|\.)(uniform.app|uniform.wtf|localhost:\d{4})\//));return e&&o}export{A as Composition,Ve as DefaultNotImplementedComponent,I as Slot,f as componentStore,de as componentStoreResolver,Ke as createApiEnhancer,b as createComponentStore,N as createComponentStoreResolver,ce as registerUniformComponent,T as useComposition,Be as useCompositionEventEffect,Ye as useCompositionInstance};
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@uniformdev/canvas-react",
|
|
3
|
-
"version": "17.1.1-alpha.
|
|
3
|
+
"version": "17.1.1-alpha.452+d6844716c",
|
|
4
4
|
"description": "React SDK for Uniform Canvas",
|
|
5
5
|
"license": "SEE LICENSE IN LICENSE.txt",
|
|
6
6
|
"main": "./dist/index.js",
|
|
@@ -23,9 +23,9 @@
|
|
|
23
23
|
"format": "prettier --write \"src/**/*.{js,ts,tsx}\""
|
|
24
24
|
},
|
|
25
25
|
"dependencies": {
|
|
26
|
-
"@uniformdev/canvas": "^17.1.1-alpha.
|
|
27
|
-
"@uniformdev/context": "^17.1.1-alpha.
|
|
28
|
-
"@uniformdev/context-react": "^17.1.1-alpha.
|
|
26
|
+
"@uniformdev/canvas": "^17.1.1-alpha.452+d6844716c",
|
|
27
|
+
"@uniformdev/context": "^17.1.1-alpha.452+d6844716c",
|
|
28
|
+
"@uniformdev/context-react": "^17.1.1-alpha.452+d6844716c"
|
|
29
29
|
},
|
|
30
30
|
"peerDependencies": {
|
|
31
31
|
"react": ">= 16",
|
|
@@ -42,5 +42,5 @@
|
|
|
42
42
|
"publishConfig": {
|
|
43
43
|
"access": "public"
|
|
44
44
|
},
|
|
45
|
-
"gitHead": "
|
|
45
|
+
"gitHead": "d6844716c10cd3f918bf5337fee88d3849a02fc0"
|
|
46
46
|
}
|