@strifeapp/strife 0.0.1-preview.20 → 0.0.1-preview.21

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@strifeapp/strife",
-  "version": "0.0.1-preview.20",
+  "version": "0.0.1-preview.21",
   "keywords": [],
   "files": [
     "dist"
@@ -9,8 +9,9 @@
   "module": "dist/index.esm.js",
   "unpkg": "dist/index.esm.js",
   "scripts": {
-    "prepublishOnly": "npm --no-git-tag-version version --preid=preview prerelease",
-    "version": "sed -i '' -e \"s|version:.*[^,]|version:$(jq .version package.json)|\" index.js",
     "postversion": "npx klap build"
+  },
+  "devDependencies": {
+    "klap": "7.0.7"
   }
 }

package/dist/index.esm.js

@@ -1,2 +0,0 @@
-var e={HSHK:1,EU:2,SYNC:4,CONNECT:8};class s extends MessageChannel{constructor(){super(),this.broadcastChannel=new BroadcastChannel("app.broadcast"),this.port1.addEventListener("message",(s=>{s.data.cmd===e.CONNECT&&this.onConnected(s)}),{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])}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 t,n=new s,c={NONE:8,EDIT:16},a=new Promise((e=>{t=e})),r=async(s,t)=>(a.then((([n,a])=>{a.subscribe((({data:n})=>{n.cmd===e.SYNC&&n.sync.forEach((e=>{e.propertyName===s.dataset.propertyName&&e.currentPath===window.location.pathname&&t(e.data[s.dataset.propertyName])}))}));var r=s.dataset.editorName??Object.getPrototypeOf(Object.getPrototypeOf(s)).constructor.name.replace(/([A-Z][a-z])/g,"-$1").concat("-Editor").toLowerCase();return["click"].forEach((t=>{s.addEventListener(t,(t=>{t.preventDefault(),t.stopPropagation(),a.send({cmd:e.EU,updates:[{lastUserInteraction:(new Date).toJSON(),action:c.EDIT,origin:window.location.origin,currentPath:window.location.pathname,propertyName:s.dataset.propertyName,editorName:r,placeholder:s.ariaPlaceholder}]})}))})),[n,a]}),(e=>{console.error(e)})),a);class o extends HTMLHeadingElement{constructor(){super(),this.tabIndex=0}connectedCallback(){r(this,(e=>this.textContent=e))}}customElements.define("strife-h1-cpnt",o,{extends:"h1"}),customElements.define("strife-h2-cpnt",class extends o{},{extends:"h2"}),customElements.define("strife-h3-cpnt",class extends o{},{extends:"h3"}),customElements.define("strife-h4-cpnt",class extends o{},{extends:"h4"}),customElements.define("strife-h5-cpnt",class extends o{},{extends:"h5"}),customElements.define("strife-h6-cpnt",class extends o{},{extends:"h6"});export default()=>(n.onConnected=e=>t([e,n]),a);export{c as ACTION,e as CMD,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","../subscribableChannel.js","../strife.js","../action.js","../composition/heading/index.js"],"sourcesContent":["const CMD = {\n  HSHK: 1,\n  EU: 2,\n  SYNC: 4,\n  CONNECT: 8,\n};\n\nexport default CMD;\n","import cmd from './cmd.js';\n\nconst CHANNEL_NAME = 'app.broadcast';\nclass SubscribableChannel extends MessageChannel {\n  constructor() {\n    super();\n    this.broadcastChannel = new BroadcastChannel(CHANNEL_NAME);\n    const handleMessage = (event) => {\n      if (event.data.cmd === cmd.CONNECT) this.onConnected(event);\n    };\n    this.port1.addEventListener('message', handleMessage, { once: true });\n    this.port1.start();\n    console.log(`SENDING MESSAGE FROM SDK IN WINDOW ${window.name}`);\n    window.top.postMessage({ cmd: cmd.HSHK, context: window.name }, '*', [this.port2]);\n  }\n\n  subscribe(messageHandler) {\n    if (messageHandler == null) {\n      throw new Error('Parameter can not be null!');\n    }\n    this.broadcastChannel.addEventListener('message', messageHandler);\n    this.port1.addEventListener('message', messageHandler);\n    this.port1.addEventListener('message', (event) => this.broadcastChannel.postMessage(event.data));\n  }\n\n  send(payload) {\n    this.port1.postMessage(payload);\n    this.broadcastChannel.postMessage(payload);\n  }\n\n  onConnected(event) {\n    return event;\n  }\n}\n\nexport default new SubscribableChannel();\n","import messageChannel from './subscribableChannel.js';\nimport CMD from './cmd.js';\nimport ACTION from './action.js';\n\nlet promiseResolve;\n\nconst promise = new Promise((resolve) => {\n  promiseResolve = resolve;\n});\n\nconst useStrife = () => {\n  messageChannel.onConnected = (e) => promiseResolve([e, messageChannel]);\n  return promise;\n};\n\nconst useState = async (self, handler) => {\n  promise.then(([event, channel]) => {\n    const defaultHandler = ({ data }) => {\n      if (data.cmd === CMD.SYNC) {\n        data.sync.forEach((update) => {\n          if (update.propertyName === self.dataset.propertyName\n            && update.currentPath === window.location.pathname) {\n            handler(update.data[self.dataset.propertyName]);\n          }\n        });\n      }\n    };\n    channel.subscribe(defaultHandler);\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    ['click'].forEach((eventType) => {\n      self.addEventListener(eventType, (ev) => {\n        ev.preventDefault();\n        ev.stopPropagation();\n        channel.send({\n          cmd: CMD.EU,\n          updates: [\n            {\n              lastUserInteraction: new Date().toJSON(),\n              action: ACTION.EDIT,\n              origin: window.location.origin,\n              currentPath: window.location.pathname,\n              propertyName: self.dataset.propertyName,\n              editorName: editor,\n              placeholder: self.ariaPlaceholder,\n            },\n          ],\n        });\n      });\n    });\n    return [event, channel];\n  }, (reason) => {\n    // eslint-disable-next-line no-console\n    console.error(reason);\n  });\n  return promise;\n};\n\nexport default useStrife;\n\nexport {\n  useState,\n};\n","const ACTION = {\n  NONE: 8,\n  EDIT: 16,\n};\n\nexport default ACTION;\n","import { useState } from '../../strife.js';\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});"],"names":["CMD","HSHK","EU","SYNC","CONNECT","SubscribableChannel","MessageChannel","constructor","broadcastChannel","BroadcastChannel","port1","addEventListener","event","data","cmd","this","onConnected","once","start","console","log","window","name","top","postMessage","context","port2","subscribe","messageHandler","Error","send","payload","promiseResolve","ACTION","NONE","EDIT","promise","Promise","resolve","useState","async","self","handler","then","channel","sync","forEach","update","propertyName","dataset","currentPath","location","pathname","editor","editorName","Object","getPrototypeOf","replace","concat","toLowerCase","eventType","ev","preventDefault","stopPropagation","updates","lastUserInteraction","Date","toJSON","action","origin","placeholder","ariaPlaceholder","reason","error","HeadingElement","HTMLHeadingElement","tabIndex","connectedCallback","state","textContent","customElements","define","extends","messageChannel","e"],"mappings":"IAAMA,EAAM,CACVC,KAAM,EACNC,GAAI,EACJC,KAAM,EACNC,QAAS,GCDX,MAAMC,UAA4BC,eAChCC,2BAEOC,iBAAmB,IAAIC,iBAJX,sBAQZC,MAAMC,iBAAiB,WAHLC,IACjBA,EAAMC,KAAKC,MAAQA,EAAIV,SAASW,KAAKC,YAAYJ,KAED,CAAEK,MAAM,SACzDP,MAAMQ,QACXC,QAAQC,IAAK,sCAAqCC,OAAOC,QACzDD,OAAOE,IAAIC,YAAY,CAAEV,IAAKA,EAAIb,KAAMwB,QAASJ,OAAOC,MAAQ,IAAK,CAACP,KAAKW,QAG7EC,UAAUC,MACc,MAAlBA,QACI,IAAIC,MAAM,mCAEbrB,iBAAiBG,iBAAiB,UAAWiB,QAC7ClB,MAAMC,iBAAiB,UAAWiB,QAClClB,MAAMC,iBAAiB,WAAYC,GAAUG,KAAKP,iBAAiBgB,YAAYZ,EAAMC,QAG5FiB,KAAKC,QACErB,MAAMc,YAAYO,QAClBvB,iBAAiBgB,YAAYO,GAGpCf,YAAYJ,UACHA,GAIX,IC/BIoB,ID+BW,IAAI3B,EEnCb4B,EAAS,CACbC,KAAM,EACNC,KAAM,IDIFC,EAAU,IAAIC,SAASC,IAC3BN,EAAiBM,KAQbC,EAAWC,MAAOC,EAAMC,KAC5BN,EAAQO,MAAK,EAAE/B,EAAOgC,MAWpBA,EAAQjB,WAVe,EAAGd,KAAAA,MACpBA,EAAKC,MAAQd,EAAIG,MACnBU,EAAKgC,KAAKC,SAASC,IACbA,EAAOC,eAAiBP,EAAKQ,QAAQD,cACpCD,EAAOG,cAAgB7B,OAAO8B,SAASC,UAC1CV,EAAQK,EAAOlC,KAAK4B,EAAKQ,QAAQD,yBAMnCK,EAASZ,EAAKQ,QAAQK,YACzBC,OAAOC,eAAeD,OAAOC,eAAef,IAC5ClC,YAAYe,KAAKmC,QAAQ,gBAAiB,OAC1CC,OAAO,WACPC,qBACF,SAASb,SAASc,IACjBnB,EAAK9B,iBAAiBiD,GAAYC,IAChCA,EAAGC,iBACHD,EAAGE,kBACHnB,EAAQd,KAAK,CACXhB,IAAKd,EAAIE,GACT8D,QAAS,CACP,CACEC,qBAAqB,IAAIC,MAAOC,SAChCC,OAAQnC,EAAOE,KACfkC,OAAQhD,OAAO8B,SAASkB,OACxBnB,YAAa7B,OAAO8B,SAASC,SAC7BJ,aAAcP,EAAKQ,QAAQD,aAC3BM,WAAYD,EACZiB,YAAa7B,EAAK8B,0BAMrB,CAAC3D,EAAOgC,MACb4B,IAEFrD,QAAQsD,MAAMD,MAETpC,GEnDR,MAAMsC,UAAuBC,mBAC5BpE,2BAGOqE,SAAW,EAGlBC,oBACEtC,EAASxB,MAAO+D,GAAW/D,KAAKgE,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,qBFvBO,KAChBC,EAAenE,YAAeoE,GAAMpD,EAAe,CAACoD,EAAGD,IAChD/C"}