@strifeapp/strife 0.0.6-preview.3 → 0.0.6-preview.4

package/dist/index.esm.js

@@ -1,2 +1,2 @@
-import e from'https://cdn.skypack.dev/showdown';const t=new CSSStyleSheet;t.replaceSync('[is]:defined {\n  position: relative;\n\n  outline-width: 0;\n  outline-style: var(--outline-style, solid);\n  outline-color: var(--outline-color, #027bd2);\n\n  transition: outline-width 50ms ease;\n}\n\n[is]:defined:hover {\n  cursor: pointer;\n}\n[is]:defined:hover,\n[is]:defined:focus,\n[is]:defined:active {\n  outline-width: var(--outline-width, 1px);\n}\n\n[is]:empty:not(img) {\n  outline-width: var(--outline-width, 1px);\n}\n\n[is]:empty:not(img)::before {\n  opacity: 0.5;\n\n  content: attr(data-placeholder);\n  -webkit-text-fill-color:#fff;\n}\n\nimg:not([src^="http"]) {\n  contain: content;\n\n  outline: var(--outline-style, solid) var(--outline-width, 1px) var(--outline-color, #027bd2);\n  /* content-visibility: hidden; */\n}\n\nimg:not([src^="http"])::before {\n  position: absolute;\n\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  width: 100%;\n  height: 100%;\n\n  background: currentColor;\n\n  content: attr(data-placeholder);\n  -webkit-text-fill-color:#fff;\n}');const n={HSHK:1,EU:2,SYNC:4,CONNECT:8};class s extends MessageChannel{constructor(){super(),this.broadcastChannel=new BroadcastChannel('app.broadcast');this.port1.addEventListener('message',(e=>{e.data.cmd===n.CONNECT&&this.onConnected(e)}),{once:!0}),this.port1.start(),console.log(`SENDING MESSAGE FROM SDK IN WINDOW ${window.name}`),window.top.postMessage({cmd:n.HSHK,context:window.name},'*',[this.port2])}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 r=new s;const o={NONE:8,EDIT:16};let a;const c=new Promise((e=>{a=e})),i=()=>(r.onConnected=e=>a([e,r]),c),d=async(e,t)=>(c.then((([s,r])=>{r.subscribe((({data:s})=>{s.cmd===n.SYNC&&s.sync.forEach((n=>{n.propertyName===e.dataset.propertyName&&n.currentPath===window.location.pathname&&t(n.data[e.dataset.propertyName])}))}));const a=e.dataset.editorName??Object.getPrototypeOf(Object.getPrototypeOf(e)).constructor.name.replace(/([A-Z][a-z])/g,'-$1').concat('-Editor').toLowerCase();return['click'].forEach((t=>{e.addEventListener(t,(t=>{t.preventDefault(),t.stopPropagation(),t.currentTarget instanceof HTMLAnchorElement&&t.altKey?window.location.href=t.currentTarget.href:r.send({cmd:n.EU,updates:[{lastUserInteraction:(new Date).toJSON(),action:o.EDIT,origin:window.location.origin,currentPath:window.location.pathname,propertyName:e.dataset.propertyName,editorName:a,placeholder:e.ariaPlaceholder}]})}))})),[s,r]}),(e=>{console.error(e)})),c);class l extends HTMLHeadingElement{constructor(){super(),this.tabIndex=0}connectedCallback(){d(this,(e=>this.textContent=e))}}customElements.define('strife-h1-cpnt',l,{extends:'h1'}),customElements.define('strife-h2-cpnt',class extends l{},{extends:'h2'}),customElements.define('strife-h3-cpnt',class extends l{},{extends:'h3'}),customElements.define('strife-h4-cpnt',class extends l{},{extends:'h4'}),customElements.define('strife-h5-cpnt',class extends l{},{extends:'h5'}),customElements.define('strife-h6-cpnt',class extends l{},{extends:'h6'});class h extends HTMLElement{constructor(){super(),this.tabIndex=0}async connectedCallback(){d(this,(e=>this.textContent=e))}}customElements.define('strife-address-cpnt',h,{extends:'address'});class p extends HTMLAnchorElement{constructor(){super(),this.tabIndex=0}async connectedCallback(){d(this,(e=>this.href=e))}}customElements.define('strife-anchor-cpnt',p,{extends:'a'}),customElements.define('strife-markdown-cpnt',class extends HTMLDivElement{constructor(){super();const t={p:this.querySelector('p')?.classList.value},n=Object.keys(t).map((e=>({type:'output',regex:new RegExp(`<${e}(.*)>`,'g'),replace:`<${e} class="${t[e]}" $1>`})));this.converter=new e.Converter({extensions:[...n]}),this.tabIndex=0}async connectedCallback(){d(this,(e=>{this.innerHTML=this.converter.makeHtml(e)}))}},{extends:'div'}),customElements.define('strife-picture-cpnt',class extends HTMLPictureElement{constructor(){super(),this.image=this.querySelector('img'),this.sources=[...this.querySelectorAll('source, img')],this.tabIndex=0}connectedCallback(){d(this,(e=>{this.sources.forEach((t=>{this.render(t,e)}))}))}render(e,t,n){let s=e.src||e.srcset;s.startsWith('?')&&(s='https://strife.app/placeholder.png'+s);let r=new URL(s);const o=this.getTransformations(r);if(n)for(const[e,t]of n.entries())o.set(e,t);r=new URL(t),r.searchParams.set('tr',[...o].map((e=>e.join('-')))),e instanceof HTMLImageElement?e.src=r.href:e instanceof HTMLSourceElement&&(e.srcset=r.href)}getTransformations(e){return e.searchParams.has('tr')?new Map(e.searchParams.get('tr').split(',').map((e=>[...e.split('-')]))||null):new Map}disconnectedCallback(){}},{extends:'picture'}),customElements.define('strife-img-cpnt',class extends HTMLImageElement{constructor(){super(),this.tabIndex=0}connectedCallback(){d(this,(e=>{this.render(this,e)}))}render(e,t,n){let s=e.src||e.srcset;s.startsWith('?')&&(s='https://strife.app/placeholder.png'+s);let r=new URL(s);const o=this.getTransformations(r);if(n)for(const[e,t]of n.entries())o.set(e,t);r=new URL(t),r.searchParams.set('tr',[...o].map((e=>e.join('-')))),e instanceof HTMLImageElement?e.src=r.href:e instanceof HTMLSourceElement&&(e.srcset=r.href)}getTransformations(e){return e.searchParams.has('tr')?new Map(e.searchParams.get('tr').split(',').map((e=>[...e.split('-')]))||null):new Map}disconnectedCallback(){}},{extends:'img'}),customElements.define('strife-blocks-cpnt',class extends HTMLDivElement{constructor(){super(),this.tabIndex=0}connectedCallback(){d(this,(e=>this.textContent=e))}},{extends:'div'}),window.top!==window.self&&(document.adoptedStyleSheets=[t]);export{o as ACTION,n as CMD,i as default,d as useState};
+import e from'https://cdn.skypack.dev/showdown?min';const t={HSHK:1,EU:2,SYNC:4,CONNECT:8};class s extends MessageChannel{constructor(){super(),this.broadcastChannel=new BroadcastChannel('app.broadcast');this.port1.addEventListener('message',(e=>{e.data.cmd===t.CONNECT&&this.onConnected(e)}),{once:!0}),this.port1.start(),console.log(`SENDING MESSAGE FROM SDK IN WINDOW ${window.name}`),window.top.postMessage({cmd:t.HSHK,context:window.name},'*',[this.port2]),window.addEventListener('beforeunload',(()=>{console.log('unload'),this.send({foo:'bar'})}))}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 n=new s;const a={NONE:8,EDIT:16},r=()=>n,c=(e,s)=>{n.subscribe((({data:n})=>{try{n.cmd===t.SYNC?n.sync.forEach((t=>{t.propertyName===e.dataset.propertyName&&t.currentPath===window.location.pathname&&s(t.data[e.dataset.propertyName])})):n.cmd===t.EU&&n.action===a.FOCUS&&n.updates.forEach((t=>{t.propertyName===e.dataset.propertyName&&t.currentPath===window.location.pathname&&e.scrollIntoView({behavior:'smooth',block:'center'})}))}catch(e){console.error(e)}}));try{const s=e.closest('[is=str-template-cpnt]')||e;['click'].forEach((e=>{s.addEventListener(e,(e=>{e.preventDefault(),e.stopPropagation(),console.log(s),e.currentTarget instanceof HTMLAnchorElement&&e.altKey?window.location.href=e.currentTarget.href:n.send({cmd:t.EU,updates:[{lastUserInteraction:(new Date).toJSON(),action:a.EDIT,origin:window.location.origin,currentPath:window.location.pathname,propertyName:s.dataset.propertyName,attributes:[...s.attributes].filter((e=>e.name.includes('property')||e.name.includes('editor')||e.name.includes('template'))).map((e=>({name:e.name,value:e.value}))),placeholder:s.ariaPlaceholder}]})}))}))}catch(e){if(!(e instanceof TypeError))throw e;console.debug('Editor can not be found')}return n},o=new CSSStyleSheet;o.replaceSync('[is]:not([is=str-template-cpnt] [is]):hover {\n    cursor:pointer;\n    box-shadow: 0px 0px 3px 3px hsl(210, 66%, 52%);\n}');class i extends HTMLHeadingElement{constructor(){super(),this.tabIndex=0}connectedCallback(){c(this,(e=>this.textContent=e))}}customElements.define('str-h1-cpnt',i,{extends:'h1'}),customElements.define('str-h2-cpnt',class extends i{},{extends:'h2'}),customElements.define('str-h3-cpnt',class extends i{},{extends:'h3'}),customElements.define('str-h4-cpnt',class extends i{},{extends:'h4'}),customElements.define('str-h5-cpnt',class extends i{},{extends:'h5'}),customElements.define('str-h6-cpnt',class extends i{},{extends:'h6'});class d extends HTMLElement{constructor(){super(),this.tabIndex=0}async connectedCallback(){c(this,(e=>this.textContent=e))}}customElements.define('str-address-cpnt',d,{extends:'address'});class l extends HTMLAnchorElement{constructor(){super(),this.tabIndex=0}async connectedCallback(){c(this,(e=>this.href=e))}}customElements.define('str-anchor-cpnt',l,{extends:'a'}),customElements.define('str-markdown-cpnt',class extends HTMLDivElement{constructor(){super();const t={p:this.querySelector('p')?.classList.value},s=Object.keys(t).map((e=>({type:'output',regex:new RegExp(`<${e}(.*)>`,'g'),replace:`<${e} class="${t[e]}" $1>`})));this.converter=new e.Converter({extensions:[...s]}),this.tabIndex=0}async connectedCallback(){c(this,(e=>{this.innerHTML=this.converter.makeHtml(e)}))}},{extends:'div'}),customElements.define('str-picture-cpnt',class extends HTMLPictureElement{constructor(){super(),this.image=this.querySelector('img'),this.sources=[...this.querySelectorAll('source, img')],this.tabIndex=0}connectedCallback(){c(this,(e=>{this.sources.forEach((t=>{this.render(t,e)}))}))}render(e,t,s){let n=e.src||e.srcset;n.startsWith('?')&&(n='https://strife.app/placeholder.png'+n);let a=new URL(n);const r=this.getTransformations(a);if(s)for(const[e,t]of s.entries())r.set(e,t);a=new URL(t),a.searchParams.set('tr',[...r].map((e=>e.join('-')))),e instanceof HTMLImageElement?e.src=a.href:e instanceof HTMLSourceElement&&(e.srcset=a.href)}getTransformations(e){return e.searchParams.has('tr')?new Map(e.searchParams.get('tr').split(',').map((e=>[...e.split('-')]))||null):new Map}disconnectedCallback(){}},{extends:'picture'}),customElements.define('str-img-cpnt',class extends HTMLImageElement{constructor(){super(),this.tabIndex=0}connectedCallback(){c(this,(e=>{this.render(this,e)}))}render(e,t,s){let n=e.src||e.srcset;n.startsWith('?')&&(n='https://strife.app/placeholder.png'+n);let a=new URL(n);const r=this.getTransformations(a);if(s)for(const[e,t]of s.entries())r.set(e,t);a=new URL(t),a.searchParams.set('tr',[...r].map((e=>e.join('-')))),e instanceof HTMLImageElement?e.src=a.href:e instanceof HTMLSourceElement&&(e.srcset=a.href)}getTransformations(e){return e.searchParams.has('tr')?new Map(e.searchParams.get('tr').split(',').map((e=>[...e.split('-')]))||null):new Map}disconnectedCallback(){}},{extends:'img'}),customElements.define('strife-blocks-cpnt',class extends HTMLDivElement{constructor(){super(),this.tabIndex=0}connectedCallback(){c(this,(e=>this.textContent=e))}},{extends:'div'});class h extends HTMLElement{constructor(){super(),this.tabIndex=0}async connectedCallback(){c(this,(e=>this.textContent=e))}}customElements.define('str-strong-cpnt',h,{extends:'strong'});class p extends HTMLElement{constructor(){super(),this.tabIndex=0}connectedCallback(){c(this)}}customElements.define('str-template-cpnt',p),document.adoptedStyleSheets=[o];export{a as ACTION,t as CMD,r as default,c as useState};
 //# sourceMappingURL=index.esm.js.map

package/package.json

@@ -1,8 +1,7 @@
 {
   "name": "@strifeapp/strife",
-  "version": "0.0.6-preview.3",
+  "version": "0.0.6-preview.4",
   "keywords": [],
-  "type": "module",
   "files": [
     "dist"
   ],
@@ -10,15 +9,13 @@
   "module": "dist/index.esm.js",
   "unpkg": "dist/index.esm.js",
   "scripts": {
-
+    "prepublishOnly": "npm --no-git-tag-version version --preid=preview",
+    "postversion": "npx rollup -c -i index.js -o dist/index.esm.js"
   },
   "devDependencies": {
-    "rollup": "^2.58.0",
-    "rollup-plugin-import-assert": "^1.1.1",
-    "rollup-plugin-terser": "^7.0.2"
-  },
-  "dependencies": {
-    "acorn-import-assertions": "^1.8.0",
-    "string-to-template-literal": "^2.0.0"
+    "rollup": "^2.64.0",
+    "rollup-plugin-import-assert": "^2.1.0",
+    "rollup-plugin-terser": "^7.0.2",
+    "acorn-import-assertions": "^1.8.0"
   }
 }