@strifeapp/strife 0.0.1-preview.15 → 0.0.1-preview.19

package/package.json

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

package/dist/index.esm.js

@@ -1,2 +0,0 @@
-var e=0;function t(e,t){if(!Object.prototype.hasOwnProperty.call(e,t))throw new TypeError("attempted to use private field on non-instance");return e}var s="__private_"+e+++"_port";class n extends BroadcastChannel{constructor(e){super(e),Object.defineProperty(this,s,{writable:!0,value:void 0})}subscribe(e){if(null==e)throw"Parameter can not be null!";window.addEventListener("message",(t=>this.handler(t,e))),this.addEventListener("message",e)}handler(e,n){switch(e.data.cmd){case CMD.HSHK:console.debug("🤝 got handshake from server",e),t(this,s)[s]=e.ports[0],t(this,s)[s].addEventListener("message",n),t(this,s)[s].addEventListener("message",(e=>this.postMessage(e.data))),t(this,s)[s].addEventListener("messageerror",this.error),t(this,s)[s].start(),n(e)}}unsubscribe(){}send(e){t(this,s)[s]?.postMessage(e),this.postMessage(e)}error(e){console.error(e)}}var r=(e,t)=>{var s=new n(e.dataset.propertyName);s.subscribe((({data:s})=>{4===s.cmd&&s.sync.forEach((s=>{s.propertyName===e.dataset.propertyName&&s.currentPath===location.pathname&&t(s.data[e.dataset.propertyName])}))}));var r=e.dataset.editorName??Object.getPrototypeOf(Object.getPrototypeOf(e)).constructor.name.replace(/([A-Z][a-z])/g,"-$1").concat("-Editor").toLowerCase();["click","focus"].forEach((t=>{e.addEventListener(t,(t=>{t.preventDefault(),t.stopPropagation(),s.send({cmd:2,updates:[{lastUserInteraction:(new Date).toJSON(),action:16,origin:location.origin,currentPath:location.pathname,propertyName:e.dataset.propertyName,editorName:r,placeholder:e.ariaPlaceholder}]})}))}))};class a extends HTMLHeadingElement{constructor(){super(),this.tabIndex=0}connectedCallback(){r(this,(e=>this.textContent=e))}}customElements.define("strife-h1-cpnt",a,{extends:"h1"}),customElements.define("strife-h2-cpnt",class extends a{},{extends:"h2"}),customElements.define("strife-h3-cpnt",class extends a{},{extends:"h3"}),customElements.define("strife-h4-cpnt",class extends a{},{extends:"h4"}),customElements.define("strife-h5-cpnt",class extends a{},{extends:"h5"}),customElements.define("strife-h6-cpnt",class extends a{},{extends:"h6"});export default{version:"0.0.1-preview.15"};export{n as subscribableChannel,r as useState};
-//# sourceMappingURL=index.esm.js.map

package/dist/index.esm.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.esm.js","sources":["../cmd.js","../channel.js","../state.js","../action.js","../composition/heading/index.js","../index.js"],"sourcesContent":["const CMD = {\n  HSHK: 1,\n  EU: 2,\n  SYNC: 4,\n};\n\nexport default CMD;\n","export default class SubscribableChannel extends BroadcastChannel {\n  #port;\n\n  constructor(name) {\n    super(name);\n  }\n\n  subscribe(messageHandler) {\n\n    if (messageHandler == null) {\n      throw \"Parameter can not be null!\";\n    }\n\n    window.addEventListener(\"message\", (event) => this.handler(event, messageHandler));\n    this.addEventListener('message', messageHandler);\n  }\n\n  handler(event, messageHandler) {\n\n    const data = event.data;\n\n    switch (data.cmd) {\n      case CMD.HSHK:\n        console.debug('🤝 got handshake from server', event);\n        this.#port = event.ports[0];\n        this.#port.addEventListener('message', messageHandler);\n        this.#port.addEventListener('message', (event) => this.postMessage(event.data));\n        this.#port.addEventListener('messageerror', this.error);\n        this.#port.start();\n\n        messageHandler(event);\n\n        break;\n\n      default:\n        break;\n    }\n  }\n\n  unsubscribe() {}\n\n  send(payload) {\n    this.#port?.postMessage(payload);\n    this.postMessage(payload);\n  }\n\n  error(error) {\n    console.error(error);\n  }\n\n}","import CMD from './cmd.js';\nimport ACTION from './action.js';\nimport SubscribableChannel from './channel.js';\n\nconst useState = (self, handler) => {\n  const defaultHandler = ({ data }) => {\n    if (data.cmd === CMD.SYNC) {\n      data.sync.forEach((update) => {\n        if (update.propertyName === self.dataset.propertyName && update.currentPath === location.pathname) {\n          handler(update.data[self.dataset.propertyName]);\n        }\n      });\n    }\n  };\n\n  const ch = new SubscribableChannel(self.dataset.propertyName);\n  ch.subscribe(defaultHandler);\n\n  const editor = self.dataset.editorName\n    ?? Object.getPrototypeOf(Object.getPrototypeOf(self))\n      .constructor.name.replace(/([A-Z][a-z])/g, '-$1')\n      .concat('-Editor')\n      .toLowerCase();\n\n  ['click', 'focus'].forEach((event) => {\n    self.addEventListener(event, (e) => {\n      e.preventDefault();\n      e.stopPropagation();\n      ch.send({\n        cmd: CMD.EU,\n        updates: [\n          {\n            lastUserInteraction: new Date().toJSON(),\n            action: ACTION.EDIT,\n            origin: location.origin,\n            currentPath: location.pathname,\n            propertyName: self.dataset.propertyName,\n            editorName: editor,\n            placeholder: self.ariaPlaceholder,\n          },\n        ],\n      });\n    });\n  });\n};\n\nexport { useState };\n","const ACTION = {\n  NONE: 8,\n  EDIT: 16,\n};\n\nexport default ACTION;\n","import { useState } from '../../state.js';\n\n/**\n * Client components is responsible for:\n * 1️⃣ Reacting to state changes and if needed, update the live preview.\n * 2️⃣ Send an edit signal to Wieldy with an object that is used as input parameters for the editor. The parameters are not fixed but some are e.g. status, editorName, label and tmpl\n */\n\n class HeadingElement extends HTMLHeadingElement {\n  constructor() {\n    super();\n\n    this.tabIndex = 0;\n  }\n\n  connectedCallback() {\n    useState(this, (state) => (this.textContent = state));\n  }\n}\n\ncustomElements.define('strife-h1-cpnt', HeadingElement, { extends: 'h1' });\ncustomElements.define('strife-h2-cpnt', class extends HeadingElement {}, {\n  extends: 'h2',\n});\ncustomElements.define('strife-h3-cpnt', class extends HeadingElement {}, {\n  extends: 'h3',\n});\ncustomElements.define('strife-h4-cpnt', class extends HeadingElement {}, {\n  extends: 'h4',\n});\ncustomElements.define('strife-h5-cpnt', class extends HeadingElement {}, {\n  extends: 'h5',\n});\ncustomElements.define('strife-h6-cpnt', class extends HeadingElement {}, {\n  extends: 'h6',\n});","import './composition/index.js';\nimport subscribableChannel from './channel.js';\nimport { useState } from './state.js';\n\n// import sheet from './styles.css' assert { type: 'css' };\n\n// document.adoptedStyleSheets = [sheet];\n\nexport default {\n  version:\"0.0.1-preview.15\",\n};\n\nexport {\n  subscribableChannel,\n  useState,\n};\n"],"names":["SubscribableChannel","BroadcastChannel","constructor","name","subscribe","messageHandler","window","addEventListener","event","this","handler","data","cmd","CMD","HSHK","console","debug","ports","postMessage","error","start","unsubscribe","send","payload","useState","self","ch","dataset","propertyName","sync","forEach","update","currentPath","location","pathname","editor","editorName","Object","getPrototypeOf","replace","concat","toLowerCase","e","preventDefault","stopPropagation","updates","lastUserInteraction","Date","toJSON","action","origin","placeholder","ariaPlaceholder","HeadingElement","HTMLHeadingElement","tabIndex","connectedCallback","state","textContent","customElements","define","extends","version"],"mappings":"AAAA,oLCAe,MAAMA,UAA4BC,iBAG/CC,YAAYC,SACJA,4DAGRC,UAAUC,MAEc,MAAlBA,OACI,6BAGRC,OAAOC,iBAAiB,WAAYC,GAAUC,KAAKC,QAAQF,EAAOH,UAC7DE,iBAAiB,UAAWF,GAGnCK,QAAQF,EAAOH,UAEAG,EAAMG,KAENC,UACNC,IAAIC,KACPC,QAAQC,MAAM,+BAAgCR,gBACjCA,EAAMS,MAAM,gBACdV,iBAAiB,UAAWF,gBAC5BE,iBAAiB,WAAYC,GAAUC,KAAKS,YAAYV,EAAMG,qBAC9DJ,iBAAiB,eAAgBE,KAAKU,oBACtCC,QAEXf,EAAeG,IASrBa,eAEAC,KAAKC,iBACSL,YAAYK,QACnBL,YAAYK,GAGnBJ,MAAMA,GACJJ,QAAQI,MAAMA,QC3CZK,EAAW,CAACC,EAAMf,SAWhBgB,EAAK,IAAI1B,EAAoByB,EAAKE,QAAQC,cAChDF,EAAGtB,WAXoB,EAAGO,KAAAA,MFFpB,IEGAA,EAAKC,KACPD,EAAKkB,KAAKC,SAASC,IACbA,EAAOH,eAAiBH,EAAKE,QAAQC,cAAgBG,EAAOC,cAAgBC,SAASC,UACvFxB,EAAQqB,EAAOpB,KAAKc,EAAKE,QAAQC,yBASnCO,EAASV,EAAKE,QAAQS,YACvBC,OAAOC,eAAeD,OAAOC,eAAeb,IAC5CvB,YAAYC,KAAKoC,QAAQ,gBAAiB,OAC1CC,OAAO,WACPC,eAEJ,QAAS,SAASX,SAAStB,IAC1BiB,EAAKlB,iBAAiBC,GAAQkC,IAC5BA,EAAEC,iBACFD,EAAEE,kBACFlB,EAAGJ,KAAK,CACNV,IF3BF,EE4BEiC,QAAS,CACP,CACEC,qBAAqB,IAAIC,MAAOC,SAChCC,OC/BJ,GDgCIC,OAAQjB,SAASiB,OACjBlB,YAAaC,SAASC,SACtBN,aAAcH,EAAKE,QAAQC,aAC3BQ,WAAYD,EACZgB,YAAa1B,EAAK2B,2BE9B7B,MAAMC,UAAuBC,mBAC5BpD,2BAGOqD,SAAW,EAGlBC,oBACEhC,EAASf,MAAOgD,GAAWhD,KAAKiD,YAAcD,KAIlDE,eAAeC,OAAO,iBAAkBP,EAAgB,CAAEQ,QAAS,OACnEF,eAAeC,OAAO,iBAAkB,cAAcP,IAAmB,CACvEQ,QAAS,OAEXF,eAAeC,OAAO,iBAAkB,cAAcP,IAAmB,CACvEQ,QAAS,OAEXF,eAAeC,OAAO,iBAAkB,cAAcP,IAAmB,CACvEQ,QAAS,OAEXF,eAAeC,OAAO,iBAAkB,cAAcP,IAAmB,CACvEQ,QAAS,OAEXF,eAAeC,OAAO,iBAAkB,cAAcP,IAAmB,CACvEQ,QAAS,qBC1BI,CACbC,QAAQ"}