@runtimescope/sdk 0.9.3 → 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 +8 -5
- package/dist/index.d.ts +8 -5
- 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 r of
|
|
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:G(g),source:"browser"};if(r){let _=r(
|
|
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:G(g),source:"browser"})}a(d,...h)});let i=console.time?.bind(console),o=console.timeEnd?.bind(console);i&&(console.time=(d="default")=>{n.set(d,performance.now()),i(d)}),o&&(console.timeEnd=(d="default")=>{let h=n.get(d);if(h!==void 0){let g=performance.now()-h;n.delete(d),t({eventId:m(),sessionId:e,timestamp:Date.now(),eventType:"console",level:"info",message:`${d}: ${g.toFixed(2)}ms`,args:[{label:d,duration:g}],source:"browser"})}o(d)});let u=console.count?.bind(console),p=console.countReset?.bind(console);u&&(console.count=(d="default")=>{let h=(c.get(d)??0)+1;c.set(d,h),t({eventId:m(),sessionId:e,timestamp:Date.now(),eventType:"console",level:"info",message:`${d}: ${h}`,args:[{label:d,count:h}],source:"browser"}),u(d)}),p&&(console.countReset=(d="default")=>{c.delete(d),p(d)});let l=console.table?.bind(console);return l&&(console.table=(d,h)=>{t({eventId:m(),sessionId:e,timestamp:Date.now(),eventType:"console",level:"info",message:`[table] ${Array.isArray(d)?`${d.length} rows`:typeof d}`,args:[y(d,3)],source:"browser"}),l(d,h)}),()=>{for(let d of V)console[d]=s[d];a&&(console.assert=a),i&&(console.time=i),o&&(console.timeEnd=o),u&&(console.count=u),p&&(console.countReset=p),l&&(console.table=l)}}function Q(t){try{return JSON.stringify(t)}catch{return String(t)}}function Y(t,e,r,s){let n=new Set(r.map(l=>l.toLowerCase())),c=s?.captureBody??!1,a=s?.maxBodySize??65536,i=new AbortController,o=XMLHttpRequest.prototype.open,u=XMLHttpRequest.prototype.setRequestHeader,p=XMLHttpRequest.prototype.send;return XMLHttpRequest.prototype.open=function(l,d){return this.__rs_method=l.toUpperCase(),this.__rs_url=typeof d=="string"?d:d.href,this.__rs_headers={},o.apply(this,arguments)},XMLHttpRequest.prototype.setRequestHeader=function(l,d){return this.__rs_headers&&(this.__rs_headers[l.toLowerCase()]=n.has(l.toLowerCase())?"[REDACTED]":d),u.call(this,l,d)},XMLHttpRequest.prototype.send=function(l){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,p.call(this,l);let E={...this.__rs_headers??{}},_=performance.now(),v,k=0;if(l){if(typeof l=="string")k=new Blob([l]).size,c&&(v=l.length>a?l.slice(0,a):l);else if(l instanceof Blob)k=l.size,c&&(v=`[Blob ${l.size} bytes]`);else if(l instanceof ArrayBuffer)k=l.byteLength,c&&(v=`[ArrayBuffer ${l.byteLength} bytes]`);else if(l instanceof FormData)c&&(v="[FormData]");else if(l instanceof URLSearchParams){let w=l.toString();k=new Blob([w]).size,c&&(v=w.length>a?w.slice(0,a):w)}}let x=Se(l),C=w=>{let R={eventId:m(),sessionId:e,timestamp:Date.now(),eventType:"network",url:h,method:d,status:0,requestHeaders:E,responseHeaders:{},requestBodySize:k,responseBodySize:0,duration:0,ttfb:0,graphqlOperation:x,requestBody:v,source:"xhr",...w};if(s?.beforeSend){let I=s.beforeSend(R);I&&t(I)}else t(R)};return this.addEventListener("loadend",()=>{let w=performance.now()-_;if(this.status>0){let R=Re(this.getAllResponseHeaders(),n),I=parseInt(this.getResponseHeader("content-length")||"0",10),O;if(c&&(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:R,responseBodySize:I,responseBody:O,duration:w,ttfb:w})}else{let R="error",I="Network error";this.readyState===0||this.status,this.timeout>0&&w>=this.timeout&&(R="timeout",I=`Request timed out after ${this.timeout}ms`),C({duration:w,errorPhase:R,errorMessage:I})}},{once:!0,signal:i.signal}),p.call(this,l)},()=>{i.abort(),XMLHttpRequest.prototype.open=o,XMLHttpRequest.prototype.setRequestHeader=u,XMLHttpRequest.prototype.send=p}}function Re(t,e){let r={};if(!t)return r;for(let s of t.trim().split(/[\r\n]+/)){let n=s.indexOf(":");if(n===-1)continue;let c=s.slice(0,n).trim().toLowerCase(),a=s.slice(n+1).trim();r[c]=e.has(c)?"[REDACTED]":a}return r}function Se(t){if(!(!t||typeof t!="string"))try{let e=JSON.parse(t);if(typeof e.query=="string"){let r=e.query.trim(),s="query";r.startsWith("mutation")?s="mutation":r.startsWith("subscription")&&(s="subscription");let n=e.operationName||be(r)||"anonymous";return{type:s,name:n}}}catch{}}function be(t){return t.match(/^(?:query|mutation|subscription)\s+(\w+)/)?.[1]}function Z(t,e,r,s){let n=[],c=new Map;for(let[a,i]of Object.entries(r)){let o=_e(i);if(o==="zustand"){let u=i;B(t,e,s?.beforeSend,{storeId:a,library:o,phase:"init",state:y(u.getState(),4)});let p=u.subscribe((l,d)=>{let h=J(d,l);B(t,e,s?.beforeSend,{storeId:a,library:o,phase:"update",state:y(l,4),previousState:y(d,4),diff:h?y(h,3):void 0})});n.push(p)}else if(o==="redux"){let u=i;B(t,e,s?.beforeSend,{storeId:a,library:o,phase:"init",state:y(u.getState(),4)});let p,l=u.dispatch.bind(u);c.set(a,l),u.dispatch=g=>(g&&typeof g=="object"&&"type"in g&&(p={type:String(g.type),payload:g.payload}),l(g));let d=u.getState(),h=u.subscribe(()=>{let g=u.getState(),b=J(d,g);B(t,e,s?.beforeSend,{storeId:a,library:o,phase:"update",state:y(g,4),previousState:y(d,4),diff:b?y(b,3):void 0,action:p?y(p,3):void 0}),d=g,p=void 0});n.push(h)}}return()=>{for(let a of n)a();for(let[a,i]of c){let o=r[a];o&&(o.dispatch=i)}}}function _e(t){if(!t||typeof t!="object")return"unknown";let e=t;return typeof e.getState=="function"&&typeof e.setState=="function"&&typeof e.subscribe=="function"?"zustand":typeof e.dispatch=="function"&&typeof e.getState=="function"&&typeof e.subscribe=="function"?"redux":"unknown"}function J(t,e){if(!t||!e||typeof t!="object"||typeof e!="object")return null;let r={},s=t,n=e,c=new Set([...Object.keys(s),...Object.keys(n)]);for(let a of c)s[a]!==n[a]&&(r[a]={from:s[a],to:n[a]});return Object.keys(r).length>0?r:null}function B(t,e,r,s){let n={eventId:m(),sessionId:e,timestamp:Date.now(),eventType:"state",...s};if(r){let c=r(n);c&&t(c)}else t(n)}var Te={LCP:[2500,4e3],FCP:[1800,3e3],CLS:[.1,.25],TTFB:[800,1800],FID:[100,300],INP:[200,500]};function Ie(t,e){let[r,s]=Te[t]??[1/0,1/0];return e<=r?"good":e<=s?"needs-improvement":"poor"}var F=null;function ee(t,e,r){if(F)for(let i of F)try{i.disconnect()}catch{}let s=[];F=s;let n=(i,o,u)=>{let p={eventId:m(),sessionId:e,timestamp:Date.now(),eventType:"performance",metricName:i,value:Math.round(o*100)/100,rating:Ie(i,o),element:u};if(r?.beforeSend){let l=r.beforeSend(p);l&&t(l)}else t(p)};A(s,"largest-contentful-paint",i=>{let o=i[i.length-1];if(!o)return;let u=o.element;n("LCP",o.startTime,u?.tagName?.toLowerCase())}),A(s,"paint",i=>{for(let o of i)o.name==="first-contentful-paint"&&n("FCP",o.startTime)});let c=0;A(s,"layout-shift",i=>{for(let o of i){let u=o;!u.hadRecentInput&&u.value&&(c+=u.value,n("CLS",c))}}),A(s,"first-input",i=>{let o=i[0];if(!o)return;let u=o;u.processingStart&&n("FID",u.processingStart-o.startTime)}),A(s,"navigation",i=>{let o=i[0];o&&n("TTFB",o.responseStart-o.requestStart)});let a=0;return A(s,"event",i=>{for(let o of i)o.duration>a&&(a=o.duration,n("INP",a))},{durationThreshold:16}),()=>{for(let i of s)try{i.disconnect()}catch{}F===s&&(F=null)}}function A(t,e,r,s){try{let n=new PerformanceObserver(c=>{r(c.getEntries())});n.observe({type:e,buffered:!0,...s}),t.push(n)}catch{}}var ke=0,Ce=1,re=1e4,te=100,Le=6e4,ne=500;function se(t,e,r){let s=new Map,n=r?.snapshotIntervalMs??5e3,c=null,a=De();if(!a)return()=>{};let i=a.onCommitFiberRoot;return a._runtimescope_original=i,a.onCommitFiberRoot=(o,u)=>{if(i)try{i(o,u)}catch{}u.current&&z(u.current,s)},c=setInterval(()=>{He(s,t,e,r?.beforeSend)},n),()=>{c&&(clearInterval(c),c=null),a&&(a._runtimescope_original?a.onCommitFiberRoot=a._runtimescope_original:delete a.onCommitFiberRoot,delete a._runtimescope_original)}}function De(){if(typeof window>"u")return null;let t=window;return t.__REACT_DEVTOOLS_GLOBAL_HOOK__||(t.__REACT_DEVTOOLS_GLOBAL_HOOK__={}),t.__REACT_DEVTOOLS_GLOBAL_HOOK__}function z(t,e){Ne(t,e),t.child&&z(t.child,e),t.sibling&&z(t.sibling,e)}function Ne(t,e){if(t.tag!==ke&&t.tag!==Ce)return;let r=xe(t);if(!r)return;let s=Date.now(),n=t.alternate===null,c=t.actualDuration??0,a=Oe(t,n),i=e.get(r);i||(i={renderCount:0,totalDuration:0,lastRenderTime:0,lastRenderPhase:"mount",lastRenderCause:"unknown",renderTimestamps:[]},e.set(r,i)),i.renderCount++,i.totalDuration+=c,i.lastRenderTime=s,i.lastRenderPhase=n?"mount":"update",i.lastRenderCause=a??"unknown",i.renderTimestamps.push(s),i.renderTimestamps.length>te&&(i.renderTimestamps=i.renderTimestamps.slice(-te))}function xe(t){if(t.type&&typeof t.type!="string")return t.type.displayName||t.type.name||void 0}function Oe(t,e){return e?"props":t.alternate?t.memoizedProps!==t.alternate.memoizedProps?"props":t.memoizedState!==t.alternate.memoizedState?"state":"parent":"unknown"}function Ae(t){if(t.length<2)return 0;let e=Date.now(),r=e-re,s=t.filter(c=>c>=r);if(s.length<2)return 0;let n=e-s[0];return n===0?0:s.length/(n/1e3)}function He(t,e,r,s){if(t.size===0)return;let n=[],c=[],a=0;for(let[u,p]of t){let l=Ae(p.renderTimestamps),d=l>4||p.renderCount>20;n.push({componentName:u,renderCount:p.renderCount,totalDuration:Math.round(p.totalDuration*100)/100,avgDuration:p.renderCount>0?Math.round(p.totalDuration/p.renderCount*100)/100:0,lastRenderPhase:p.lastRenderPhase,lastRenderCause:p.lastRenderCause,renderVelocity:Math.round(l*100)/100,suspicious:d}),d&&c.push(u),a+=p.renderCount}n.sort((u,p)=>p.renderCount-u.renderCount);let i={eventId:m(),sessionId:r,timestamp:Date.now(),eventType:"render",profiles:n,snapshotWindowMs:re,totalRenders:a,suspiciousComponents:c};if(s){let u=s(i);u&&e(u)}else e(i);let o=Date.now();for(let[u,p]of t)o-p.lastRenderTime>Le?t.delete(u):(p.renderCount=0,p.totalDuration=0);if(t.size>ne){let u=[...t.entries()].sort((l,d)=>l[1].lastRenderTime-d[1].lastRenderTime),p=t.size-ne;for(let l=0;l<p;l++)t.delete(u[l][0])}}function oe(t,e,r){let s=c=>{let a,i,o;if(c instanceof ErrorEvent)a=c.message||"Uncaught error",i=c.error?.stack,o=c.filename?`${c.filename}:${c.lineno}:${c.colno}`:void 0;else{let p=c.target;if(p&&p!==window){let l=p.tagName?.toLowerCase()??"unknown",d=p.src??p.src??p.href??"unknown";a=`Failed to load resource: <${l}> ${d}`}else return}let u={eventId:m(),sessionId:e,timestamp:Date.now(),eventType:"console",level:"error",message:`[Uncaught] ${a}`,args:[y(a,3)],stackTrace:i,sourceFile:o};if(r){let p=r(u);p&&t(p)}else t(u)},n=c=>{let a=c.reason,i,o;if(a instanceof Error)i=a.message,o=a.stack;else if(typeof a=="string")i=a;else try{i=JSON.stringify(a)}catch{i=String(a)}let u={eventId:m(),sessionId:e,timestamp:Date.now(),eventType:"console",level:"error",message:`[Unhandled Rejection] ${i}`,args:[y(a,3)],stackTrace:o,sourceFile:void 0};if(r){let p=r(u);p&&t(p)}else t(u)};return window.addEventListener("error",s,!0),window.addEventListener("unhandledrejection",n),()=>{window.removeEventListener("error",s,!0),window.removeEventListener("unhandledrejection",n)}}function ie(t,e){let r=window.location.href;function s(o,u){let p=r;p!==o&&(r=o,t({eventId:m(),sessionId:e,timestamp:Date.now(),eventType:"navigation",from:p,to:o,trigger:u}))}let n=history.pushState.bind(history),c=history.replaceState.bind(history);history.pushState=function(...o){n(...o),s(window.location.href,"pushState")},history.replaceState=function(...o){c(...o),s(window.location.href,"replaceState")};let a=()=>s(window.location.href,"popstate");window.addEventListener("popstate",a);let i=()=>s(window.location.href,"hashchange");return window.addEventListener("hashchange",i),()=>{history.pushState=n,history.replaceState=c,window.removeEventListener("popstate",a),window.removeEventListener("hashchange",i)}}function ae(t,e){let r=s=>{let n=s.target;if(!(n instanceof Element)||n.closest("[data-runtimescope]"))return;let c=Fe(n),a=Me(n),i={eventId:m(),sessionId:e,timestamp:Date.now(),eventType:"ui",action:"click",target:c,...a&&{text:a}};t(i)};return document.addEventListener("click",r,!0),()=>{document.removeEventListener("click",r,!0)}}function Fe(t){let e=t.tagName.toLowerCase();if(t.id)return`${e}#${t.id}`;let r=t.getAttribute("data-testid")??t.getAttribute("data-test-id");if(r)return`${e}[data-testid="${r}"]`;let s=t.getAttribute("role"),n=t.getAttribute("aria-label");if(s&&n)return`${e}[role="${s}"][aria-label="${n}"]`;let c=t.className;if(typeof c=="string"&&c.trim()){let i=c.split(/\s+/).find(o=>o.length>2&&!o.startsWith("_")&&!o.includes("__"));if(i)return`${e}.${i}`}let a=t.parentElement;if(a){let i=a.children,o=Array.from(i).filter(u=>u.tagName===t.tagName);if(o.length>1){let u=o.indexOf(t)+1;return`${e}:nth-child(${u})`}}return e}function Me(t){let e=t.getAttribute("aria-label");if(e)return e.slice(0,80);let r=t.innerText??t.textContent;if(!r)return;let s=r.trim().replace(/\s+/g," ");if(s.length!==0)return s.length>80?s.slice(0,77)+"...":s}function U(t){let e=t.startsWith("runtimescopes://");if(!t.startsWith("runtimescope://")&&!e)throw new Error("Invalid RuntimeScope DSN: must start with runtimescope:// or runtimescopes://");let r=new URL(t.replace(/^runtimescopes?:\/\//,"http://")),s=r.username;if(!s||!s.startsWith("proj_"))throw new Error("Invalid RuntimeScope DSN: missing projectId (expected proj_xxx@host)");let n=r.hostname,c=r.port?parseInt(r.port):9091,a=c-1,i=r.pathname.replace(/^\//,"")||void 0,o=e?"wss":"ws",u=e?"https":"http";return{projectId:s,wsEndpoint:`${o}://${n}:${a}`,httpEndpoint:`${u}://${n}:${c}`,appName:i,tls:e}}function Pe(t){let e=t.tls?"runtimescopes":"runtimescope",r=t.host??"localhost",s=t.port??9091,n=t.appName?`/${t.appName}`:"";return`${e}://${t.projectId}@${r}:${s}${n}`}var j="0.9.3",N=console.debug.bind(console),$=Symbol.for("__runtimescope_originals__");function Be(){let t=globalThis;return t[$]||(t[$]={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)}}),t[$]}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 e=Date.now();if(e-this._windowStart>=1e3&&(this._windowCount=0,this._windowStart=e),this._windowCount>=this._maxEventsPerSecond)return!1;this._windowCount++}return!0}static connect(e={}){if(e.enabled===!1)return;let r=!1;if(e.dsn)try{let o=U(e.dsn);e={...e,serverUrl:o.wsEndpoint,projectId:o.projectId,...o.appName&&!e.appName?{appName:o.appName}:{}},r=!0}catch(o){N("[RuntimeScope] Invalid DSN:",o.message)}if(!(!!(e.serverUrl||e.endpoint)||r)&&typeof window<"u"){let o=window.location?.hostname;if(o&&o!=="localhost"&&o!=="127.0.0.1"&&!o.startsWith("192.168.")&&!o.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:e.serverUrl??e.endpoint??"ws://localhost:9090",appName:e.appName??"unknown",captureNetwork:e.captureNetwork??!0,captureConsole:e.captureConsole??!0,captureXhr:e.captureXhr??!0,captureBody:e.captureBody??!1,maxBodySize:e.maxBodySize??65536,capturePerformance:e.capturePerformance??!0,captureRenders:e.captureRenders??!0,captureNavigation:e.captureNavigation??!0,captureClicks:e.captureClicks??!0,stores:e.stores??{},beforeSend:e.beforeSend,redactHeaders:e.redactHeaders??["authorization","cookie"],batchSize:e.batchSize??50,flushIntervalMs:e.flushIntervalMs??100};Be(),this._sessionId=X(),this._state="started",this.transport=new M({serverUrl:n.serverUrl,appName:n.appName,sessionId:this._sessionId,sdkVersion:j,authToken:e.authToken,projectId:e.projectId,batchSize:n.batchSize,flushIntervalMs:n.flushIntervalMs}),this._sampleRate=e.sampleRate??1,this._maxEventsPerSecond=e.maxEventsPerSecond,this._windowCount=0,this._windowStart=Date.now(),this._user=e.user,this.transport.connect(),N(`[RuntimeScope] SDK v${j} initializing \u2014 app: ${n.appName}, server: ${n.serverUrl}`);let c=o=>{o.eventType!=="session"&&o.eventType!=="custom"&&o.eventType!=="ui"&&!this.shouldSample()||this.transport?.send(o)};c({eventId:m(),sessionId:this._sessionId,timestamp:Date.now(),eventType:"session",appName:n.appName,connectedAt:Date.now(),sdkVersion:j,buildMeta:e.buildMeta,user:this._user,projectId:e.projectId});let a=this._sessionId;this.transport.onCommand(o=>{this.handleCommand(o,c,a)}),n.captureNetwork&&this.restoreFns.push(W(c,this._sessionId,n.redactHeaders,{captureBody:n.captureBody,maxBodySize:n.maxBodySize,beforeSend:n.beforeSend})),n.captureXhr&&this.restoreFns.push(Y(c,this._sessionId,n.redactHeaders,{captureBody:n.captureBody,maxBodySize:n.maxBodySize,beforeSend:n.beforeSend})),n.captureConsole&&this.restoreFns.push(K(c,this._sessionId,n.beforeSend)),e.captureErrors!==!1&&this.restoreFns.push(oe(c,this._sessionId,n.beforeSend)),Object.keys(n.stores).length>0&&this.restoreFns.push(Z(c,this._sessionId,n.stores,{beforeSend:n.beforeSend})),n.capturePerformance&&this.restoreFns.push(ee(c,this._sessionId,{beforeSend:n.beforeSend})),n.captureRenders&&this.restoreFns.push(se(c,this._sessionId,{beforeSend:n.beforeSend})),n.captureNavigation&&this.restoreFns.push(ie(c,this._sessionId)),n.captureClicks&&this.restoreFns.push(ae(c,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);N(`[RuntimeScope] Interceptors active \u2014 ${i.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(e,r,s){if(e.command==="capture_dom_snapshot"){let n=e.params?.maxSize??5e5,c=document.documentElement.outerHTML,a=c.length>n;a&&(c=c.slice(0,n));let i={eventId:m(),sessionId:s,timestamp:Date.now(),eventType:"dom_snapshot",html:c,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(i),this.transport?.sendCommandResponse(e.requestId,e.command,i)}else this.transport?.sendCommandResponse(e.requestId,e.command,{error:"Unknown command"})}static init(e={}){return this.connect(e)}static track(e,r){if(!this.transport||!this._sessionId)return;let s={eventId:m(),sessionId:this._sessionId,timestamp:Date.now(),eventType:"custom",name:e,properties:r};this.transport.send(s)}static setUser(e){this._user=e??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:j,user:this._user})}static addBreadcrumb(e,r){if(!this.transport||!this._sessionId)return;let s={eventId:m(),sessionId:this._sessionId,timestamp:Date.now(),eventType:"ui",action:"breadcrumb",target:"manual",text:e,...r&&{data:r}};this.transport.send(s)}static disconnect(){for(let r of this.restoreFns)try{r()}catch{}this.restoreFns=[];let e=globalThis[$];if(e){window.fetch!==e.fetch&&(window.fetch=e.fetch);for(let[r,s]of Object.entries(e.consoleMethods)){let n=console;n[r]!==s&&(n[r]=s)}}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,Pe as buildDsn,It as default,U as parseDsn};
|
|
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
|