@inploi/plugin-collaborate 0.0.19 → 1.0.0

package/cdn/index.js

@@ -1,3 +1,3 @@
 // This is an inploi sdk script. Learn more at https://inploi.com 
 
-"use strict";(()=>{var P=Object.defineProperty;var b=Object.getOwnPropertySymbols;var v=Object.prototype.hasOwnProperty,_=Object.prototype.propertyIsEnumerable;var h=(e,t,n)=>t in e?P(e,t,{enumerable:!0,configurable:!0,writable:!0,value:n}):e[t]=n,m=(e,t)=>{for(var n in t||(t={}))v.call(t,n)&&h(e,n,t[n]);if(b)for(var n of b(t))_.call(t,n)&&h(e,n,t[n]);return e};var E=e=>e;var O="isdk_session";var D=new RegExp(`${O}=([^;]+)`);var f={outBrackets:[":","/"],inBrackets:["(",")",".",",","_","%","+"]},x=e=>{let t=!1,n="",r="",i=o=>r==="\\"?o:`\\${o}`;for(let o of e)o==="["?(t=!0,n+=i(o)):o==="]"?(t=!1,n+=i(o)):t===!0&&f.inBrackets.includes(o)||t===!1&&f.outBrackets.includes(o)?n+=i(o):n+=o,r=o;return n};var R=e=>{var r,i,o,c,d,s,l,p;if(((r=e.element)==null?void 0:r.getAttribute("id"))!==null&&!((i=e.id)!=null&&i.length))return e.id=`#${(o=e.element)==null?void 0:o.getAttribute("id")}`,e;if(e.element&&e.element.className.length>0&&!((c=e.classes)!=null&&c.length))return e.classes=`.${x(e.element.className).split(" ").join(".")}`,e;let t=[e.classes,e.id].filter(Boolean).join("")||((d=e.element)==null?void 0:d.tagName),n=(s=e.element)==null?void 0:s.parentElement;if(n){let a=Array.from(n.children).findIndex(S=>S===e.element);return{element:(l=e.element)==null?void 0:l.parentElement,children:[`${t}:nth-child(${a+1})`,...(p=e.children)!=null?p:[]]}}throw new Error("Unable to uniquely identify selector: not unique enough")},y=(e,t,n)=>{let r=i=>{var d;let o=R(i),c=[[o.classes,o.id].filter(Boolean).join(""),...(d=o.children)!=null?d:[]].filter(Boolean).join(">");try{let s=t.querySelectorAll(c);return s.length>1&&s.length<100?r(o):s.length===1?c:null}catch(s){if(s instanceof DOMException)return n.warn("Invalid selector",c),null;throw s}};return r({element:e,children:[]})};var u=e=>{window.parent.postMessage(m({source:"inploi-collaborate"},e),"*")};var C=e=>e.data.source==="inploi-collaborate";var 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}},I=(e,t)=>{let n={};for(let r of e)try{let i=document.querySelector(r);n[r]=i?g(i):null}catch(i){i instanceof DOMException&&(t.warn(`Failed to get selector rect for ${r}`,i),n[r]=null)}return n};function T(e,t){let n;return(...r)=>{clearTimeout(n),n=setTimeout(()=>e(...r),t)}}var L=({logger:e,signal:t})=>{let n=[],r;u({type:"READY"}),e.info("Collaborate bridge: Ready");let i=T(()=>{u({type:"SELECTOR_RECTS",selectorRects:I(n,e)})},50),o=()=>{r&&u({type:"HOVER_ELEMENT",rect:g(r)})},c=d=>{if(C(d)===!1)return;let s=d.data;switch(s.type){case"WATCH_SELECTORS":{n=s.selectors,i();break}case"MOUSE_POSITION":{let l=document.elementsFromPoint(s.x,s.y)[0];if(l===r)return;r=l,o();break}case"DROP_PIN":{let l=document.elementsFromPoint(s.x,s.y)[0];if(!l)return;let p=y(l,document.body,e);if(!p)return;let a=l.getBoundingClientRect();u({type:"PIN_POSITION",pin:{rect:g(l),selector:p,xPercent:(s.x-a.x)/a.width,yPercent:(s.y-a.y)/a.height}});break}case"SETUP_EVENT_HANDLERS":{e.info("Collaborate bridge: Setting up event handlers"),window.addEventListener("beforeunload",()=>{u({type:"DISPOSE"})}),u({type:"RESIZE",scrollHeight:document.body.scrollHeight}),window.addEventListener("resize",()=>{i(),u({type:"RESIZE",scrollHeight:document.body.scrollHeight})},{signal:t}),document.body.addEventListener("click",l=>{if(l.preventDefault(),l.stopPropagation(),!r)return;let p=y(r,document.body,e);if(!p)return;let a=r.getBoundingClientRect();o(),u({type:"PIN_POSITION",pin:{rect:g(r),selector:p,xPercent:(l.clientX-a.x)/a.width,yPercent:(l.clientY-a.y)/a.height}})},{signal:t}),e.info("Collaborate bridge: Event handlers set up");break}case"SCROLL":window.scrollTo({left:s.scrollX,top:s.scrollY,behavior:"instant"}),i();break;default:}};window.addEventListener("message",c,{signal:t}),t==null||t.addEventListener("abort",()=>{e.info("Collaborate bridge: disposing"),u({type:"DISPOSE"}),window.removeEventListener("message",c)})},w=()=>E(({logger:e})=>({setupBridge:t=>L({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=w;})();
+"use strict";(()=>{var P=Object.defineProperty;var m=Object.getOwnPropertySymbols;var _=Object.prototype.hasOwnProperty,x=Object.prototype.propertyIsEnumerable;var y=(e,t,n)=>t in e?P(e,t,{enumerable:!0,configurable:!0,writable:!0,value:n}):e[t]=n,b=(e,t)=>{for(var n in t||(t={}))_.call(t,n)&&y(e,n,t[n]);if(m)for(var n of m(t))x.call(t,n)&&y(e,n,t[n]);return e};var E=e=>e;var j=new Intl.RelativeTimeFormat(void 0,{numeric:"auto"});var O="isdk_session";var A=new RegExp(`${O}=([^;]+)`);var D={pathname:"/log",method:"POST",schema:{response:f(),searchParams:f()}};function f(){return{"~standard":{vendor:"inploi",version:1,validate:e=>({value:e})}}}var w={outBrackets:[":","/"],inBrackets:["(",")",".",",","_","%","+"]},R=e=>{let t=!1,n="",r="",i=o=>r==="\\"?o:`\\${o}`;for(let o of e)o==="["?(t=!0,n+=i(o)):o==="]"?(t=!1,n+=i(o)):t===!0&&w.inBrackets.includes(o)||t===!1&&w.outBrackets.includes(o)?n+=i(o):n+=o,r=o;return n};var C=e=>{var r,i,o,c,d,s,a,p;if(((r=e.element)==null?void 0:r.getAttribute("id"))!==null&&!((i=e.id)!=null&&i.length))return e.id=`#${(o=e.element)==null?void 0:o.getAttribute("id")}`,e;if(e.element&&e.element.className.length>0&&!((c=e.classes)!=null&&c.length))return e.classes=`.${R(e.element.className).split(" ").join(".")}`,e;let t=[e.classes,e.id].filter(Boolean).join("")||((d=e.element)==null?void 0:d.tagName),n=(s=e.element)==null?void 0:s.parentElement;if(n){let l=Array.from(n.children).findIndex(S=>S===e.element);return{element:(a=e.element)==null?void 0:a.parentElement,children:[`${t}:nth-child(${l+1})`,...(p=e.children)!=null?p:[]]}}throw new Error("Unable to uniquely identify selector: not unique enough")},h=(e,t,n)=>{let r=i=>{var d;let o=C(i),c=[[o.classes,o.id].filter(Boolean).join(""),...(d=o.children)!=null?d:[]].filter(Boolean).join(">");try{let s=t.querySelectorAll(c);return s.length>1&&s.length<100?r(o):s.length===1?c:null}catch(s){if(s instanceof DOMException)return n.warn("Invalid selector",c),null;throw s}};return r({element:e,children:[]})};var u=e=>{window.parent.postMessage(b({source:"inploi-collaborate"},e),"*")};var I=e=>e.data.source==="inploi-collaborate";var 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}},T=(e,t)=>{let n={};for(let r of e)try{let i=document.querySelector(r);n[r]=i?g(i):null}catch(i){i instanceof DOMException&&(t.warn(`Failed to get selector rect for ${r}`,i),n[r]=null)}return n};function L(e,t){let n;return(...r)=>{clearTimeout(n),n=setTimeout(()=>e(...r),t)}}var k=({logger:e,signal:t})=>{let n=[],r;u({type:"READY"}),e.info("Collaborate bridge: Ready");let i=L(()=>{u({type:"SELECTOR_RECTS",selectorRects:T(n,e)})},50),o=()=>{r&&u({type:"HOVER_ELEMENT",rect:g(r)})},c=d=>{if(I(d)===!1)return;let s=d.data;switch(s.type){case"WATCH_SELECTORS":{n=s.selectors,i();break}case"MOUSE_POSITION":{let a=document.elementsFromPoint(s.x,s.y)[0];if(a===r)return;r=a,o();break}case"DROP_PIN":{let a=document.elementsFromPoint(s.x,s.y)[0];if(!a)return;let p=h(a,document.body,e);if(!p)return;let l=a.getBoundingClientRect();u({type:"PIN_POSITION",pin:{rect:g(a),selector:p,xPercent:(s.x-l.x)/l.width,yPercent:(s.y-l.y)/l.height}});break}case"SETUP_EVENT_HANDLERS":{e.info("Collaborate bridge: Setting up event handlers"),window.addEventListener("beforeunload",()=>{u({type:"DISPOSE"})}),u({type:"RESIZE",scrollHeight:document.body.scrollHeight}),window.addEventListener("resize",()=>{i(),u({type:"RESIZE",scrollHeight:document.body.scrollHeight})},{signal:t}),document.body.addEventListener("click",a=>{if(a.preventDefault(),a.stopPropagation(),!r)return;let p=h(r,document.body,e);if(!p)return;let l=r.getBoundingClientRect();o(),u({type:"PIN_POSITION",pin:{rect:g(r),selector:p,xPercent:(a.clientX-l.x)/l.width,yPercent:(a.clientY-l.y)/l.height}})},{signal:t}),e.info("Collaborate bridge: Event handlers set up");break}case"SCROLL":window.scrollTo({left:s.scrollX,top:s.scrollY,behavior:"instant"}),i();break;default:}};window.addEventListener("message",c,{signal:t}),t==null||t.addEventListener("abort",()=>{e.info("Collaborate bridge: disposing"),u({type:"DISPOSE"}),window.removeEventListener("message",c)})},v=()=>E(({logger:e})=>({setupBridge:t=>k({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=v;})();

package/dist/index.d.mts

@@ -58,6 +58,7 @@ type SelectorRects = {
 };
 declare const collaboratePlugin: () => ({ logger }: {
     apiClient: _inploi_sdk.ApiClient;
+    rpcClient: _inploi_sdk.InploiRpcClient;
     logger: Logger;
     analytics: _inploi_sdk.AnalyticsService;
 }) => {

package/dist/index.d.ts

@@ -58,6 +58,7 @@ type SelectorRects = {
 };
 declare const collaboratePlugin: () => ({ logger }: {
     apiClient: _inploi_sdk.ApiClient;
+    rpcClient: _inploi_sdk.InploiRpcClient;
     logger: Logger;
     analytics: _inploi_sdk.AnalyticsService;
 }) => {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@inploi/plugin-collaborate",
-  "version": "0.0.19",
+  "version": "1.0.0",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",
   "license": "MIT",
@@ -17,18 +17,19 @@
   },
   "dependencies": {},
   "peerDependencies": {
-    "@inploi/sdk": "*"
+    "@inploi/sdk": ">=1.15.0"
   },
   "devDependencies": {
     "@happy-dom/global-registrator": "^13.6.2",
-    "@types/bun": "^1.0.8",
+    "@types/bun": "^1.2.5",
     "eslint": "^7.32.0",
     "happy-dom": "^12.6.0",
     "tsup": "^7.2.0",
+    "concurrently": "9.1.2",
     "eslint-config-custom": "0.1.0",
     "tsconfig": "0.1.0",
-    "@inploi/sdk": "1.14.4",
-    "@inploi/core": "1.14.2"
+    "@inploi/sdk": "1.15.0",
+    "@inploi/core": "1.16.0"
   },
   "scripts": {
     "build:npm": "tsup --dts --dts-resolve",