@inploi/plugin-collaborate 0.0.3 → 0.0.4

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (8) hide show
  1. package/cdn/index.js +1 -1
  2. package/dist/index.d.mts +1 -1
  3. package/dist/index.d.ts +1 -1
  4. package/dist/index.js +1 -1
  5. package/dist/index.js.map +1 -1
  6. package/dist/index.mjs +1 -1
  7. package/dist/index.mjs.map +1 -1
  8. package/package.json +1 -1
package/cdn/index.js CHANGED
@@ -1,3 +1,3 @@
1
1
  // This is an inploi sdk script. Learn more at https://inploi.com
2
2
 
3
- "use strict";(()=>{var C=Object.defineProperty;var p=Object.getOwnPropertySymbols;var M=Object.prototype.hasOwnProperty,A=Object.prototype.propertyIsEnumerable;var I=(e,t,n)=>t in e?C(e,t,{enumerable:!0,configurable:!0,writable:!0,value:n}):e[t]=n,m=(e,t)=>{for(var n in t||(t={}))M.call(t,n)&&I(e,n,t[n]);if(p)for(var n of p(t))A.call(t,n)&&I(e,n,t[n]);return e};var b=e=>e;var v="isdk_session";var z=new RegExp(`${v}=([^;]+)`);var P=e=>{var r,i,l,a,o,s,u,c;if(((r=e.element)==null?void 0:r.getAttribute("id"))!==null&&!((i=e.id)!=null&&i.length))return e.id=`#${(l=e.element)==null?void 0:l.getAttribute("id")}`,e;if(e.element&&e.element.className.length>0&&!((a=e.classes)!=null&&a.length))return e.classes=`.${e.element.className.split(" ").join(".")}`,e;let t=[e.classes,e.id].filter(Boolean).join("")||((o=e.element)==null?void 0:o.tagName),n=(s=e.element)==null?void 0:s.parentElement;if(n){let E=Array.from(n.children).findIndex(w=>w===e.element);return{element:(u=e.element)==null?void 0:u.parentElement,children:[`${t}:nth-child(${E+1})`,...(c=e.children)!=null?c:[]]}}throw new Error("Unable to uniquely identify selector: not unique enough")},y=(e,t)=>{let n=r=>{var o;let i=P(r),l=[[i.classes,i.id].filter(Boolean).join(""),...(o=i.children)!=null?o:[]].filter(Boolean).join(">"),a=t.querySelectorAll(l);return a.length>1&&a.length<100?n(i):a.length===1?l:null};return n({element:e,children:[]})};var S=e=>{e.preventDefault(),e.stopPropagation()},D=["mousedown","mouseup","blur","input","mouseenter","mouseleave","mouseover","pointerdown","pointerup","pointerenter","pointerleave","pointerover","pointermove","beforeinput","dblclick","focus","focusin","keydown","keypress","touchend","touchmove","touchstart","touchcancel","transitionstart","transitionend"],d=e=>{window.parent.postMessage(m({source:"inploi-collaborate"},e),"*")};var f=e=>e.data.source==="inploi-collaborate";var x="data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzYiIGhlaWdodD0iMzYiIHZpZXdCb3g9IjAgMCAzNiAzNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTcgM0gxOEMyNC4wNzUxIDMgMjkgNy45MjQ4NyAyOSAxNEMyOSAyMC4wNzUxIDI0LjA3NTEgMjUgMTggMjVDMTEuOTI0OSAyNSA3IDIwLjA3NTEgNyAxNFYzWiIgZmlsbD0iIzNFNjNERCIvPgo8ZyBmaWx0ZXI9InVybCgjZmlsdGVyMF9kZF84NV8xMSkiPgo8cGF0aCBkPSJNNiAySDE4QzI0LjYyNzQgMiAzMCA3LjM3MjU4IDMwIDE0QzMwIDIwLjYyNzQgMjQuNjI3NCAyNiAxOCAyNkMxMS4zNzI2IDI2IDYgMjAuNjI3NCA2IDE0VjJaIiBmaWxsPSIjM0U2M0REIiBmaWxsLW9wYWNpdHk9IjAuMDEiIHNoYXBlLXJlbmRlcmluZz0iY3Jpc3BFZGdlcyIvPgo8L2c+CjxwYXRoIGZpbGwtcnVsZT0iZXZlbm9kZCIgY2xpcC1ydWxlPSJldmVub2RkIiBkPSJNMTggNEg4VjE0QzggMTkuNTIyOCAxMi40NzcyIDI0IDE4IDI0QzIzLjUyMjggMjQgMjggMTkuNTIyOCAyOCAxNEMyOCA4LjQ3NzE1IDIzLjUyMjggNCAxOCA0Wk02IDJWMTRDNiAyMC42Mjc0IDExLjM3MjYgMjYgMTggMjZDMjQuNjI3NCAyNiAzMCAyMC42Mjc0IDMwIDE0QzMwIDcuMzcyNTggMjQuNjI3NCAyIDE4IDJINloiIGZpbGw9IndoaXRlIi8+CjxkZWZzPgo8ZmlsdGVyIGlkPSJmaWx0ZXIwX2RkXzg1XzExIiB4PSIwIiB5PSIwIiB3aWR0aD0iMzYiIGhlaWdodD0iMzYiIGZpbHRlclVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgY29sb3ItaW50ZXJwb2xhdGlvbi1maWx0ZXJzPSJzUkdCIj4KPGZlRmxvb2QgZmxvb2Qtb3BhY2l0eT0iMCIgcmVzdWx0PSJCYWNrZ3JvdW5kSW1hZ2VGaXgiLz4KPGZlQ29sb3JNYXRyaXggaW49IlNvdXJjZUFscGhhIiB0eXBlPSJtYXRyaXgiIHZhbHVlcz0iMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMTI3IDAiIHJlc3VsdD0iaGFyZEFscGhhIi8+CjxmZU9mZnNldCBkeT0iNCIvPgo8ZmVHYXVzc2lhbkJsdXIgc3RkRGV2aWF0aW9uPSIzIi8+CjxmZUNvbXBvc2l0ZSBpbjI9ImhhcmRBbHBoYSIgb3BlcmF0b3I9Im91dCIvPgo8ZmVDb2xvck1hdHJpeCB0eXBlPSJtYXRyaXgiIHZhbHVlcz0iMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMC4xIDAiLz4KPGZlQmxlbmQgbW9kZT0ibm9ybWFsIiBpbjI9IkJhY2tncm91bmRJbWFnZUZpeCIgcmVzdWx0PSJlZmZlY3QxX2Ryb3BTaGFkb3dfODVfMTEiLz4KPGZlQ29sb3JNYXRyaXggaW49IlNvdXJjZUFscGhhIiB0eXBlPSJtYXRyaXgiIHZhbHVlcz0iMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMTI3IDAiIHJlc3VsdD0iaGFyZEFscGhhIi8+CjxmZU9mZnNldCBkeT0iMiIvPgo8ZmVHYXVzc2lhbkJsdXIgc3RkRGV2aWF0aW9uPSIyIi8+CjxmZUNvbXBvc2l0ZSBpbjI9ImhhcmRBbHBoYSIgb3BlcmF0b3I9Im91dCIvPgo8ZmVDb2xvck1hdHJpeCB0eXBlPSJtYXRyaXgiIHZhbHVlcz0iMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMC4xIDAiLz4KPGZlQmxlbmQgbW9kZT0ibm9ybWFsIiBpbjI9ImVmZmVjdDFfZHJvcFNoYWRvd184NV8xMSIgcmVzdWx0PSJlZmZlY3QyX2Ryb3BTaGFkb3dfODVfMTEiLz4KPGZlQmxlbmQgbW9kZT0ibm9ybWFsIiBpbj0iU291cmNlR3JhcGhpYyIgaW4yPSJlZmZlY3QyX2Ryb3BTaGFkb3dfODVfMTEiIHJlc3VsdD0ic2hhcGUiLz4KPC9maWx0ZXI+CjwvZGVmcz4KPC9zdmc+Cg==",N=()=>{let e="isdk-collaborate-cursor";if(document.getElementById(e))return;let t=document.createElement("style");t.id=e,t.innerHTML=`* { cursor: url(${x}) 6 2, crosshair !important; }`,document.head.appendChild(t)},g=e=>{let t=e.getBoundingClientRect();return{_brand:"pin",x:e.scrollLeft,y:e.scrollTop,width:t.width,height:t.height}},Z=e=>{let t={};for(let n of e){let r=document.querySelector(n);t[n]=r?g(r):null}return t};function R(e,t){let n;return(...r)=>{clearTimeout(n),n=setTimeout(()=>e(...r),t)}}var j=({logger:e,signal:t})=>{let n=[];d({type:"READY"}),e.info("Collaborate bridge: Ready");let r=R(()=>{d({type:"SELECTOR_RECTS",selectorRects:Z(n)})},50),i=l=>{if(f(l)===!1)return;e.info("Collaborate bridge: received ",l.data);let a=l.data;switch(a.type){case"WATCH_SELECTORS":{n=a.selectors,r();break}case"SETUP_EVENT_HANDLERS":e.info("Collaborate bridge: Setting up event handlers"),N(),window.addEventListener("resize",()=>{r(),d({type:"RESIZE",scrollHeight:document.body.scrollHeight})},{signal:t}),document.body.addEventListener("mousemove",o=>{o.preventDefault(),o.stopPropagation();let s=document.elementsFromPoint(o.clientX,o.clientY)[0];d({type:"HOVER_ELEMENT",rect:s?g(s):null})},{signal:t}),document.body.addEventListener("click",o=>{o.preventDefault(),o.stopPropagation();let s=document.elementsFromPoint(o.clientX,o.clientY)[0];if(!s)return;let u=y(s,document.body);if(!u)return;let c=s.getBoundingClientRect();d({type:"DROP_PIN",pin:{rect:g(s),selector:u,xPercent:(o.clientX-c.x)/c.width,yPercent:(o.clientY-c.y)/c.height}})},{signal:t}),window.addEventListener("scroll",()=>{r(),d({type:"SCROLL",scrollY:window.scrollY,scrollX:window.scrollX})},{signal:t}),D.map(o=>document.addEventListener(o,S,{signal:t})),e.info("Collaborate bridge: Event handlers set up")}};window.addEventListener("message",i,{signal:t}),t==null||t.addEventListener("abort",()=>{e.info("Collaborate bridge: disposing"),window.removeEventListener("message",i)})},h=()=>b(({logger:e})=>({setupBridge:t=>j({logger:e,signal:t==null?void 0:t.signal})}));if(!window.inploi)throw new Error("Please insert the SDK script tag above the plugins.");window.inploi.collaboratePlugin=h;})();
3
+ "use strict";(()=>{var C=Object.defineProperty;var p=Object.getOwnPropertySymbols;var M=Object.prototype.hasOwnProperty,A=Object.prototype.propertyIsEnumerable;var m=(e,t,n)=>t in e?C(e,t,{enumerable:!0,configurable:!0,writable:!0,value:n}):e[t]=n,I=(e,t)=>{for(var n in t||(t={}))M.call(t,n)&&m(e,n,t[n]);if(p)for(var n of p(t))A.call(t,n)&&m(e,n,t[n]);return e};var b=e=>e;var P="isdk_session";var z=new RegExp(`${P}=([^;]+)`);var v=e=>{var r,s,c,a,o,l,i,d;if(((r=e.element)==null?void 0:r.getAttribute("id"))!==null&&!((s=e.id)!=null&&s.length))return e.id=`#${(c=e.element)==null?void 0:c.getAttribute("id")}`,e;if(e.element&&e.element.className.length>0&&!((a=e.classes)!=null&&a.length))return e.classes=`.${e.element.className.split(" ").join(".")}`,e;let t=[e.classes,e.id].filter(Boolean).join("")||((o=e.element)==null?void 0:o.tagName),n=(l=e.element)==null?void 0:l.parentElement;if(n){let E=Array.from(n.children).findIndex(w=>w===e.element);return{element:(i=e.element)==null?void 0:i.parentElement,children:[`${t}:nth-child(${E+1})`,...(d=e.children)!=null?d:[]]}}throw new Error("Unable to uniquely identify selector: not unique enough")},y=(e,t)=>{let n=r=>{var o;let s=v(r),c=[[s.classes,s.id].filter(Boolean).join(""),...(o=s.children)!=null?o:[]].filter(Boolean).join(">"),a=t.querySelectorAll(c);return a.length>1&&a.length<100?n(s):a.length===1?c:null};return n({element:e,children:[]})};var S=e=>{e.preventDefault(),e.stopPropagation()},D=["mousedown","mouseup","blur","input","mouseenter","mouseleave","mouseover","pointerdown","pointerup","pointerenter","pointerleave","pointerover","pointermove","beforeinput","dblclick","focus","focusin","keydown","keypress","touchend","touchmove","touchstart","touchcancel","transitionstart","transitionend"],u=e=>{window.parent.postMessage(I({source:"inploi-collaborate"},e),"*")};var f=e=>e.data.source==="inploi-collaborate";var x="data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzYiIGhlaWdodD0iMzYiIHZpZXdCb3g9IjAgMCAzNiAzNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTcgM0gxOEMyNC4wNzUxIDMgMjkgNy45MjQ4NyAyOSAxNEMyOSAyMC4wNzUxIDI0LjA3NTEgMjUgMTggMjVDMTEuOTI0OSAyNSA3IDIwLjA3NTEgNyAxNFYzWiIgZmlsbD0iIzNFNjNERCIvPgo8ZyBmaWx0ZXI9InVybCgjZmlsdGVyMF9kZF84NV8xMSkiPgo8cGF0aCBkPSJNNiAySDE4QzI0LjYyNzQgMiAzMCA3LjM3MjU4IDMwIDE0QzMwIDIwLjYyNzQgMjQuNjI3NCAyNiAxOCAyNkMxMS4zNzI2IDI2IDYgMjAuNjI3NCA2IDE0VjJaIiBmaWxsPSIjM0U2M0REIiBmaWxsLW9wYWNpdHk9IjAuMDEiIHNoYXBlLXJlbmRlcmluZz0iY3Jpc3BFZGdlcyIvPgo8L2c+CjxwYXRoIGZpbGwtcnVsZT0iZXZlbm9kZCIgY2xpcC1ydWxlPSJldmVub2RkIiBkPSJNMTggNEg4VjE0QzggMTkuNTIyOCAxMi40NzcyIDI0IDE4IDI0QzIzLjUyMjggMjQgMjggMTkuNTIyOCAyOCAxNEMyOCA4LjQ3NzE1IDIzLjUyMjggNCAxOCA0Wk02IDJWMTRDNiAyMC42Mjc0IDExLjM3MjYgMjYgMTggMjZDMjQuNjI3NCAyNiAzMCAyMC42Mjc0IDMwIDE0QzMwIDcuMzcyNTggMjQuNjI3NCAyIDE4IDJINloiIGZpbGw9IndoaXRlIi8+CjxkZWZzPgo8ZmlsdGVyIGlkPSJmaWx0ZXIwX2RkXzg1XzExIiB4PSIwIiB5PSIwIiB3aWR0aD0iMzYiIGhlaWdodD0iMzYiIGZpbHRlclVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgY29sb3ItaW50ZXJwb2xhdGlvbi1maWx0ZXJzPSJzUkdCIj4KPGZlRmxvb2QgZmxvb2Qtb3BhY2l0eT0iMCIgcmVzdWx0PSJCYWNrZ3JvdW5kSW1hZ2VGaXgiLz4KPGZlQ29sb3JNYXRyaXggaW49IlNvdXJjZUFscGhhIiB0eXBlPSJtYXRyaXgiIHZhbHVlcz0iMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMTI3IDAiIHJlc3VsdD0iaGFyZEFscGhhIi8+CjxmZU9mZnNldCBkeT0iNCIvPgo8ZmVHYXVzc2lhbkJsdXIgc3RkRGV2aWF0aW9uPSIzIi8+CjxmZUNvbXBvc2l0ZSBpbjI9ImhhcmRBbHBoYSIgb3BlcmF0b3I9Im91dCIvPgo8ZmVDb2xvck1hdHJpeCB0eXBlPSJtYXRyaXgiIHZhbHVlcz0iMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMC4xIDAiLz4KPGZlQmxlbmQgbW9kZT0ibm9ybWFsIiBpbjI9IkJhY2tncm91bmRJbWFnZUZpeCIgcmVzdWx0PSJlZmZlY3QxX2Ryb3BTaGFkb3dfODVfMTEiLz4KPGZlQ29sb3JNYXRyaXggaW49IlNvdXJjZUFscGhhIiB0eXBlPSJtYXRyaXgiIHZhbHVlcz0iMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMTI3IDAiIHJlc3VsdD0iaGFyZEFscGhhIi8+CjxmZU9mZnNldCBkeT0iMiIvPgo8ZmVHYXVzc2lhbkJsdXIgc3RkRGV2aWF0aW9uPSIyIi8+CjxmZUNvbXBvc2l0ZSBpbjI9ImhhcmRBbHBoYSIgb3BlcmF0b3I9Im91dCIvPgo8ZmVDb2xvck1hdHJpeCB0eXBlPSJtYXRyaXgiIHZhbHVlcz0iMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMC4xIDAiLz4KPGZlQmxlbmQgbW9kZT0ibm9ybWFsIiBpbjI9ImVmZmVjdDFfZHJvcFNoYWRvd184NV8xMSIgcmVzdWx0PSJlZmZlY3QyX2Ryb3BTaGFkb3dfODVfMTEiLz4KPGZlQmxlbmQgbW9kZT0ibm9ybWFsIiBpbj0iU291cmNlR3JhcGhpYyIgaW4yPSJlZmZlY3QyX2Ryb3BTaGFkb3dfODVfMTEiIHJlc3VsdD0ic2hhcGUiLz4KPC9maWx0ZXI+CjwvZGVmcz4KPC9zdmc+Cg==",N=()=>{let e="isdk-collaborate-cursor";if(document.getElementById(e))return;let t=document.createElement("style");t.id=e,t.innerHTML=`* { cursor: url(${x}) 6 2, crosshair !important; }`,document.head.appendChild(t)},g=e=>{let t=e.getBoundingClientRect();return{_brand:"pin",x:window.scrollX+t.x,y:window.scrollY+t.y,width:t.width,height:t.height}},Z=e=>{let t={};for(let n of e){let r=document.querySelector(n);t[n]=r?g(r):null}return t};function j(e,t){let n;return(...r)=>{clearTimeout(n),n=setTimeout(()=>e(...r),t)}}var R=({logger:e,signal:t})=>{let n=[];u({type:"READY"}),e.info("Collaborate bridge: Ready");let r=j(()=>{u({type:"SELECTOR_RECTS",selectorRects:Z(n)})},50),s=c=>{if(f(c)===!1)return;let a=c.data;switch(a.type){case"WATCH_SELECTORS":{n=a.selectors,r();break}case"SETUP_EVENT_HANDLERS":e.info("Collaborate bridge: Setting up event handlers"),N(),window.addEventListener("resize",()=>{r(),u({type:"RESIZE",scrollHeight:document.body.scrollHeight})},{signal:t}),document.body.addEventListener("mousemove",o=>{o.preventDefault(),o.stopPropagation();let l=document.elementsFromPoint(o.clientX,o.clientY)[0],i=l?g(l):null;u({type:"HOVER_ELEMENT",element:i?{rect:i,xPercent:(o.clientX-i.x)/i.width,yPercent:(o.clientY-i.y)/i.height}:null})},{signal:t}),document.body.addEventListener("click",o=>{o.preventDefault(),o.stopPropagation();let l=document.elementsFromPoint(o.clientX,o.clientY)[0];if(!l)return;let i=y(l,document.body);if(!i)return;let d=l.getBoundingClientRect();u({type:"DROP_PIN",pin:{rect:g(l),selector:i,xPercent:(o.clientX-d.x)/d.width,yPercent:(o.clientY-d.y)/d.height}})},{signal:t}),window.addEventListener("scroll",()=>{r(),u({type:"SCROLL",scrollY:window.scrollY,scrollX:window.scrollX})},{signal:t}),D.map(o=>document.addEventListener(o,S,{signal:t})),e.info("Collaborate bridge: Event handlers set up")}};window.addEventListener("message",s,{signal:t}),t==null||t.addEventListener("abort",()=>{e.info("Collaborate bridge: disposing"),window.removeEventListener("message",s)})},h=()=>b(({logger:e})=>({setupBridge:t=>R({logger:e,signal:t==null?void 0:t.signal})}));if(!window.inploi)throw new Error("Please insert the SDK script tag above the plugins.");window.inploi.collaboratePlugin=h;})();
package/dist/index.d.mts CHANGED
@@ -18,7 +18,7 @@ type CollaborateOutboundEvent = {
18
18
  scrollX: number;
19
19
  } | {
20
20
  type: 'HOVER_ELEMENT';
21
- rect: PinRect | null;
21
+ element: Pick<DroppedPin, 'rect' | 'xPercent' | 'yPercent'> | null;
22
22
  } | {
23
23
  type: 'DROP_PIN';
24
24
  pin: DroppedPin;
package/dist/index.d.ts CHANGED
@@ -18,7 +18,7 @@ type CollaborateOutboundEvent = {
18
18
  scrollX: number;
19
19
  } | {
20
20
  type: 'HOVER_ELEMENT';
21
- rect: PinRect | null;
21
+ element: Pick<DroppedPin, 'rect' | 'xPercent' | 'yPercent'> | null;
22
22
  } | {
23
23
  type: 'DROP_PIN';
24
24
  pin: DroppedPin;
package/dist/index.js CHANGED
@@ -1,2 +1,2 @@
1
- "use strict";var g=Object.defineProperty;var h=Object.getOwnPropertyDescriptor;var S=Object.getOwnPropertyNames,m=Object.getOwnPropertySymbols;var M=Object.prototype.hasOwnProperty,Z=Object.prototype.propertyIsEnumerable;var p=(e,t,n)=>t in e?g(e,t,{enumerable:!0,configurable:!0,writable:!0,value:n}):e[t]=n,u=(e,t)=>{for(var n in t||(t={}))M.call(t,n)&&p(e,n,t[n]);if(m)for(var n of m(t))Z.call(t,n)&&p(e,n,t[n]);return e};var P=(e,t)=>{for(var n in t)g(e,n,{get:t[n],enumerable:!0})},N=(e,t,n,l)=>{if(t&&typeof t=="object"||typeof t=="function")for(let r of S(t))!M.call(e,r)&&r!==n&&g(e,r,{get:()=>t[r],enumerable:!(l=h(t,r))||l.enumerable});return e};var w=e=>N(g({},"__esModule",{value:!0}),e);var W={};P(W,{PIN_CURSOR_BASE64:()=>y,collaboratePlugin:()=>Y,createInboundEventSender:()=>j,isCollaborateOutboundEvent:()=>T});module.exports=w(W);var C=require("@inploi/sdk");var R=e=>{var l,r,c,s,o,i,a,I;if(((l=e.element)==null?void 0:l.getAttribute("id"))!==null&&!((r=e.id)!=null&&r.length))return e.id=`#${(c=e.element)==null?void 0:c.getAttribute("id")}`,e;if(e.element&&e.element.className.length>0&&!((s=e.classes)!=null&&s.length))return e.classes=`.${e.element.className.split(" ").join(".")}`,e;let t=[e.classes,e.id].filter(Boolean).join("")||((o=e.element)==null?void 0:o.tagName),n=(i=e.element)==null?void 0:i.parentElement;if(n){let A=Array.from(n.children).findIndex(D=>D===e.element);return{element:(a=e.element)==null?void 0:a.parentElement,children:[`${t}:nth-child(${A+1})`,...(I=e.children)!=null?I:[]]}}throw new Error("Unable to uniquely identify selector: not unique enough")},E=(e,t)=>{let n=l=>{var o;let r=R(l),c=[[r.classes,r.id].filter(Boolean).join(""),...(o=r.children)!=null?o:[]].filter(Boolean).join(">"),s=t.querySelectorAll(c);return s.length>1&&s.length<100?n(r):s.length===1?c:null};return n({element:e,children:[]})};var v=e=>{e.preventDefault(),e.stopPropagation()},x=["mousedown","mouseup","blur","input","mouseenter","mouseleave","mouseover","pointerdown","pointerup","pointerenter","pointerleave","pointerover","pointermove","beforeinput","dblclick","focus","focusin","keydown","keypress","touchend","touchmove","touchstart","touchcancel","transitionstart","transitionend"],d=e=>{window.parent.postMessage(u({source:"inploi-collaborate"},e),"*")},j=e=>({sendInboundEvent:t=>{var n;return(n=e.source)==null?void 0:n.postMessage(u({source:"inploi-collaborate"},t),{targetOrigin:e.origin})}}),z=e=>e.data.source==="inploi-collaborate",T=e=>e.data.source==="inploi-collaborate",y="data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzYiIGhlaWdodD0iMzYiIHZpZXdCb3g9IjAgMCAzNiAzNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTcgM0gxOEMyNC4wNzUxIDMgMjkgNy45MjQ4NyAyOSAxNEMyOSAyMC4wNzUxIDI0LjA3NTEgMjUgMTggMjVDMTEuOTI0OSAyNSA3IDIwLjA3NTEgNyAxNFYzWiIgZmlsbD0iIzNFNjNERCIvPgo8ZyBmaWx0ZXI9InVybCgjZmlsdGVyMF9kZF84NV8xMSkiPgo8cGF0aCBkPSJNNiAySDE4QzI0LjYyNzQgMiAzMCA3LjM3MjU4IDMwIDE0QzMwIDIwLjYyNzQgMjQuNjI3NCAyNiAxOCAyNkMxMS4zNzI2IDI2IDYgMjAuNjI3NCA2IDE0VjJaIiBmaWxsPSIjM0U2M0REIiBmaWxsLW9wYWNpdHk9IjAuMDEiIHNoYXBlLXJlbmRlcmluZz0iY3Jpc3BFZGdlcyIvPgo8L2c+CjxwYXRoIGZpbGwtcnVsZT0iZXZlbm9kZCIgY2xpcC1ydWxlPSJldmVub2RkIiBkPSJNMTggNEg4VjE0QzggMTkuNTIyOCAxMi40NzcyIDI0IDE4IDI0QzIzLjUyMjggMjQgMjggMTkuNTIyOCAyOCAxNEMyOCA4LjQ3NzE1IDIzLjUyMjggNCAxOCA0Wk02IDJWMTRDNiAyMC42Mjc0IDExLjM3MjYgMjYgMTggMjZDMjQuNjI3NCAyNiAzMCAyMC42Mjc0IDMwIDE0QzMwIDcuMzcyNTggMjQuNjI3NCAyIDE4IDJINloiIGZpbGw9IndoaXRlIi8+CjxkZWZzPgo8ZmlsdGVyIGlkPSJmaWx0ZXIwX2RkXzg1XzExIiB4PSIwIiB5PSIwIiB3aWR0aD0iMzYiIGhlaWdodD0iMzYiIGZpbHRlclVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgY29sb3ItaW50ZXJwb2xhdGlvbi1maWx0ZXJzPSJzUkdCIj4KPGZlRmxvb2QgZmxvb2Qtb3BhY2l0eT0iMCIgcmVzdWx0PSJCYWNrZ3JvdW5kSW1hZ2VGaXgiLz4KPGZlQ29sb3JNYXRyaXggaW49IlNvdXJjZUFscGhhIiB0eXBlPSJtYXRyaXgiIHZhbHVlcz0iMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMTI3IDAiIHJlc3VsdD0iaGFyZEFscGhhIi8+CjxmZU9mZnNldCBkeT0iNCIvPgo8ZmVHYXVzc2lhbkJsdXIgc3RkRGV2aWF0aW9uPSIzIi8+CjxmZUNvbXBvc2l0ZSBpbjI9ImhhcmRBbHBoYSIgb3BlcmF0b3I9Im91dCIvPgo8ZmVDb2xvck1hdHJpeCB0eXBlPSJtYXRyaXgiIHZhbHVlcz0iMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMC4xIDAiLz4KPGZlQmxlbmQgbW9kZT0ibm9ybWFsIiBpbjI9IkJhY2tncm91bmRJbWFnZUZpeCIgcmVzdWx0PSJlZmZlY3QxX2Ryb3BTaGFkb3dfODVfMTEiLz4KPGZlQ29sb3JNYXRyaXggaW49IlNvdXJjZUFscGhhIiB0eXBlPSJtYXRyaXgiIHZhbHVlcz0iMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMTI3IDAiIHJlc3VsdD0iaGFyZEFscGhhIi8+CjxmZU9mZnNldCBkeT0iMiIvPgo8ZmVHYXVzc2lhbkJsdXIgc3RkRGV2aWF0aW9uPSIyIi8+CjxmZUNvbXBvc2l0ZSBpbjI9ImhhcmRBbHBoYSIgb3BlcmF0b3I9Im91dCIvPgo8ZmVDb2xvck1hdHJpeCB0eXBlPSJtYXRyaXgiIHZhbHVlcz0iMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMC4xIDAiLz4KPGZlQmxlbmQgbW9kZT0ibm9ybWFsIiBpbjI9ImVmZmVjdDFfZHJvcFNoYWRvd184NV8xMSIgcmVzdWx0PSJlZmZlY3QyX2Ryb3BTaGFkb3dfODVfMTEiLz4KPGZlQmxlbmQgbW9kZT0ibm9ybWFsIiBpbj0iU291cmNlR3JhcGhpYyIgaW4yPSJlZmZlY3QyX2Ryb3BTaGFkb3dfODVfMTEiIHJlc3VsdD0ic2hhcGUiLz4KPC9maWx0ZXI+CjwvZGVmcz4KPC9zdmc+Cg==",B=()=>{let e="isdk-collaborate-cursor";if(document.getElementById(e))return;let t=document.createElement("style");t.id=e,t.innerHTML=`* { cursor: url(${y}) 6 2, crosshair !important; }`,document.head.appendChild(t)},b=e=>{let t=e.getBoundingClientRect();return{_brand:"pin",x:e.scrollLeft,y:e.scrollTop,width:t.width,height:t.height}},X=e=>{let t={};for(let n of e){let l=document.querySelector(n);t[n]=l?b(l):null}return t};function L(e,t){let n;return(...l)=>{clearTimeout(n),n=setTimeout(()=>e(...l),t)}}var V=({logger:e,signal:t})=>{let n=[];d({type:"READY"}),e.info("Collaborate bridge: Ready");let l=L(()=>{d({type:"SELECTOR_RECTS",selectorRects:X(n)})},50),r=c=>{if(z(c)===!1)return;e.info("Collaborate bridge: received ",c.data);let s=c.data;switch(s.type){case"WATCH_SELECTORS":{n=s.selectors,l();break}case"SETUP_EVENT_HANDLERS":e.info("Collaborate bridge: Setting up event handlers"),B(),window.addEventListener("resize",()=>{l(),d({type:"RESIZE",scrollHeight:document.body.scrollHeight})},{signal:t}),document.body.addEventListener("mousemove",o=>{o.preventDefault(),o.stopPropagation();let i=document.elementsFromPoint(o.clientX,o.clientY)[0];d({type:"HOVER_ELEMENT",rect:i?b(i):null})},{signal:t}),document.body.addEventListener("click",o=>{o.preventDefault(),o.stopPropagation();let i=document.elementsFromPoint(o.clientX,o.clientY)[0];if(!i)return;let a=E(i,document.body);if(!a)return;let I=i.getBoundingClientRect();d({type:"DROP_PIN",pin:{rect:b(i),selector:a,xPercent:(o.clientX-I.x)/I.width,yPercent:(o.clientY-I.y)/I.height}})},{signal:t}),window.addEventListener("scroll",()=>{l(),d({type:"SCROLL",scrollY:window.scrollY,scrollX:window.scrollX})},{signal:t}),x.map(o=>document.addEventListener(o,v,{signal:t})),e.info("Collaborate bridge: Event handlers set up")}};window.addEventListener("message",r,{signal:t}),t==null||t.addEventListener("abort",()=>{e.info("Collaborate bridge: disposing"),window.removeEventListener("message",r)})},Y=()=>(0,C.createPlugin)(({logger:e})=>({setupBridge:t=>V({logger:e,signal:t==null?void 0:t.signal})}));0&&(module.exports={PIN_CURSOR_BASE64,collaboratePlugin,createInboundEventSender,isCollaborateOutboundEvent});
1
+ "use strict";var a=Object.defineProperty;var D=Object.getOwnPropertyDescriptor;var P=Object.getOwnPropertyNames,m=Object.getOwnPropertySymbols;var M=Object.prototype.hasOwnProperty,S=Object.prototype.propertyIsEnumerable;var p=(e,t,n)=>t in e?a(e,t,{enumerable:!0,configurable:!0,writable:!0,value:n}):e[t]=n,u=(e,t)=>{for(var n in t||(t={}))M.call(t,n)&&p(e,n,t[n]);if(m)for(var n of m(t))S.call(t,n)&&p(e,n,t[n]);return e};var Z=(e,t)=>{for(var n in t)a(e,n,{get:t[n],enumerable:!0})},w=(e,t,n,l)=>{if(t&&typeof t=="object"||typeof t=="function")for(let i of P(t))!M.call(e,i)&&i!==n&&a(e,i,{get:()=>t[i],enumerable:!(l=D(t,i))||l.enumerable});return e};var N=e=>w(a({},"__esModule",{value:!0}),e);var W={};Z(W,{PIN_CURSOR_BASE64:()=>A,collaboratePlugin:()=>V,createInboundEventSender:()=>j,isCollaborateOutboundEvent:()=>T});module.exports=N(W);var E=require("@inploi/sdk");var R=e=>{var l,i,I,s,o,c,r,d;if(((l=e.element)==null?void 0:l.getAttribute("id"))!==null&&!((i=e.id)!=null&&i.length))return e.id=`#${(I=e.element)==null?void 0:I.getAttribute("id")}`,e;if(e.element&&e.element.className.length>0&&!((s=e.classes)!=null&&s.length))return e.classes=`.${e.element.className.split(" ").join(".")}`,e;let t=[e.classes,e.id].filter(Boolean).join("")||((o=e.element)==null?void 0:o.tagName),n=(c=e.element)==null?void 0:c.parentElement;if(n){let C=Array.from(n.children).findIndex(h=>h===e.element);return{element:(r=e.element)==null?void 0:r.parentElement,children:[`${t}:nth-child(${C+1})`,...(d=e.children)!=null?d:[]]}}throw new Error("Unable to uniquely identify selector: not unique enough")},y=(e,t)=>{let n=l=>{var o;let i=R(l),I=[[i.classes,i.id].filter(Boolean).join(""),...(o=i.children)!=null?o:[]].filter(Boolean).join(">"),s=t.querySelectorAll(I);return s.length>1&&s.length<100?n(i):s.length===1?I:null};return n({element:e,children:[]})};var x=e=>{e.preventDefault(),e.stopPropagation()},v=["mousedown","mouseup","blur","input","mouseenter","mouseleave","mouseover","pointerdown","pointerup","pointerenter","pointerleave","pointerover","pointermove","beforeinput","dblclick","focus","focusin","keydown","keypress","touchend","touchmove","touchstart","touchcancel","transitionstart","transitionend"],g=e=>{window.parent.postMessage(u({source:"inploi-collaborate"},e),"*")},j=e=>({sendInboundEvent:t=>{var n;return(n=e.source)==null?void 0:n.postMessage(u({source:"inploi-collaborate"},t),{targetOrigin:e.origin})}}),z=e=>e.data.source==="inploi-collaborate",T=e=>e.data.source==="inploi-collaborate",A="data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzYiIGhlaWdodD0iMzYiIHZpZXdCb3g9IjAgMCAzNiAzNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTcgM0gxOEMyNC4wNzUxIDMgMjkgNy45MjQ4NyAyOSAxNEMyOSAyMC4wNzUxIDI0LjA3NTEgMjUgMTggMjVDMTEuOTI0OSAyNSA3IDIwLjA3NTEgNyAxNFYzWiIgZmlsbD0iIzNFNjNERCIvPgo8ZyBmaWx0ZXI9InVybCgjZmlsdGVyMF9kZF84NV8xMSkiPgo8cGF0aCBkPSJNNiAySDE4QzI0LjYyNzQgMiAzMCA3LjM3MjU4IDMwIDE0QzMwIDIwLjYyNzQgMjQuNjI3NCAyNiAxOCAyNkMxMS4zNzI2IDI2IDYgMjAuNjI3NCA2IDE0VjJaIiBmaWxsPSIjM0U2M0REIiBmaWxsLW9wYWNpdHk9IjAuMDEiIHNoYXBlLXJlbmRlcmluZz0iY3Jpc3BFZGdlcyIvPgo8L2c+CjxwYXRoIGZpbGwtcnVsZT0iZXZlbm9kZCIgY2xpcC1ydWxlPSJldmVub2RkIiBkPSJNMTggNEg4VjE0QzggMTkuNTIyOCAxMi40NzcyIDI0IDE4IDI0QzIzLjUyMjggMjQgMjggMTkuNTIyOCAyOCAxNEMyOCA4LjQ3NzE1IDIzLjUyMjggNCAxOCA0Wk02IDJWMTRDNiAyMC42Mjc0IDExLjM3MjYgMjYgMTggMjZDMjQuNjI3NCAyNiAzMCAyMC42Mjc0IDMwIDE0QzMwIDcuMzcyNTggMjQuNjI3NCAyIDE4IDJINloiIGZpbGw9IndoaXRlIi8+CjxkZWZzPgo8ZmlsdGVyIGlkPSJmaWx0ZXIwX2RkXzg1XzExIiB4PSIwIiB5PSIwIiB3aWR0aD0iMzYiIGhlaWdodD0iMzYiIGZpbHRlclVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgY29sb3ItaW50ZXJwb2xhdGlvbi1maWx0ZXJzPSJzUkdCIj4KPGZlRmxvb2QgZmxvb2Qtb3BhY2l0eT0iMCIgcmVzdWx0PSJCYWNrZ3JvdW5kSW1hZ2VGaXgiLz4KPGZlQ29sb3JNYXRyaXggaW49IlNvdXJjZUFscGhhIiB0eXBlPSJtYXRyaXgiIHZhbHVlcz0iMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMTI3IDAiIHJlc3VsdD0iaGFyZEFscGhhIi8+CjxmZU9mZnNldCBkeT0iNCIvPgo8ZmVHYXVzc2lhbkJsdXIgc3RkRGV2aWF0aW9uPSIzIi8+CjxmZUNvbXBvc2l0ZSBpbjI9ImhhcmRBbHBoYSIgb3BlcmF0b3I9Im91dCIvPgo8ZmVDb2xvck1hdHJpeCB0eXBlPSJtYXRyaXgiIHZhbHVlcz0iMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMC4xIDAiLz4KPGZlQmxlbmQgbW9kZT0ibm9ybWFsIiBpbjI9IkJhY2tncm91bmRJbWFnZUZpeCIgcmVzdWx0PSJlZmZlY3QxX2Ryb3BTaGFkb3dfODVfMTEiLz4KPGZlQ29sb3JNYXRyaXggaW49IlNvdXJjZUFscGhhIiB0eXBlPSJtYXRyaXgiIHZhbHVlcz0iMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMTI3IDAiIHJlc3VsdD0iaGFyZEFscGhhIi8+CjxmZU9mZnNldCBkeT0iMiIvPgo8ZmVHYXVzc2lhbkJsdXIgc3RkRGV2aWF0aW9uPSIyIi8+CjxmZUNvbXBvc2l0ZSBpbjI9ImhhcmRBbHBoYSIgb3BlcmF0b3I9Im91dCIvPgo8ZmVDb2xvck1hdHJpeCB0eXBlPSJtYXRyaXgiIHZhbHVlcz0iMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMC4xIDAiLz4KPGZlQmxlbmQgbW9kZT0ibm9ybWFsIiBpbjI9ImVmZmVjdDFfZHJvcFNoYWRvd184NV8xMSIgcmVzdWx0PSJlZmZlY3QyX2Ryb3BTaGFkb3dfODVfMTEiLz4KPGZlQmxlbmQgbW9kZT0ibm9ybWFsIiBpbj0iU291cmNlR3JhcGhpYyIgaW4yPSJlZmZlY3QyX2Ryb3BTaGFkb3dfODVfMTEiIHJlc3VsdD0ic2hhcGUiLz4KPC9maWx0ZXI+CjwvZGVmcz4KPC9zdmc+Cg==",X=()=>{let e="isdk-collaborate-cursor";if(document.getElementById(e))return;let t=document.createElement("style");t.id=e,t.innerHTML=`* { cursor: url(${A}) 6 2, crosshair !important; }`,document.head.appendChild(t)},b=e=>{let t=e.getBoundingClientRect();return{_brand:"pin",x:window.scrollX+t.x,y:window.scrollY+t.y,width:t.width,height:t.height}},B=e=>{let t={};for(let n of e){let l=document.querySelector(n);t[n]=l?b(l):null}return t};function Y(e,t){let n;return(...l)=>{clearTimeout(n),n=setTimeout(()=>e(...l),t)}}var L=({logger:e,signal:t})=>{let n=[];g({type:"READY"}),e.info("Collaborate bridge: Ready");let l=Y(()=>{g({type:"SELECTOR_RECTS",selectorRects:B(n)})},50),i=I=>{if(z(I)===!1)return;let s=I.data;switch(s.type){case"WATCH_SELECTORS":{n=s.selectors,l();break}case"SETUP_EVENT_HANDLERS":e.info("Collaborate bridge: Setting up event handlers"),X(),window.addEventListener("resize",()=>{l(),g({type:"RESIZE",scrollHeight:document.body.scrollHeight})},{signal:t}),document.body.addEventListener("mousemove",o=>{o.preventDefault(),o.stopPropagation();let c=document.elementsFromPoint(o.clientX,o.clientY)[0],r=c?b(c):null;g({type:"HOVER_ELEMENT",element:r?{rect:r,xPercent:(o.clientX-r.x)/r.width,yPercent:(o.clientY-r.y)/r.height}:null})},{signal:t}),document.body.addEventListener("click",o=>{o.preventDefault(),o.stopPropagation();let c=document.elementsFromPoint(o.clientX,o.clientY)[0];if(!c)return;let r=y(c,document.body);if(!r)return;let d=c.getBoundingClientRect();g({type:"DROP_PIN",pin:{rect:b(c),selector:r,xPercent:(o.clientX-d.x)/d.width,yPercent:(o.clientY-d.y)/d.height}})},{signal:t}),window.addEventListener("scroll",()=>{l(),g({type:"SCROLL",scrollY:window.scrollY,scrollX:window.scrollX})},{signal:t}),v.map(o=>document.addEventListener(o,x,{signal:t})),e.info("Collaborate bridge: Event handlers set up")}};window.addEventListener("message",i,{signal:t}),t==null||t.addEventListener("abort",()=>{e.info("Collaborate bridge: disposing"),window.removeEventListener("message",i)})},V=()=>(0,E.createPlugin)(({logger:e})=>({setupBridge:t=>L({logger:e,signal:t==null?void 0:t.signal})}));0&&(module.exports={PIN_CURSOR_BASE64,collaboratePlugin,createInboundEventSender,isCollaborateOutboundEvent});
2
2
  //# sourceMappingURL=index.js.map
package/dist/index.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"sources":["../src/index.ts","../src/collaborate.ts","../src/collaborate.selector.ts"],"sourcesContent":["export * from './collaborate';\n","import { Logger, createPlugin } from '@inploi/sdk';\n\nimport { getElementUniqueSelector } from './collaborate.selector';\n\nconst preventIt = (e: Event) => {\n\te.preventDefault();\n\te.stopPropagation();\n};\n\nconst eventsToPrevent: (keyof HTMLElementEventMap)[] = [\n\t'mousedown',\n\t'mouseup',\n\t'blur',\n\t'input',\n\t'mouseenter',\n\t'mouseleave',\n\t'mouseover',\n\t'pointerdown',\n\t'pointerup',\n\t'pointerenter',\n\t'pointerleave',\n\t'pointerover',\n\t'pointermove',\n\t'beforeinput',\n\t'dblclick',\n\t'focus',\n\t'focusin',\n\t'keydown',\n\t'keypress',\n\t'touchend',\n\t'touchmove',\n\t'touchstart',\n\t'touchcancel',\n\t'transitionstart',\n\t'transitionend',\n];\n\nexport type CollaborateInboundEvent =\n\t| {\n\t\t\ttype: 'SETUP_EVENT_HANDLERS';\n\t }\n\t| { type: 'WATCH_SELECTORS'; selectors: string[] };\n\nexport type CollaborateOutboundEvent =\n\t| { type: 'READY' }\n\t| {\n\t\t\ttype: 'RESIZE';\n\t\t\tscrollHeight: number;\n\t }\n\t| { type: 'SCROLL'; scrollY: number; scrollX: number }\n\t| {\n\t\t\ttype: 'HOVER_ELEMENT';\n\t\t\trect: PinRect | null;\n\t }\n\t| {\n\t\t\ttype: 'DROP_PIN';\n\t\t\tpin: DroppedPin;\n\t }\n\t| {\n\t\t\ttype: 'SELECTOR_RECTS';\n\t\t\tselectorRects: SelectorRects;\n\t };\n\nexport type DroppedPin = { selector: string; xPercent: number; yPercent: number; rect: PinRect };\n\nconst sendOutboundEvent = (data: CollaborateOutboundEvent) => {\n\twindow.parent.postMessage({ source: 'inploi-collaborate', ...data }, '*');\n};\n\nexport const createInboundEventSender = (e: MessageEvent) => {\n\treturn {\n\t\tsendInboundEvent: (data: CollaborateInboundEvent) =>\n\t\t\te.source?.postMessage({ source: 'inploi-collaborate', ...data }, { targetOrigin: e.origin }),\n\t};\n};\n\nconst isCollaborateInboundEvent = (event: MessageEvent): event is MessageEvent<CollaborateInboundEvent> => {\n\treturn event.data.source === 'inploi-collaborate';\n};\n\nexport const isCollaborateOutboundEvent = (event: MessageEvent): event is MessageEvent<CollaborateOutboundEvent> => {\n\treturn event.data.source === 'inploi-collaborate';\n};\n\nexport const PIN_CURSOR_BASE64 =\n\t'data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzYiIGhlaWdodD0iMzYiIHZpZXdCb3g9IjAgMCAzNiAzNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTcgM0gxOEMyNC4wNzUxIDMgMjkgNy45MjQ4NyAyOSAxNEMyOSAyMC4wNzUxIDI0LjA3NTEgMjUgMTggMjVDMTEuOTI0OSAyNSA3IDIwLjA3NTEgNyAxNFYzWiIgZmlsbD0iIzNFNjNERCIvPgo8ZyBmaWx0ZXI9InVybCgjZmlsdGVyMF9kZF84NV8xMSkiPgo8cGF0aCBkPSJNNiAySDE4QzI0LjYyNzQgMiAzMCA3LjM3MjU4IDMwIDE0QzMwIDIwLjYyNzQgMjQuNjI3NCAyNiAxOCAyNkMxMS4zNzI2IDI2IDYgMjAuNjI3NCA2IDE0VjJaIiBmaWxsPSIjM0U2M0REIiBmaWxsLW9wYWNpdHk9IjAuMDEiIHNoYXBlLXJlbmRlcmluZz0iY3Jpc3BFZGdlcyIvPgo8L2c+CjxwYXRoIGZpbGwtcnVsZT0iZXZlbm9kZCIgY2xpcC1ydWxlPSJldmVub2RkIiBkPSJNMTggNEg4VjE0QzggMTkuNTIyOCAxMi40NzcyIDI0IDE4IDI0QzIzLjUyMjggMjQgMjggMTkuNTIyOCAyOCAxNEMyOCA4LjQ3NzE1IDIzLjUyMjggNCAxOCA0Wk02IDJWMTRDNiAyMC42Mjc0IDExLjM3MjYgMjYgMTggMjZDMjQuNjI3NCAyNiAzMCAyMC42Mjc0IDMwIDE0QzMwIDcuMzcyNTggMjQuNjI3NCAyIDE4IDJINloiIGZpbGw9IndoaXRlIi8+CjxkZWZzPgo8ZmlsdGVyIGlkPSJmaWx0ZXIwX2RkXzg1XzExIiB4PSIwIiB5PSIwIiB3aWR0aD0iMzYiIGhlaWdodD0iMzYiIGZpbHRlclVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgY29sb3ItaW50ZXJwb2xhdGlvbi1maWx0ZXJzPSJzUkdCIj4KPGZlRmxvb2QgZmxvb2Qtb3BhY2l0eT0iMCIgcmVzdWx0PSJCYWNrZ3JvdW5kSW1hZ2VGaXgiLz4KPGZlQ29sb3JNYXRyaXggaW49IlNvdXJjZUFscGhhIiB0eXBlPSJtYXRyaXgiIHZhbHVlcz0iMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMTI3IDAiIHJlc3VsdD0iaGFyZEFscGhhIi8+CjxmZU9mZnNldCBkeT0iNCIvPgo8ZmVHYXVzc2lhbkJsdXIgc3RkRGV2aWF0aW9uPSIzIi8+CjxmZUNvbXBvc2l0ZSBpbjI9ImhhcmRBbHBoYSIgb3BlcmF0b3I9Im91dCIvPgo8ZmVDb2xvck1hdHJpeCB0eXBlPSJtYXRyaXgiIHZhbHVlcz0iMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMC4xIDAiLz4KPGZlQmxlbmQgbW9kZT0ibm9ybWFsIiBpbjI9IkJhY2tncm91bmRJbWFnZUZpeCIgcmVzdWx0PSJlZmZlY3QxX2Ryb3BTaGFkb3dfODVfMTEiLz4KPGZlQ29sb3JNYXRyaXggaW49IlNvdXJjZUFscGhhIiB0eXBlPSJtYXRyaXgiIHZhbHVlcz0iMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMTI3IDAiIHJlc3VsdD0iaGFyZEFscGhhIi8+CjxmZU9mZnNldCBkeT0iMiIvPgo8ZmVHYXVzc2lhbkJsdXIgc3RkRGV2aWF0aW9uPSIyIi8+CjxmZUNvbXBvc2l0ZSBpbjI9ImhhcmRBbHBoYSIgb3BlcmF0b3I9Im91dCIvPgo8ZmVDb2xvck1hdHJpeCB0eXBlPSJtYXRyaXgiIHZhbHVlcz0iMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMC4xIDAiLz4KPGZlQmxlbmQgbW9kZT0ibm9ybWFsIiBpbjI9ImVmZmVjdDFfZHJvcFNoYWRvd184NV8xMSIgcmVzdWx0PSJlZmZlY3QyX2Ryb3BTaGFkb3dfODVfMTEiLz4KPGZlQmxlbmQgbW9kZT0ibm9ybWFsIiBpbj0iU291cmNlR3JhcGhpYyIgaW4yPSJlZmZlY3QyX2Ryb3BTaGFkb3dfODVfMTEiIHJlc3VsdD0ic2hhcGUiLz4KPC9maWx0ZXI+CjwvZGVmcz4KPC9zdmc+Cg==';\n\nconst setCursor = () => {\n\tconst id = 'isdk-collaborate-cursor';\n\tif (document.getElementById(id)) return;\n\tconst style = document.createElement('style');\n\tstyle.id = id;\n\tstyle.innerHTML = `* { cursor: url(${PIN_CURSOR_BASE64}) 6 2, crosshair !important; }`;\n\tdocument.head.appendChild(style);\n};\n\nexport type PinRect = {\n\t_brand: 'pin';\n\tx: number;\n\ty: number;\n\twidth: number;\n\theight: number;\n};\n\nconst getElementPinRect = (element: Element): PinRect => {\n\tconst boundingBox = element.getBoundingClientRect();\n\treturn {\n\t\t_brand: 'pin',\n\t\tx: element.scrollLeft,\n\t\ty: element.scrollTop,\n\t\twidth: boundingBox.width,\n\t\theight: boundingBox.height,\n\t};\n};\n\nexport type SelectorRects = { [selector: string]: PinRect | null };\n\nconst getSelectorRects = (selectors: string[]) => {\n\tconst selectorRects: SelectorRects = {};\n\tfor (const selector of selectors) {\n\t\tconst element = document.querySelector(selector);\n\t\tselectorRects[selector] = element ? getElementPinRect(element) : null;\n\t}\n\treturn selectorRects;\n};\n\nfunction debounce<F extends (...args: Parameters<F>) => ReturnType<F>>(\n\tfunc: F,\n\twaitFor: number,\n): (...args: Parameters<F>) => void {\n\tlet timeout: ReturnType<typeof setTimeout>;\n\n\treturn (...args: Parameters<F>): void => {\n\t\tclearTimeout(timeout);\n\t\ttimeout = setTimeout(() => func(...args), waitFor);\n\t};\n}\n\n/** Sets up the bridge for Collaborate to be able to communicate with the host page */\nconst setupBridge = ({ logger, signal }: { signal?: AbortSignal; logger: Logger }) => {\n\tlet watchedSelectors: string[] = [];\n\tsendOutboundEvent({ type: 'READY' });\n\tlogger.info('Collaborate bridge: Ready');\n\tconst broadcastSelectors = debounce(() => {\n\t\tsendOutboundEvent({ type: 'SELECTOR_RECTS', selectorRects: getSelectorRects(watchedSelectors) });\n\t}, 50);\n\n\tconst handleEvent = (messageEvent: MessageEvent) => {\n\t\tif (isCollaborateInboundEvent(messageEvent) === false) return;\n\t\tlogger.info('Collaborate bridge: received ', messageEvent.data);\n\t\tconst collaborateEvent = messageEvent.data;\n\t\tswitch (collaborateEvent.type) {\n\t\t\tcase 'WATCH_SELECTORS': {\n\t\t\t\twatchedSelectors = collaborateEvent.selectors;\n\t\t\t\tbroadcastSelectors();\n\t\t\t\tbreak;\n\t\t\t}\n\t\t\tcase 'SETUP_EVENT_HANDLERS': {\n\t\t\t\tlogger.info('Collaborate bridge: Setting up event handlers');\n\t\t\t\tsetCursor();\n\t\t\t\twindow.addEventListener(\n\t\t\t\t\t'resize',\n\t\t\t\t\t() => {\n\t\t\t\t\t\tbroadcastSelectors();\n\t\t\t\t\t\tsendOutboundEvent({ type: 'RESIZE', scrollHeight: document.body.scrollHeight });\n\t\t\t\t\t},\n\t\t\t\t\t{ signal },\n\t\t\t\t);\n\t\t\t\tdocument.body.addEventListener(\n\t\t\t\t\t'mousemove',\n\t\t\t\t\tevent => {\n\t\t\t\t\t\tevent.preventDefault();\n\t\t\t\t\t\tevent.stopPropagation();\n\t\t\t\t\t\tconst hoveredElement = document.elementsFromPoint(event.clientX, event.clientY)[0];\n\t\t\t\t\t\tsendOutboundEvent({\n\t\t\t\t\t\t\ttype: 'HOVER_ELEMENT',\n\t\t\t\t\t\t\trect: hoveredElement ? getElementPinRect(hoveredElement) : null,\n\t\t\t\t\t\t});\n\t\t\t\t\t},\n\t\t\t\t\t{ signal },\n\t\t\t\t);\n\t\t\t\tdocument.body.addEventListener(\n\t\t\t\t\t'click',\n\t\t\t\t\tevent => {\n\t\t\t\t\t\tevent.preventDefault();\n\t\t\t\t\t\tevent.stopPropagation();\n\t\t\t\t\t\tconst hoveredElement = document.elementsFromPoint(event.clientX, event.clientY)[0];\n\t\t\t\t\t\tif (!hoveredElement) return;\n\t\t\t\t\t\tconst selector = getElementUniqueSelector(hoveredElement, document.body);\n\t\t\t\t\t\tif (!selector) return;\n\t\t\t\t\t\tconst rect = hoveredElement.getBoundingClientRect();\n\t\t\t\t\t\tsendOutboundEvent({\n\t\t\t\t\t\t\ttype: 'DROP_PIN',\n\t\t\t\t\t\t\tpin: {\n\t\t\t\t\t\t\t\trect: getElementPinRect(hoveredElement),\n\t\t\t\t\t\t\t\tselector,\n\t\t\t\t\t\t\t\txPercent: (event.clientX - rect.x) / rect.width,\n\t\t\t\t\t\t\t\tyPercent: (event.clientY - rect.y) / rect.height,\n\t\t\t\t\t\t\t},\n\t\t\t\t\t\t});\n\t\t\t\t\t},\n\t\t\t\t\t{ signal },\n\t\t\t\t);\n\t\t\t\twindow.addEventListener(\n\t\t\t\t\t'scroll',\n\t\t\t\t\t() => {\n\t\t\t\t\t\tbroadcastSelectors();\n\t\t\t\t\t\tsendOutboundEvent({ type: 'SCROLL', scrollY: window.scrollY, scrollX: window.scrollX });\n\t\t\t\t\t},\n\t\t\t\t\t{ signal },\n\t\t\t\t);\n\t\t\t\teventsToPrevent.map(type => document.addEventListener(type, preventIt, { signal }));\n\t\t\t\tlogger.info('Collaborate bridge: Event handlers set up');\n\t\t\t}\n\t\t}\n\t};\n\n\twindow.addEventListener('message', handleEvent, { signal });\n\tsignal?.addEventListener('abort', () => {\n\t\tlogger.info('Collaborate bridge: disposing');\n\t\twindow.removeEventListener('message', handleEvent);\n\t});\n};\n\nexport const collaboratePlugin = () =>\n\tcreatePlugin(({ logger }) => ({\n\t\tsetupBridge: (params?: { signal?: AbortSignal }) =>\n\t\t\tsetupBridge({\n\t\t\t\tlogger,\n\t\t\t\tsignal: params?.signal,\n\t\t\t}),\n\t}));\n","type SelectorProperties = {\n\telement: Element | null | undefined;\n\tid?: string;\n\tclasses?: string;\n\tchildren?: string[];\n};\n\nconst getSelectorProperties = (from: SelectorProperties): SelectorProperties => {\n\tif (from.element?.getAttribute('id') !== null && !from.id?.length) {\n\t\tfrom.id = `#${from.element?.getAttribute('id')}`;\n\t\treturn from;\n\t}\n\n\tif (from.element && from.element.className.length > 0 && !from.classes?.length) {\n\t\tfrom.classes = `.${from.element.className.split(' ').join('.')}`;\n\t\treturn from;\n\t}\n\n\tconst newSelector = [from.classes, from.id].filter(Boolean).join('') || from.element?.tagName;\n\n\tconst parent = from.element?.parentElement;\n\tif (parent) {\n\t\tconst childIndex = Array.from(parent.children).findIndex(child => child === from.element);\n\t\treturn {\n\t\t\telement: from.element?.parentElement,\n\t\t\tchildren: [`${newSelector}:nth-child(${childIndex + 1})`, ...(from.children ?? [])],\n\t\t};\n\t}\n\tthrow new Error('Unable to uniquely identify selector: not unique enough');\n};\n\nexport const getElementUniqueSelector = (element: Element, context: Element) => {\n\tconst getSelector = (prefilled: SelectorProperties): string | null => {\n\t\tconst properties = getSelectorProperties(prefilled);\n\n\t\tconst newSelector = [[properties.classes, properties.id].filter(Boolean).join(''), ...(properties.children ?? [])]\n\t\t\t.filter(Boolean)\n\t\t\t.join('>');\n\n\t\tconst matchingSelectors = context.querySelectorAll(newSelector);\n\n\t\tif (matchingSelectors.length > 1 && matchingSelectors.length < 100) return getSelector(properties);\n\t\tif (matchingSelectors.length === 1) return newSelector;\n\n\t\treturn null;\n\t};\n\n\treturn getSelector({ element, children: [] });\n};\n"],"mappings":"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","names":["src_exports","__export","PIN_CURSOR_BASE64","collaboratePlugin","createInboundEventSender","isCollaborateOutboundEvent","__toCommonJS","import_sdk","getSelectorProperties","from","_a","_b","_c","_d","_e","_f","_g","_h","newSelector","parent","childIndex","child","getElementUniqueSelector","element","context","getSelector","prefilled","properties","matchingSelectors","preventIt","eventsToPrevent","sendOutboundEvent","data","__spreadValues","createInboundEventSender","_a","isCollaborateInboundEvent","event","isCollaborateOutboundEvent","PIN_CURSOR_BASE64","setCursor","id","style","getElementPinRect","element","boundingBox","getSelectorRects","selectors","selectorRects","selector","debounce","func","waitFor","timeout","args","setupBridge","logger","signal","watchedSelectors","broadcastSelectors","handleEvent","messageEvent","collaborateEvent","hoveredElement","getElementUniqueSelector","rect","type","collaboratePlugin","params"]}
1
+ {"version":3,"sources":["../src/index.ts","../src/collaborate.ts","../src/collaborate.selector.ts"],"sourcesContent":["export * from './collaborate';\n","import { Logger, createPlugin } from '@inploi/sdk';\n\nimport { getElementUniqueSelector } from './collaborate.selector';\n\nconst preventIt = (e: Event) => {\n\te.preventDefault();\n\te.stopPropagation();\n};\n\nconst eventsToPrevent: (keyof HTMLElementEventMap)[] = [\n\t'mousedown',\n\t'mouseup',\n\t'blur',\n\t'input',\n\t'mouseenter',\n\t'mouseleave',\n\t'mouseover',\n\t'pointerdown',\n\t'pointerup',\n\t'pointerenter',\n\t'pointerleave',\n\t'pointerover',\n\t'pointermove',\n\t'beforeinput',\n\t'dblclick',\n\t'focus',\n\t'focusin',\n\t'keydown',\n\t'keypress',\n\t'touchend',\n\t'touchmove',\n\t'touchstart',\n\t'touchcancel',\n\t'transitionstart',\n\t'transitionend',\n];\n\nexport type CollaborateInboundEvent =\n\t| {\n\t\t\ttype: 'SETUP_EVENT_HANDLERS';\n\t }\n\t| { type: 'WATCH_SELECTORS'; selectors: string[] };\n\nexport type CollaborateOutboundEvent =\n\t| { type: 'READY' }\n\t| {\n\t\t\ttype: 'RESIZE';\n\t\t\tscrollHeight: number;\n\t }\n\t| { type: 'SCROLL'; scrollY: number; scrollX: number }\n\t| {\n\t\t\ttype: 'HOVER_ELEMENT';\n\t\t\telement: Pick<DroppedPin, 'rect' | 'xPercent' | 'yPercent'> | null;\n\t }\n\t| {\n\t\t\ttype: 'DROP_PIN';\n\t\t\tpin: DroppedPin;\n\t }\n\t| {\n\t\t\ttype: 'SELECTOR_RECTS';\n\t\t\tselectorRects: SelectorRects;\n\t };\n\nexport type DroppedPin = { selector: string; xPercent: number; yPercent: number; rect: PinRect };\n\nconst sendOutboundEvent = (data: CollaborateOutboundEvent) => {\n\twindow.parent.postMessage({ source: 'inploi-collaborate', ...data }, '*');\n};\n\nexport const createInboundEventSender = (e: MessageEvent) => {\n\treturn {\n\t\tsendInboundEvent: (data: CollaborateInboundEvent) =>\n\t\t\te.source?.postMessage({ source: 'inploi-collaborate', ...data }, { targetOrigin: e.origin }),\n\t};\n};\n\nconst isCollaborateInboundEvent = (event: MessageEvent): event is MessageEvent<CollaborateInboundEvent> => {\n\treturn event.data.source === 'inploi-collaborate';\n};\n\nexport const isCollaborateOutboundEvent = (event: MessageEvent): event is MessageEvent<CollaborateOutboundEvent> => {\n\treturn event.data.source === 'inploi-collaborate';\n};\n\nexport const PIN_CURSOR_BASE64 =\n\t'data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzYiIGhlaWdodD0iMzYiIHZpZXdCb3g9IjAgMCAzNiAzNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTcgM0gxOEMyNC4wNzUxIDMgMjkgNy45MjQ4NyAyOSAxNEMyOSAyMC4wNzUxIDI0LjA3NTEgMjUgMTggMjVDMTEuOTI0OSAyNSA3IDIwLjA3NTEgNyAxNFYzWiIgZmlsbD0iIzNFNjNERCIvPgo8ZyBmaWx0ZXI9InVybCgjZmlsdGVyMF9kZF84NV8xMSkiPgo8cGF0aCBkPSJNNiAySDE4QzI0LjYyNzQgMiAzMCA3LjM3MjU4IDMwIDE0QzMwIDIwLjYyNzQgMjQuNjI3NCAyNiAxOCAyNkMxMS4zNzI2IDI2IDYgMjAuNjI3NCA2IDE0VjJaIiBmaWxsPSIjM0U2M0REIiBmaWxsLW9wYWNpdHk9IjAuMDEiIHNoYXBlLXJlbmRlcmluZz0iY3Jpc3BFZGdlcyIvPgo8L2c+CjxwYXRoIGZpbGwtcnVsZT0iZXZlbm9kZCIgY2xpcC1ydWxlPSJldmVub2RkIiBkPSJNMTggNEg4VjE0QzggMTkuNTIyOCAxMi40NzcyIDI0IDE4IDI0QzIzLjUyMjggMjQgMjggMTkuNTIyOCAyOCAxNEMyOCA4LjQ3NzE1IDIzLjUyMjggNCAxOCA0Wk02IDJWMTRDNiAyMC42Mjc0IDExLjM3MjYgMjYgMTggMjZDMjQuNjI3NCAyNiAzMCAyMC42Mjc0IDMwIDE0QzMwIDcuMzcyNTggMjQuNjI3NCAyIDE4IDJINloiIGZpbGw9IndoaXRlIi8+CjxkZWZzPgo8ZmlsdGVyIGlkPSJmaWx0ZXIwX2RkXzg1XzExIiB4PSIwIiB5PSIwIiB3aWR0aD0iMzYiIGhlaWdodD0iMzYiIGZpbHRlclVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgY29sb3ItaW50ZXJwb2xhdGlvbi1maWx0ZXJzPSJzUkdCIj4KPGZlRmxvb2QgZmxvb2Qtb3BhY2l0eT0iMCIgcmVzdWx0PSJCYWNrZ3JvdW5kSW1hZ2VGaXgiLz4KPGZlQ29sb3JNYXRyaXggaW49IlNvdXJjZUFscGhhIiB0eXBlPSJtYXRyaXgiIHZhbHVlcz0iMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMTI3IDAiIHJlc3VsdD0iaGFyZEFscGhhIi8+CjxmZU9mZnNldCBkeT0iNCIvPgo8ZmVHYXVzc2lhbkJsdXIgc3RkRGV2aWF0aW9uPSIzIi8+CjxmZUNvbXBvc2l0ZSBpbjI9ImhhcmRBbHBoYSIgb3BlcmF0b3I9Im91dCIvPgo8ZmVDb2xvck1hdHJpeCB0eXBlPSJtYXRyaXgiIHZhbHVlcz0iMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMC4xIDAiLz4KPGZlQmxlbmQgbW9kZT0ibm9ybWFsIiBpbjI9IkJhY2tncm91bmRJbWFnZUZpeCIgcmVzdWx0PSJlZmZlY3QxX2Ryb3BTaGFkb3dfODVfMTEiLz4KPGZlQ29sb3JNYXRyaXggaW49IlNvdXJjZUFscGhhIiB0eXBlPSJtYXRyaXgiIHZhbHVlcz0iMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMTI3IDAiIHJlc3VsdD0iaGFyZEFscGhhIi8+CjxmZU9mZnNldCBkeT0iMiIvPgo8ZmVHYXVzc2lhbkJsdXIgc3RkRGV2aWF0aW9uPSIyIi8+CjxmZUNvbXBvc2l0ZSBpbjI9ImhhcmRBbHBoYSIgb3BlcmF0b3I9Im91dCIvPgo8ZmVDb2xvck1hdHJpeCB0eXBlPSJtYXRyaXgiIHZhbHVlcz0iMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMC4xIDAiLz4KPGZlQmxlbmQgbW9kZT0ibm9ybWFsIiBpbjI9ImVmZmVjdDFfZHJvcFNoYWRvd184NV8xMSIgcmVzdWx0PSJlZmZlY3QyX2Ryb3BTaGFkb3dfODVfMTEiLz4KPGZlQmxlbmQgbW9kZT0ibm9ybWFsIiBpbj0iU291cmNlR3JhcGhpYyIgaW4yPSJlZmZlY3QyX2Ryb3BTaGFkb3dfODVfMTEiIHJlc3VsdD0ic2hhcGUiLz4KPC9maWx0ZXI+CjwvZGVmcz4KPC9zdmc+Cg==';\n\nconst setCursor = () => {\n\tconst id = 'isdk-collaborate-cursor';\n\tif (document.getElementById(id)) return;\n\tconst style = document.createElement('style');\n\tstyle.id = id;\n\tstyle.innerHTML = `* { cursor: url(${PIN_CURSOR_BASE64}) 6 2, crosshair !important; }`;\n\tdocument.head.appendChild(style);\n};\n\nexport type PinRect = {\n\t_brand: 'pin';\n\tx: number;\n\ty: number;\n\twidth: number;\n\theight: number;\n};\n\nconst getElementPinRect = (element: Element): PinRect => {\n\tconst boundingBox = element.getBoundingClientRect();\n\treturn {\n\t\t_brand: 'pin',\n\t\tx: window.scrollX + boundingBox.x,\n\t\ty: window.scrollY + boundingBox.y,\n\t\twidth: boundingBox.width,\n\t\theight: boundingBox.height,\n\t};\n};\n\nexport type SelectorRects = { [selector: string]: PinRect | null };\n\nconst getSelectorRects = (selectors: string[]) => {\n\tconst selectorRects: SelectorRects = {};\n\tfor (const selector of selectors) {\n\t\tconst element = document.querySelector(selector);\n\t\tselectorRects[selector] = element ? getElementPinRect(element) : null;\n\t}\n\treturn selectorRects;\n};\n\nfunction debounce<F extends (...args: Parameters<F>) => ReturnType<F>>(\n\tfunc: F,\n\twaitFor: number,\n): (...args: Parameters<F>) => void {\n\tlet timeout: ReturnType<typeof setTimeout>;\n\n\treturn (...args: Parameters<F>): void => {\n\t\tclearTimeout(timeout);\n\t\ttimeout = setTimeout(() => func(...args), waitFor);\n\t};\n}\n\n/** Sets up the bridge for Collaborate to be able to communicate with the host page */\nconst setupBridge = ({ logger, signal }: { signal?: AbortSignal; logger: Logger }) => {\n\tlet watchedSelectors: string[] = [];\n\tsendOutboundEvent({ type: 'READY' });\n\tlogger.info('Collaborate bridge: Ready');\n\tconst broadcastSelectors = debounce(() => {\n\t\tsendOutboundEvent({ type: 'SELECTOR_RECTS', selectorRects: getSelectorRects(watchedSelectors) });\n\t}, 50);\n\n\tconst handleEvent = (messageEvent: MessageEvent) => {\n\t\tif (isCollaborateInboundEvent(messageEvent) === false) return;\n\t\tconst collaborateEvent = messageEvent.data;\n\t\tswitch (collaborateEvent.type) {\n\t\t\tcase 'WATCH_SELECTORS': {\n\t\t\t\twatchedSelectors = collaborateEvent.selectors;\n\t\t\t\tbroadcastSelectors();\n\t\t\t\tbreak;\n\t\t\t}\n\t\t\tcase 'SETUP_EVENT_HANDLERS': {\n\t\t\t\tlogger.info('Collaborate bridge: Setting up event handlers');\n\t\t\t\tsetCursor();\n\t\t\t\twindow.addEventListener(\n\t\t\t\t\t'resize',\n\t\t\t\t\t() => {\n\t\t\t\t\t\tbroadcastSelectors();\n\t\t\t\t\t\tsendOutboundEvent({ type: 'RESIZE', scrollHeight: document.body.scrollHeight });\n\t\t\t\t\t},\n\t\t\t\t\t{ signal },\n\t\t\t\t);\n\t\t\t\tdocument.body.addEventListener(\n\t\t\t\t\t'mousemove',\n\t\t\t\t\tevent => {\n\t\t\t\t\t\tevent.preventDefault();\n\t\t\t\t\t\tevent.stopPropagation();\n\t\t\t\t\t\tconst hoveredElement = document.elementsFromPoint(event.clientX, event.clientY)[0];\n\t\t\t\t\t\tconst rect = hoveredElement ? getElementPinRect(hoveredElement) : null;\n\t\t\t\t\t\tsendOutboundEvent({\n\t\t\t\t\t\t\ttype: 'HOVER_ELEMENT',\n\t\t\t\t\t\t\telement:\n\t\t\t\t\t\t\t\trect ?\n\t\t\t\t\t\t\t\t\t{\n\t\t\t\t\t\t\t\t\t\trect,\n\t\t\t\t\t\t\t\t\t\txPercent: (event.clientX - rect.x) / rect.width,\n\t\t\t\t\t\t\t\t\t\tyPercent: (event.clientY - rect.y) / rect.height,\n\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t:\tnull,\n\t\t\t\t\t\t});\n\t\t\t\t\t},\n\t\t\t\t\t{ signal },\n\t\t\t\t);\n\t\t\t\tdocument.body.addEventListener(\n\t\t\t\t\t'click',\n\t\t\t\t\tevent => {\n\t\t\t\t\t\tevent.preventDefault();\n\t\t\t\t\t\tevent.stopPropagation();\n\t\t\t\t\t\tconst hoveredElement = document.elementsFromPoint(event.clientX, event.clientY)[0];\n\t\t\t\t\t\tif (!hoveredElement) return;\n\t\t\t\t\t\tconst selector = getElementUniqueSelector(hoveredElement, document.body);\n\t\t\t\t\t\tif (!selector) return;\n\t\t\t\t\t\tconst rect = hoveredElement.getBoundingClientRect();\n\t\t\t\t\t\tsendOutboundEvent({\n\t\t\t\t\t\t\ttype: 'DROP_PIN',\n\t\t\t\t\t\t\tpin: {\n\t\t\t\t\t\t\t\trect: getElementPinRect(hoveredElement),\n\t\t\t\t\t\t\t\tselector,\n\t\t\t\t\t\t\t\txPercent: (event.clientX - rect.x) / rect.width,\n\t\t\t\t\t\t\t\tyPercent: (event.clientY - rect.y) / rect.height,\n\t\t\t\t\t\t\t},\n\t\t\t\t\t\t});\n\t\t\t\t\t},\n\t\t\t\t\t{ signal },\n\t\t\t\t);\n\t\t\t\twindow.addEventListener(\n\t\t\t\t\t'scroll',\n\t\t\t\t\t() => {\n\t\t\t\t\t\tbroadcastSelectors();\n\t\t\t\t\t\tsendOutboundEvent({ type: 'SCROLL', scrollY: window.scrollY, scrollX: window.scrollX });\n\t\t\t\t\t},\n\t\t\t\t\t{ signal },\n\t\t\t\t);\n\t\t\t\teventsToPrevent.map(type => document.addEventListener(type, preventIt, { signal }));\n\t\t\t\tlogger.info('Collaborate bridge: Event handlers set up');\n\t\t\t}\n\t\t}\n\t};\n\n\twindow.addEventListener('message', handleEvent, { signal });\n\tsignal?.addEventListener('abort', () => {\n\t\tlogger.info('Collaborate bridge: disposing');\n\t\twindow.removeEventListener('message', handleEvent);\n\t});\n};\n\nexport const collaboratePlugin = () =>\n\tcreatePlugin(({ logger }) => ({\n\t\tsetupBridge: (params?: { signal?: AbortSignal }) =>\n\t\t\tsetupBridge({\n\t\t\t\tlogger,\n\t\t\t\tsignal: params?.signal,\n\t\t\t}),\n\t}));\n","type SelectorProperties = {\n\telement: Element | null | undefined;\n\tid?: string;\n\tclasses?: string;\n\tchildren?: string[];\n};\n\nconst getSelectorProperties = (from: SelectorProperties): SelectorProperties => {\n\tif (from.element?.getAttribute('id') !== null && !from.id?.length) {\n\t\tfrom.id = `#${from.element?.getAttribute('id')}`;\n\t\treturn from;\n\t}\n\n\tif (from.element && from.element.className.length > 0 && !from.classes?.length) {\n\t\tfrom.classes = `.${from.element.className.split(' ').join('.')}`;\n\t\treturn from;\n\t}\n\n\tconst newSelector = [from.classes, from.id].filter(Boolean).join('') || from.element?.tagName;\n\n\tconst parent = from.element?.parentElement;\n\tif (parent) {\n\t\tconst childIndex = Array.from(parent.children).findIndex(child => child === from.element);\n\t\treturn {\n\t\t\telement: from.element?.parentElement,\n\t\t\tchildren: [`${newSelector}:nth-child(${childIndex + 1})`, ...(from.children ?? [])],\n\t\t};\n\t}\n\tthrow new Error('Unable to uniquely identify selector: not unique enough');\n};\n\nexport const getElementUniqueSelector = (element: Element, context: Element) => {\n\tconst getSelector = (prefilled: SelectorProperties): string | null => {\n\t\tconst properties = getSelectorProperties(prefilled);\n\n\t\tconst newSelector = [[properties.classes, properties.id].filter(Boolean).join(''), ...(properties.children ?? [])]\n\t\t\t.filter(Boolean)\n\t\t\t.join('>');\n\n\t\tconst matchingSelectors = context.querySelectorAll(newSelector);\n\n\t\tif (matchingSelectors.length > 1 && matchingSelectors.length < 100) return getSelector(properties);\n\t\tif (matchingSelectors.length === 1) return newSelector;\n\n\t\treturn null;\n\t};\n\n\treturn getSelector({ element, children: [] });\n};\n"],"mappings":"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","names":["src_exports","__export","PIN_CURSOR_BASE64","collaboratePlugin","createInboundEventSender","isCollaborateOutboundEvent","__toCommonJS","import_sdk","getSelectorProperties","from","_a","_b","_c","_d","_e","_f","_g","_h","newSelector","parent","childIndex","child","getElementUniqueSelector","element","context","getSelector","prefilled","properties","matchingSelectors","preventIt","eventsToPrevent","sendOutboundEvent","data","__spreadValues","createInboundEventSender","_a","isCollaborateInboundEvent","event","isCollaborateOutboundEvent","PIN_CURSOR_BASE64","setCursor","id","style","getElementPinRect","element","boundingBox","getSelectorRects","selectors","selectorRects","selector","debounce","func","waitFor","timeout","args","setupBridge","logger","signal","watchedSelectors","broadcastSelectors","handleEvent","messageEvent","collaborateEvent","hoveredElement","rect","getElementUniqueSelector","type","collaboratePlugin","params"]}
package/dist/index.mjs CHANGED
@@ -1,2 +1,2 @@
1
- var C=Object.defineProperty;var b=Object.getOwnPropertySymbols;var y=Object.prototype.hasOwnProperty,A=Object.prototype.propertyIsEnumerable;var m=(e,t,n)=>t in e?C(e,t,{enumerable:!0,configurable:!0,writable:!0,value:n}):e[t]=n,g=(e,t)=>{for(var n in t||(t={}))y.call(t,n)&&m(e,n,t[n]);if(b)for(var n of b(t))A.call(t,n)&&m(e,n,t[n]);return e};import{createPlugin as h}from"@inploi/sdk";var D=e=>{var l,r,c,s,o,i,a,I;if(((l=e.element)==null?void 0:l.getAttribute("id"))!==null&&!((r=e.id)!=null&&r.length))return e.id=`#${(c=e.element)==null?void 0:c.getAttribute("id")}`,e;if(e.element&&e.element.className.length>0&&!((s=e.classes)!=null&&s.length))return e.classes=`.${e.element.className.split(" ").join(".")}`,e;let t=[e.classes,e.id].filter(Boolean).join("")||((o=e.element)==null?void 0:o.tagName),n=(i=e.element)==null?void 0:i.parentElement;if(n){let M=Array.from(n.children).findIndex(E=>E===e.element);return{element:(a=e.element)==null?void 0:a.parentElement,children:[`${t}:nth-child(${M+1})`,...(I=e.children)!=null?I:[]]}}throw new Error("Unable to uniquely identify selector: not unique enough")},p=(e,t)=>{let n=l=>{var o;let r=D(l),c=[[r.classes,r.id].filter(Boolean).join(""),...(o=r.children)!=null?o:[]].filter(Boolean).join(">"),s=t.querySelectorAll(c);return s.length>1&&s.length<100?n(r):s.length===1?c:null};return n({element:e,children:[]})};var S=e=>{e.preventDefault(),e.stopPropagation()},Z=["mousedown","mouseup","blur","input","mouseenter","mouseleave","mouseover","pointerdown","pointerup","pointerenter","pointerleave","pointerover","pointermove","beforeinput","dblclick","focus","focusin","keydown","keypress","touchend","touchmove","touchstart","touchcancel","transitionstart","transitionend"],d=e=>{window.parent.postMessage(g({source:"inploi-collaborate"},e),"*")},L=e=>({sendInboundEvent:t=>{var n;return(n=e.source)==null?void 0:n.postMessage(g({source:"inploi-collaborate"},t),{targetOrigin:e.origin})}}),P=e=>e.data.source==="inploi-collaborate",V=e=>e.data.source==="inploi-collaborate",N="data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzYiIGhlaWdodD0iMzYiIHZpZXdCb3g9IjAgMCAzNiAzNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTcgM0gxOEMyNC4wNzUxIDMgMjkgNy45MjQ4NyAyOSAxNEMyOSAyMC4wNzUxIDI0LjA3NTEgMjUgMTggMjVDMTEuOTI0OSAyNSA3IDIwLjA3NTEgNyAxNFYzWiIgZmlsbD0iIzNFNjNERCIvPgo8ZyBmaWx0ZXI9InVybCgjZmlsdGVyMF9kZF84NV8xMSkiPgo8cGF0aCBkPSJNNiAySDE4QzI0LjYyNzQgMiAzMCA3LjM3MjU4IDMwIDE0QzMwIDIwLjYyNzQgMjQuNjI3NCAyNiAxOCAyNkMxMS4zNzI2IDI2IDYgMjAuNjI3NCA2IDE0VjJaIiBmaWxsPSIjM0U2M0REIiBmaWxsLW9wYWNpdHk9IjAuMDEiIHNoYXBlLXJlbmRlcmluZz0iY3Jpc3BFZGdlcyIvPgo8L2c+CjxwYXRoIGZpbGwtcnVsZT0iZXZlbm9kZCIgY2xpcC1ydWxlPSJldmVub2RkIiBkPSJNMTggNEg4VjE0QzggMTkuNTIyOCAxMi40NzcyIDI0IDE4IDI0QzIzLjUyMjggMjQgMjggMTkuNTIyOCAyOCAxNEMyOCA4LjQ3NzE1IDIzLjUyMjggNCAxOCA0Wk02IDJWMTRDNiAyMC42Mjc0IDExLjM3MjYgMjYgMTggMjZDMjQuNjI3NCAyNiAzMCAyMC42Mjc0IDMwIDE0QzMwIDcuMzcyNTggMjQuNjI3NCAyIDE4IDJINloiIGZpbGw9IndoaXRlIi8+CjxkZWZzPgo8ZmlsdGVyIGlkPSJmaWx0ZXIwX2RkXzg1XzExIiB4PSIwIiB5PSIwIiB3aWR0aD0iMzYiIGhlaWdodD0iMzYiIGZpbHRlclVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgY29sb3ItaW50ZXJwb2xhdGlvbi1maWx0ZXJzPSJzUkdCIj4KPGZlRmxvb2QgZmxvb2Qtb3BhY2l0eT0iMCIgcmVzdWx0PSJCYWNrZ3JvdW5kSW1hZ2VGaXgiLz4KPGZlQ29sb3JNYXRyaXggaW49IlNvdXJjZUFscGhhIiB0eXBlPSJtYXRyaXgiIHZhbHVlcz0iMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMTI3IDAiIHJlc3VsdD0iaGFyZEFscGhhIi8+CjxmZU9mZnNldCBkeT0iNCIvPgo8ZmVHYXVzc2lhbkJsdXIgc3RkRGV2aWF0aW9uPSIzIi8+CjxmZUNvbXBvc2l0ZSBpbjI9ImhhcmRBbHBoYSIgb3BlcmF0b3I9Im91dCIvPgo8ZmVDb2xvck1hdHJpeCB0eXBlPSJtYXRyaXgiIHZhbHVlcz0iMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMC4xIDAiLz4KPGZlQmxlbmQgbW9kZT0ibm9ybWFsIiBpbjI9IkJhY2tncm91bmRJbWFnZUZpeCIgcmVzdWx0PSJlZmZlY3QxX2Ryb3BTaGFkb3dfODVfMTEiLz4KPGZlQ29sb3JNYXRyaXggaW49IlNvdXJjZUFscGhhIiB0eXBlPSJtYXRyaXgiIHZhbHVlcz0iMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMTI3IDAiIHJlc3VsdD0iaGFyZEFscGhhIi8+CjxmZU9mZnNldCBkeT0iMiIvPgo8ZmVHYXVzc2lhbkJsdXIgc3RkRGV2aWF0aW9uPSIyIi8+CjxmZUNvbXBvc2l0ZSBpbjI9ImhhcmRBbHBoYSIgb3BlcmF0b3I9Im91dCIvPgo8ZmVDb2xvck1hdHJpeCB0eXBlPSJtYXRyaXgiIHZhbHVlcz0iMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMC4xIDAiLz4KPGZlQmxlbmQgbW9kZT0ibm9ybWFsIiBpbjI9ImVmZmVjdDFfZHJvcFNoYWRvd184NV8xMSIgcmVzdWx0PSJlZmZlY3QyX2Ryb3BTaGFkb3dfODVfMTEiLz4KPGZlQmxlbmQgbW9kZT0ibm9ybWFsIiBpbj0iU291cmNlR3JhcGhpYyIgaW4yPSJlZmZlY3QyX2Ryb3BTaGFkb3dfODVfMTEiIHJlc3VsdD0ic2hhcGUiLz4KPC9maWx0ZXI+CjwvZGVmcz4KPC9zdmc+Cg==",w=()=>{let e="isdk-collaborate-cursor";if(document.getElementById(e))return;let t=document.createElement("style");t.id=e,t.innerHTML=`* { cursor: url(${N}) 6 2, crosshair !important; }`,document.head.appendChild(t)},u=e=>{let t=e.getBoundingClientRect();return{_brand:"pin",x:e.scrollLeft,y:e.scrollTop,width:t.width,height:t.height}},R=e=>{let t={};for(let n of e){let l=document.querySelector(n);t[n]=l?u(l):null}return t};function v(e,t){let n;return(...l)=>{clearTimeout(n),n=setTimeout(()=>e(...l),t)}}var x=({logger:e,signal:t})=>{let n=[];d({type:"READY"}),e.info("Collaborate bridge: Ready");let l=v(()=>{d({type:"SELECTOR_RECTS",selectorRects:R(n)})},50),r=c=>{if(P(c)===!1)return;e.info("Collaborate bridge: received ",c.data);let s=c.data;switch(s.type){case"WATCH_SELECTORS":{n=s.selectors,l();break}case"SETUP_EVENT_HANDLERS":e.info("Collaborate bridge: Setting up event handlers"),w(),window.addEventListener("resize",()=>{l(),d({type:"RESIZE",scrollHeight:document.body.scrollHeight})},{signal:t}),document.body.addEventListener("mousemove",o=>{o.preventDefault(),o.stopPropagation();let i=document.elementsFromPoint(o.clientX,o.clientY)[0];d({type:"HOVER_ELEMENT",rect:i?u(i):null})},{signal:t}),document.body.addEventListener("click",o=>{o.preventDefault(),o.stopPropagation();let i=document.elementsFromPoint(o.clientX,o.clientY)[0];if(!i)return;let a=p(i,document.body);if(!a)return;let I=i.getBoundingClientRect();d({type:"DROP_PIN",pin:{rect:u(i),selector:a,xPercent:(o.clientX-I.x)/I.width,yPercent:(o.clientY-I.y)/I.height}})},{signal:t}),window.addEventListener("scroll",()=>{l(),d({type:"SCROLL",scrollY:window.scrollY,scrollX:window.scrollX})},{signal:t}),Z.map(o=>document.addEventListener(o,S,{signal:t})),e.info("Collaborate bridge: Event handlers set up")}};window.addEventListener("message",r,{signal:t}),t==null||t.addEventListener("abort",()=>{e.info("Collaborate bridge: disposing"),window.removeEventListener("message",r)})},Y=()=>h(({logger:e})=>({setupBridge:t=>x({logger:e,signal:t==null?void 0:t.signal})}));export{N as PIN_CURSOR_BASE64,Y as collaboratePlugin,L as createInboundEventSender,V as isCollaborateOutboundEvent};
1
+ var E=Object.defineProperty;var b=Object.getOwnPropertySymbols;var A=Object.prototype.hasOwnProperty,C=Object.prototype.propertyIsEnumerable;var m=(e,t,n)=>t in e?E(e,t,{enumerable:!0,configurable:!0,writable:!0,value:n}):e[t]=n,a=(e,t)=>{for(var n in t||(t={}))A.call(t,n)&&m(e,n,t[n]);if(b)for(var n of b(t))C.call(t,n)&&m(e,n,t[n]);return e};import{createPlugin as D}from"@inploi/sdk";var h=e=>{var l,r,I,s,o,c,i,d;if(((l=e.element)==null?void 0:l.getAttribute("id"))!==null&&!((r=e.id)!=null&&r.length))return e.id=`#${(I=e.element)==null?void 0:I.getAttribute("id")}`,e;if(e.element&&e.element.className.length>0&&!((s=e.classes)!=null&&s.length))return e.classes=`.${e.element.className.split(" ").join(".")}`,e;let t=[e.classes,e.id].filter(Boolean).join("")||((o=e.element)==null?void 0:o.tagName),n=(c=e.element)==null?void 0:c.parentElement;if(n){let M=Array.from(n.children).findIndex(y=>y===e.element);return{element:(i=e.element)==null?void 0:i.parentElement,children:[`${t}:nth-child(${M+1})`,...(d=e.children)!=null?d:[]]}}throw new Error("Unable to uniquely identify selector: not unique enough")},p=(e,t)=>{let n=l=>{var o;let r=h(l),I=[[r.classes,r.id].filter(Boolean).join(""),...(o=r.children)!=null?o:[]].filter(Boolean).join(">"),s=t.querySelectorAll(I);return s.length>1&&s.length<100?n(r):s.length===1?I:null};return n({element:e,children:[]})};var P=e=>{e.preventDefault(),e.stopPropagation()},S=["mousedown","mouseup","blur","input","mouseenter","mouseleave","mouseover","pointerdown","pointerup","pointerenter","pointerleave","pointerover","pointermove","beforeinput","dblclick","focus","focusin","keydown","keypress","touchend","touchmove","touchstart","touchcancel","transitionstart","transitionend"],g=e=>{window.parent.postMessage(a({source:"inploi-collaborate"},e),"*")},Y=e=>({sendInboundEvent:t=>{var n;return(n=e.source)==null?void 0:n.postMessage(a({source:"inploi-collaborate"},t),{targetOrigin:e.origin})}}),Z=e=>e.data.source==="inploi-collaborate",L=e=>e.data.source==="inploi-collaborate",w="data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzYiIGhlaWdodD0iMzYiIHZpZXdCb3g9IjAgMCAzNiAzNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTcgM0gxOEMyNC4wNzUxIDMgMjkgNy45MjQ4NyAyOSAxNEMyOSAyMC4wNzUxIDI0LjA3NTEgMjUgMTggMjVDMTEuOTI0OSAyNSA3IDIwLjA3NTEgNyAxNFYzWiIgZmlsbD0iIzNFNjNERCIvPgo8ZyBmaWx0ZXI9InVybCgjZmlsdGVyMF9kZF84NV8xMSkiPgo8cGF0aCBkPSJNNiAySDE4QzI0LjYyNzQgMiAzMCA3LjM3MjU4IDMwIDE0QzMwIDIwLjYyNzQgMjQuNjI3NCAyNiAxOCAyNkMxMS4zNzI2IDI2IDYgMjAuNjI3NCA2IDE0VjJaIiBmaWxsPSIjM0U2M0REIiBmaWxsLW9wYWNpdHk9IjAuMDEiIHNoYXBlLXJlbmRlcmluZz0iY3Jpc3BFZGdlcyIvPgo8L2c+CjxwYXRoIGZpbGwtcnVsZT0iZXZlbm9kZCIgY2xpcC1ydWxlPSJldmVub2RkIiBkPSJNMTggNEg4VjE0QzggMTkuNTIyOCAxMi40NzcyIDI0IDE4IDI0QzIzLjUyMjggMjQgMjggMTkuNTIyOCAyOCAxNEMyOCA4LjQ3NzE1IDIzLjUyMjggNCAxOCA0Wk02IDJWMTRDNiAyMC42Mjc0IDExLjM3MjYgMjYgMTggMjZDMjQuNjI3NCAyNiAzMCAyMC42Mjc0IDMwIDE0QzMwIDcuMzcyNTggMjQuNjI3NCAyIDE4IDJINloiIGZpbGw9IndoaXRlIi8+CjxkZWZzPgo8ZmlsdGVyIGlkPSJmaWx0ZXIwX2RkXzg1XzExIiB4PSIwIiB5PSIwIiB3aWR0aD0iMzYiIGhlaWdodD0iMzYiIGZpbHRlclVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgY29sb3ItaW50ZXJwb2xhdGlvbi1maWx0ZXJzPSJzUkdCIj4KPGZlRmxvb2QgZmxvb2Qtb3BhY2l0eT0iMCIgcmVzdWx0PSJCYWNrZ3JvdW5kSW1hZ2VGaXgiLz4KPGZlQ29sb3JNYXRyaXggaW49IlNvdXJjZUFscGhhIiB0eXBlPSJtYXRyaXgiIHZhbHVlcz0iMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMTI3IDAiIHJlc3VsdD0iaGFyZEFscGhhIi8+CjxmZU9mZnNldCBkeT0iNCIvPgo8ZmVHYXVzc2lhbkJsdXIgc3RkRGV2aWF0aW9uPSIzIi8+CjxmZUNvbXBvc2l0ZSBpbjI9ImhhcmRBbHBoYSIgb3BlcmF0b3I9Im91dCIvPgo8ZmVDb2xvck1hdHJpeCB0eXBlPSJtYXRyaXgiIHZhbHVlcz0iMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMC4xIDAiLz4KPGZlQmxlbmQgbW9kZT0ibm9ybWFsIiBpbjI9IkJhY2tncm91bmRJbWFnZUZpeCIgcmVzdWx0PSJlZmZlY3QxX2Ryb3BTaGFkb3dfODVfMTEiLz4KPGZlQ29sb3JNYXRyaXggaW49IlNvdXJjZUFscGhhIiB0eXBlPSJtYXRyaXgiIHZhbHVlcz0iMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMTI3IDAiIHJlc3VsdD0iaGFyZEFscGhhIi8+CjxmZU9mZnNldCBkeT0iMiIvPgo8ZmVHYXVzc2lhbkJsdXIgc3RkRGV2aWF0aW9uPSIyIi8+CjxmZUNvbXBvc2l0ZSBpbjI9ImhhcmRBbHBoYSIgb3BlcmF0b3I9Im91dCIvPgo8ZmVDb2xvck1hdHJpeCB0eXBlPSJtYXRyaXgiIHZhbHVlcz0iMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMC4xIDAiLz4KPGZlQmxlbmQgbW9kZT0ibm9ybWFsIiBpbjI9ImVmZmVjdDFfZHJvcFNoYWRvd184NV8xMSIgcmVzdWx0PSJlZmZlY3QyX2Ryb3BTaGFkb3dfODVfMTEiLz4KPGZlQmxlbmQgbW9kZT0ibm9ybWFsIiBpbj0iU291cmNlR3JhcGhpYyIgaW4yPSJlZmZlY3QyX2Ryb3BTaGFkb3dfODVfMTEiIHJlc3VsdD0ic2hhcGUiLz4KPC9maWx0ZXI+CjwvZGVmcz4KPC9zdmc+Cg==",N=()=>{let e="isdk-collaborate-cursor";if(document.getElementById(e))return;let t=document.createElement("style");t.id=e,t.innerHTML=`* { cursor: url(${w}) 6 2, crosshair !important; }`,document.head.appendChild(t)},u=e=>{let t=e.getBoundingClientRect();return{_brand:"pin",x:window.scrollX+t.x,y:window.scrollY+t.y,width:t.width,height:t.height}},R=e=>{let t={};for(let n of e){let l=document.querySelector(n);t[n]=l?u(l):null}return t};function x(e,t){let n;return(...l)=>{clearTimeout(n),n=setTimeout(()=>e(...l),t)}}var v=({logger:e,signal:t})=>{let n=[];g({type:"READY"}),e.info("Collaborate bridge: Ready");let l=x(()=>{g({type:"SELECTOR_RECTS",selectorRects:R(n)})},50),r=I=>{if(Z(I)===!1)return;let s=I.data;switch(s.type){case"WATCH_SELECTORS":{n=s.selectors,l();break}case"SETUP_EVENT_HANDLERS":e.info("Collaborate bridge: Setting up event handlers"),N(),window.addEventListener("resize",()=>{l(),g({type:"RESIZE",scrollHeight:document.body.scrollHeight})},{signal:t}),document.body.addEventListener("mousemove",o=>{o.preventDefault(),o.stopPropagation();let c=document.elementsFromPoint(o.clientX,o.clientY)[0],i=c?u(c):null;g({type:"HOVER_ELEMENT",element:i?{rect:i,xPercent:(o.clientX-i.x)/i.width,yPercent:(o.clientY-i.y)/i.height}:null})},{signal:t}),document.body.addEventListener("click",o=>{o.preventDefault(),o.stopPropagation();let c=document.elementsFromPoint(o.clientX,o.clientY)[0];if(!c)return;let i=p(c,document.body);if(!i)return;let d=c.getBoundingClientRect();g({type:"DROP_PIN",pin:{rect:u(c),selector:i,xPercent:(o.clientX-d.x)/d.width,yPercent:(o.clientY-d.y)/d.height}})},{signal:t}),window.addEventListener("scroll",()=>{l(),g({type:"SCROLL",scrollY:window.scrollY,scrollX:window.scrollX})},{signal:t}),S.map(o=>document.addEventListener(o,P,{signal:t})),e.info("Collaborate bridge: Event handlers set up")}};window.addEventListener("message",r,{signal:t}),t==null||t.addEventListener("abort",()=>{e.info("Collaborate bridge: disposing"),window.removeEventListener("message",r)})},V=()=>D(({logger:e})=>({setupBridge:t=>v({logger:e,signal:t==null?void 0:t.signal})}));export{w as PIN_CURSOR_BASE64,V as collaboratePlugin,Y as createInboundEventSender,L as isCollaborateOutboundEvent};
2
2
  //# sourceMappingURL=index.mjs.map
package/dist/index.mjs.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"sources":["../src/collaborate.ts","../src/collaborate.selector.ts"],"sourcesContent":["import { Logger, createPlugin } from '@inploi/sdk';\n\nimport { getElementUniqueSelector } from './collaborate.selector';\n\nconst preventIt = (e: Event) => {\n\te.preventDefault();\n\te.stopPropagation();\n};\n\nconst eventsToPrevent: (keyof HTMLElementEventMap)[] = [\n\t'mousedown',\n\t'mouseup',\n\t'blur',\n\t'input',\n\t'mouseenter',\n\t'mouseleave',\n\t'mouseover',\n\t'pointerdown',\n\t'pointerup',\n\t'pointerenter',\n\t'pointerleave',\n\t'pointerover',\n\t'pointermove',\n\t'beforeinput',\n\t'dblclick',\n\t'focus',\n\t'focusin',\n\t'keydown',\n\t'keypress',\n\t'touchend',\n\t'touchmove',\n\t'touchstart',\n\t'touchcancel',\n\t'transitionstart',\n\t'transitionend',\n];\n\nexport type CollaborateInboundEvent =\n\t| {\n\t\t\ttype: 'SETUP_EVENT_HANDLERS';\n\t }\n\t| { type: 'WATCH_SELECTORS'; selectors: string[] };\n\nexport type CollaborateOutboundEvent =\n\t| { type: 'READY' }\n\t| {\n\t\t\ttype: 'RESIZE';\n\t\t\tscrollHeight: number;\n\t }\n\t| { type: 'SCROLL'; scrollY: number; scrollX: number }\n\t| {\n\t\t\ttype: 'HOVER_ELEMENT';\n\t\t\trect: PinRect | null;\n\t }\n\t| {\n\t\t\ttype: 'DROP_PIN';\n\t\t\tpin: DroppedPin;\n\t }\n\t| {\n\t\t\ttype: 'SELECTOR_RECTS';\n\t\t\tselectorRects: SelectorRects;\n\t };\n\nexport type DroppedPin = { selector: string; xPercent: number; yPercent: number; rect: PinRect };\n\nconst sendOutboundEvent = (data: CollaborateOutboundEvent) => {\n\twindow.parent.postMessage({ source: 'inploi-collaborate', ...data }, '*');\n};\n\nexport const createInboundEventSender = (e: MessageEvent) => {\n\treturn {\n\t\tsendInboundEvent: (data: CollaborateInboundEvent) =>\n\t\t\te.source?.postMessage({ source: 'inploi-collaborate', ...data }, { targetOrigin: e.origin }),\n\t};\n};\n\nconst isCollaborateInboundEvent = (event: MessageEvent): event is MessageEvent<CollaborateInboundEvent> => {\n\treturn event.data.source === 'inploi-collaborate';\n};\n\nexport const isCollaborateOutboundEvent = (event: MessageEvent): event is MessageEvent<CollaborateOutboundEvent> => {\n\treturn event.data.source === 'inploi-collaborate';\n};\n\nexport const PIN_CURSOR_BASE64 =\n\t'data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzYiIGhlaWdodD0iMzYiIHZpZXdCb3g9IjAgMCAzNiAzNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTcgM0gxOEMyNC4wNzUxIDMgMjkgNy45MjQ4NyAyOSAxNEMyOSAyMC4wNzUxIDI0LjA3NTEgMjUgMTggMjVDMTEuOTI0OSAyNSA3IDIwLjA3NTEgNyAxNFYzWiIgZmlsbD0iIzNFNjNERCIvPgo8ZyBmaWx0ZXI9InVybCgjZmlsdGVyMF9kZF84NV8xMSkiPgo8cGF0aCBkPSJNNiAySDE4QzI0LjYyNzQgMiAzMCA3LjM3MjU4IDMwIDE0QzMwIDIwLjYyNzQgMjQuNjI3NCAyNiAxOCAyNkMxMS4zNzI2IDI2IDYgMjAuNjI3NCA2IDE0VjJaIiBmaWxsPSIjM0U2M0REIiBmaWxsLW9wYWNpdHk9IjAuMDEiIHNoYXBlLXJlbmRlcmluZz0iY3Jpc3BFZGdlcyIvPgo8L2c+CjxwYXRoIGZpbGwtcnVsZT0iZXZlbm9kZCIgY2xpcC1ydWxlPSJldmVub2RkIiBkPSJNMTggNEg4VjE0QzggMTkuNTIyOCAxMi40NzcyIDI0IDE4IDI0QzIzLjUyMjggMjQgMjggMTkuNTIyOCAyOCAxNEMyOCA4LjQ3NzE1IDIzLjUyMjggNCAxOCA0Wk02IDJWMTRDNiAyMC42Mjc0IDExLjM3MjYgMjYgMTggMjZDMjQuNjI3NCAyNiAzMCAyMC42Mjc0IDMwIDE0QzMwIDcuMzcyNTggMjQuNjI3NCAyIDE4IDJINloiIGZpbGw9IndoaXRlIi8+CjxkZWZzPgo8ZmlsdGVyIGlkPSJmaWx0ZXIwX2RkXzg1XzExIiB4PSIwIiB5PSIwIiB3aWR0aD0iMzYiIGhlaWdodD0iMzYiIGZpbHRlclVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgY29sb3ItaW50ZXJwb2xhdGlvbi1maWx0ZXJzPSJzUkdCIj4KPGZlRmxvb2QgZmxvb2Qtb3BhY2l0eT0iMCIgcmVzdWx0PSJCYWNrZ3JvdW5kSW1hZ2VGaXgiLz4KPGZlQ29sb3JNYXRyaXggaW49IlNvdXJjZUFscGhhIiB0eXBlPSJtYXRyaXgiIHZhbHVlcz0iMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMTI3IDAiIHJlc3VsdD0iaGFyZEFscGhhIi8+CjxmZU9mZnNldCBkeT0iNCIvPgo8ZmVHYXVzc2lhbkJsdXIgc3RkRGV2aWF0aW9uPSIzIi8+CjxmZUNvbXBvc2l0ZSBpbjI9ImhhcmRBbHBoYSIgb3BlcmF0b3I9Im91dCIvPgo8ZmVDb2xvck1hdHJpeCB0eXBlPSJtYXRyaXgiIHZhbHVlcz0iMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMC4xIDAiLz4KPGZlQmxlbmQgbW9kZT0ibm9ybWFsIiBpbjI9IkJhY2tncm91bmRJbWFnZUZpeCIgcmVzdWx0PSJlZmZlY3QxX2Ryb3BTaGFkb3dfODVfMTEiLz4KPGZlQ29sb3JNYXRyaXggaW49IlNvdXJjZUFscGhhIiB0eXBlPSJtYXRyaXgiIHZhbHVlcz0iMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMTI3IDAiIHJlc3VsdD0iaGFyZEFscGhhIi8+CjxmZU9mZnNldCBkeT0iMiIvPgo8ZmVHYXVzc2lhbkJsdXIgc3RkRGV2aWF0aW9uPSIyIi8+CjxmZUNvbXBvc2l0ZSBpbjI9ImhhcmRBbHBoYSIgb3BlcmF0b3I9Im91dCIvPgo8ZmVDb2xvck1hdHJpeCB0eXBlPSJtYXRyaXgiIHZhbHVlcz0iMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMC4xIDAiLz4KPGZlQmxlbmQgbW9kZT0ibm9ybWFsIiBpbjI9ImVmZmVjdDFfZHJvcFNoYWRvd184NV8xMSIgcmVzdWx0PSJlZmZlY3QyX2Ryb3BTaGFkb3dfODVfMTEiLz4KPGZlQmxlbmQgbW9kZT0ibm9ybWFsIiBpbj0iU291cmNlR3JhcGhpYyIgaW4yPSJlZmZlY3QyX2Ryb3BTaGFkb3dfODVfMTEiIHJlc3VsdD0ic2hhcGUiLz4KPC9maWx0ZXI+CjwvZGVmcz4KPC9zdmc+Cg==';\n\nconst setCursor = () => {\n\tconst id = 'isdk-collaborate-cursor';\n\tif (document.getElementById(id)) return;\n\tconst style = document.createElement('style');\n\tstyle.id = id;\n\tstyle.innerHTML = `* { cursor: url(${PIN_CURSOR_BASE64}) 6 2, crosshair !important; }`;\n\tdocument.head.appendChild(style);\n};\n\nexport type PinRect = {\n\t_brand: 'pin';\n\tx: number;\n\ty: number;\n\twidth: number;\n\theight: number;\n};\n\nconst getElementPinRect = (element: Element): PinRect => {\n\tconst boundingBox = element.getBoundingClientRect();\n\treturn {\n\t\t_brand: 'pin',\n\t\tx: element.scrollLeft,\n\t\ty: element.scrollTop,\n\t\twidth: boundingBox.width,\n\t\theight: boundingBox.height,\n\t};\n};\n\nexport type SelectorRects = { [selector: string]: PinRect | null };\n\nconst getSelectorRects = (selectors: string[]) => {\n\tconst selectorRects: SelectorRects = {};\n\tfor (const selector of selectors) {\n\t\tconst element = document.querySelector(selector);\n\t\tselectorRects[selector] = element ? getElementPinRect(element) : null;\n\t}\n\treturn selectorRects;\n};\n\nfunction debounce<F extends (...args: Parameters<F>) => ReturnType<F>>(\n\tfunc: F,\n\twaitFor: number,\n): (...args: Parameters<F>) => void {\n\tlet timeout: ReturnType<typeof setTimeout>;\n\n\treturn (...args: Parameters<F>): void => {\n\t\tclearTimeout(timeout);\n\t\ttimeout = setTimeout(() => func(...args), waitFor);\n\t};\n}\n\n/** Sets up the bridge for Collaborate to be able to communicate with the host page */\nconst setupBridge = ({ logger, signal }: { signal?: AbortSignal; logger: Logger }) => {\n\tlet watchedSelectors: string[] = [];\n\tsendOutboundEvent({ type: 'READY' });\n\tlogger.info('Collaborate bridge: Ready');\n\tconst broadcastSelectors = debounce(() => {\n\t\tsendOutboundEvent({ type: 'SELECTOR_RECTS', selectorRects: getSelectorRects(watchedSelectors) });\n\t}, 50);\n\n\tconst handleEvent = (messageEvent: MessageEvent) => {\n\t\tif (isCollaborateInboundEvent(messageEvent) === false) return;\n\t\tlogger.info('Collaborate bridge: received ', messageEvent.data);\n\t\tconst collaborateEvent = messageEvent.data;\n\t\tswitch (collaborateEvent.type) {\n\t\t\tcase 'WATCH_SELECTORS': {\n\t\t\t\twatchedSelectors = collaborateEvent.selectors;\n\t\t\t\tbroadcastSelectors();\n\t\t\t\tbreak;\n\t\t\t}\n\t\t\tcase 'SETUP_EVENT_HANDLERS': {\n\t\t\t\tlogger.info('Collaborate bridge: Setting up event handlers');\n\t\t\t\tsetCursor();\n\t\t\t\twindow.addEventListener(\n\t\t\t\t\t'resize',\n\t\t\t\t\t() => {\n\t\t\t\t\t\tbroadcastSelectors();\n\t\t\t\t\t\tsendOutboundEvent({ type: 'RESIZE', scrollHeight: document.body.scrollHeight });\n\t\t\t\t\t},\n\t\t\t\t\t{ signal },\n\t\t\t\t);\n\t\t\t\tdocument.body.addEventListener(\n\t\t\t\t\t'mousemove',\n\t\t\t\t\tevent => {\n\t\t\t\t\t\tevent.preventDefault();\n\t\t\t\t\t\tevent.stopPropagation();\n\t\t\t\t\t\tconst hoveredElement = document.elementsFromPoint(event.clientX, event.clientY)[0];\n\t\t\t\t\t\tsendOutboundEvent({\n\t\t\t\t\t\t\ttype: 'HOVER_ELEMENT',\n\t\t\t\t\t\t\trect: hoveredElement ? getElementPinRect(hoveredElement) : null,\n\t\t\t\t\t\t});\n\t\t\t\t\t},\n\t\t\t\t\t{ signal },\n\t\t\t\t);\n\t\t\t\tdocument.body.addEventListener(\n\t\t\t\t\t'click',\n\t\t\t\t\tevent => {\n\t\t\t\t\t\tevent.preventDefault();\n\t\t\t\t\t\tevent.stopPropagation();\n\t\t\t\t\t\tconst hoveredElement = document.elementsFromPoint(event.clientX, event.clientY)[0];\n\t\t\t\t\t\tif (!hoveredElement) return;\n\t\t\t\t\t\tconst selector = getElementUniqueSelector(hoveredElement, document.body);\n\t\t\t\t\t\tif (!selector) return;\n\t\t\t\t\t\tconst rect = hoveredElement.getBoundingClientRect();\n\t\t\t\t\t\tsendOutboundEvent({\n\t\t\t\t\t\t\ttype: 'DROP_PIN',\n\t\t\t\t\t\t\tpin: {\n\t\t\t\t\t\t\t\trect: getElementPinRect(hoveredElement),\n\t\t\t\t\t\t\t\tselector,\n\t\t\t\t\t\t\t\txPercent: (event.clientX - rect.x) / rect.width,\n\t\t\t\t\t\t\t\tyPercent: (event.clientY - rect.y) / rect.height,\n\t\t\t\t\t\t\t},\n\t\t\t\t\t\t});\n\t\t\t\t\t},\n\t\t\t\t\t{ signal },\n\t\t\t\t);\n\t\t\t\twindow.addEventListener(\n\t\t\t\t\t'scroll',\n\t\t\t\t\t() => {\n\t\t\t\t\t\tbroadcastSelectors();\n\t\t\t\t\t\tsendOutboundEvent({ type: 'SCROLL', scrollY: window.scrollY, scrollX: window.scrollX });\n\t\t\t\t\t},\n\t\t\t\t\t{ signal },\n\t\t\t\t);\n\t\t\t\teventsToPrevent.map(type => document.addEventListener(type, preventIt, { signal }));\n\t\t\t\tlogger.info('Collaborate bridge: Event handlers set up');\n\t\t\t}\n\t\t}\n\t};\n\n\twindow.addEventListener('message', handleEvent, { signal });\n\tsignal?.addEventListener('abort', () => {\n\t\tlogger.info('Collaborate bridge: disposing');\n\t\twindow.removeEventListener('message', handleEvent);\n\t});\n};\n\nexport const collaboratePlugin = () =>\n\tcreatePlugin(({ logger }) => ({\n\t\tsetupBridge: (params?: { signal?: AbortSignal }) =>\n\t\t\tsetupBridge({\n\t\t\t\tlogger,\n\t\t\t\tsignal: params?.signal,\n\t\t\t}),\n\t}));\n","type SelectorProperties = {\n\telement: Element | null | undefined;\n\tid?: string;\n\tclasses?: string;\n\tchildren?: string[];\n};\n\nconst getSelectorProperties = (from: SelectorProperties): SelectorProperties => {\n\tif (from.element?.getAttribute('id') !== null && !from.id?.length) {\n\t\tfrom.id = `#${from.element?.getAttribute('id')}`;\n\t\treturn from;\n\t}\n\n\tif (from.element && from.element.className.length > 0 && !from.classes?.length) {\n\t\tfrom.classes = `.${from.element.className.split(' ').join('.')}`;\n\t\treturn from;\n\t}\n\n\tconst newSelector = [from.classes, from.id].filter(Boolean).join('') || from.element?.tagName;\n\n\tconst parent = from.element?.parentElement;\n\tif (parent) {\n\t\tconst childIndex = Array.from(parent.children).findIndex(child => child === from.element);\n\t\treturn {\n\t\t\telement: from.element?.parentElement,\n\t\t\tchildren: [`${newSelector}:nth-child(${childIndex + 1})`, ...(from.children ?? [])],\n\t\t};\n\t}\n\tthrow new Error('Unable to uniquely identify selector: not unique enough');\n};\n\nexport const getElementUniqueSelector = (element: Element, context: Element) => {\n\tconst getSelector = (prefilled: SelectorProperties): string | null => {\n\t\tconst properties = getSelectorProperties(prefilled);\n\n\t\tconst newSelector = [[properties.classes, properties.id].filter(Boolean).join(''), ...(properties.children ?? [])]\n\t\t\t.filter(Boolean)\n\t\t\t.join('>');\n\n\t\tconst matchingSelectors = context.querySelectorAll(newSelector);\n\n\t\tif (matchingSelectors.length > 1 && matchingSelectors.length < 100) return getSelector(properties);\n\t\tif (matchingSelectors.length === 1) return newSelector;\n\n\t\treturn null;\n\t};\n\n\treturn getSelector({ element, children: [] });\n};\n"],"mappings":"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","names":["createPlugin","getSelectorProperties","from","_a","_b","_c","_d","_e","_f","_g","_h","newSelector","parent","childIndex","child","getElementUniqueSelector","element","context","getSelector","prefilled","properties","matchingSelectors","preventIt","eventsToPrevent","sendOutboundEvent","data","__spreadValues","createInboundEventSender","_a","isCollaborateInboundEvent","event","isCollaborateOutboundEvent","PIN_CURSOR_BASE64","setCursor","id","style","getElementPinRect","element","boundingBox","getSelectorRects","selectors","selectorRects","selector","debounce","func","waitFor","timeout","args","setupBridge","logger","signal","watchedSelectors","broadcastSelectors","handleEvent","messageEvent","collaborateEvent","hoveredElement","getElementUniqueSelector","rect","type","collaboratePlugin","createPlugin","params"]}
1
+ {"version":3,"sources":["../src/collaborate.ts","../src/collaborate.selector.ts"],"sourcesContent":["import { Logger, createPlugin } from '@inploi/sdk';\n\nimport { getElementUniqueSelector } from './collaborate.selector';\n\nconst preventIt = (e: Event) => {\n\te.preventDefault();\n\te.stopPropagation();\n};\n\nconst eventsToPrevent: (keyof HTMLElementEventMap)[] = [\n\t'mousedown',\n\t'mouseup',\n\t'blur',\n\t'input',\n\t'mouseenter',\n\t'mouseleave',\n\t'mouseover',\n\t'pointerdown',\n\t'pointerup',\n\t'pointerenter',\n\t'pointerleave',\n\t'pointerover',\n\t'pointermove',\n\t'beforeinput',\n\t'dblclick',\n\t'focus',\n\t'focusin',\n\t'keydown',\n\t'keypress',\n\t'touchend',\n\t'touchmove',\n\t'touchstart',\n\t'touchcancel',\n\t'transitionstart',\n\t'transitionend',\n];\n\nexport type CollaborateInboundEvent =\n\t| {\n\t\t\ttype: 'SETUP_EVENT_HANDLERS';\n\t }\n\t| { type: 'WATCH_SELECTORS'; selectors: string[] };\n\nexport type CollaborateOutboundEvent =\n\t| { type: 'READY' }\n\t| {\n\t\t\ttype: 'RESIZE';\n\t\t\tscrollHeight: number;\n\t }\n\t| { type: 'SCROLL'; scrollY: number; scrollX: number }\n\t| {\n\t\t\ttype: 'HOVER_ELEMENT';\n\t\t\telement: Pick<DroppedPin, 'rect' | 'xPercent' | 'yPercent'> | null;\n\t }\n\t| {\n\t\t\ttype: 'DROP_PIN';\n\t\t\tpin: DroppedPin;\n\t }\n\t| {\n\t\t\ttype: 'SELECTOR_RECTS';\n\t\t\tselectorRects: SelectorRects;\n\t };\n\nexport type DroppedPin = { selector: string; xPercent: number; yPercent: number; rect: PinRect };\n\nconst sendOutboundEvent = (data: CollaborateOutboundEvent) => {\n\twindow.parent.postMessage({ source: 'inploi-collaborate', ...data }, '*');\n};\n\nexport const createInboundEventSender = (e: MessageEvent) => {\n\treturn {\n\t\tsendInboundEvent: (data: CollaborateInboundEvent) =>\n\t\t\te.source?.postMessage({ source: 'inploi-collaborate', ...data }, { targetOrigin: e.origin }),\n\t};\n};\n\nconst isCollaborateInboundEvent = (event: MessageEvent): event is MessageEvent<CollaborateInboundEvent> => {\n\treturn event.data.source === 'inploi-collaborate';\n};\n\nexport const isCollaborateOutboundEvent = (event: MessageEvent): event is MessageEvent<CollaborateOutboundEvent> => {\n\treturn event.data.source === 'inploi-collaborate';\n};\n\nexport const PIN_CURSOR_BASE64 =\n\t'data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzYiIGhlaWdodD0iMzYiIHZpZXdCb3g9IjAgMCAzNiAzNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTcgM0gxOEMyNC4wNzUxIDMgMjkgNy45MjQ4NyAyOSAxNEMyOSAyMC4wNzUxIDI0LjA3NTEgMjUgMTggMjVDMTEuOTI0OSAyNSA3IDIwLjA3NTEgNyAxNFYzWiIgZmlsbD0iIzNFNjNERCIvPgo8ZyBmaWx0ZXI9InVybCgjZmlsdGVyMF9kZF84NV8xMSkiPgo8cGF0aCBkPSJNNiAySDE4QzI0LjYyNzQgMiAzMCA3LjM3MjU4IDMwIDE0QzMwIDIwLjYyNzQgMjQuNjI3NCAyNiAxOCAyNkMxMS4zNzI2IDI2IDYgMjAuNjI3NCA2IDE0VjJaIiBmaWxsPSIjM0U2M0REIiBmaWxsLW9wYWNpdHk9IjAuMDEiIHNoYXBlLXJlbmRlcmluZz0iY3Jpc3BFZGdlcyIvPgo8L2c+CjxwYXRoIGZpbGwtcnVsZT0iZXZlbm9kZCIgY2xpcC1ydWxlPSJldmVub2RkIiBkPSJNMTggNEg4VjE0QzggMTkuNTIyOCAxMi40NzcyIDI0IDE4IDI0QzIzLjUyMjggMjQgMjggMTkuNTIyOCAyOCAxNEMyOCA4LjQ3NzE1IDIzLjUyMjggNCAxOCA0Wk02IDJWMTRDNiAyMC42Mjc0IDExLjM3MjYgMjYgMTggMjZDMjQuNjI3NCAyNiAzMCAyMC42Mjc0IDMwIDE0QzMwIDcuMzcyNTggMjQuNjI3NCAyIDE4IDJINloiIGZpbGw9IndoaXRlIi8+CjxkZWZzPgo8ZmlsdGVyIGlkPSJmaWx0ZXIwX2RkXzg1XzExIiB4PSIwIiB5PSIwIiB3aWR0aD0iMzYiIGhlaWdodD0iMzYiIGZpbHRlclVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgY29sb3ItaW50ZXJwb2xhdGlvbi1maWx0ZXJzPSJzUkdCIj4KPGZlRmxvb2QgZmxvb2Qtb3BhY2l0eT0iMCIgcmVzdWx0PSJCYWNrZ3JvdW5kSW1hZ2VGaXgiLz4KPGZlQ29sb3JNYXRyaXggaW49IlNvdXJjZUFscGhhIiB0eXBlPSJtYXRyaXgiIHZhbHVlcz0iMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMTI3IDAiIHJlc3VsdD0iaGFyZEFscGhhIi8+CjxmZU9mZnNldCBkeT0iNCIvPgo8ZmVHYXVzc2lhbkJsdXIgc3RkRGV2aWF0aW9uPSIzIi8+CjxmZUNvbXBvc2l0ZSBpbjI9ImhhcmRBbHBoYSIgb3BlcmF0b3I9Im91dCIvPgo8ZmVDb2xvck1hdHJpeCB0eXBlPSJtYXRyaXgiIHZhbHVlcz0iMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMC4xIDAiLz4KPGZlQmxlbmQgbW9kZT0ibm9ybWFsIiBpbjI9IkJhY2tncm91bmRJbWFnZUZpeCIgcmVzdWx0PSJlZmZlY3QxX2Ryb3BTaGFkb3dfODVfMTEiLz4KPGZlQ29sb3JNYXRyaXggaW49IlNvdXJjZUFscGhhIiB0eXBlPSJtYXRyaXgiIHZhbHVlcz0iMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMTI3IDAiIHJlc3VsdD0iaGFyZEFscGhhIi8+CjxmZU9mZnNldCBkeT0iMiIvPgo8ZmVHYXVzc2lhbkJsdXIgc3RkRGV2aWF0aW9uPSIyIi8+CjxmZUNvbXBvc2l0ZSBpbjI9ImhhcmRBbHBoYSIgb3BlcmF0b3I9Im91dCIvPgo8ZmVDb2xvck1hdHJpeCB0eXBlPSJtYXRyaXgiIHZhbHVlcz0iMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMC4xIDAiLz4KPGZlQmxlbmQgbW9kZT0ibm9ybWFsIiBpbjI9ImVmZmVjdDFfZHJvcFNoYWRvd184NV8xMSIgcmVzdWx0PSJlZmZlY3QyX2Ryb3BTaGFkb3dfODVfMTEiLz4KPGZlQmxlbmQgbW9kZT0ibm9ybWFsIiBpbj0iU291cmNlR3JhcGhpYyIgaW4yPSJlZmZlY3QyX2Ryb3BTaGFkb3dfODVfMTEiIHJlc3VsdD0ic2hhcGUiLz4KPC9maWx0ZXI+CjwvZGVmcz4KPC9zdmc+Cg==';\n\nconst setCursor = () => {\n\tconst id = 'isdk-collaborate-cursor';\n\tif (document.getElementById(id)) return;\n\tconst style = document.createElement('style');\n\tstyle.id = id;\n\tstyle.innerHTML = `* { cursor: url(${PIN_CURSOR_BASE64}) 6 2, crosshair !important; }`;\n\tdocument.head.appendChild(style);\n};\n\nexport type PinRect = {\n\t_brand: 'pin';\n\tx: number;\n\ty: number;\n\twidth: number;\n\theight: number;\n};\n\nconst getElementPinRect = (element: Element): PinRect => {\n\tconst boundingBox = element.getBoundingClientRect();\n\treturn {\n\t\t_brand: 'pin',\n\t\tx: window.scrollX + boundingBox.x,\n\t\ty: window.scrollY + boundingBox.y,\n\t\twidth: boundingBox.width,\n\t\theight: boundingBox.height,\n\t};\n};\n\nexport type SelectorRects = { [selector: string]: PinRect | null };\n\nconst getSelectorRects = (selectors: string[]) => {\n\tconst selectorRects: SelectorRects = {};\n\tfor (const selector of selectors) {\n\t\tconst element = document.querySelector(selector);\n\t\tselectorRects[selector] = element ? getElementPinRect(element) : null;\n\t}\n\treturn selectorRects;\n};\n\nfunction debounce<F extends (...args: Parameters<F>) => ReturnType<F>>(\n\tfunc: F,\n\twaitFor: number,\n): (...args: Parameters<F>) => void {\n\tlet timeout: ReturnType<typeof setTimeout>;\n\n\treturn (...args: Parameters<F>): void => {\n\t\tclearTimeout(timeout);\n\t\ttimeout = setTimeout(() => func(...args), waitFor);\n\t};\n}\n\n/** Sets up the bridge for Collaborate to be able to communicate with the host page */\nconst setupBridge = ({ logger, signal }: { signal?: AbortSignal; logger: Logger }) => {\n\tlet watchedSelectors: string[] = [];\n\tsendOutboundEvent({ type: 'READY' });\n\tlogger.info('Collaborate bridge: Ready');\n\tconst broadcastSelectors = debounce(() => {\n\t\tsendOutboundEvent({ type: 'SELECTOR_RECTS', selectorRects: getSelectorRects(watchedSelectors) });\n\t}, 50);\n\n\tconst handleEvent = (messageEvent: MessageEvent) => {\n\t\tif (isCollaborateInboundEvent(messageEvent) === false) return;\n\t\tconst collaborateEvent = messageEvent.data;\n\t\tswitch (collaborateEvent.type) {\n\t\t\tcase 'WATCH_SELECTORS': {\n\t\t\t\twatchedSelectors = collaborateEvent.selectors;\n\t\t\t\tbroadcastSelectors();\n\t\t\t\tbreak;\n\t\t\t}\n\t\t\tcase 'SETUP_EVENT_HANDLERS': {\n\t\t\t\tlogger.info('Collaborate bridge: Setting up event handlers');\n\t\t\t\tsetCursor();\n\t\t\t\twindow.addEventListener(\n\t\t\t\t\t'resize',\n\t\t\t\t\t() => {\n\t\t\t\t\t\tbroadcastSelectors();\n\t\t\t\t\t\tsendOutboundEvent({ type: 'RESIZE', scrollHeight: document.body.scrollHeight });\n\t\t\t\t\t},\n\t\t\t\t\t{ signal },\n\t\t\t\t);\n\t\t\t\tdocument.body.addEventListener(\n\t\t\t\t\t'mousemove',\n\t\t\t\t\tevent => {\n\t\t\t\t\t\tevent.preventDefault();\n\t\t\t\t\t\tevent.stopPropagation();\n\t\t\t\t\t\tconst hoveredElement = document.elementsFromPoint(event.clientX, event.clientY)[0];\n\t\t\t\t\t\tconst rect = hoveredElement ? getElementPinRect(hoveredElement) : null;\n\t\t\t\t\t\tsendOutboundEvent({\n\t\t\t\t\t\t\ttype: 'HOVER_ELEMENT',\n\t\t\t\t\t\t\telement:\n\t\t\t\t\t\t\t\trect ?\n\t\t\t\t\t\t\t\t\t{\n\t\t\t\t\t\t\t\t\t\trect,\n\t\t\t\t\t\t\t\t\t\txPercent: (event.clientX - rect.x) / rect.width,\n\t\t\t\t\t\t\t\t\t\tyPercent: (event.clientY - rect.y) / rect.height,\n\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t:\tnull,\n\t\t\t\t\t\t});\n\t\t\t\t\t},\n\t\t\t\t\t{ signal },\n\t\t\t\t);\n\t\t\t\tdocument.body.addEventListener(\n\t\t\t\t\t'click',\n\t\t\t\t\tevent => {\n\t\t\t\t\t\tevent.preventDefault();\n\t\t\t\t\t\tevent.stopPropagation();\n\t\t\t\t\t\tconst hoveredElement = document.elementsFromPoint(event.clientX, event.clientY)[0];\n\t\t\t\t\t\tif (!hoveredElement) return;\n\t\t\t\t\t\tconst selector = getElementUniqueSelector(hoveredElement, document.body);\n\t\t\t\t\t\tif (!selector) return;\n\t\t\t\t\t\tconst rect = hoveredElement.getBoundingClientRect();\n\t\t\t\t\t\tsendOutboundEvent({\n\t\t\t\t\t\t\ttype: 'DROP_PIN',\n\t\t\t\t\t\t\tpin: {\n\t\t\t\t\t\t\t\trect: getElementPinRect(hoveredElement),\n\t\t\t\t\t\t\t\tselector,\n\t\t\t\t\t\t\t\txPercent: (event.clientX - rect.x) / rect.width,\n\t\t\t\t\t\t\t\tyPercent: (event.clientY - rect.y) / rect.height,\n\t\t\t\t\t\t\t},\n\t\t\t\t\t\t});\n\t\t\t\t\t},\n\t\t\t\t\t{ signal },\n\t\t\t\t);\n\t\t\t\twindow.addEventListener(\n\t\t\t\t\t'scroll',\n\t\t\t\t\t() => {\n\t\t\t\t\t\tbroadcastSelectors();\n\t\t\t\t\t\tsendOutboundEvent({ type: 'SCROLL', scrollY: window.scrollY, scrollX: window.scrollX });\n\t\t\t\t\t},\n\t\t\t\t\t{ signal },\n\t\t\t\t);\n\t\t\t\teventsToPrevent.map(type => document.addEventListener(type, preventIt, { signal }));\n\t\t\t\tlogger.info('Collaborate bridge: Event handlers set up');\n\t\t\t}\n\t\t}\n\t};\n\n\twindow.addEventListener('message', handleEvent, { signal });\n\tsignal?.addEventListener('abort', () => {\n\t\tlogger.info('Collaborate bridge: disposing');\n\t\twindow.removeEventListener('message', handleEvent);\n\t});\n};\n\nexport const collaboratePlugin = () =>\n\tcreatePlugin(({ logger }) => ({\n\t\tsetupBridge: (params?: { signal?: AbortSignal }) =>\n\t\t\tsetupBridge({\n\t\t\t\tlogger,\n\t\t\t\tsignal: params?.signal,\n\t\t\t}),\n\t}));\n","type SelectorProperties = {\n\telement: Element | null | undefined;\n\tid?: string;\n\tclasses?: string;\n\tchildren?: string[];\n};\n\nconst getSelectorProperties = (from: SelectorProperties): SelectorProperties => {\n\tif (from.element?.getAttribute('id') !== null && !from.id?.length) {\n\t\tfrom.id = `#${from.element?.getAttribute('id')}`;\n\t\treturn from;\n\t}\n\n\tif (from.element && from.element.className.length > 0 && !from.classes?.length) {\n\t\tfrom.classes = `.${from.element.className.split(' ').join('.')}`;\n\t\treturn from;\n\t}\n\n\tconst newSelector = [from.classes, from.id].filter(Boolean).join('') || from.element?.tagName;\n\n\tconst parent = from.element?.parentElement;\n\tif (parent) {\n\t\tconst childIndex = Array.from(parent.children).findIndex(child => child === from.element);\n\t\treturn {\n\t\t\telement: from.element?.parentElement,\n\t\t\tchildren: [`${newSelector}:nth-child(${childIndex + 1})`, ...(from.children ?? [])],\n\t\t};\n\t}\n\tthrow new Error('Unable to uniquely identify selector: not unique enough');\n};\n\nexport const getElementUniqueSelector = (element: Element, context: Element) => {\n\tconst getSelector = (prefilled: SelectorProperties): string | null => {\n\t\tconst properties = getSelectorProperties(prefilled);\n\n\t\tconst newSelector = [[properties.classes, properties.id].filter(Boolean).join(''), ...(properties.children ?? [])]\n\t\t\t.filter(Boolean)\n\t\t\t.join('>');\n\n\t\tconst matchingSelectors = context.querySelectorAll(newSelector);\n\n\t\tif (matchingSelectors.length > 1 && matchingSelectors.length < 100) return getSelector(properties);\n\t\tif (matchingSelectors.length === 1) return newSelector;\n\n\t\treturn null;\n\t};\n\n\treturn getSelector({ element, children: [] });\n};\n"],"mappings":"yVAAA,OAAiB,gBAAAA,MAAoB,cCOrC,IAAMC,EAAyBC,GAAiD,CAPhF,IAAAC,EAAAC,EAAAC,EAAAC,EAAAC,EAAAC,EAAAC,EAAAC,EAQC,KAAIP,EAAAD,EAAK,UAAL,YAAAC,EAAc,aAAa,SAAU,MAAQ,GAACC,EAAAF,EAAK,KAAL,MAAAE,EAAS,QAC1D,OAAAF,EAAK,GAAK,KAAIG,EAAAH,EAAK,UAAL,YAAAG,EAAc,aAAa,KAAK,GACvCH,EAGR,GAAIA,EAAK,SAAWA,EAAK,QAAQ,UAAU,OAAS,GAAK,GAACI,EAAAJ,EAAK,UAAL,MAAAI,EAAc,QACvE,OAAAJ,EAAK,QAAU,IAAIA,EAAK,QAAQ,UAAU,MAAM,GAAG,EAAE,KAAK,GAAG,CAAC,GACvDA,EAGR,IAAMS,EAAc,CAACT,EAAK,QAASA,EAAK,EAAE,EAAE,OAAO,OAAO,EAAE,KAAK,EAAE,KAAKK,EAAAL,EAAK,UAAL,YAAAK,EAAc,SAEhFK,GAASJ,EAAAN,EAAK,UAAL,YAAAM,EAAc,cAC7B,GAAII,EAAQ,CACX,IAAMC,EAAa,MAAM,KAAKD,EAAO,QAAQ,EAAE,UAAUE,GAASA,IAAUZ,EAAK,OAAO,EACxF,MAAO,CACN,SAASO,EAAAP,EAAK,UAAL,YAAAO,EAAc,cACvB,SAAU,CAAC,GAAGE,CAAW,cAAcE,EAAa,CAAC,IAAK,IAAIH,EAAAR,EAAK,WAAL,KAAAQ,EAAiB,CAAC,CAAE,CACnF,CACD,CACA,MAAM,IAAI,MAAM,yDAAyD,CAC1E,EAEaK,EAA2B,CAACC,EAAkBC,IAAqB,CAC/E,IAAMC,EAAeC,GAAiD,CAhCvE,IAAAhB,EAiCE,IAAMiB,EAAanB,EAAsBkB,CAAS,EAE5CR,EAAc,CAAC,CAACS,EAAW,QAASA,EAAW,EAAE,EAAE,OAAO,OAAO,EAAE,KAAK,EAAE,EAAG,IAAIjB,EAAAiB,EAAW,WAAX,KAAAjB,EAAuB,CAAC,CAAE,EAC/G,OAAO,OAAO,EACd,KAAK,GAAG,EAEJkB,EAAoBJ,EAAQ,iBAAiBN,CAAW,EAE9D,OAAIU,EAAkB,OAAS,GAAKA,EAAkB,OAAS,IAAYH,EAAYE,CAAU,EAC7FC,EAAkB,SAAW,EAAUV,EAEpC,IACR,EAEA,OAAOO,EAAY,CAAE,QAAAF,EAAS,SAAU,CAAC,CAAE,CAAC,CAC7C,ED5CA,IAAMM,EAAa,GAAa,CAC/B,EAAE,eAAe,EACjB,EAAE,gBAAgB,CACnB,EAEMC,EAAiD,CACtD,YACA,UACA,OACA,QACA,aACA,aACA,YACA,cACA,YACA,eACA,eACA,cACA,cACA,cACA,WACA,QACA,UACA,UACA,WACA,WACA,YACA,aACA,cACA,kBACA,eACD,EA8BMC,EAAqBC,GAAmC,CAC7D,OAAO,OAAO,YAAYC,EAAA,CAAE,OAAQ,sBAAyBD,GAAQ,GAAG,CACzE,EAEaE,EAA4B,IACjC,CACN,iBAAmBF,GAA+B,CAvEpD,IAAAG,EAwEG,OAAAA,EAAA,EAAE,SAAF,YAAAA,EAAU,YAAYF,EAAA,CAAE,OAAQ,sBAAyBD,GAAQ,CAAE,aAAc,EAAE,MAAO,GAC5F,GAGKI,EAA6BC,GAC3BA,EAAM,KAAK,SAAW,qBAGjBC,EAA8BD,GACnCA,EAAM,KAAK,SAAW,qBAGjBE,EACZ,q0EAEKC,EAAY,IAAM,CACvB,IAAMC,EAAK,0BACX,GAAI,SAAS,eAAeA,CAAE,EAAG,OACjC,IAAMC,EAAQ,SAAS,cAAc,OAAO,EAC5CA,EAAM,GAAKD,EACXC,EAAM,UAAY,mBAAmBH,CAAiB,iCACtD,SAAS,KAAK,YAAYG,CAAK,CAChC,EAUMC,EAAqBC,GAA8B,CACxD,IAAMC,EAAcD,EAAQ,sBAAsB,EAClD,MAAO,CACN,OAAQ,MACR,EAAG,OAAO,QAAUC,EAAY,EAChC,EAAG,OAAO,QAAUA,EAAY,EAChC,MAAOA,EAAY,MACnB,OAAQA,EAAY,MACrB,CACD,EAIMC,EAAoBC,GAAwB,CACjD,IAAMC,EAA+B,CAAC,EACtC,QAAWC,KAAYF,EAAW,CACjC,IAAMH,EAAU,SAAS,cAAcK,CAAQ,EAC/CD,EAAcC,CAAQ,EAAIL,EAAUD,EAAkBC,CAAO,EAAI,IAClE,CACA,OAAOI,CACR,EAEA,SAASE,EACRC,EACAC,EACmC,CACnC,IAAIC,EAEJ,MAAO,IAAIC,IAA8B,CACxC,aAAaD,CAAO,EACpBA,EAAU,WAAW,IAAMF,EAAK,GAAGG,CAAI,EAAGF,CAAO,CAClD,CACD,CAGA,IAAMG,EAAc,CAAC,CAAE,OAAAC,EAAQ,OAAAC,CAAO,IAAgD,CACrF,IAAIC,EAA6B,CAAC,EAClC3B,EAAkB,CAAE,KAAM,OAAQ,CAAC,EACnCyB,EAAO,KAAK,2BAA2B,EACvC,IAAMG,EAAqBT,EAAS,IAAM,CACzCnB,EAAkB,CAAE,KAAM,iBAAkB,cAAee,EAAiBY,CAAgB,CAAE,CAAC,CAChG,EAAG,EAAE,EAECE,EAAeC,GAA+B,CACnD,GAAIzB,EAA0ByB,CAAY,IAAM,GAAO,OACvD,IAAMC,EAAmBD,EAAa,KACtC,OAAQC,EAAiB,KAAM,CAC9B,IAAK,kBAAmB,CACvBJ,EAAmBI,EAAiB,UACpCH,EAAmB,EACnB,KACD,CACA,IAAK,uBACJH,EAAO,KAAK,+CAA+C,EAC3DhB,EAAU,EACV,OAAO,iBACN,SACA,IAAM,CACLmB,EAAmB,EACnB5B,EAAkB,CAAE,KAAM,SAAU,aAAc,SAAS,KAAK,YAAa,CAAC,CAC/E,EACA,CAAE,OAAA0B,CAAO,CACV,EACA,SAAS,KAAK,iBACb,YACApB,GAAS,CACRA,EAAM,eAAe,EACrBA,EAAM,gBAAgB,EACtB,IAAM0B,EAAiB,SAAS,kBAAkB1B,EAAM,QAASA,EAAM,OAAO,EAAE,CAAC,EAC3E2B,EAAOD,EAAiBpB,EAAkBoB,CAAc,EAAI,KAClEhC,EAAkB,CACjB,KAAM,gBACN,QACCiC,EACC,CACC,KAAAA,EACA,UAAW3B,EAAM,QAAU2B,EAAK,GAAKA,EAAK,MAC1C,UAAW3B,EAAM,QAAU2B,EAAK,GAAKA,EAAK,MAC3C,EACC,IACJ,CAAC,CACF,EACA,CAAE,OAAAP,CAAO,CACV,EACA,SAAS,KAAK,iBACb,QACApB,GAAS,CACRA,EAAM,eAAe,EACrBA,EAAM,gBAAgB,EACtB,IAAM0B,EAAiB,SAAS,kBAAkB1B,EAAM,QAASA,EAAM,OAAO,EAAE,CAAC,EACjF,GAAI,CAAC0B,EAAgB,OACrB,IAAMd,EAAWgB,EAAyBF,EAAgB,SAAS,IAAI,EACvE,GAAI,CAACd,EAAU,OACf,IAAMe,EAAOD,EAAe,sBAAsB,EAClDhC,EAAkB,CACjB,KAAM,WACN,IAAK,CACJ,KAAMY,EAAkBoB,CAAc,EACtC,SAAAd,EACA,UAAWZ,EAAM,QAAU2B,EAAK,GAAKA,EAAK,MAC1C,UAAW3B,EAAM,QAAU2B,EAAK,GAAKA,EAAK,MAC3C,CACD,CAAC,CACF,EACA,CAAE,OAAAP,CAAO,CACV,EACA,OAAO,iBACN,SACA,IAAM,CACLE,EAAmB,EACnB5B,EAAkB,CAAE,KAAM,SAAU,QAAS,OAAO,QAAS,QAAS,OAAO,OAAQ,CAAC,CACvF,EACA,CAAE,OAAA0B,CAAO,CACV,EACA3B,EAAgB,IAAIoC,GAAQ,SAAS,iBAAiBA,EAAMrC,EAAW,CAAE,OAAA4B,CAAO,CAAC,CAAC,EAClFD,EAAO,KAAK,2CAA2C,CAEzD,CACD,EAEA,OAAO,iBAAiB,UAAWI,EAAa,CAAE,OAAAH,CAAO,CAAC,EAC1DA,GAAA,MAAAA,EAAQ,iBAAiB,QAAS,IAAM,CACvCD,EAAO,KAAK,+BAA+B,EAC3C,OAAO,oBAAoB,UAAWI,CAAW,CAClD,EACD,EAEaO,EAAoB,IAChCC,EAAa,CAAC,CAAE,OAAAZ,CAAO,KAAO,CAC7B,YAAca,GACbd,EAAY,CACX,OAAAC,EACA,OAAQa,GAAA,YAAAA,EAAQ,MACjB,CAAC,CACH,EAAE","names":["createPlugin","getSelectorProperties","from","_a","_b","_c","_d","_e","_f","_g","_h","newSelector","parent","childIndex","child","getElementUniqueSelector","element","context","getSelector","prefilled","properties","matchingSelectors","preventIt","eventsToPrevent","sendOutboundEvent","data","__spreadValues","createInboundEventSender","_a","isCollaborateInboundEvent","event","isCollaborateOutboundEvent","PIN_CURSOR_BASE64","setCursor","id","style","getElementPinRect","element","boundingBox","getSelectorRects","selectors","selectorRects","selector","debounce","func","waitFor","timeout","args","setupBridge","logger","signal","watchedSelectors","broadcastSelectors","handleEvent","messageEvent","collaborateEvent","hoveredElement","rect","getElementUniqueSelector","type","collaboratePlugin","createPlugin","params"]}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@inploi/plugin-collaborate",
3
- "version": "0.0.3",
3
+ "version": "0.0.4",
4
4
  "main": "dist/index.js",
5
5
  "types": "dist/index.d.ts",
6
6
  "license": "MIT",