@lensmcp/react-instrumentation 1.22.1 → 1.22.3

package/lib/fiber-renders.js

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

package/lib/lensmcp-root.js

@@ -1 +1 @@
-"use strict";var v=Object.defineProperty;var a=(e,r)=>v(e,"name",{value:r,configurable:!0});var y=Object.defineProperty,d=a((e,r)=>y(e,"name",{value:r,configurable:!0}),"d");import{jsx as c}from"react/jsx-runtime";import{Profiler as R,useMemo as w,useRef as m}from"react";import{LensmcpContext as $}from"./context.js";import{publish as M}from"./publish.js";import{makeInstanceId as x}from"./identity.js";import{installFiberRenderPublisher as L}from"./fiber-renders.js";typeof window<"u"&&L();export function LensmcpRoot(e){const r=e.rendererId??"lensmcp-root",p=w(()=>({rendererId:r,page:e.page,route:e.route}),[r,e.page,e.route]),u=m(new Map),i=m(void 0),f=d((n,s,l,g,I,h)=>{const t=`render:${r}:${n}`,{instanceId:o}=x(t),b={id:o,parentRenderId:i.current,componentInstanceId:o,componentLogicalId:t,componentName:n,page:e.page,route:e.route,rendererId:r,phase:s==="mount"?"mount":"update",actualDurationMs:l,baseDurationMs:g,startTime:I,commitTime:h,why:[{type:"force",reason:"profiler-onrender"}]};i.current=o,u.current.set(n,o),M({source:"react",category:"render",severity:"info",title:`render ${n} (${s})`,fingerprint:`react-render:${t}`,raw:{kind:"render",render:b}})},"onRender");return c($.Provider,{value:p,children:c(R,{id:r,onRender:f,children:e.children})})}a(LensmcpRoot,"LensmcpRoot"),d(LensmcpRoot,"LensmcpRoot");
+"use strict";var y=Object.defineProperty;var i=(e,r)=>y(e,"name",{value:r,configurable:!0});var R=Object.defineProperty,p=i((e,r)=>R(e,"name",{value:r,configurable:!0}),"c");import{jsx as u}from"react/jsx-runtime";import{Profiler as M,useMemo as $,useRef as s}from"react";import{LensmcpContext as L}from"./context.js";import{publish as x}from"./publish.js";import{makeInstanceId as P}from"./identity.js";import{installFiberRenderPublisher as j}from"./fiber-renders.js";typeof window<"u"&&j();export function LensmcpRoot(e){const r=e.rendererId??"lensmcp-root",l=$(()=>({rendererId:r,page:e.page,route:e.route}),[r,e.page,e.route]),f=s(new Map),d=s(new Map),c=s(void 0),I=p((t,m,g,v,b,h)=>{const a=`render:${r}:${t}`,{instanceId:n}=P(a);let o=d.current.get(t);o===void 0&&(o=n,d.current.set(t,o));const w={id:n,parentRenderId:c.current,componentInstanceId:o,componentLogicalId:a,componentName:t,page:e.page,route:e.route,rendererId:r,phase:m==="mount"?"mount":"update",actualDurationMs:g,baseDurationMs:v,startTime:b,commitTime:h,why:[{type:"force",reason:"profiler-onrender"}]};c.current=n,f.current.set(t,n),x({source:"react",category:"render",severity:"info",title:`render ${t} (${m})`,fingerprint:`react-render:${a}`,raw:{kind:"render",render:w}})},"onRender");return u(L.Provider,{value:l,children:u(M,{id:r,onRender:I,children:e.children})})}i(LensmcpRoot,"LensmcpRoot"),p(LensmcpRoot,"LensmcpRoot");

package/package.json

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