@runtimescope/sdk 0.9.2 → 0.10.0
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.
- package/dist/index.cjs +5 -4
- package/dist/index.cjs.map +1 -1
- package/dist/index.d.cts +33 -1
- package/dist/index.d.ts +33 -1
- package/dist/index.global.js +5 -4
- package/dist/index.global.js.map +1 -1
- package/dist/index.js +5 -4
- package/dist/index.js.map +1 -1
- package/package.json +1 -1
package/dist/index.js
CHANGED
|
@@ -1,8 +1,9 @@
|
|
|
1
|
-
var
|
|
2
|
-
`).slice(3);for(let
|
|
1
|
+
var ue=Object.defineProperty;var de=(e,t,r)=>t in e?ue(e,t,{enumerable:!0,configurable:!0,writable:!0,value:r}):e[t]=r;var f=(e,t,r)=>de(e,typeof t!="symbol"?t+"":t,r);var D=console.debug.bind(console),S=class S{constructor(t){f(this,"ws",null);f(this,"batch",[]);f(this,"offlineQueue",[]);f(this,"flushTimer",null);f(this,"reconnectTimer",null);f(this,"reconnectDelay",500);f(this,"reconnectAttempt",0);f(this,"connected",!1);f(this,"stopped",!1);f(this,"config");f(this,"commandHandler",null);f(this,"hasEverConnected",!1);f(this,"connectionWarningTimer",null);f(this,"visibilityHandler",null);f(this,"onlineHandler",null);this.config=t}isConnected(){return this.connected}connect(){this.stopped=!1,this.doConnect(),this.connectionWarningTimer=setTimeout(()=>{!this.hasEverConnected&&!this.stopped&&console.warn(`[RuntimeScope] SDK has not connected to ${this.config.serverUrl} after 10s. Is the collector running? Start it with: npx @runtimescope/collector`)},S.CONNECTION_WARNING_DELAY),typeof document<"u"&&(this.visibilityHandler=()=>{document.visibilityState==="visible"&&!this.connected&&!this.stopped&&(D("[RuntimeScope] Tab visible \u2014 attempting immediate reconnect"),this.resetReconnectState(),this.reconnectTimer&&(clearTimeout(this.reconnectTimer),this.reconnectTimer=null),this.doConnect())},document.addEventListener("visibilitychange",this.visibilityHandler)),typeof window<"u"&&(this.onlineHandler=()=>{!this.connected&&!this.stopped&&(D("[RuntimeScope] Network online \u2014 attempting immediate reconnect"),this.resetReconnectState(),this.reconnectTimer&&(clearTimeout(this.reconnectTimer),this.reconnectTimer=null),this.doConnect())},window.addEventListener("online",this.onlineHandler))}doConnect(){if(!this.stopped){try{this.ws=new WebSocket(this.config.serverUrl)}catch{this.scheduleReconnect();return}this.ws.onmessage=t=>{try{let r=JSON.parse(String(t.data));r.type==="command"&&r.payload&&this.commandHandler&&this.commandHandler(r.payload),r.type==="__server_restart"&&(D("[RuntimeScope] Server restart notice received \u2014 will reconnect immediately"),this.resetReconnectState()),r.type==="error"&&r.payload?.code==="AUTH_FAILED"&&(D("[RuntimeScope] Authentication failed \u2014 stopping reconnection"),this.stopped=!0)}catch{}},this.ws.onopen=()=>{if(this.connected=!0,this.hasEverConnected=!0,this.resetReconnectState(),D(`[RuntimeScope] Connected to ${this.config.serverUrl}`),this.sendRaw({type:"handshake",payload:{appName:this.config.appName,sdkVersion:this.config.sdkVersion,sessionId:this.config.sessionId,...this.config.authToken?{authToken:this.config.authToken}:{},...this.config.projectId?{projectId:this.config.projectId}:{}},timestamp:Date.now(),sessionId:this.config.sessionId}),this.offlineQueue.length>0){let t=this.offlineQueue.splice(0);for(let r of t)this.batch.push(r);this.flush()}this.flushTimer=setInterval(()=>this.flush(),this.config.flushIntervalMs)},this.ws.onclose=()=>{this.connected=!1,this.clearFlushTimer(),this.stopped||(D("[RuntimeScope] Disconnected, will reconnect..."),this.scheduleReconnect())},this.ws.onerror=()=>{D(`[RuntimeScope] WebSocket error connecting to ${this.config.serverUrl}`)}}}send(t){this.connected?(this.batch.push(t),this.batch.length>=this.config.batchSize&&this.flush()):this.offlineQueue.length<S.MAX_OFFLINE_QUEUE&&this.offlineQueue.push(t)}flush(){if(this.batch.length===0||!this.connected||!this.ws)return;let t=this.batch.splice(0);this.sendRaw({type:"event",payload:{events:t},timestamp:Date.now(),sessionId:this.config.sessionId})}sendRaw(t){if(this.ws&&this.ws.readyState===WebSocket.OPEN)try{this.ws.send(JSON.stringify(t))}catch{}}scheduleReconnect(){if(this.stopped||this.reconnectTimer)return;this.reconnectAttempt++;let t;if(this.reconnectAttempt<=S.FAST_RETRY_COUNT)t=S.FAST_RETRY_DELAY;else{let r=this.reconnectDelay*.25*(Math.random()*2-1);t=Math.min(this.reconnectDelay+r,S.MAX_RECONNECT_DELAY),this.reconnectDelay=Math.min(this.reconnectDelay*2,S.MAX_RECONNECT_DELAY)}this.reconnectTimer=setTimeout(()=>{this.reconnectTimer=null,this.doConnect()},t)}resetReconnectState(){this.reconnectDelay=500,this.reconnectAttempt=0}clearFlushTimer(){this.flushTimer&&(clearInterval(this.flushTimer),this.flushTimer=null)}onCommand(t){this.commandHandler=t}sendCommandResponse(t,r,o){this.sendRaw({type:"command_response",requestId:t,command:r,payload:o,timestamp:Date.now(),sessionId:this.config.sessionId})}disconnect(){this.stopped=!0,this.clearFlushTimer(),this.connectionWarningTimer&&(clearTimeout(this.connectionWarningTimer),this.connectionWarningTimer=null),this.reconnectTimer&&(clearTimeout(this.reconnectTimer),this.reconnectTimer=null),this.visibilityHandler&&typeof document<"u"&&(document.removeEventListener("visibilitychange",this.visibilityHandler),this.visibilityHandler=null),this.onlineHandler&&typeof window<"u"&&(window.removeEventListener("online",this.onlineHandler),this.onlineHandler=null),this.flush(),this.ws&&(this.ws.onclose=null,this.ws.onerror=null,this.ws.close(),this.ws=null),this.connected=!1,this.batch=[],this.offlineQueue=[]}};f(S,"MAX_OFFLINE_QUEUE",1e3),f(S,"MAX_RECONNECT_DELAY",3e4),f(S,"CONNECTION_WARNING_DELAY",1e4),f(S,"FAST_RETRY_COUNT",3),f(S,"FAST_RETRY_DELAY",500);var M=S;function m(){let e=new Uint8Array(8);return crypto.getRandomValues(e),Array.from(e,t=>t.toString(16).padStart(2,"0")).join("")}function X(){let e=new Uint8Array(16);return crypto.getRandomValues(e),Array.from(e,t=>t.toString(16).padStart(2,"0")).join("")}var pe=1e3,le=1e4,fe=5e3,L=new Map,H=null,P=0;function me(){P++,!H&&(H=setInterval(()=>{let e=Date.now()-le;for(let[t,r]of L)r<e&&L.delete(t)},fe))}function he(){P--,P<=0&&H&&(clearInterval(H),H=null,P=0)}function W(e,t,r,o){let n=window.fetch,u=new Set(r.map(i=>i.toLowerCase())),a=o?.captureBody??!1,s=o?.maxBodySize??65536;return me(),window.fetch=async function(i,d){let l=performance.now(),c=typeof i=="string"?i:i instanceof URL?i.href:i.url,p=(d?.method??"GET").toUpperCase(),h=ge(d?.headers,u),g=we(d?.body),b=Re(d?.body),R;a&&d?.body&&(R=ye(d.body,s));let _=`${p}:${c}:${l}`;if(L.size>=pe){let v=L.keys().next().value;v!==void 0&&L.delete(v)}L.set(_,Date.now());try{let v=await n.call(window,i,d),k=performance.now()-l,x=parseInt(v.headers.get("content-length")||"0",10),C=ve(v.headers,u),w;if(a)try{let O=await v.clone().text();w=O.length>s?O.slice(0,s):O}catch{}let E={eventId:m(),sessionId:t,timestamp:Date.now(),eventType:"network",url:c,method:p,status:v.status,requestHeaders:h,responseHeaders:C,requestBodySize:g,responseBodySize:x,duration:k,ttfb:k,graphqlOperation:b,requestBody:R,responseBody:w,source:"fetch"};if(o?.beforeSend){let I=o.beforeSend(E);I&&e(I)}else e(E);return v}catch(v){let k=performance.now()-l,x="error",C="";v instanceof DOMException&&v.name==="AbortError"?(x="abort",C="Request aborted"):v instanceof Error&&(C=v.message);let w={eventId:m(),sessionId:t,timestamp:Date.now(),eventType:"network",url:c,method:p,status:0,requestHeaders:h,responseHeaders:{},requestBodySize:g,responseBodySize:0,duration:k,ttfb:0,graphqlOperation:b,requestBody:R,errorPhase:x,errorMessage:C,source:"fetch"};if(o?.beforeSend){let E=o.beforeSend(w);E&&e(E)}else e(w);throw v}},()=>{window.fetch=n,he()}}function ge(e,t){let r={};if(!e)return r;if(e instanceof Headers)e.forEach((o,n)=>{r[n]=t.has(n.toLowerCase())?"[REDACTED]":o});else if(Array.isArray(e))for(let[o,n]of e)r[o]=t.has(o.toLowerCase())?"[REDACTED]":n;else for(let[o,n]of Object.entries(e))r[o]=t.has(o.toLowerCase())?"[REDACTED]":n;return r}function ve(e,t){let r={};return e.forEach((o,n)=>{r[n]=t.has(n.toLowerCase())?"[REDACTED]":o}),r}function we(e){return e?typeof e=="string"?new Blob([e]).size:e instanceof Blob?e.size:e instanceof ArrayBuffer||ArrayBuffer.isView(e)?e.byteLength:e instanceof FormData?0:e instanceof URLSearchParams?new Blob([e.toString()]).size:0:0}function ye(e,t){if(e){if(typeof e=="string")return e.length>t?e.slice(0,t):e;if(e instanceof URLSearchParams){let r=e.toString();return r.length>t?r.slice(0,t):r}if(e instanceof FormData)return"[FormData]";if(e instanceof Blob)return`[Blob ${e.size} bytes]`;if(e instanceof ArrayBuffer)return`[ArrayBuffer ${e.byteLength} bytes]`;if(ArrayBuffer.isView(e))return`[TypedArray ${e.byteLength} bytes]`}}function Re(e){if(!(!e||typeof e!="string"))try{let t=JSON.parse(e);if(typeof t.query=="string"){let r=t.query.trim(),o="query";r.startsWith("mutation")?o="mutation":r.startsWith("subscription")&&(o="subscription");let n=t.operationName||Ee(r)||"anonymous";return{type:o,name:n}}}catch{}}function Ee(e){return e.match(/^(?:query|mutation|subscription)\s+(\w+)/)?.[1]}function y(e,t=5){let r=new WeakSet;function o(n,u){if(u>t)return"[max depth]";if(n==null)return n;if(typeof n=="function")return`[Function: ${n.name||"anonymous"}]`;if(typeof n=="symbol"||typeof n=="bigint")return n.toString();if(typeof n!="object")return n;if(n instanceof Error)return{name:n.name,message:n.message,stack:n.stack};if(n instanceof Date)return n.toISOString();if(n instanceof RegExp)return n.toString();if(r.has(n))return"[Circular]";if(r.add(n),Array.isArray(n))return n.map(d=>o(d,u+1));let a={},s;try{s=Object.keys(n)}catch{return"[Object]"}let i=50;for(let d=0;d<Math.min(s.length,i);d++)try{a[s[d]]=o(n[s[d]],u+1)}catch{a[s[d]]="[Error accessing property]"}return s.length>i&&(a["..."]=`${s.length-i} more keys`),a}return o(e,0)}var V=["log","warn","error","info","debug","trace"];function G(e){if(!e)return;let t=e.split(`
|
|
2
|
+
`).slice(3);for(let r of t){let o=r.match(/(?:at\s+)?(?:.*?\()?(.+?):(\d+):(\d+)\)?/);if(o&&!o[1].includes("interceptor")&&!o[1].includes("runtimescope"))return`${o[1]}:${o[2]}`}}function K(e,t,r){let o={},n=new Map,u=new Map;for(let p of V)o[p]=console[p].bind(console),console[p]=(...h)=>{let g=new Error().stack,b=h.map(_=>typeof _=="string"?_:Q(_)).join(" "),R={eventId:m(),sessionId:t,timestamp:Date.now(),eventType:"console",level:p,message:b,args:h.map(_=>y(_,3)),stackTrace:p==="error"||p==="trace"?g?.split(`
|
|
3
3
|
`).slice(2).join(`
|
|
4
|
-
`):void 0,sourceFile:
|
|
4
|
+
`):void 0,sourceFile:G(g),source:"browser"};if(r){let _=r(R);_&&e(_)}else e(R);o[p](...h)};let a=console.assert?.bind(console);a&&(console.assert=(p,...h)=>{if(!p){let g=new Error().stack,b=`Assertion failed: ${h.map(R=>typeof R=="string"?R:Q(R)).join(" ")}`;e({eventId:m(),sessionId:t,timestamp:Date.now(),eventType:"console",level:"error",message:b,args:h.map(R=>y(R,3)),stackTrace:g?.split(`
|
|
5
5
|
`).slice(2).join(`
|
|
6
|
-
`),sourceFile:V(g),source:"browser"})}i(d,...h)});let s=console.time?.bind(console),a=console.timeEnd?.bind(console);s&&(console.time=(d="default")=>{r.set(d,performance.now()),s(d)}),a&&(console.timeEnd=(d="default")=>{let h=r.get(d);if(h!==void 0){let g=performance.now()-h;r.delete(d),e({eventId:m(),sessionId:t,timestamp:Date.now(),eventType:"console",level:"info",message:`${d}: ${g.toFixed(2)}ms`,args:[{label:d,duration:g}],source:"browser"})}a(d)});let c=console.count?.bind(console),l=console.countReset?.bind(console);c&&(console.count=(d="default")=>{let h=(u.get(d)??0)+1;u.set(d,h),e({eventId:m(),sessionId:t,timestamp:Date.now(),eventType:"console",level:"info",message:`${d}: ${h}`,args:[{label:d,count:h}],source:"browser"}),c(d)}),l&&(console.countReset=(d="default")=>{u.delete(d),l(d)});let p=console.table?.bind(console);return p&&(console.table=(d,h)=>{e({eventId:m(),sessionId:t,timestamp:Date.now(),eventType:"console",level:"info",message:`[table] ${Array.isArray(d)?`${d.length} rows`:typeof d}`,args:[y(d,3)],source:"browser"}),p(d,h)}),()=>{for(let d of W)console[d]=n[d];i&&(console.assert=i),s&&(console.time=s),a&&(console.timeEnd=a),c&&(console.count=c),l&&(console.countReset=l),p&&(console.table=p)}}function G(e){try{return JSON.stringify(e)}catch{return String(e)}}function K(e,t,o,n){let r=new Set(o.map(p=>p.toLowerCase())),u=n?.captureBody??!1,i=n?.maxBodySize??65536,s=new AbortController,a=XMLHttpRequest.prototype.open,c=XMLHttpRequest.prototype.setRequestHeader,l=XMLHttpRequest.prototype.send;return XMLHttpRequest.prototype.open=function(p,d){return this.__rs_method=p.toUpperCase(),this.__rs_url=typeof d=="string"?d:d.href,this.__rs_headers={},a.apply(this,arguments)},XMLHttpRequest.prototype.setRequestHeader=function(p,d){return this.__rs_headers&&(this.__rs_headers[p.toLowerCase()]=r.has(p.toLowerCase())?"[REDACTED]":d),c.call(this,p,d)},XMLHttpRequest.prototype.send=function(p){let d=this.__rs_method??"GET",h=this.__rs_url??"",g=`${d}:${h}`,b=!1;for(let w of L.keys())if(w.startsWith(g)){b=!0;break}if(b)return this.__rs_fetchIntercepted=!0,l.call(this,p);let R={...this.__rs_headers??{}},_=performance.now(),v,k=0;if(p){if(typeof p=="string")k=new Blob([p]).size,u&&(v=p.length>i?p.slice(0,i):p);else if(p instanceof Blob)k=p.size,u&&(v=`[Blob ${p.size} bytes]`);else if(p instanceof ArrayBuffer)k=p.byteLength,u&&(v=`[ArrayBuffer ${p.byteLength} bytes]`);else if(p instanceof FormData)u&&(v="[FormData]");else if(p instanceof URLSearchParams){let w=p.toString();k=new Blob([w]).size,u&&(v=w.length>i?w.slice(0,i):w)}}let D=Ee(p),C=w=>{let E={eventId:m(),sessionId:t,timestamp:Date.now(),eventType:"network",url:h,method:d,status:0,requestHeaders:R,responseHeaders:{},requestBodySize:k,responseBodySize:0,duration:0,ttfb:0,graphqlOperation:D,requestBody:v,source:"xhr",...w};if(n?.beforeSend){let I=n.beforeSend(E);I&&e(I)}else e(E)};return this.addEventListener("loadend",()=>{let w=performance.now()-_;if(this.status>0){let E=Re(this.getAllResponseHeaders(),r),I=parseInt(this.getResponseHeader("content-length")||"0",10),N;if(u&&(this.responseType===""||this.responseType==="text"))try{let j=this.responseText;N=j.length>i?j.slice(0,i):j}catch{}C({status:this.status,responseHeaders:E,responseBodySize:I,responseBody:N,duration:w,ttfb:w})}else{let E="error",I="Network error";this.readyState===0||this.status,this.timeout>0&&w>=this.timeout&&(E="timeout",I=`Request timed out after ${this.timeout}ms`),C({duration:w,errorPhase:E,errorMessage:I})}},{once:!0,signal:s.signal}),l.call(this,p)},()=>{s.abort(),XMLHttpRequest.prototype.open=a,XMLHttpRequest.prototype.setRequestHeader=c,XMLHttpRequest.prototype.send=l}}function Re(e,t){let o={};if(!e)return o;for(let n of e.trim().split(/[\r\n]+/)){let r=n.indexOf(":");if(r===-1)continue;let u=n.slice(0,r).trim().toLowerCase(),i=n.slice(r+1).trim();o[u]=t.has(u)?"[REDACTED]":i}return o}function Ee(e){if(!(!e||typeof e!="string"))try{let t=JSON.parse(e);if(typeof t.query=="string"){let o=t.query.trim(),n="query";o.startsWith("mutation")?n="mutation":o.startsWith("subscription")&&(n="subscription");let r=t.operationName||Se(o)||"anonymous";return{type:n,name:r}}}catch{}}function Se(e){return e.match(/^(?:query|mutation|subscription)\s+(\w+)/)?.[1]}function J(e,t,o,n){let r=[],u=new Map;for(let[i,s]of Object.entries(o)){let a=be(s);if(a==="zustand"){let c=s;B(e,t,n?.beforeSend,{storeId:i,library:a,phase:"init",state:y(c.getState(),4)});let l=c.subscribe((p,d)=>{let h=Y(d,p);B(e,t,n?.beforeSend,{storeId:i,library:a,phase:"update",state:y(p,4),previousState:y(d,4),diff:h?y(h,3):void 0})});r.push(l)}else if(a==="redux"){let c=s;B(e,t,n?.beforeSend,{storeId:i,library:a,phase:"init",state:y(c.getState(),4)});let l,p=c.dispatch.bind(c);u.set(i,p),c.dispatch=g=>(g&&typeof g=="object"&&"type"in g&&(l={type:String(g.type),payload:g.payload}),p(g));let d=c.getState(),h=c.subscribe(()=>{let g=c.getState(),b=Y(d,g);B(e,t,n?.beforeSend,{storeId:i,library:a,phase:"update",state:y(g,4),previousState:y(d,4),diff:b?y(b,3):void 0,action:l?y(l,3):void 0}),d=g,l=void 0});r.push(h)}}return()=>{for(let i of r)i();for(let[i,s]of u){let a=o[i];a&&(a.dispatch=s)}}}function be(e){if(!e||typeof e!="object")return"unknown";let t=e;return typeof t.getState=="function"&&typeof t.setState=="function"&&typeof t.subscribe=="function"?"zustand":typeof t.dispatch=="function"&&typeof t.getState=="function"&&typeof t.subscribe=="function"?"redux":"unknown"}function Y(e,t){if(!e||!t||typeof e!="object"||typeof t!="object")return null;let o={},n=e,r=t,u=new Set([...Object.keys(n),...Object.keys(r)]);for(let i of u)n[i]!==r[i]&&(o[i]={from:n[i],to:r[i]});return Object.keys(o).length>0?o:null}function B(e,t,o,n){let r={eventId:m(),sessionId:t,timestamp:Date.now(),eventType:"state",...n};if(o){let u=o(r);u&&e(u)}else e(r)}var _e={LCP:[2500,4e3],FCP:[1800,3e3],CLS:[.1,.25],TTFB:[800,1800],FID:[100,300],INP:[200,500]};function Te(e,t){let[o,n]=_e[e]??[1/0,1/0];return t<=o?"good":t<=n?"needs-improvement":"poor"}var F=null;function Z(e,t,o){if(F)for(let s of F)try{s.disconnect()}catch{}let n=[];F=n;let r=(s,a,c)=>{let l={eventId:m(),sessionId:t,timestamp:Date.now(),eventType:"performance",metricName:s,value:Math.round(a*100)/100,rating:Te(s,a),element:c};if(o?.beforeSend){let p=o.beforeSend(l);p&&e(p)}else e(l)};x(n,"largest-contentful-paint",s=>{let a=s[s.length-1];if(!a)return;let c=a.element;r("LCP",a.startTime,c?.tagName?.toLowerCase())}),x(n,"paint",s=>{for(let a of s)a.name==="first-contentful-paint"&&r("FCP",a.startTime)});let u=0;x(n,"layout-shift",s=>{for(let a of s){let c=a;!c.hadRecentInput&&c.value&&(u+=c.value,r("CLS",u))}}),x(n,"first-input",s=>{let a=s[0];if(!a)return;let c=a;c.processingStart&&r("FID",c.processingStart-a.startTime)}),x(n,"navigation",s=>{let a=s[0];a&&r("TTFB",a.responseStart-a.requestStart)});let i=0;return x(n,"event",s=>{for(let a of s)a.duration>i&&(i=a.duration,r("INP",i))},{durationThreshold:16}),()=>{for(let s of n)try{s.disconnect()}catch{}F===n&&(F=null)}}function x(e,t,o,n){try{let r=new PerformanceObserver(u=>{o(u.getEntries())});r.observe({type:t,buffered:!0,...n}),e.push(r)}catch{}}var Ie=0,ke=1,ne=1e4,ee=100,Ce=6e4,te=500;function re(e,t,o){let n=new Map,r=o?.snapshotIntervalMs??5e3,u=null,i=Le();if(!i)return()=>{};let s=i.onCommitFiberRoot;return i._runtimescope_original=s,i.onCommitFiberRoot=(a,c)=>{if(s)try{s(a,c)}catch{}c.current&&$(c.current,n)},u=setInterval(()=>{Ae(n,e,t,o?.beforeSend)},r),()=>{u&&(clearInterval(u),u=null),i&&(i._runtimescope_original?i.onCommitFiberRoot=i._runtimescope_original:delete i.onCommitFiberRoot,delete i._runtimescope_original)}}function Le(){if(typeof window>"u")return null;let e=window;return e.__REACT_DEVTOOLS_GLOBAL_HOOK__||(e.__REACT_DEVTOOLS_GLOBAL_HOOK__={}),e.__REACT_DEVTOOLS_GLOBAL_HOOK__}function $(e,t){Oe(e,t),e.child&&$(e.child,t),e.sibling&&$(e.sibling,t)}function Oe(e,t){if(e.tag!==Ie&&e.tag!==ke)return;let o=De(e);if(!o)return;let n=Date.now(),r=e.alternate===null,u=e.actualDuration??0,i=Ne(e,r),s=t.get(o);s||(s={renderCount:0,totalDuration:0,lastRenderTime:0,lastRenderPhase:"mount",lastRenderCause:"unknown",renderTimestamps:[]},t.set(o,s)),s.renderCount++,s.totalDuration+=u,s.lastRenderTime=n,s.lastRenderPhase=r?"mount":"update",s.lastRenderCause=i??"unknown",s.renderTimestamps.push(n),s.renderTimestamps.length>ee&&(s.renderTimestamps=s.renderTimestamps.slice(-ee))}function De(e){if(e.type&&typeof e.type!="string")return e.type.displayName||e.type.name||void 0}function Ne(e,t){return t?"props":e.alternate?e.memoizedProps!==e.alternate.memoizedProps?"props":e.memoizedState!==e.alternate.memoizedState?"state":"parent":"unknown"}function xe(e){if(e.length<2)return 0;let t=Date.now(),o=t-ne,n=e.filter(u=>u>=o);if(n.length<2)return 0;let r=t-n[0];return r===0?0:n.length/(r/1e3)}function Ae(e,t,o,n){if(e.size===0)return;let r=[],u=[],i=0;for(let[c,l]of e){let p=xe(l.renderTimestamps),d=p>4||l.renderCount>20;r.push({componentName:c,renderCount:l.renderCount,totalDuration:Math.round(l.totalDuration*100)/100,avgDuration:l.renderCount>0?Math.round(l.totalDuration/l.renderCount*100)/100:0,lastRenderPhase:l.lastRenderPhase,lastRenderCause:l.lastRenderCause,renderVelocity:Math.round(p*100)/100,suspicious:d}),d&&u.push(c),i+=l.renderCount}r.sort((c,l)=>l.renderCount-c.renderCount);let s={eventId:m(),sessionId:o,timestamp:Date.now(),eventType:"render",profiles:r,snapshotWindowMs:ne,totalRenders:i,suspiciousComponents:u};if(n){let c=n(s);c&&t(c)}else t(s);let a=Date.now();for(let[c,l]of e)a-l.lastRenderTime>Ce?e.delete(c):(l.renderCount=0,l.totalDuration=0);if(e.size>te){let c=[...e.entries()].sort((p,d)=>p[1].lastRenderTime-d[1].lastRenderTime),l=e.size-te;for(let p=0;p<l;p++)e.delete(c[p][0])}}function oe(e,t,o){let n=u=>{let i,s,a;if(u instanceof ErrorEvent)i=u.message||"Uncaught error",s=u.error?.stack,a=u.filename?`${u.filename}:${u.lineno}:${u.colno}`:void 0;else{let l=u.target;if(l&&l!==window){let p=l.tagName?.toLowerCase()??"unknown",d=l.src??l.src??l.href??"unknown";i=`Failed to load resource: <${p}> ${d}`}else return}let c={eventId:m(),sessionId:t,timestamp:Date.now(),eventType:"console",level:"error",message:`[Uncaught] ${i}`,args:[y(i,3)],stackTrace:s,sourceFile:a};if(o){let l=o(c);l&&e(l)}else e(c)},r=u=>{let i=u.reason,s,a;if(i instanceof Error)s=i.message,a=i.stack;else if(typeof i=="string")s=i;else try{s=JSON.stringify(i)}catch{s=String(i)}let c={eventId:m(),sessionId:t,timestamp:Date.now(),eventType:"console",level:"error",message:`[Unhandled Rejection] ${s}`,args:[y(i,3)],stackTrace:a,sourceFile:void 0};if(o){let l=o(c);l&&e(l)}else e(c)};return window.addEventListener("error",n,!0),window.addEventListener("unhandledrejection",r),()=>{window.removeEventListener("error",n,!0),window.removeEventListener("unhandledrejection",r)}}function se(e,t){let o=window.location.href;function n(a,c){let l=o;l!==a&&(o=a,e({eventId:m(),sessionId:t,timestamp:Date.now(),eventType:"navigation",from:l,to:a,trigger:c}))}let r=history.pushState.bind(history),u=history.replaceState.bind(history);history.pushState=function(...a){r(...a),n(window.location.href,"pushState")},history.replaceState=function(...a){u(...a),n(window.location.href,"replaceState")};let i=()=>n(window.location.href,"popstate");window.addEventListener("popstate",i);let s=()=>n(window.location.href,"hashchange");return window.addEventListener("hashchange",s),()=>{history.pushState=r,history.replaceState=u,window.removeEventListener("popstate",i),window.removeEventListener("hashchange",s)}}function ie(e,t){let o=n=>{let r=n.target;if(!(r instanceof Element)||r.closest("[data-runtimescope]"))return;let u=He(r),i=Fe(r),s={eventId:m(),sessionId:t,timestamp:Date.now(),eventType:"ui",action:"click",target:u,...i&&{text:i}};e(s)};return document.addEventListener("click",o,!0),()=>{document.removeEventListener("click",o,!0)}}function He(e){let t=e.tagName.toLowerCase();if(e.id)return`${t}#${e.id}`;let o=e.getAttribute("data-testid")??e.getAttribute("data-test-id");if(o)return`${t}[data-testid="${o}"]`;let n=e.getAttribute("role"),r=e.getAttribute("aria-label");if(n&&r)return`${t}[role="${n}"][aria-label="${r}"]`;let u=e.className;if(typeof u=="string"&&u.trim()){let s=u.split(/\s+/).find(a=>a.length>2&&!a.startsWith("_")&&!a.includes("__"));if(s)return`${t}.${s}`}let i=e.parentElement;if(i){let s=i.children,a=Array.from(s).filter(c=>c.tagName===e.tagName);if(a.length>1){let c=a.indexOf(e)+1;return`${t}:nth-child(${c})`}}return t}function Fe(e){let t=e.getAttribute("aria-label");if(t)return t.slice(0,80);let o=e.innerText??e.textContent;if(!o)return;let n=o.trim().replace(/\s+/g," ");if(n.length!==0)return n.length>80?n.slice(0,77)+"...":n}var q="0.9.2",A=console.debug.bind(console),z=Symbol.for("__runtimescope_originals__");function Me(){let e=globalThis;return e[z]||(e[z]={fetch:window.fetch,xhrOpen:XMLHttpRequest.prototype.open,xhrSend:XMLHttpRequest.prototype.send,xhrSetRequestHeader:XMLHttpRequest.prototype.setRequestHeader,consoleMethods:{log:console.log.bind(console),warn:console.warn.bind(console),error:console.error.bind(console),info:console.info.bind(console),debug:console.debug.bind(console),trace:console.trace.bind(console)}}),e[z]}var T=class{static get sessionId(){return this._sessionId}static get isConnected(){return this._state==="started"}static shouldSample(){if(this._sampleRate<1&&Math.random()>this._sampleRate)return!1;if(this._maxEventsPerSecond!==void 0){let t=Date.now();if(t-this._windowStart>=1e3&&(this._windowCount=0,this._windowStart=t),this._windowCount>=this._maxEventsPerSecond)return!1;this._windowCount++}return!0}static connect(t={}){if(t.enabled===!1)return;if(!!!(t.serverUrl||t.endpoint)&&typeof window<"u"){let s=window.location?.hostname;if(s&&s!=="localhost"&&s!=="127.0.0.1"&&!s.startsWith("192.168.")&&!s.startsWith("10.")){A("[RuntimeScope] No endpoint configured and not on localhost \u2014 SDK disabled for production");return}}this._state==="started"&&(A("[RuntimeScope] Already connected \u2014 disconnecting before re-init"),this.disconnect());let n={serverUrl:t.serverUrl??t.endpoint??"ws://localhost:9090",appName:t.appName??"unknown",captureNetwork:t.captureNetwork??!0,captureConsole:t.captureConsole??!0,captureXhr:t.captureXhr??!0,captureBody:t.captureBody??!1,maxBodySize:t.maxBodySize??65536,capturePerformance:t.capturePerformance??!0,captureRenders:t.captureRenders??!0,captureNavigation:t.captureNavigation??!0,captureClicks:t.captureClicks??!0,stores:t.stores??{},beforeSend:t.beforeSend,redactHeaders:t.redactHeaders??["authorization","cookie"],batchSize:t.batchSize??50,flushIntervalMs:t.flushIntervalMs??100};Me(),this._sessionId=U(),this._state="started",this.transport=new M({serverUrl:n.serverUrl,appName:n.appName,sessionId:this._sessionId,sdkVersion:q,authToken:t.authToken,projectId:t.projectId,batchSize:n.batchSize,flushIntervalMs:n.flushIntervalMs}),this._sampleRate=t.sampleRate??1,this._maxEventsPerSecond=t.maxEventsPerSecond,this._windowCount=0,this._windowStart=Date.now(),this._user=t.user,this.transport.connect(),A(`[RuntimeScope] SDK v${q} initializing \u2014 app: ${n.appName}, server: ${n.serverUrl}`);let r=s=>{s.eventType!=="session"&&s.eventType!=="custom"&&s.eventType!=="ui"&&!this.shouldSample()||this.transport?.send(s)};r({eventId:m(),sessionId:this._sessionId,timestamp:Date.now(),eventType:"session",appName:n.appName,connectedAt:Date.now(),sdkVersion:q,buildMeta:t.buildMeta,user:this._user,projectId:t.projectId});let u=this._sessionId;this.transport.onCommand(s=>{this.handleCommand(s,r,u)}),n.captureNetwork&&this.restoreFns.push(X(r,this._sessionId,n.redactHeaders,{captureBody:n.captureBody,maxBodySize:n.maxBodySize,beforeSend:n.beforeSend})),n.captureXhr&&this.restoreFns.push(K(r,this._sessionId,n.redactHeaders,{captureBody:n.captureBody,maxBodySize:n.maxBodySize,beforeSend:n.beforeSend})),n.captureConsole&&this.restoreFns.push(Q(r,this._sessionId,n.beforeSend)),t.captureErrors!==!1&&this.restoreFns.push(oe(r,this._sessionId,n.beforeSend)),Object.keys(n.stores).length>0&&this.restoreFns.push(J(r,this._sessionId,n.stores,{beforeSend:n.beforeSend})),n.capturePerformance&&this.restoreFns.push(Z(r,this._sessionId,{beforeSend:n.beforeSend})),n.captureRenders&&this.restoreFns.push(re(r,this._sessionId,{beforeSend:n.beforeSend})),n.captureNavigation&&this.restoreFns.push(se(r,this._sessionId)),n.captureClicks&&this.restoreFns.push(ie(r,this._sessionId));let i=[n.captureNetwork&&"fetch",n.captureXhr&&"xhr",n.captureConsole&&"console, errors",Object.keys(n.stores).length>0&&"state",n.capturePerformance&&"performance",n.captureRenders&&"renders",n.captureNavigation&&"navigation",n.captureClicks&&"clicks"].filter(Boolean);A(`[RuntimeScope] Interceptors active \u2014 ${i.join(", ")}`),this._sampleRate<1&&A(`[RuntimeScope] Sampling at ${(this._sampleRate*100).toFixed(0)}%`),this._maxEventsPerSecond!==void 0&&A(`[RuntimeScope] Rate limited to ${this._maxEventsPerSecond} events/sec`)}static handleCommand(t,o,n){if(t.command==="capture_dom_snapshot"){let r=t.params?.maxSize??5e5,u=document.documentElement.outerHTML,i=u.length>r;i&&(u=u.slice(0,r));let s={eventId:m(),sessionId:n,timestamp:Date.now(),eventType:"dom_snapshot",html:u,url:window.location.href,viewport:{width:window.innerWidth,height:window.innerHeight},scrollPosition:{x:window.scrollX,y:window.scrollY},elementCount:document.querySelectorAll("*").length,truncated:i};o(s),this.transport?.sendCommandResponse(t.requestId,t.command,s)}else this.transport?.sendCommandResponse(t.requestId,t.command,{error:"Unknown command"})}static init(t={}){return this.connect(t)}static track(t,o){if(!this.transport||!this._sessionId)return;let n={eventId:m(),sessionId:this._sessionId,timestamp:Date.now(),eventType:"custom",name:t,properties:o};this.transport.send(n)}static setUser(t){this._user=t??void 0,this.transport&&this._sessionId&&this.transport.send({eventId:m(),sessionId:this._sessionId,timestamp:Date.now(),eventType:"session",appName:"user_update",connectedAt:Date.now(),sdkVersion:q,user:this._user})}static addBreadcrumb(t,o){if(!this.transport||!this._sessionId)return;let n={eventId:m(),sessionId:this._sessionId,timestamp:Date.now(),eventType:"ui",action:"breadcrumb",target:"manual",text:t,...o&&{data:o}};this.transport.send(n)}static disconnect(){for(let o of this.restoreFns)try{o()}catch{}this.restoreFns=[];let t=globalThis[z];if(t){window.fetch!==t.fetch&&(window.fetch=t.fetch);for(let[o,n]of Object.entries(t.consoleMethods)){let r=console;r[o]!==n&&(r[o]=n)}}this.transport?.disconnect(),this.transport=null,this._sessionId=null,this._state="stopped"}};f(T,"transport",null),f(T,"restoreFns",[]),f(T,"_sessionId",null),f(T,"_state","stopped"),f(T,"_sampleRate",1),f(T,"_maxEventsPerSecond"),f(T,"_windowCount",0),f(T,"_windowStart",0),f(T,"_user");var St=T;export{T as RuntimeScope,St as default};
|
|
6
|
+
`),sourceFile:G(g),source:"browser"})}a(p,...h)});let s=console.time?.bind(console),i=console.timeEnd?.bind(console);s&&(console.time=(p="default")=>{n.set(p,performance.now()),s(p)}),i&&(console.timeEnd=(p="default")=>{let h=n.get(p);if(h!==void 0){let g=performance.now()-h;n.delete(p),e({eventId:m(),sessionId:t,timestamp:Date.now(),eventType:"console",level:"info",message:`${p}: ${g.toFixed(2)}ms`,args:[{label:p,duration:g}],source:"browser"})}i(p)});let d=console.count?.bind(console),l=console.countReset?.bind(console);d&&(console.count=(p="default")=>{let h=(u.get(p)??0)+1;u.set(p,h),e({eventId:m(),sessionId:t,timestamp:Date.now(),eventType:"console",level:"info",message:`${p}: ${h}`,args:[{label:p,count:h}],source:"browser"}),d(p)}),l&&(console.countReset=(p="default")=>{u.delete(p),l(p)});let c=console.table?.bind(console);return c&&(console.table=(p,h)=>{e({eventId:m(),sessionId:t,timestamp:Date.now(),eventType:"console",level:"info",message:`[table] ${Array.isArray(p)?`${p.length} rows`:typeof p}`,args:[y(p,3)],source:"browser"}),c(p,h)}),()=>{for(let p of V)console[p]=o[p];a&&(console.assert=a),s&&(console.time=s),i&&(console.timeEnd=i),d&&(console.count=d),l&&(console.countReset=l),c&&(console.table=c)}}function Q(e){try{return JSON.stringify(e)}catch{return String(e)}}function Y(e,t,r,o){let n=new Set(r.map(c=>c.toLowerCase())),u=o?.captureBody??!1,a=o?.maxBodySize??65536,s=new AbortController,i=XMLHttpRequest.prototype.open,d=XMLHttpRequest.prototype.setRequestHeader,l=XMLHttpRequest.prototype.send;return XMLHttpRequest.prototype.open=function(c,p){return this.__rs_method=c.toUpperCase(),this.__rs_url=typeof p=="string"?p:p.href,this.__rs_headers={},i.apply(this,arguments)},XMLHttpRequest.prototype.setRequestHeader=function(c,p){return this.__rs_headers&&(this.__rs_headers[c.toLowerCase()]=n.has(c.toLowerCase())?"[REDACTED]":p),d.call(this,c,p)},XMLHttpRequest.prototype.send=function(c){let p=this.__rs_method??"GET",h=this.__rs_url??"",g=`${p}:${h}`,b=!1;for(let w of L.keys())if(w.startsWith(g)){b=!0;break}if(b)return this.__rs_fetchIntercepted=!0,l.call(this,c);let R={...this.__rs_headers??{}},_=performance.now(),v,k=0;if(c){if(typeof c=="string")k=new Blob([c]).size,u&&(v=c.length>a?c.slice(0,a):c);else if(c instanceof Blob)k=c.size,u&&(v=`[Blob ${c.size} bytes]`);else if(c instanceof ArrayBuffer)k=c.byteLength,u&&(v=`[ArrayBuffer ${c.byteLength} bytes]`);else if(c instanceof FormData)u&&(v="[FormData]");else if(c instanceof URLSearchParams){let w=c.toString();k=new Blob([w]).size,u&&(v=w.length>a?w.slice(0,a):w)}}let x=be(c),C=w=>{let E={eventId:m(),sessionId:t,timestamp:Date.now(),eventType:"network",url:h,method:p,status:0,requestHeaders:R,responseHeaders:{},requestBodySize:k,responseBodySize:0,duration:0,ttfb:0,graphqlOperation:x,requestBody:v,source:"xhr",...w};if(o?.beforeSend){let I=o.beforeSend(E);I&&e(I)}else e(E)};return this.addEventListener("loadend",()=>{let w=performance.now()-_;if(this.status>0){let E=Se(this.getAllResponseHeaders(),n),I=parseInt(this.getResponseHeader("content-length")||"0",10),O;if(u&&(this.responseType===""||this.responseType==="text"))try{let q=this.responseText;O=q.length>a?q.slice(0,a):q}catch{}C({status:this.status,responseHeaders:E,responseBodySize:I,responseBody:O,duration:w,ttfb:w})}else{let E="error",I="Network error";this.readyState===0||this.status,this.timeout>0&&w>=this.timeout&&(E="timeout",I=`Request timed out after ${this.timeout}ms`),C({duration:w,errorPhase:E,errorMessage:I})}},{once:!0,signal:s.signal}),l.call(this,c)},()=>{s.abort(),XMLHttpRequest.prototype.open=i,XMLHttpRequest.prototype.setRequestHeader=d,XMLHttpRequest.prototype.send=l}}function Se(e,t){let r={};if(!e)return r;for(let o of e.trim().split(/[\r\n]+/)){let n=o.indexOf(":");if(n===-1)continue;let u=o.slice(0,n).trim().toLowerCase(),a=o.slice(n+1).trim();r[u]=t.has(u)?"[REDACTED]":a}return r}function be(e){if(!(!e||typeof e!="string"))try{let t=JSON.parse(e);if(typeof t.query=="string"){let r=t.query.trim(),o="query";r.startsWith("mutation")?o="mutation":r.startsWith("subscription")&&(o="subscription");let n=t.operationName||_e(r)||"anonymous";return{type:o,name:n}}}catch{}}function _e(e){return e.match(/^(?:query|mutation|subscription)\s+(\w+)/)?.[1]}function Z(e,t,r,o){let n=[],u=new Map;for(let[a,s]of Object.entries(r)){let i=Te(s);if(i==="zustand"){let d=s;B(e,t,o?.beforeSend,{storeId:a,library:i,phase:"init",state:y(d.getState(),4)});let l=d.subscribe((c,p)=>{let h=J(p,c);B(e,t,o?.beforeSend,{storeId:a,library:i,phase:"update",state:y(c,4),previousState:y(p,4),diff:h?y(h,3):void 0})});n.push(l)}else if(i==="redux"){let d=s;B(e,t,o?.beforeSend,{storeId:a,library:i,phase:"init",state:y(d.getState(),4)});let l,c=d.dispatch.bind(d);u.set(a,c),d.dispatch=g=>(g&&typeof g=="object"&&"type"in g&&(l={type:String(g.type),payload:g.payload}),c(g));let p=d.getState(),h=d.subscribe(()=>{let g=d.getState(),b=J(p,g);B(e,t,o?.beforeSend,{storeId:a,library:i,phase:"update",state:y(g,4),previousState:y(p,4),diff:b?y(b,3):void 0,action:l?y(l,3):void 0}),p=g,l=void 0});n.push(h)}}return()=>{for(let a of n)a();for(let[a,s]of u){let i=r[a];i&&(i.dispatch=s)}}}function Te(e){if(!e||typeof e!="object")return"unknown";let t=e;return typeof t.getState=="function"&&typeof t.setState=="function"&&typeof t.subscribe=="function"?"zustand":typeof t.dispatch=="function"&&typeof t.getState=="function"&&typeof t.subscribe=="function"?"redux":"unknown"}function J(e,t){if(!e||!t||typeof e!="object"||typeof t!="object")return null;let r={},o=e,n=t,u=new Set([...Object.keys(o),...Object.keys(n)]);for(let a of u)o[a]!==n[a]&&(r[a]={from:o[a],to:n[a]});return Object.keys(r).length>0?r:null}function B(e,t,r,o){let n={eventId:m(),sessionId:t,timestamp:Date.now(),eventType:"state",...o};if(r){let u=r(n);u&&e(u)}else e(n)}var Ie={LCP:[2500,4e3],FCP:[1800,3e3],CLS:[.1,.25],TTFB:[800,1800],FID:[100,300],INP:[200,500]};function ke(e,t){let[r,o]=Ie[e]??[1/0,1/0];return t<=r?"good":t<=o?"needs-improvement":"poor"}var F=null;function ee(e,t,r){if(F)for(let s of F)try{s.disconnect()}catch{}let o=[];F=o;let n=(s,i,d)=>{let l={eventId:m(),sessionId:t,timestamp:Date.now(),eventType:"performance",metricName:s,value:Math.round(i*100)/100,rating:ke(s,i),element:d};if(r?.beforeSend){let c=r.beforeSend(l);c&&e(c)}else e(l)};A(o,"largest-contentful-paint",s=>{let i=s[s.length-1];if(!i)return;let d=i.element;n("LCP",i.startTime,d?.tagName?.toLowerCase())}),A(o,"paint",s=>{for(let i of s)i.name==="first-contentful-paint"&&n("FCP",i.startTime)});let u=0;A(o,"layout-shift",s=>{for(let i of s){let d=i;!d.hadRecentInput&&d.value&&(u+=d.value,n("CLS",u))}}),A(o,"first-input",s=>{let i=s[0];if(!i)return;let d=i;d.processingStart&&n("FID",d.processingStart-i.startTime)}),A(o,"navigation",s=>{let i=s[0];i&&n("TTFB",i.responseStart-i.requestStart)});let a=0;return A(o,"event",s=>{for(let i of s)i.duration>a&&(a=i.duration,n("INP",a))},{durationThreshold:16}),()=>{for(let s of o)try{s.disconnect()}catch{}F===o&&(F=null)}}function A(e,t,r,o){try{let n=new PerformanceObserver(u=>{r(u.getEntries())});n.observe({type:t,buffered:!0,...o}),e.push(n)}catch{}}var Ce=0,Le=1,re=1e4,te=100,De=6e4,ne=500;function oe(e,t,r){let o=new Map,n=r?.snapshotIntervalMs??5e3,u=null,a=Ne();if(!a)return()=>{};let s=a.onCommitFiberRoot;return a._runtimescope_original=s,a.onCommitFiberRoot=(i,d)=>{if(s)try{s(i,d)}catch{}d.current&&z(d.current,o)},u=setInterval(()=>{Fe(o,e,t,r?.beforeSend)},n),()=>{u&&(clearInterval(u),u=null),a&&(a._runtimescope_original?a.onCommitFiberRoot=a._runtimescope_original:delete a.onCommitFiberRoot,delete a._runtimescope_original)}}function Ne(){if(typeof window>"u")return null;let e=window;return e.__REACT_DEVTOOLS_GLOBAL_HOOK__||(e.__REACT_DEVTOOLS_GLOBAL_HOOK__={}),e.__REACT_DEVTOOLS_GLOBAL_HOOK__}function z(e,t){xe(e,t),e.child&&z(e.child,t),e.sibling&&z(e.sibling,t)}function xe(e,t){if(e.tag!==Ce&&e.tag!==Le)return;let r=Oe(e);if(!r)return;let o=Date.now(),n=e.alternate===null,u=e.actualDuration??0,a=Ae(e,n),s=t.get(r);s||(s={renderCount:0,totalDuration:0,lastRenderTime:0,lastRenderPhase:"mount",lastRenderCause:"unknown",renderTimestamps:[]},t.set(r,s)),s.renderCount++,s.totalDuration+=u,s.lastRenderTime=o,s.lastRenderPhase=n?"mount":"update",s.lastRenderCause=a??"unknown",s.renderTimestamps.push(o),s.renderTimestamps.length>te&&(s.renderTimestamps=s.renderTimestamps.slice(-te))}function Oe(e){if(e.type&&typeof e.type!="string")return e.type.displayName||e.type.name||void 0}function Ae(e,t){return t?"props":e.alternate?e.memoizedProps!==e.alternate.memoizedProps?"props":e.memoizedState!==e.alternate.memoizedState?"state":"parent":"unknown"}function He(e){if(e.length<2)return 0;let t=Date.now(),r=t-re,o=e.filter(u=>u>=r);if(o.length<2)return 0;let n=t-o[0];return n===0?0:o.length/(n/1e3)}function Fe(e,t,r,o){if(e.size===0)return;let n=[],u=[],a=0;for(let[d,l]of e){let c=He(l.renderTimestamps),p=c>4||l.renderCount>20;n.push({componentName:d,renderCount:l.renderCount,totalDuration:Math.round(l.totalDuration*100)/100,avgDuration:l.renderCount>0?Math.round(l.totalDuration/l.renderCount*100)/100:0,lastRenderPhase:l.lastRenderPhase,lastRenderCause:l.lastRenderCause,renderVelocity:Math.round(c*100)/100,suspicious:p}),p&&u.push(d),a+=l.renderCount}n.sort((d,l)=>l.renderCount-d.renderCount);let s={eventId:m(),sessionId:r,timestamp:Date.now(),eventType:"render",profiles:n,snapshotWindowMs:re,totalRenders:a,suspiciousComponents:u};if(o){let d=o(s);d&&t(d)}else t(s);let i=Date.now();for(let[d,l]of e)i-l.lastRenderTime>De?e.delete(d):(l.renderCount=0,l.totalDuration=0);if(e.size>ne){let d=[...e.entries()].sort((c,p)=>c[1].lastRenderTime-p[1].lastRenderTime),l=e.size-ne;for(let c=0;c<l;c++)e.delete(d[c][0])}}function se(e,t,r){let o=u=>{let a,s,i;if(u instanceof ErrorEvent)a=u.message||"Uncaught error",s=u.error?.stack,i=u.filename?`${u.filename}:${u.lineno}:${u.colno}`:void 0;else{let l=u.target;if(l&&l!==window){let c=l.tagName?.toLowerCase()??"unknown",p=l.src??l.src??l.href??"unknown";a=`Failed to load resource: <${c}> ${p}`}else return}let d={eventId:m(),sessionId:t,timestamp:Date.now(),eventType:"console",level:"error",message:`[Uncaught] ${a}`,args:[y(a,3)],stackTrace:s,sourceFile:i};if(r){let l=r(d);l&&e(l)}else e(d)},n=u=>{let a=u.reason,s,i;if(a instanceof Error)s=a.message,i=a.stack;else if(typeof a=="string")s=a;else try{s=JSON.stringify(a)}catch{s=String(a)}let d={eventId:m(),sessionId:t,timestamp:Date.now(),eventType:"console",level:"error",message:`[Unhandled Rejection] ${s}`,args:[y(a,3)],stackTrace:i,sourceFile:void 0};if(r){let l=r(d);l&&e(l)}else e(d)};return window.addEventListener("error",o,!0),window.addEventListener("unhandledrejection",n),()=>{window.removeEventListener("error",o,!0),window.removeEventListener("unhandledrejection",n)}}function ie(e,t){let r=window.location.href;function o(i,d){let l=r;l!==i&&(r=i,e({eventId:m(),sessionId:t,timestamp:Date.now(),eventType:"navigation",from:l,to:i,trigger:d}))}let n=history.pushState.bind(history),u=history.replaceState.bind(history);history.pushState=function(...i){n(...i),o(window.location.href,"pushState")},history.replaceState=function(...i){u(...i),o(window.location.href,"replaceState")};let a=()=>o(window.location.href,"popstate");window.addEventListener("popstate",a);let s=()=>o(window.location.href,"hashchange");return window.addEventListener("hashchange",s),()=>{history.pushState=n,history.replaceState=u,window.removeEventListener("popstate",a),window.removeEventListener("hashchange",s)}}function ae(e,t){let r=o=>{let n=o.target;if(!(n instanceof Element)||n.closest("[data-runtimescope]"))return;let u=Me(n),a=Pe(n),s={eventId:m(),sessionId:t,timestamp:Date.now(),eventType:"ui",action:"click",target:u,...a&&{text:a}};e(s)};return document.addEventListener("click",r,!0),()=>{document.removeEventListener("click",r,!0)}}function Me(e){let t=e.tagName.toLowerCase();if(e.id)return`${t}#${e.id}`;let r=e.getAttribute("data-testid")??e.getAttribute("data-test-id");if(r)return`${t}[data-testid="${r}"]`;let o=e.getAttribute("role"),n=e.getAttribute("aria-label");if(o&&n)return`${t}[role="${o}"][aria-label="${n}"]`;let u=e.className;if(typeof u=="string"&&u.trim()){let s=u.split(/\s+/).find(i=>i.length>2&&!i.startsWith("_")&&!i.includes("__"));if(s)return`${t}.${s}`}let a=e.parentElement;if(a){let s=a.children,i=Array.from(s).filter(d=>d.tagName===e.tagName);if(i.length>1){let d=i.indexOf(e)+1;return`${t}:nth-child(${d})`}}return t}function Pe(e){let t=e.getAttribute("aria-label");if(t)return t.slice(0,80);let r=e.innerText??e.textContent;if(!r)return;let o=r.trim().replace(/\s+/g," ");if(o.length!==0)return o.length>80?o.slice(0,77)+"...":o}function U(e){let t=e.startsWith("runtimescopes://");if(!e.startsWith("runtimescope://")&&!t)throw new Error("Invalid RuntimeScope DSN: must start with runtimescope:// or runtimescopes://");let r=new URL(e.replace(/^runtimescopes?:\/\//,"http://")),o=r.username;if(!o||!o.startsWith("proj_"))throw new Error("Invalid RuntimeScope DSN: missing projectId (expected proj_xxx@host)");let n=r.password?decodeURIComponent(r.password):void 0,u=r.hostname,a=r.port?parseInt(r.port):6768,s=a-1,i=r.pathname.replace(/^\//,"")||void 0,d=t?"wss":"ws",l=t?"https":"http";return{projectId:o,authToken:n,wsEndpoint:`${d}://${u}:${s}`,httpEndpoint:`${l}://${u}:${a}`,appName:i,tls:t}}function Be(e){let t=e.tls?"runtimescopes":"runtimescope",r=e.host??"localhost",o=e.port??6768,n=e.appName?`/${e.appName}`:"",u=e.authToken?`:${encodeURIComponent(e.authToken)}`:"";return`${t}://${e.projectId}${u}@${r}:${o}${n}`}var $="0.10.0",N=console.debug.bind(console),j=Symbol.for("__runtimescope_originals__");function ce(){let e=globalThis;return e[j]||(e[j]={fetch:window.fetch,xhrOpen:XMLHttpRequest.prototype.open,xhrSend:XMLHttpRequest.prototype.send,xhrSetRequestHeader:XMLHttpRequest.prototype.setRequestHeader,consoleMethods:{log:console.log.bind(console),warn:console.warn.bind(console),error:console.error.bind(console),info:console.info.bind(console),debug:console.debug.bind(console),trace:console.trace.bind(console)}}),e[j]}var T=class{static get sessionId(){return this._sessionId}static get isConnected(){return this._state==="started"}static shouldSample(){if(this._sampleRate<1&&Math.random()>this._sampleRate)return!1;if(this._maxEventsPerSecond!==void 0){let t=Date.now();if(t-this._windowStart>=1e3&&(this._windowCount=0,this._windowStart=t),this._windowCount>=this._maxEventsPerSecond)return!1;this._windowCount++}return!0}static connect(t={}){if(t.enabled===!1)return;let r=!1;if(t.dsn)try{let c=U(t.dsn);t={...t,serverUrl:c.wsEndpoint,projectId:c.projectId,...c.authToken?{authToken:c.authToken}:{},...c.appName&&!t.appName?{appName:c.appName}:{}},r=!0}catch(c){N("[RuntimeScope] Invalid DSN:",c.message)}if(!(!!(t.serverUrl||t.endpoint)||r)&&typeof window<"u"){let c=window.location?.hostname;if(c&&c!=="localhost"&&c!=="127.0.0.1"&&!c.startsWith("192.168.")&&!c.startsWith("10.")){N("[RuntimeScope] No endpoint configured and not on localhost \u2014 SDK disabled for production");return}}this._state==="started"&&(N("[RuntimeScope] Already connected \u2014 disconnecting before re-init"),this.disconnect());let n={serverUrl:t.serverUrl??t.endpoint??"ws://localhost:6767",appName:t.appName??"unknown",captureNetwork:t.captureNetwork??!0,captureConsole:t.captureConsole??!0,captureXhr:t.captureXhr??!0,captureBody:t.captureBody??!1,maxBodySize:t.maxBodySize??65536,capturePerformance:t.capturePerformance??!0,captureRenders:t.captureRenders??!0,captureNavigation:t.captureNavigation??!0,captureClicks:t.captureClicks??!0,stores:t.stores??{},beforeSend:t.beforeSend,redactHeaders:t.redactHeaders??["authorization","cookie"],batchSize:t.batchSize??50,flushIntervalMs:t.flushIntervalMs??100};ce(),this._sessionId=X(),this._state="started",this.transport=new M({serverUrl:n.serverUrl,appName:n.appName,sessionId:this._sessionId,sdkVersion:$,authToken:t.authToken,projectId:t.projectId,batchSize:n.batchSize,flushIntervalMs:n.flushIntervalMs}),this._sampleRate=t.sampleRate??1,this._maxEventsPerSecond=t.maxEventsPerSecond,this._windowCount=0,this._windowStart=Date.now(),this._user=t.user,this.transport.connect(),N(`[RuntimeScope] SDK v${$} initializing \u2014 app: ${n.appName}, server: ${n.serverUrl}`);let u=ce().consoleMethods.warn,a=this.transport,s=n.serverUrl;setTimeout(()=>{if(this.transport!==a||a.isConnected?.())return;let p=/localhost|127\.0\.0\.1/.test(s)?"Run `npx runtimescope start` in a terminal.":`Check that ${s} is reachable and the collector is running.`;u(`[RuntimeScope] Couldn't connect to ${s} after 10s. No events are being captured.`,`
|
|
7
|
+
Fix: ${p}`)},1e4);let i=c=>{c.eventType!=="session"&&c.eventType!=="custom"&&c.eventType!=="ui"&&!this.shouldSample()||this.transport?.send(c)};i({eventId:m(),sessionId:this._sessionId,timestamp:Date.now(),eventType:"session",appName:n.appName,connectedAt:Date.now(),sdkVersion:$,buildMeta:t.buildMeta,user:this._user,projectId:t.projectId});let d=this._sessionId;this.transport.onCommand(c=>{this.handleCommand(c,i,d)}),n.captureNetwork&&this.restoreFns.push(W(i,this._sessionId,n.redactHeaders,{captureBody:n.captureBody,maxBodySize:n.maxBodySize,beforeSend:n.beforeSend})),n.captureXhr&&this.restoreFns.push(Y(i,this._sessionId,n.redactHeaders,{captureBody:n.captureBody,maxBodySize:n.maxBodySize,beforeSend:n.beforeSend})),n.captureConsole&&this.restoreFns.push(K(i,this._sessionId,n.beforeSend)),t.captureErrors!==!1&&this.restoreFns.push(se(i,this._sessionId,n.beforeSend)),Object.keys(n.stores).length>0&&this.restoreFns.push(Z(i,this._sessionId,n.stores,{beforeSend:n.beforeSend})),n.capturePerformance&&this.restoreFns.push(ee(i,this._sessionId,{beforeSend:n.beforeSend})),n.captureRenders&&this.restoreFns.push(oe(i,this._sessionId,{beforeSend:n.beforeSend})),n.captureNavigation&&this.restoreFns.push(ie(i,this._sessionId)),n.captureClicks&&this.restoreFns.push(ae(i,this._sessionId));let l=[n.captureNetwork&&"fetch",n.captureXhr&&"xhr",n.captureConsole&&"console, errors",Object.keys(n.stores).length>0&&"state",n.capturePerformance&&"performance",n.captureRenders&&"renders",n.captureNavigation&&"navigation",n.captureClicks&&"clicks"].filter(Boolean);N(`[RuntimeScope] Interceptors active \u2014 ${l.join(", ")}`),this._sampleRate<1&&N(`[RuntimeScope] Sampling at ${(this._sampleRate*100).toFixed(0)}%`),this._maxEventsPerSecond!==void 0&&N(`[RuntimeScope] Rate limited to ${this._maxEventsPerSecond} events/sec`)}static handleCommand(t,r,o){if(t.command==="capture_dom_snapshot"){let n=t.params?.maxSize??5e5,u=document.documentElement.outerHTML,a=u.length>n;a&&(u=u.slice(0,n));let s={eventId:m(),sessionId:o,timestamp:Date.now(),eventType:"dom_snapshot",html:u,url:window.location.href,viewport:{width:window.innerWidth,height:window.innerHeight},scrollPosition:{x:window.scrollX,y:window.scrollY},elementCount:document.querySelectorAll("*").length,truncated:a};r(s),this.transport?.sendCommandResponse(t.requestId,t.command,s)}else this.transport?.sendCommandResponse(t.requestId,t.command,{error:"Unknown command"})}static init(t={}){return this.connect(t)}static track(t,r){if(!this.transport||!this._sessionId)return;let o={eventId:m(),sessionId:this._sessionId,timestamp:Date.now(),eventType:"custom",name:t,properties:r};this.transport.send(o)}static setUser(t){this._user=t??void 0,this.transport&&this._sessionId&&this.transport.send({eventId:m(),sessionId:this._sessionId,timestamp:Date.now(),eventType:"session",appName:"user_update",connectedAt:Date.now(),sdkVersion:$,user:this._user})}static addBreadcrumb(t,r){if(!this.transport||!this._sessionId)return;let o={eventId:m(),sessionId:this._sessionId,timestamp:Date.now(),eventType:"ui",action:"breadcrumb",target:"manual",text:t,...r&&{data:r}};this.transport.send(o)}static disconnect(){for(let r of this.restoreFns)try{r()}catch{}this.restoreFns=[];let t=globalThis[j];if(t){window.fetch!==t.fetch&&(window.fetch=t.fetch);for(let[r,o]of Object.entries(t.consoleMethods)){let n=console;n[r]!==o&&(n[r]=o)}}this.transport?.disconnect(),this.transport=null,this._sessionId=null,this._state="stopped"}};f(T,"transport",null),f(T,"restoreFns",[]),f(T,"_sessionId",null),f(T,"_state","stopped"),f(T,"_sampleRate",1),f(T,"_maxEventsPerSecond"),f(T,"_windowCount",0),f(T,"_windowStart",0),f(T,"_user");var It=T;export{T as RuntimeScope,Be as buildDsn,It as default,U as parseDsn};
|
|
7
8
|
if(typeof RuntimeScope!=="undefined"&&RuntimeScope.RuntimeScope){RuntimeScope=RuntimeScope.RuntimeScope;}
|
|
8
9
|
//# sourceMappingURL=index.js.map
|