@strifeapp/strife 0.0.6-preview.17 → 0.0.6-preview.19

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@strifeapp/strife",
-  "version": "0.0.6-preview.17",
+  "version": "0.0.6-preview.19",
   "keywords": [],
   "files": [
     "dist"

package/dist/index.esm.js

@@ -1,2 +0,0 @@
-const e={HSHK:1,EU:2,SYNC:4,CONNECT:8};class t extends MessageChannel{constructor(){super(),this.broadcastChannel=new BroadcastChannel('app.broadcast');this.port1.addEventListener('message',(t=>{t.data.cmd===e.CONNECT&&this.onConnected(t)}),{once:!0}),this.port1.start(),console.log(`SENDING MESSAGE FROM SDK IN WINDOW ${window.name}`),window.top.postMessage({cmd:e.HSHK,context:window.name},'*',[this.port2]),window.addEventListener('beforeunload',(()=>{console.log('unload'),this.send({foo:'bar'})})),window.addEventListener('click',(()=>{this.send({cmd:e.EU,updates:[{action:'click',lastUserInteraction:(new Date).valueOf(),context:window.name}]})}),!1)}subscribe(e){if(null==e)throw new Error('Parameter can not be null!');this.broadcastChannel.addEventListener('message',e),this.port1.addEventListener('message',e),this.port1.addEventListener('message',(e=>this.broadcastChannel.postMessage(e.data)))}send(e){this.port1.postMessage(e),this.broadcastChannel.postMessage(e)}onConnected(e){return e}}var s=new t;const i={NONE:8,EDIT:16},r=()=>s,n=[];s.subscribe((({data:t})=>{try{t.cmd===e.SYNC?t.sync.forEach((e=>{n.forEach((({self:t,handler:s})=>{if(e.currentPath===window.location.pathname&&Object.keys(e.data).includes(t.dataset.propertyName)){s(c(t.dataset.propertyName,e.data))}}))})):t.cmd===e.EU&&t.action===i.FOCUS&&t.updates.forEach((e=>{n.forEach((({self:t})=>{e.propertyName===t.dataset.propertyName&&e.currentPath===window.location.pathname&&t.scrollIntoView({behavior:'smooth',block:'center'})}))}))}catch(e){console.error(e)}}));const o=(t,r)=>{n.push({self:t,handler:r});try{const r=t.closest('[is=str-template-cpnt]')||t;['click'].forEach((t=>{r.addEventListener(t,(t=>{t.preventDefault(),t.stopPropagation(),console.log(r),t.currentTarget instanceof HTMLAnchorElement&&t.altKey?window.location.href=t.currentTarget.href:s.send({cmd:e.EU,updates:[{lastUserInteraction:(new Date).toJSON(),action:i.EDIT,origin:window.location.origin,currentPath:window.location.pathname,propertyName:r.dataset.propertyName,attributes:[...r.attributes].filter((e=>e.name.includes('property')||e.name.includes('editor')||e.name.includes('template'))).map((e=>({name:e.name,value:e.value}))),placeholder:r.ariaPlaceholder}]})}))}))}catch(e){if(!(e instanceof TypeError))throw e;console.debug('Editor can not be found')}return s},c=(e,t)=>e?.split('.').reduce(((e,t)=>e?.[t]),t),a=new CSSStyleSheet;a.replaceSync('[is]:not([is=\'str-template-cpnt\'] [is]):hover {\n  outline: solid 1px #0099ff;\n  cursor: pointer;\n}\nimg.previewing {\n  --img-previewing-url: \'\';\n  --img-previewing-size: 100%;\n  --img-previewing-position: 0px 0px;\n  background-image: var(--img-previewing-url);\n  background-repeat: no-repeat;\n  background-position: var(--img-previewing-position);\n  background-size: var(--img-previewing-size);\n}\n');class d extends HTMLHeadingElement{constructor(){super(),this.tabIndex=0}connectedCallback(){o(this,(e=>this.textContent=e))}}customElements.define('str-h1-cpnt',d,{extends:'h1'}),customElements.define('str-h2-cpnt',class extends d{},{extends:'h2'}),customElements.define('str-h3-cpnt',class extends d{},{extends:'h3'}),customElements.define('str-h4-cpnt',class extends d{},{extends:'h4'}),customElements.define('str-h5-cpnt',class extends d{},{extends:'h5'}),customElements.define('str-h6-cpnt',class extends d{},{extends:'h6'});class h extends HTMLElement{constructor(){super(),this.tabIndex=0}async connectedCallback(){o(this,(e=>this.textContent=e))}}customElements.define('str-address-cpnt',h,{extends:'address'});class p extends HTMLAnchorElement{constructor(){super(),this.tabIndex=0}async connectedCallback(){o(this,(e=>this.href=e))}}customElements.define('str-anchor-cpnt',p,{extends:'a'}),customElements.define('str-picture-cpnt',class extends HTMLPictureElement{_propertyMedia;_currentSrc;constructor(){super(),this.image=this.querySelector('img'),this.sources=[...this.querySelectorAll('source')],this.tabIndex=0}connectedCallback(){this.initPreview().then((()=>{o(this,(e=>{this.render(this,e)}))}))}initPreview(){return new Promise(((e,t)=>{this.image.addEventListener('load',(t=>{e()}),{once:!0}),this._currentSrc=this.sources.find((e=>{if(this.image.currentSrc)return e.srcset===this.image.currentSrc;console.warn('<str-picture-cpnt> img[currentSrc] empty in window with innerWidth of',window.innerWidth,'Trying to match media...');return window.matchMedia(e.media).matches})),this._currentSrc?(this._propertyMedia=this._currentSrc.dataset?.propertyMedia,!this.image.currentSrc&&this._currentSrc.width&&this._currentSrc.height&&(this.image.width=this._currentSrc.width,this.image.height=this._currentSrc.height)):console.warn('<str-picture-cpnt> current source not found for picture element in window with innerWidth of',window.innerWidth),this.image.classList.add('previewing'),this.image.style.maxWidth=this.image.width+'px',this.image.style.maxHeight=this.image.height+'px',this.image.style.setProperty('--img-previewing-url',`url(${this.image.currentSrc||this._currentSrc.srcset})`),this.image.style.setProperty('--img-previewing-size','100%'),this.image.style.setProperty('--img-previewing-position','0px,0px'),this.image.src='https://images.nimbleinitiatives.com/AS3SX_-B59mU1hdDS7B_YfI5Lu9Ut-kLpdaAhraKgy4/w:1/h:1/aHR0cHM6Ly9zdHJpZmUuYi1jZG4ubmV0L3RyYW5zcGFyZW50MXgxLnBuZw.png',this.sources.forEach((e=>{e.srcset='https://images.nimbleinitiatives.com/AS3SX_-B59mU1hdDS7B_YfI5Lu9Ut-kLpdaAhraKgy4/w:1/h:1/aHR0cHM6Ly9zdHJpZmUuYi1jZG4ubmV0L3RyYW5zcGFyZW50MXgxLnBuZw.png'}))}))}render(e,t,s){if(this._propertyMedia&&t&&t[this._propertyMedia]&&t[this._propertyMedia].source&&t[this._propertyMedia].source.crop){const e=this.image.offsetWidth/t[this._propertyMedia].width,s=this.image.offsetWidth/2-t[this._propertyMedia].source.originalWidth*(t[this._propertyMedia].source.crop.zoom*e)*t[this._propertyMedia].source.crop.focusX,i=this.image.offsetHeight/2-t[this._propertyMedia].source.originalHeight*(t[this._propertyMedia].source.crop.zoom*e)*t[this._propertyMedia].source.crop.focusY,r=t[this._propertyMedia].source.originalWidth/this.image.offsetWidth*(t[this._propertyMedia].source.crop.zoom*e);this.image.style.setProperty('--img-previewing-url',`url(${t[this._propertyMedia].source.originalPreview})`),this.image.style.setProperty('--img-previewing-size',100*r+'%'),this.image.style.setProperty('--img-previewing-position',`${s}px ${i}px`)}}disconnectedCallback(){}},{extends:'picture'}),customElements.define('str-img-cpnt',class extends HTMLImageElement{constructor(){super(),this.tabIndex=0}connectedCallback(){this.initPreview().then((()=>{o(this,(e=>{this.render(this,e)}))}))}initPreview(){return new Promise(((e,t)=>{this.addEventListener('load',(t=>{e()}),{once:!0}),this.classList.add('previewing'),this.style.width=this.width+'px',this.style.height=this.height+'px',this.style.setProperty('--img-previewing-url',`url(${this.src})`),this.style.setProperty('--img-previewing-size','100%'),this.style.setProperty('--img-previewing-position','0px,0px'),this.src='https://images.nimbleinitiatives.com/AS3SX_-B59mU1hdDS7B_YfI5Lu9Ut-kLpdaAhraKgy4/w:1/h:1/aHR0cHM6Ly9zdHJpZmUuYi1jZG4ubmV0L3RyYW5zcGFyZW50MXgxLnBuZw.png'}))}render(e,t,s){if(t&&t.source){const e=this.offsetWidth/t.width,s=this.offsetWidth/2-t.source.originalWidth*(t.source.crop.zoom*e)*t.source.crop.focusX,i=this.offsetHeight/2-t.source.originalHeight*(t.source.crop.zoom*e)*t.source.crop.focusY,r=t.source.originalWidth/this.offsetWidth*(t.source.crop.zoom*e);this.style.setProperty('--img-previewing-url',`url(${t.source.originalPreview})`),this.style.setProperty('--img-previewing-size',100*r+'%'),this.style.setProperty('--img-previewing-position',`${s}px ${i}px`)}}disconnectedCallback(){}},{extends:'img'}),customElements.define('strife-blocks-cpnt',class extends HTMLDivElement{constructor(){super(),this.tabIndex=0}connectedCallback(){o(this,(e=>this.textContent=e))}},{extends:'div'});class l extends HTMLElement{constructor(){super(),this.tabIndex=0}async connectedCallback(){o(this,(e=>this.textContent=e))}}customElements.define('str-strong-cpnt',l,{extends:'strong'});class m extends HTMLElement{constructor(){super(),this.tabIndex=0}connectedCallback(){o(this)}}customElements.define('str-template-cpnt',m),customElements.define('str-textarea-cpnt',class extends HTMLDivElement{constructor(){super(),this.tabIndex=0}async connectedCallback(){o(this,(e=>{this.innerHTML=e}))}},{extends:'div'}),document.adoptedStyleSheets=[a];export{i as ACTION,e as CMD,r as default,o as useState};
-//# sourceMappingURL=index.esm.js.map

package/dist/index.esm.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.esm.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}