@lensmcp/vite-plugin 1.16.33 → 1.17.1

package/lib/plugin.js

@@ -256,6 +256,44 @@ function buildInlineClientRuntime(opts) {
   if (window.__LENSMCP_CLIENT__) return;
   window.__LENSMCP_CLIENT__ = true;
 
+  // React DevTools hook shim/patch — this script is the FIRST module script in
+  // the document, so it runs BEFORE react-dom evaluates. react-dom only calls
+  // onCommitFiberRoot when a hook exists at its module init, so installing (or
+  // patching) it here is what gives @lensmcp/react-instrumentation per-commit
+  // fiber roots for per-component render attribution. When another hook is
+  // already present (React DevTools extension, react-refresh preamble) we
+  // CHAIN its onCommitFiberRoot — never replace it.
+  (() => {
+    try {
+      const subs = new Set();
+      window.__LENSMCP_FIBER__ = { subscribe(fn) { subs.add(fn); return () => subs.delete(fn); } };
+      const notify = (id, root) => { for (const fn of subs) { try { fn(id, root); } catch (e) {} } };
+      const existing = window.__REACT_DEVTOOLS_GLOBAL_HOOK__;
+      if (existing) {
+        const orig = typeof existing.onCommitFiberRoot === 'function' ? existing.onCommitFiberRoot.bind(existing) : null;
+        existing.onCommitFiberRoot = function(id, root, prio, didError) {
+          notify(id, root);
+          if (orig) return orig(id, root, prio, didError);
+        };
+      } else {
+        let nextRendererId = 1;
+        window.__REACT_DEVTOOLS_GLOBAL_HOOK__ = {
+          renderers: new Map(),
+          supportsFiber: true,
+          isDisabled: false,
+          inject(renderer) { const id = nextRendererId++; this.renderers.set(id, renderer); return id; },
+          on() {}, off() {}, sub() { return () => {}; }, emit() {},
+          checkDCE() {},
+          onScheduleFiberRoot() {},
+          onCommitFiberRoot(id, root) { notify(id, root); },
+          onCommitFiberUnmount() {},
+          onPostCommitFiberRoot() {},
+          setStrictMode() {},
+        };
+      }
+    } catch (e) { /* strictly passive — never break the host page */ }
+  })();
+
   const WS_URL = 'ws://${opts.host}:${opts.port}';
   let ws = null;
   let queue = [];
@@ -343,12 +381,16 @@ function buildInlineClientRuntime(opts) {
     const method = (init && init.method) || (input && input.method) || 'GET';
     const url = typeof input === 'string' ? input : (input && (input.url || String(input)));
     const start = Date.now();
+    // flow-fetch (@lensmcp/react-instrumentation) wraps fetch OUTSIDE this
+    // wrapper and publishes flow-correlated network events for the same
+    // request — sending ours too double-counts every fetch in the timeline.
+    const flowFetchActive = !!window.__LENSMCP_FLOW_FETCH__;
     try {
       const res = await origFetch(input, init);
-      send({ kind: 'fetch', method, url, status: res.status, ok: res.ok, durationMs: Date.now() - start });
+      if (!flowFetchActive) send({ kind: 'fetch', method, url, status: res.status, ok: res.ok, durationMs: Date.now() - start });
       return res;
     } catch (err) {
-      send({ kind: 'fetch', method, url, error: err && (err.message || String(err)), durationMs: Date.now() - start });
+      if (!flowFetchActive) send({ kind: 'fetch', method, url, error: err && (err.message || String(err)), durationMs: Date.now() - start });
       throw err;
     }
   };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@lensmcp/vite-plugin",
-  "version": "1.16.33",
+  "version": "1.17.1",
   "type": "module",
   "main": "./index.js",
   "module": "./index.js",
@@ -15,11 +15,11 @@
   },
   "dependencies": {
     "@babel/core": "^7.0.0",
-    "@lensmcp/bridge": "1.16.33",
-    "@lensmcp/core": "1.16.33",
-    "@lensmcp/protocol-types": "1.16.33",
-    "@lensmcp/react-instrumentation": "1.16.33",
-    "@lensmcp/valtio-instrumentation": "1.16.33",
+    "@lensmcp/bridge": "1.17.1",
+    "@lensmcp/core": "1.17.1",
+    "@lensmcp/protocol-types": "1.17.1",
+    "@lensmcp/react-instrumentation": "1.17.1",
+    "@lensmcp/valtio-instrumentation": "1.17.1",
     "tslib": "^2.3.0"
   },
   "peerDependencies": {