@sitecore-feaas/clientside 0.1.4 → 0.1.5

package/dist/browser/index.cjs

@@ -65,7 +65,7 @@ In order to be iterable, non-array objects must have a [Symbol.iterator]() metho
       ></circle>
     </svg>
   </div>`,this.getRoot().appendChild(this.stylesheet),this.getRoot().appendChild(this.loader)}};J.observedAttributes=["hidden"];J.register("feaas-loader");function Pt(t=this){var r;return{library:t==null?void 0:t.getContextAttribute("library"),revision:(r=t==null?void 0:t.getAttribute("revision"))!=null?r:"published",cdn:t==null?void 0:t.getContextAttribute("cdn")}}var et=class extends m{getProps(){return Pt(this)}isReadyToLoad(){return this.props.library!=null&&this.props.revision!=null&&this.props.cdn!=null}load(){return v(this,null,function*(){Z(this.props,this.onLoad)})}render(){this.stylesheet||(this.stylesheet=document.createElement("style"),this.appendChild(this.stylesheet)),this.stylesheet.textContent=this.payload}};et.register("feaas-stylesheet");function Rt(t=this){let r,e=t.getAttribute("data");if(e!=null)try{r=typeof e=="string"?JSON.parse(e):{}}catch(n){}return{data:r!=null?r:{},library:t.getAttribute("library"),component:t.getAttribute("component"),version:t.getAttribute("version"),revision:t.getAttribute("revision"),hostname:t.getAttribute("hostname"),cdn:t.getContextAttribute("cdn"),template:t.getAttribute("template")}}var q=class extends m{setData(e){this.set({data:e})}getProps(){return Rt(this)}attributeChangedCallback(e,n,o){this.payload=void 0,this.needsRefresh=!0,super.attributeChangedCallback(e,n,o)}getOriginal(){let e=this.getAttribute("data-path-scope");if(!!e){for(var n=this;(n=n.previousElementSibling)&&n.getAttribute("data-path-scope")==e;)var o=n;return o}}isReadyToLoad(){return super.isReadyToLoad()&&this.props.library!=null&&this.props.component!=null&&this.props.version!=null}load(){return v(this,null,function*(){if(!this.getOriginal())try{Q(this.props,this.onLoad)}catch(e){console.error(`FEAAS: Could not fetch component: ${this.props.component}/${this.props.version}/${this.props.revision}`)}})}render(){if(Array.from(this.children).filter(e=>e.tagName!="BR").length>0&&!this.needsRefresh)_(this,this.props.data);else{if(this.needsRefresh=!0,this.getOriginal())return;U(this,this.payload,this.props.data)}}};q.observedAttributes=["library","component","version","revision","hostname","cdn","template","data"];q.register("feaas-component");function wt(t){let r=[];if(t){let e=t.ownerDocument.defaultView,n,o;for(;e!==window.top;){n=e.parent;for(let s=0;s<n.frames.length;s++)if(n.frames[s]===e){for(let i of n.document.getElementsByTagName("iframe"))if(i.contentWindow===e){o=i.getBoundingClientRect();let a=i.contentWindow.getComputedStyle(i);r.push({left:o.left+parseInt(a.borderLeftWidth),top:o.top+parseInt(a.borderTopWidth)})}e=n;break}}}return r.reduce((e,n)=>({left:e.left+n.left,top:e.top+n.top}),{left:0,top:0})}function Ct(t=this){var r;return{context:HTMLElement,frontend:t==null?void 0:t.getContextAttribute("frontend"),src:(r=t==null?void 0:t.getAttribute("src"))!=null?r:"/assets/editor.js",library:t==null?void 0:t.getAttribute("library"),component:t==null?void 0:t.getAttribute("component"),version:t==null?void 0:t.getAttribute("version"),revision:(t==null?void 0:t.getAttribute("revision"))||"saved",hidden:(t==null?void 0:t.getAttribute("hidden"))!=null,for:t==null?void 0:t.getAttribute("for")}}var rt=class extends m{constructor(){super(...arguments);this.framePoint={top:0,left:0};this.wrapperRect={top:0,left:0,width:0,height:0};this.bodyRect={top:0,left:0,width:0,height:0};this.getTarget=()=>document.querySelector("iframe").contentWindow.document.getElementById(this.props.for);this.onChromeMeasureElement=(e,n)=>(n==null&&(n=e.getBoundingClientRect()),e.ownerDocument==document?{left:n.left-this.bodyRect.left,top:n.top-this.bodyRect.top,width:n.width,height:n.height}:{left:n.left+this.framePoint.left-this.bodyRect.left,top:n.top+this.framePoint.top-this.bodyRect.top,width:n.width,height:n.height});this.onBeforeMeasure=e=>{e.memoized.focusable&&(this.framePoint=wt(e.memoized.focusable)),this.wrapperRect=this.wrapper.getBoundingClientRect(),this.bodyRect=this.wrapper.ownerDocument.body.parentElement.getBoundingClientRect()};this.onMeasure=()=>{};this.onPosition=({focusable:e,root:n})=>{let o=this.wrapper.querySelector(".editor-chrome"),s=this.wrapper.querySelector(".ui.overlays");e?(o.style.width=e.width+16*2+"px",o.style.height=e.height+16*1+64+"px",o.style.left=e.left-16+"px",o.style.top=e.top-64+"px",s&&(s.style.left=n.left+"px",s.style.top=n.top+"px")):(o.style.left="-1000px",o.style.top="-1000px")}}getProps(){return Ct(this)}load(){return import(this.formatURL(this.props.src,this.props.frontend))}renderReact({children:e,component:n,version:o},{Editor:s,VersionStatusList:i,Version:a,EditorUIUndo:u,EditorUIMode:l,React:{useEffect:c,useMemo:p,useState:h},Chakra:{HStack:y,Box:f},Chrome:C,ReactDOM:X,useSDK:st,useSlots:O,useModelObserver:K}){if(!this.payload)return;let{sdk:$}=st(),[g,H]=h(),x=$.library;c(()=>H(x.components.getItem(n)),[n,x]),c(()=>{g==null||g.versions.fetch()},[g]);let it=p(this.getTarget,[this.props.for]),T=K(g==null?void 0:g.versions),b=p(()=>(T==null?void 0:T.filter(R=>R.id==o||!o))||[],[T]);if(!!g)return O(e,({picker:R,children:M})=>React.createElement(f,{ref:E=>this.wrapper=E},React.createElement(f,{className:"editor-wrapper",position:"absolute",left:0,top:0},React.createElement(s,{sdk:$,library:$.library,component:g,versions:b,context:{onChromeMeasure:this.onMeasure,onChromeBeforeMeasure:this.onBeforeMeasure,onChromeMeasureElement:this.onChromeMeasureElement,onChromePosition:this.onPosition}},({editor:E,status:k,isArchivedDisplayed:D})=>({after:M,picker:R,chrome:E&&React.createElement(C,null),children:g.reduceVersionRevisions(b).filter(S=>{var w;return D||!((w=S.saved||S.draft)!=null&&w.deletedAt)}).map((S,w)=>React.createElement(f,{key:S.head.id,position:"absolute",left:0,top:0,className:"editor-chrome",p:4,boxShadow:"2xl",pointerEvents:"none"},React.createElement(f,{className:"borders",pointerEvents:"none",left:0,width:"4",top:0,bottom:0,backdropFilter:"blur(2px)",background:"rgb(244 244 244 / 80%)",position:"absolute"}),React.createElement(f,{className:"borders",pointerEvents:"none",right:0,width:"4",top:0,bottom:0,backdropFilter:"blur(2px)",background:"rgb(244 244 244 / 80%)",position:"absolute"}),React.createElement(f,{className:"borders",pointerEvents:"none",top:0,height:"16",left:0,right:0,backdropFilter:"blur(2px)",background:"rgb(244 244 244 / 80%)",position:"absolute"}),React.createElement(f,{className:"borders",pointerEvents:"none",bottom:0,height:"4",left:0,right:0,backdropFilter:"blur(2px)",background:"rgb(244 244 244 / 80%)",position:"absolute"}),React.createElement(a,{version:S.head,node:it},{left:React.createElement(y,{justifyContent:"space-between"},React.createElement(u,{size:"sm",editor:k=="ready"?E:null}),React.createElement(l,{size:"sm"})),middle:React.createElement(i,null)})))})))))}isReadyToLoad(){return this.props.component!=null&&this.props.version!=null}};rt.register("feaas-editor");function xt(t=this){var r,e;return{part:(t==null?void 0:t.getAttribute("part"))||"picker",slot:(t==null?void 0:t.getAttribute("part"))||"slot",mode:t==null?void 0:t.getAttribute("mode"),frontend:(r=t==null?void 0:t.getContextAttribute("frontend"))!=null?r:"https://components.sitecorecloud.io",src:(e=t==null?void 0:t.getAttribute("src"))!=null?e:"/assets/picker.js",hidden:(t==null?void 0:t.getAttribute("hidden"))!=null,context:void 0,onClose:void 0}}var nt=class extends m{getProps(){return xt(this)}load(){return import(this.formatURL(this.props.src,this.props.frontend))}renderReact({context:r,mode:e,children:n},{Picker:o,React:s,ReactDOM:i}){return s.createElement(o,{mode:e||void 0,onClose:this.props.onClose,context:r},n)}};nt.register("feaas-picker");function Tt(t=this){var r,e;return{library:(t==null?void 0:t.getAttribute("library"))||"library",mode:t==null?void 0:t.getAttribute("mode"),frontend:(r=t==null?void 0:t.getContextAttribute("frontend"))!=null?r:"https://components.sitecorecloud.io",src:(e=t==null?void 0:t.getAttribute("src"))!=null?e:"/assets/picker.js",hidden:(t==null?void 0:t.getAttribute("hidden"))!=null,context:null,getToken:null}}var ot=class extends m{constructor(){super(...arguments);this.payload=null;this.onClose=()=>{this.setAttribute("hidden","hidden")}}getProps(){return Tt(this)}render(){let{frontend:e,library:n,getToken:o,src:s,mode:i,context:a}=this.props;this.children.length==0&&(this.innerHTML=`
-        <feaas-context src='/components/providers/ContextProvider.tsx' library='${n}'>
+        <feaas-context library='${n}'>
           <feaas-picker mode='${i}'> 
           <feaas-loader />
         </feaas-context>

package/dist/browser/index.js

@@ -65,7 +65,7 @@ In order to be iterable, non-array objects must have a [Symbol.iterator]() metho
       ></circle>
     </svg>
   </div>`,this.getRoot().appendChild(this.stylesheet),this.getRoot().appendChild(this.loader)}};K.observedAttributes=["hidden"];K.register("feaas-loader");function Wt(t=this){var r;return{library:t==null?void 0:t.getContextAttribute("library"),revision:(r=t==null?void 0:t.getAttribute("revision"))!=null?r:"published",cdn:t==null?void 0:t.getContextAttribute("cdn")}}var ot=class extends m{getProps(){return Wt(this)}isReadyToLoad(){return this.props.library!=null&&this.props.revision!=null&&this.props.cdn!=null}load(){return v(this,null,function*(){V(this.props,this.onLoad)})}render(){this.stylesheet||(this.stylesheet=document.createElement("style"),this.appendChild(this.stylesheet)),this.stylesheet.textContent=this.payload}};ot.register("feaas-stylesheet");function zt(t=this){let r,e=t.getAttribute("data");if(e!=null)try{r=typeof e=="string"?JSON.parse(e):{}}catch(n){}return{data:r!=null?r:{},library:t.getAttribute("library"),component:t.getAttribute("component"),version:t.getAttribute("version"),revision:t.getAttribute("revision"),hostname:t.getAttribute("hostname"),cdn:t.getContextAttribute("cdn"),template:t.getAttribute("template")}}var Y=class extends m{setData(e){this.set({data:e})}getProps(){return zt(this)}attributeChangedCallback(e,n,o){this.payload=void 0,this.needsRefresh=!0,super.attributeChangedCallback(e,n,o)}getOriginal(){let e=this.getAttribute("data-path-scope");if(!!e){for(var n=this;(n=n.previousElementSibling)&&n.getAttribute("data-path-scope")==e;)var o=n;return o}}isReadyToLoad(){return super.isReadyToLoad()&&this.props.library!=null&&this.props.component!=null&&this.props.version!=null}load(){return v(this,null,function*(){if(!this.getOriginal())try{q(this.props,this.onLoad)}catch(e){console.error(`FEAAS: Could not fetch component: ${this.props.component}/${this.props.version}/${this.props.revision}`)}})}render(){if(Array.from(this.children).filter(e=>e.tagName!="BR").length>0&&!this.needsRefresh)B(this,this.props.data);else{if(this.needsRefresh=!0,this.getOriginal())return;X(this,this.payload,this.props.data)}}};Y.observedAttributes=["library","component","version","revision","hostname","cdn","template","data"];Y.register("feaas-component");function Ut(t){let r=[];if(t){let e=t.ownerDocument.defaultView,n,o;for(;e!==window.top;){n=e.parent;for(let s=0;s<n.frames.length;s++)if(n.frames[s]===e){for(let i of n.document.getElementsByTagName("iframe"))if(i.contentWindow===e){o=i.getBoundingClientRect();let a=i.contentWindow.getComputedStyle(i);r.push({left:o.left+parseInt(a.borderLeftWidth),top:o.top+parseInt(a.borderTopWidth)})}e=n;break}}}return r.reduce((e,n)=>({left:e.left+n.left,top:e.top+n.top}),{left:0,top:0})}function Jt(t=this){var r;return{context:HTMLElement,frontend:t==null?void 0:t.getContextAttribute("frontend"),src:(r=t==null?void 0:t.getAttribute("src"))!=null?r:"/assets/editor.js",library:t==null?void 0:t.getAttribute("library"),component:t==null?void 0:t.getAttribute("component"),version:t==null?void 0:t.getAttribute("version"),revision:(t==null?void 0:t.getAttribute("revision"))||"saved",hidden:(t==null?void 0:t.getAttribute("hidden"))!=null,for:t==null?void 0:t.getAttribute("for")}}var st=class extends m{constructor(){super(...arguments);this.framePoint={top:0,left:0};this.wrapperRect={top:0,left:0,width:0,height:0};this.bodyRect={top:0,left:0,width:0,height:0};this.getTarget=()=>document.querySelector("iframe").contentWindow.document.getElementById(this.props.for);this.onChromeMeasureElement=(e,n)=>(n==null&&(n=e.getBoundingClientRect()),e.ownerDocument==document?{left:n.left-this.bodyRect.left,top:n.top-this.bodyRect.top,width:n.width,height:n.height}:{left:n.left+this.framePoint.left-this.bodyRect.left,top:n.top+this.framePoint.top-this.bodyRect.top,width:n.width,height:n.height});this.onBeforeMeasure=e=>{e.memoized.focusable&&(this.framePoint=Ut(e.memoized.focusable)),this.wrapperRect=this.wrapper.getBoundingClientRect(),this.bodyRect=this.wrapper.ownerDocument.body.parentElement.getBoundingClientRect()};this.onMeasure=()=>{};this.onPosition=({focusable:e,root:n})=>{let o=this.wrapper.querySelector(".editor-chrome"),s=this.wrapper.querySelector(".ui.overlays");e?(o.style.width=e.width+16*2+"px",o.style.height=e.height+16*1+64+"px",o.style.left=e.left-16+"px",o.style.top=e.top-64+"px",s&&(s.style.left=n.left+"px",s.style.top=n.top+"px")):(o.style.left="-1000px",o.style.top="-1000px")}}getProps(){return Jt(this)}load(){return import(this.formatURL(this.props.src,this.props.frontend))}renderReact({children:e,component:n,version:o},{Editor:s,VersionStatusList:i,Version:a,EditorUIUndo:u,EditorUIMode:l,React:{useEffect:c,useMemo:p,useState:h},Chakra:{HStack:y,Box:f},Chrome:C,ReactDOM:U,useSDK:Q,useSlots:_,useModelObserver:J}){if(!this.payload)return;let{sdk:I}=Q(),[g,O]=h(),x=I.library;c(()=>O(x.components.getItem(n)),[n,x]),c(()=>{g==null||g.versions.fetch()},[g]);let Z=p(this.getTarget,[this.props.for]),T=J(g==null?void 0:g.versions),b=p(()=>(T==null?void 0:T.filter(R=>R.id==o||!o))||[],[T]);if(!!g)return _(e,({picker:R,children:M})=>React.createElement(f,{ref:E=>this.wrapper=E},React.createElement(f,{className:"editor-wrapper",position:"absolute",left:0,top:0},React.createElement(s,{sdk:I,library:I.library,component:g,versions:b,context:{onChromeMeasure:this.onMeasure,onChromeBeforeMeasure:this.onBeforeMeasure,onChromeMeasureElement:this.onChromeMeasureElement,onChromePosition:this.onPosition}},({editor:E,status:k,isArchivedDisplayed:D})=>({after:M,picker:R,chrome:E&&React.createElement(C,null),children:g.reduceVersionRevisions(b).filter(S=>{var w;return D||!((w=S.saved||S.draft)!=null&&w.deletedAt)}).map((S,w)=>React.createElement(f,{key:S.head.id,position:"absolute",left:0,top:0,className:"editor-chrome",p:4,boxShadow:"2xl",pointerEvents:"none"},React.createElement(f,{className:"borders",pointerEvents:"none",left:0,width:"4",top:0,bottom:0,backdropFilter:"blur(2px)",background:"rgb(244 244 244 / 80%)",position:"absolute"}),React.createElement(f,{className:"borders",pointerEvents:"none",right:0,width:"4",top:0,bottom:0,backdropFilter:"blur(2px)",background:"rgb(244 244 244 / 80%)",position:"absolute"}),React.createElement(f,{className:"borders",pointerEvents:"none",top:0,height:"16",left:0,right:0,backdropFilter:"blur(2px)",background:"rgb(244 244 244 / 80%)",position:"absolute"}),React.createElement(f,{className:"borders",pointerEvents:"none",bottom:0,height:"4",left:0,right:0,backdropFilter:"blur(2px)",background:"rgb(244 244 244 / 80%)",position:"absolute"}),React.createElement(a,{version:S.head,node:Z},{left:React.createElement(y,{justifyContent:"space-between"},React.createElement(u,{size:"sm",editor:k=="ready"?E:null}),React.createElement(l,{size:"sm"})),middle:React.createElement(i,null)})))})))))}isReadyToLoad(){return this.props.component!=null&&this.props.version!=null}};st.register("feaas-editor");function qt(t=this){var r,e;return{part:(t==null?void 0:t.getAttribute("part"))||"picker",slot:(t==null?void 0:t.getAttribute("part"))||"slot",mode:t==null?void 0:t.getAttribute("mode"),frontend:(r=t==null?void 0:t.getContextAttribute("frontend"))!=null?r:"https://components.sitecorecloud.io",src:(e=t==null?void 0:t.getAttribute("src"))!=null?e:"/assets/picker.js",hidden:(t==null?void 0:t.getAttribute("hidden"))!=null,context:void 0,onClose:void 0}}var it=class extends m{getProps(){return qt(this)}load(){return import(this.formatURL(this.props.src,this.props.frontend))}renderReact({context:r,mode:e,children:n},{Picker:o,React:s,ReactDOM:i}){return s.createElement(o,{mode:e||void 0,onClose:this.props.onClose,context:r},n)}};it.register("feaas-picker");function Vt(t=this){var r,e;return{library:(t==null?void 0:t.getAttribute("library"))||"library",mode:t==null?void 0:t.getAttribute("mode"),frontend:(r=t==null?void 0:t.getContextAttribute("frontend"))!=null?r:"https://components.sitecorecloud.io",src:(e=t==null?void 0:t.getAttribute("src"))!=null?e:"/assets/picker.js",hidden:(t==null?void 0:t.getAttribute("hidden"))!=null,context:null,getToken:null}}var at=class extends m{constructor(){super(...arguments);this.payload=null;this.onClose=()=>{this.setAttribute("hidden","hidden")}}getProps(){return Vt(this)}render(){let{frontend:e,library:n,getToken:o,src:s,mode:i,context:a}=this.props;this.children.length==0&&(this.innerHTML=`
-        <feaas-context src='/components/providers/ContextProvider.tsx' library='${n}'>
+        <feaas-context library='${n}'>
           <feaas-picker mode='${i}'> 
           <feaas-loader />
         </feaas-context>

package/dist/node/index.cjs

@@ -1841,7 +1841,7 @@ var FEAASPickerLazy = class extends FEAASBase {
     const { frontend, library, getToken, src, mode, context } = this.props;
     if (this.children.length == 0)
       this.innerHTML = `
-        <feaas-context src='/components/providers/ContextProvider.tsx' library='${library}'>
+        <feaas-context library='${library}'>
           <feaas-picker mode='${mode}'> 
           <feaas-loader />
         </feaas-context>

package/dist/node/index.js

@@ -1790,7 +1790,7 @@ var FEAASPickerLazy = class extends FEAASBase {
     const { frontend, library, getToken, src, mode, context } = this.props;
     if (this.children.length == 0)
       this.innerHTML = `
-        <feaas-context src='/components/providers/ContextProvider.tsx' library='${library}'>
+        <feaas-context library='${library}'>
           <feaas-picker mode='${mode}'> 
           <feaas-loader />
         </feaas-context>

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@sitecore-feaas/clientside",
-  "version": "0.1.4",
+  "version": "0.1.5",
   "scripts": {
     "start": "webpack serve --open",
     "build": "rm -rf dist; npm run build:node; npm run build:browser;",

package/src/components/FEAASPicker.tsx

@@ -75,7 +75,7 @@ export class FEAASPickerLazy extends FEAASBase<FEAASPickerLazyProps, typeof FEAA
 
     if (this.children.length == 0)
       this.innerHTML = `
-        <feaas-context src='/components/providers/ContextProvider.tsx' library='${library}'>
+        <feaas-context library='${library}'>
           <feaas-picker mode='${mode}'> 
           <feaas-loader />
         </feaas-context>