@lensmcp/react-instrumentation 1.24.4 → 1.24.5

package/lib/fiber-renders.js

@@ -1 +1 @@
-"use strict";var C=Object.defineProperty;var a=(n,e)=>C(n,"name",{value:e,configurable:!0});var D=Object.defineProperty,d=a((n,e)=>D(n,"name",{value:e,configurable:!0}),"c");import{makeInstanceId as g}from"./identity.js";import{publish as y}from"./publish.js";const S=1,_=0,T=1,F=11,L=14,x=15,O=15e3,v=25,w=15,j=8,N=(typeof process<"u"?process.env?.LENSMCP_RENDER_INCLUDE_INTERNALS:void 0)==="1",A=new Set(["Insertion","EmotionGlobal","EmotionCssPropInternal","GlobalStyles","ThemeProvider","CacheProvider"]);function I(n){return!!(A.has(n)||n.startsWith("Styled(")&&/^Styled\([a-z][a-zA-Z0-9-]*\)$/.test(n)||n==="lensmcp-root"||n.startsWith("Lensmcp"))}a(I,"b"),d(I,"isInternalRender");let h=!1,f=!1;function R(n){const e=n.type;if(!(e==null||typeof e=="string"))switch(n.tag){case _:case T:return e.displayName||e.name||void 0;case F:return e.displayName||e.render?.displayName||e.render?.name||void 0;case L:case x:return e.displayName||e.type?.displayName||e.type?.name||e.name||void 0;default:return}}a(R,"O"),d(R,"componentNameOf");function $(n){const e=n.alternate?.memoizedProps,r=n.memoizedProps;if(!e||!r||e===r)return[];const o=[];for(const t of Object.keys(r))if(t!=="children"&&!Object.is(e[t],r[t])&&(o.push(t),o.length>=j))break;return o}a($,"$"),d($,"changedPropKeys");const b=new WeakMap;function P(n,e){const r=b.get(n);if(r)return r;const o=n.alternate,t=(o?b.get(o):void 0)??g(e).instanceId;return b.set(n,t),o&&b.set(o,t),t}a(P,"v"),d(P,"stableInstanceId");function k(n){const e=[];let r=0;const o=[];for(n.current.child&&o.push({node:n.current.child,parentName:void 0});o.length>0;){const{node:t,parentName:i}=o.pop();if(r+=1,r>O)break;let l=i;const c=R(t),m=(t.flags&S)!==0;if(c&&m){const u=t.alternate==null,s=[];if(!u){const p=$(t);p.length>0&&s.push({type:"props",changedKeys:p}),i&&s.push({type:"parent-render",parentRenderId:i}),s.length===0&&s.push({type:"react-state",hookIndex:-1})}e.push({name:c,instanceId:P(t,`react:component:(fiber):${c}`),phase:u?"mount":"update",durationMs:typeof t.actualDuration=="number"?t.actualDuration:0,why:s,parentName:i}),l=c}t.sibling&&o.push({node:t.sibling,parentName:i}),t.child&&o.push({node:t.child,parentName:l})}return e}a(k,"L"),d(k,"collectCommitRenders");let M;export function activeCommitId(){return M}a(activeCommitId,"activeCommitId"),d(activeCommitId,"activeCommitId");export function fiberRendersActive(){return h&&!f}a(fiberRendersActive,"fiberRendersActive"),d(fiberRendersActive,"fiberRendersActive");function E(n,e){const r=N?n:n.filter(i=>!I(i.name));if(r.length===0)return;const o=g("react:commit").instanceId;M=o;const t=r.length>v?[...r].sort((i,l)=>l.durationMs-i.durationMs).slice(0,v):r;for(const i of t){const l=`react:component:(fiber):${i.name}`,{instanceId:c}=g(l),m={id:c,commitId:o,componentInstanceId:i.instanceId,componentLogicalId:l,componentName:i.name,rendererId:"fiber",phase:i.phase,actualDurationMs:i.durationMs,baseDurationMs:i.durationMs,startTime:e,commitTime:e,why:i.why};y({source:"react",category:"render",severity:"info",title:`render ${i.name} (${i.phase})`,fingerprint:`react-render:${l}`,raw:{kind:"render",render:m}})}r.length>t.length&&y({source:"react",category:"render",severity:"debug",title:`render commit truncated: ${r.length-t.length} of ${r.length} renders dropped (per-commit cap)`,fingerprint:"react-render:commit-truncated",raw:{kind:"render-commit-truncated",commitId:o,total:r.length,published:t.length}})}a(E,"G"),d(E,"publishRecords");export function installFiberRenderPublisher(){if(h||f||typeof window>"u")return;const n=window.__LENSMCP_FIBER__;if(!n||typeof n.subscribe!="function")return;h=!0;let e=w,r=0;const o=new Map;let t=0,i;const l=d(()=>{if(i=void 0,e=w,r===0)return;const c=[...o.entries()].sort((s,p)=>p[1]-s[1]).slice(0,5),m=c.length>0?`top: ${c.map(([s,p])=>`${s}\xD7${p}`).join(", ")}`:"no product component in the commits \u2014 all framework-internal",u=t>0?` (+${t} framework-internal)`:"";y({source:"react",category:"render",severity:"warning",title:`render storm: ${r} commits/s over budget \u2014 ${m}${u}`,fingerprint:"react-render:storm",raw:{kind:"render-storm",commits:r,components:Object.fromEntries(c),internalRenders:t}}),r=0,t=0,o.clear()},"flushStorm");n.subscribe((c,m)=>{if(!f)try{if(!m||!m.current)return;const u=k(m);if(u.length===0)return;if(e>0)e-=1,E(u,Date.now());else{r+=1;for(const s of u){if(!N&&I(s.name)){t+=1;continue}o.set(s.name,(o.get(s.name)??0)+1)}}i||(i=setTimeout(l,1e3))}catch{f=!0}})}a(installFiberRenderPublisher,"installFiberRenderPublisher"),d(installFiberRenderPublisher,"installFiberRenderPublisher");export function resetFiberRenderPublisherForTests(){h=!1,f=!1}a(resetFiberRenderPublisherForTests,"resetFiberRenderPublisherForTests"),d(resetFiberRenderPublisherForTests,"resetFiberRenderPublisherForTests");
+"use strict";var x=Object.defineProperty;var u=(e,n)=>x(e,"name",{value:n,configurable:!0});var L=Object.defineProperty,d=u((e,n)=>L(e,"name",{value:n,configurable:!0}),"a");import{makeInstanceId as y}from"./identity.js";import{publish as I}from"./publish.js";const j=1,A=0,O=1,z=11,P=14,W=15,w=15e3,M=25,C=15,G=8,E=(typeof process<"u"?process.env?.LENSMCP_RENDER_INCLUDE_INTERNALS:void 0)==="1",K=new Set(["Insertion","EmotionGlobal","EmotionCssPropInternal","GlobalStyles","ThemeProvider","CacheProvider"]);function v(e){return!!(K.has(e)||e.startsWith("Styled(")&&/^Styled\([a-z][a-zA-Z0-9-]*\)$/.test(e)||e==="lensmcp-root"||e.startsWith("Lensmcp"))}u(v,"T"),d(v,"isInternalRender");let g=!1,h=!1;function $(e){const n=e.type;if(!(n==null||typeof n=="string"))switch(e.tag){case A:case O:return n.displayName||n.name||void 0;case z:return n.displayName||n.render?.displayName||n.render?.name||void 0;case P:case W:return n.displayName||n.type?.displayName||n.type?.name||n.name||void 0;default:return}}u($,"$"),d($,"componentNameOf");function S(e){const n=e.alternate?.memoizedProps,i=e.memoizedProps;if(!n||!i||n===i)return[];const r=[];for(const o of Object.keys(i))if(o!=="children"&&!Object.is(n[o],i[o])&&(r.push(o),r.length>=G))break;return r}u(S,"F"),d(S,"changedPropKeys");const b=new WeakMap;function D(e,n){const i=b.get(e);if(i)return i;const r=e.alternate,o=(r?b.get(r):void 0)??y(n).instanceId;return b.set(e,o),r&&b.set(r,o),o}u(D,"x"),d(D,"stableInstanceId");const N=d(e=>e.alternate==null||e.child!==e.alternate.child,"childrenChanged");function _(e){const n=[];let i=0,r=!1;const o=[],c=d((t,s,l)=>{for(let a=t.child;a;a=a.sibling)o.push({node:a,parentName:s,...l?{wrapperName:l}:{}})},"pushChildren");for(N(e.current)&&c(e.current,void 0);o.length>0;){const{node:t,parentName:s,wrapperName:l}=o.pop();if(i+=1,i>w){r=!0;break}let a=s;if(t.tag===P){N(t)&&c(t,s,$(t));continue}const m=$(t)??l,p=(t.flags&j)!==0;if(m&&p){const R=t.alternate==null,f=[];if(!R){const k=S(t);k.length>0&&f.push({type:"props",changedKeys:k}),s&&f.push({type:"parent-render",parentRenderId:s}),f.length===0&&f.push({type:"react-state",hookIndex:-1})}n.push({name:m,instanceId:D(t,`react:component:(fiber):${m}`),phase:R?"mount":"update",durationMs:typeof t.actualDuration=="number"?t.actualDuration:0,why:f,parentName:s}),a=m}N(t)&&c(t,a)}return{renders:n,cut:r}}u(_,"W"),d(_,"collectCommitRenders");let F;export function activeCommitId(){return F}u(activeCommitId,"activeCommitId"),d(activeCommitId,"activeCommitId");export function fiberRendersActive(){return g&&!h}u(fiberRendersActive,"fiberRendersActive"),d(fiberRendersActive,"fiberRendersActive");function T(e,n,i=!1){const r=E?e:e.filter(t=>!v(t.name));if(r.length===0)return;const o=y("react:commit").instanceId;F=o;const c=r.length>M?[...r].sort((t,s)=>s.durationMs-t.durationMs).slice(0,M):r;for(const t of c){const s=`react:component:(fiber):${t.name}`,{instanceId:l}=y(s),a={id:l,commitId:o,componentInstanceId:t.instanceId,componentLogicalId:s,componentName:t.name,rendererId:"fiber",phase:t.phase,actualDurationMs:t.durationMs,baseDurationMs:t.durationMs,startTime:n,commitTime:n,why:t.why};I({source:"react",category:"render",severity:"info",title:`render ${t.name} (${t.phase})`,fingerprint:`react-render:${s}`,raw:{kind:"render",render:a}})}if(r.length>c.length||i){const t=i?`at least ${r.length}`:String(r.length);I({source:"react",category:"render",severity:"debug",title:i?`render commit truncated: the walk stopped at ${w} fibers \u2014 ${t} renders, ${c.length} recorded`:`render commit truncated: ${r.length-c.length} of ${r.length} renders dropped (per-commit cap)`,fingerprint:"react-render:commit-truncated",raw:{kind:"render-commit-truncated",commitId:o,total:r.length,published:c.length,...i?{walkStoppedAt:w}:{}}})}}u(T,"j"),d(T,"publishRecords");export function installFiberRenderPublisher(){if(g||h||typeof window>"u")return;const e=window.__LENSMCP_FIBER__;if(!e||typeof e.subscribe!="function")return;g=!0;let n=C,i=0;const r=new Map;let o=0,c;const t=d(()=>{if(c=void 0,n=C,i===0)return;const s=[...r.entries()].sort((m,p)=>p[1]-m[1]).slice(0,5),l=s.length>0?`top: ${s.map(([m,p])=>`${m}\xD7${p}`).join(", ")}`:"no product component in the commits \u2014 all framework-internal",a=o>0?` (+${o} framework-internal)`:"";I({source:"react",category:"render",severity:"warning",title:`render storm: ${i} commits/s over budget \u2014 ${l}${a}`,fingerprint:"react-render:storm",raw:{kind:"render-storm",commits:i,components:Object.fromEntries(s),internalRenders:o}}),i=0,o=0,r.clear()},"flushStorm");e.subscribe((s,l)=>{if(!h)try{if(!l||!l.current)return;const{renders:a,cut:m}=_(l);if(a.length===0)return;if(n>0)n-=1,T(a,Date.now(),m);else{i+=1;for(const p of a){if(!E&&v(p.name)){o+=1;continue}r.set(p.name,(r.get(p.name)??0)+1)}}c||(c=setTimeout(t,1e3))}catch{h=!0}})}u(installFiberRenderPublisher,"installFiberRenderPublisher"),d(installFiberRenderPublisher,"installFiberRenderPublisher");export function resetFiberRenderPublisherForTests(){g=!1,h=!1}u(resetFiberRenderPublisherForTests,"resetFiberRenderPublisherForTests"),d(resetFiberRenderPublisherForTests,"resetFiberRenderPublisherForTests");

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@lensmcp/react-instrumentation",
-  "version": "1.24.4",
+  "version": "1.24.5",
   "type": "module",
   "main": "./index.js",
   "module": "./index.js",
@@ -19,7 +19,7 @@
     }
   },
   "dependencies": {
-    "@lensmcp/protocol-types": "1.24.4",
+    "@lensmcp/protocol-types": "1.24.5",
     "tslib": "^2.3.0"
   },
   "peerDependencies": {