trickle-observe 0.2.84 → 0.2.86

package/dist/observe-register.js

@@ -70,25 +70,75 @@ function decodeVLQ(encoded) {
     }
     return values;
 }
+/**
+ * Resolve a source map source path to a real filesystem path.
+ * Handles webpack:// URLs, file:// URLs, and relative paths.
+ */
+function resolveSourcePath(source, mapDir, sourceRoot, jsFilePath) {
+    // Handle webpack:// URLs: webpack://package-name/./src/file.ts
+    if (source.startsWith('webpack://')) {
+        // Strip webpack://package-name/ prefix
+        const withoutProtocol = source.replace(/^webpack:\/\/[^/]*\//, '');
+        // Resolve relative to the project root (parent of dist/ or the JS file's directory)
+        const projectRoot = findProjectRoot(jsFilePath);
+        return path_1.default.resolve(projectRoot, withoutProtocol);
+    }
+    // Handle file:// URLs
+    if (source.startsWith('file://')) {
+        return source.replace(/^file:\/\//, '');
+    }
+    // Regular relative path
+    return path_1.default.resolve(mapDir, sourceRoot, source);
+}
+/**
+ * Find the project root by looking for package.json or tsconfig.json
+ * starting from the JS file's directory and walking up.
+ */
+function findProjectRoot(jsFilePath) {
+    let dir = path_1.default.dirname(jsFilePath);
+    for (let i = 0; i < 10; i++) {
+        if (fs_1.default.existsSync(path_1.default.join(dir, 'package.json')) || fs_1.default.existsSync(path_1.default.join(dir, 'tsconfig.json'))) {
+            return dir;
+        }
+        const parent = path_1.default.dirname(dir);
+        if (parent === dir)
+            break;
+        dir = parent;
+    }
+    return path_1.default.dirname(jsFilePath);
+}
 /**
  * Parse a source map JSON and build a compiled→original line mapping.
- * Only handles single-source maps (most common for tsc output).
+ * Supports both single-source (tsc) and multi-source (webpack/rollup) maps.
  */
-function parseSourceMap(mapJson, mapFilePath) {
+function parseSourceMap(mapJson, mapFilePath, jsFilePath) {
     try {
         const map = JSON.parse(mapJson);
         if (!map.mappings || !map.sources || map.sources.length === 0)
             return null;
-        // Resolve original source path relative to the .map file location
         const mapDir = path_1.default.dirname(mapFilePath);
         const sourceRoot = map.sourceRoot || '';
-        const originalFile = path_1.default.resolve(mapDir, sourceRoot, map.sources[0]);
+        // Resolve all source paths, filtering out non-user sources (webpack internals)
+        const resolvedSources = map.sources.map((s) => resolveSourcePath(s, mapDir, sourceRoot, jsFilePath));
+        // Find the first user source file (skip webpack bootstrap/runtime)
+        let primarySourceIdx = 0;
+        for (let i = 0; i < resolvedSources.length; i++) {
+            const s = map.sources[i];
+            if (!s.includes('webpack/bootstrap') && !s.includes('webpack/runtime') && fs_1.default.existsSync(resolvedSources[i])) {
+                primarySourceIdx = i;
+                break;
+            }
+        }
+        const originalFile = resolvedSources[primarySourceIdx];
         // Decode mappings: semicolons separate lines, commas separate segments
-        // VLQ values are cumulative across ALL segments (not just first per line),
-        // so we must process every segment to maintain correct state.
+        // VLQ values are cumulative across ALL segments (not just first per line).
+        // For multi-source maps, also track the source index to map lines to different files.
         const lineMap = new Map();
+        /** Map from generated line → resolved source file path */
+        const lineSourceMap = new Map();
         const lines = map.mappings.split(';');
-        let sourceLine = 0; // Cumulative source line (0-based, relative)
+        let sourceLine = 0;
+        let sourceIdx = 0;
         for (let genLine = 0; genLine < lines.length; genLine++) {
             const line = lines[genLine];
             if (!line)
@@ -99,18 +149,22 @@ function parseSourceMap(mapJson, mapFilePath) {
                 if (!seg)
                     continue;
                 const decoded = decodeVLQ(seg);
-                // decoded: [genCol, sourceIdx, sourceLine, sourceCol, ...]
                 if (decoded.length >= 3) {
-                    sourceLine += decoded[2]; // Update cumulative source line
-                    // Only record the first segment's mapping for this generated line
+                    if (decoded.length >= 2)
+                        sourceIdx += decoded[1]; // Update source index
+                    sourceLine += decoded[2];
                     if (!firstSegmentMapped) {
-                        lineMap.set(genLine + 1, sourceLine + 1); // Convert to 1-based
+                        lineMap.set(genLine + 1, sourceLine + 1);
+                        // Track which source file this line belongs to
+                        if (sourceIdx >= 0 && sourceIdx < resolvedSources.length) {
+                            lineSourceMap.set(genLine + 1, resolvedSources[sourceIdx]);
+                        }
                         firstSegmentMapped = true;
                     }
                 }
             }
         }
-        return { lineMap, originalFile, sources: map.sources };
+        return { lineMap, originalFile, sources: map.sources, lineSourceMap };
     }
     catch {
         return null;
@@ -133,14 +187,14 @@ function loadSourceMap(jsFilePath, source) {
             const mapPath = path_1.default.resolve(path_1.default.dirname(jsFilePath), url);
             if (fs_1.default.existsSync(mapPath)) {
                 const mapJson = fs_1.default.readFileSync(mapPath, 'utf8');
-                return parseSourceMap(mapJson, mapPath);
+                return parseSourceMap(mapJson, mapPath, jsFilePath);
             }
         }
         // Fallback: check for .map file alongside .js
         const mapPath = jsFilePath + '.map';
         if (fs_1.default.existsSync(mapPath)) {
             const mapJson = fs_1.default.readFileSync(mapPath, 'utf8');
-            return parseSourceMap(mapJson, mapPath);
+            return parseSourceMap(mapJson, mapPath, jsFilePath);
         }
         return null;
     }
@@ -322,6 +376,11 @@ function findVarDeclarations(source, lineOffset = 0) {
             continue;
         if (varName === '__commonJS' || varName === '__toCommonJS' || varName === '__export' || varName === '__copyProps')
             continue;
+        // Skip webpack internals
+        if (varName.startsWith('__webpack_'))
+            continue;
+        if (varName === '__unused_webpack_module')
+            continue;
         // Skip React Refresh / HMR internals
         if (varName === 'prevRefreshReg' || varName === 'prevRefreshSig' || varName === 'inWebWorker' || varName === 'invalidateMessage')
             continue;
@@ -619,6 +678,14 @@ function transformCjsSource(source, filename, moduleName, env, sourceMap) {
     const remapLine = sourceMap
         ? (line) => mapLineToOriginal(sourceMap, line)
         : (line) => line;
+    // Helper: get source file for a compiled line (for multi-source bundles)
+    const hasMultiSource = sourceMap?.lineSourceMap && sourceMap.lineSourceMap.size > 0;
+    const getSourceFile = hasMultiSource
+        ? (compiledLine) => {
+            const file = sourceMap.lineSourceMap.get(compiledLine);
+            return file && !file.includes('webpack/bootstrap') && !file.includes('webpack/runtime') ? file : undefined;
+        }
+        : (_) => undefined;
     if (varTraceEnabled) {
         const isTsFile = /\.[mc]?tsx?$/.test(filename);
         if (isTsFile && !sourceMap) {
@@ -682,10 +749,12 @@ function transformCjsSource(source, filename, moduleName, env, sourceMap) {
             // Plain JS or source-map-assisted: parse compiled source, then remap lines
             varInsertions = findVarDeclarations(source).map(ins => ({
                 ...ins,
+                sourceFile: getSourceFile(ins.lineNo),
                 lineNo: remapLine(ins.lineNo),
             }));
             destructInsertions = findDestructuredDeclarations(source).map(ins => ({
                 ...ins,
+                sourceFile: getSourceFile(ins.lineNo),
                 lineNo: remapLine(ins.lineNo),
             }));
         }
@@ -696,14 +765,17 @@ function transformCjsSource(source, filename, moduleName, env, sourceMap) {
     // Apply source map remapping to these too.
     const reassignInsertions = (0, vite_plugin_1.findReassignments)(source).map(ins => ({
         ...ins,
+        sourceFile: getSourceFile(ins.lineNo),
         lineNo: remapLine(ins.lineNo),
     }));
     const forLoopInsertions = (0, vite_plugin_1.findForLoopVars)(source).map(ins => ({
         ...ins,
+        sourceFile: getSourceFile(ins.lineNo),
         lineNo: remapLine(ins.lineNo),
     }));
     const catchInsertions = (0, vite_plugin_1.findCatchVars)(source).map(ins => ({
         ...ins,
+        sourceFile: getSourceFile(ins.lineNo),
         lineNo: remapLine(ins.lineNo),
     }));
     if (insertions.length === 0 && varInsertions.length === 0 && destructInsertions.length === 0 && reassignInsertions.length === 0 && forLoopInsertions.length === 0 && catchInsertions.length === 0 && classInsertions.length === 0)
@@ -740,7 +812,7 @@ function transformCjsSource(source, filename, moduleName, env, sourceMap) {
         const traceModuleName = sourceMap
             ? path_1.default.basename(sourceMap.originalFile).replace(/\.[jt]sx?$/, '')
             : moduleName;
-        prefixLines.push(`var __trickle_tv_mod = require(${JSON.stringify(traceVarPath)});`, `var __trickle_tv = function(v, n, l) { try { __trickle_tv_mod.traceVar(v, n, l, ${JSON.stringify(traceModuleName)}, ${JSON.stringify(traceFilePath)}); } catch(e){} };`);
+        prefixLines.push(`var __trickle_tv_mod = require(${JSON.stringify(traceVarPath)});`, `var __trickle_tv = function(v, n, l, m, f) { try { __trickle_tv_mod.traceVar(v, n, l, m || ${JSON.stringify(traceModuleName)}, f || ${JSON.stringify(traceFilePath)}); } catch(e){} };`);
     }
     prefixLines.push('');
     const prefix = prefixLines.join('\n');
@@ -752,37 +824,47 @@ function transformCjsSource(source, filename, moduleName, env, sourceMap) {
             code: `\ntry{${name}=__trickle_wrap(${name},'${name}',${paramNamesArg})}catch(__e){}\n`,
         });
     }
-    for (const { lineEnd, varName, lineNo } of varInsertions) {
+    // Helper to generate source file args for __trickle_tv calls (for multi-source bundles)
+    const sfArgs = (sourceFile) => {
+        if (!sourceFile)
+            return '';
+        const mod = path_1.default.basename(sourceFile).replace(/\.[jt]sx?$/, '');
+        return `,${JSON.stringify(mod)},${JSON.stringify(sourceFile)}`;
+    };
+    for (const { lineEnd, varName, lineNo, sourceFile } of varInsertions) {
         allInsertions.push({
             position: lineEnd,
-            code: `\ntry{__trickle_tv(${varName},${JSON.stringify(varName)},${lineNo})}catch(__e){}\n`,
+            code: `\ntry{__trickle_tv(${varName},${JSON.stringify(varName)},${lineNo}${sfArgs(sourceFile)})}catch(__e){}\n`,
         });
     }
-    for (const { lineEnd, varNames, lineNo } of destructInsertions) {
-        const calls = varNames.map(n => `__trickle_tv(${n},${JSON.stringify(n)},${lineNo})`).join(';');
+    for (const { lineEnd, varNames, lineNo, sourceFile } of destructInsertions) {
+        const sf = sfArgs(sourceFile);
+        const calls = varNames.map(n => `__trickle_tv(${n},${JSON.stringify(n)},${lineNo}${sf})`).join(';');
         allInsertions.push({
             position: lineEnd,
             code: `\n;try{${calls}}catch(__e){}\n`,
         });
     }
     // Reassignment insertions
-    for (const { lineEnd, varName, lineNo } of reassignInsertions) {
+    for (const { lineEnd, varName, lineNo, sourceFile } of reassignInsertions) {
         allInsertions.push({
             position: lineEnd,
-            code: `\n;try{__trickle_tv(${varName},${JSON.stringify(varName)},${lineNo})}catch(__e){}\n`,
+            code: `\n;try{__trickle_tv(${varName},${JSON.stringify(varName)},${lineNo}${sfArgs(sourceFile)})}catch(__e){}\n`,
         });
     }
     // For-loop variable insertions
-    for (const { bodyStart, varNames, lineNo } of forLoopInsertions) {
-        const calls = varNames.map(n => `__trickle_tv(${n},${JSON.stringify(n)},${lineNo})`).join(';');
+    for (const { bodyStart, varNames, lineNo, sourceFile } of forLoopInsertions) {
+        const sf = sfArgs(sourceFile);
+        const calls = varNames.map(n => `__trickle_tv(${n},${JSON.stringify(n)},${lineNo}${sf})`).join(';');
         allInsertions.push({
             position: bodyStart,
             code: `\ntry{${calls}}catch(__e){}\n`,
         });
     }
     // Catch clause insertions
-    for (const { bodyStart, varNames, lineNo } of catchInsertions) {
-        const calls = varNames.map(n => `__trickle_tv(${n},${JSON.stringify(n)},${lineNo})`).join(';');
+    for (const { bodyStart, varNames, lineNo, sourceFile } of catchInsertions) {
+        const sf = sfArgs(sourceFile);
+        const calls = varNames.map(n => `__trickle_tv(${n},${JSON.stringify(n)},${lineNo}${sf})`).join(';');
         allInsertions.push({
             position: bodyStart,
             code: `\ntry{${calls}}catch(__e2){}\n`,

package/dist/trace-var.js

@@ -59,6 +59,9 @@ let varsFilePath = '';
 let debugMode = false;
 /** Cache: "file:line:varName" → { fingerprint, timestamp } for value-aware dedup */
 const varCache = new Map();
+/** Per-line sample count to avoid loop variable spam */
+const sampleCount = new Map();
+const MAX_SAMPLES_PER_LINE = 5;
 /** Batch buffer for writing — avoids one fs.appendFileSync per variable */
 let varBuffer = [];
 let flushTimer = null;
@@ -105,8 +108,12 @@ function traceVar(value, varName, line, moduleName, filePath) {
         // Create a stable hash for dedup
         const dummyArgs = { kind: 'tuple', elements: [] };
         const typeHash = (0, type_hash_1.hashType)(dummyArgs, type);
-        // Value-aware dedup: re-send if value changed or 10s elapsed
+        // Per-line sample count limit: stop after N samples to avoid loop spam
         const cacheKey = `${filePath}:${line}:${varName}`;
+        const cnt = sampleCount.get(cacheKey) || 0;
+        if (cnt >= MAX_SAMPLES_PER_LINE)
+            return;
+        // Value-aware dedup: re-send if value changed or 10s elapsed
         const t = typeof value;
         const fp = (t === 'string' || t === 'number' || t === 'boolean' || value === null || value === undefined)
             ? String(value).substring(0, 60)
@@ -116,6 +123,7 @@ function traceVar(value, varName, line, moduleName, filePath) {
         if (prev && prev.fp === fp && (now - prev.ts) < 10000)
             return;
         varCache.set(cacheKey, { fp, ts: now });
+        sampleCount.set(cacheKey, cnt + 1);
         const sample = sanitizeVarSample(value);
         const observation = {
             kind: 'variable',

package/dist/vite-plugin.js

@@ -278,6 +278,11 @@ function findVarDeclarations(source) {
             continue;
         if (varName === '__commonJS' || varName === '__toCommonJS' || varName === '__export' || varName === '__copyProps')
             continue;
+        // Skip webpack internals
+        if (varName.startsWith('__webpack_'))
+            continue;
+        if (varName === '__unused_webpack_module')
+            continue;
         // Skip React Refresh / HMR internals (Vite, webpack, Next.js inject these)
         if (varName === 'prevRefreshReg' || varName === 'prevRefreshSig' || varName === 'inWebWorker' || varName === 'invalidateMessage')
             continue;
@@ -1604,7 +1609,7 @@ ingestUrl) {
     }
     // Add variable tracing if needed — inlined to avoid import resolution issues in Vite SSR.
     if (varInsertions.length > 0 || destructInsertions.length > 0 || reassignInsertions.length > 0 || forLoopInsertions.length > 0 || catchInsertions.length > 0 || funcParamInsertions.length > 0 || jsxExprInsertions.length > 0) {
-        prefixLines.push(`if (!globalThis.__trickle_var_tracer) {`, `  const _cache = new Map();`, `  function _inferType(v, d) {`, `    if (d <= 0) return { kind: 'primitive', name: 'unknown' };`, `    if (v === null) return { kind: 'primitive', name: 'null' };`, `    if (v === undefined) return { kind: 'primitive', name: 'undefined' };`, `    const t = typeof v;`, `    if (t === 'string' || t === 'number' || t === 'boolean' || t === 'bigint' || t === 'symbol') return { kind: 'primitive', name: t };`, `    if (t === 'function') return { kind: 'function' };`, `    if (Array.isArray(v)) { return v.length === 0 ? { kind: 'array', element: { kind: 'primitive', name: 'unknown' } } : { kind: 'array', element: _inferType(v[0], d-1) }; }`, `    if (t === 'object') {`, `      if (v instanceof Date) return { kind: 'object', properties: { __date: { kind: 'primitive', name: 'string' } } };`, `      if (v instanceof RegExp) return { kind: 'object', properties: { __regexp: { kind: 'primitive', name: 'string' } } };`, `      if (v instanceof Error) return { kind: 'object', properties: { __error: { kind: 'primitive', name: 'string' } } };`, `      if (v instanceof Promise) return { kind: 'promise', resolved: { kind: 'primitive', name: 'unknown' } };`, `      const props = {}; const keys = Object.keys(v).slice(0, 20);`, `      for (const k of keys) { try { props[k] = _inferType(v[k], d-1); } catch(e) { props[k] = { kind: 'primitive', name: 'unknown' }; } }`, `      return { kind: 'object', properties: props };`, `    }`, `    return { kind: 'primitive', name: 'unknown' };`, `  }`, `  function _sanitize(v, d) {`, `    if (d <= 0) return '[truncated]'; if (v === null || v === undefined) return v; const t = typeof v;`, `    if (t === 'string') return v.length > 100 ? v.substring(0, 100) + '...' : v;`, `    if (t === 'number' || t === 'boolean') return v; if (t === 'bigint') return String(v);`, `    if (t === 'function') return '[Function: ' + (v.name || 'anonymous') + ']';`, `    if (Array.isArray(v)) return v.slice(0, 3).map(i => _sanitize(i, d-1));`, `    if (t === 'object') { if (v instanceof Date) return v.toISOString(); if (v instanceof RegExp) return String(v); if (v instanceof Error) return { error: v.message }; if (v instanceof Promise) return '[Promise]';`, `      const r = {}; const keys = Object.keys(v).slice(0, 10); for (const k of keys) { try { r[k] = _sanitize(v[k], d-1); } catch(e) { r[k] = '[unreadable]'; } } return r; }`, `    return String(v);`, `  }`, `  globalThis.__trickle_var_tracer = function(v, n, l, mod, file) {`, `    try {`, `      const type = _inferType(v, 3);`, `      const th = JSON.stringify(type).substring(0, 32);`, `      const sample = _sanitize(v, 2);`, `      const sv = typeof v === 'object' && v !== null ? JSON.stringify(sample).substring(0, 60) : String(v).substring(0, 60);`, `      const ck = file + ':' + l + ':' + n;`, `      const prev = _cache.get(ck);`, `      const now = Date.now();`, `      if (prev && prev.sv === sv && now - prev.ts < 5000) return;`, `      _cache.set(ck, { sv: sv, ts: now });`, `      __trickle_send(JSON.stringify({ kind: 'variable', varName: n, line: l, module: mod, file: file, type: type, typeHash: th, sample: sample }));`, `    } catch(e) {}`, `  };`, `}`, `function __trickle_tv(v, n, l) { try { globalThis.__trickle_var_tracer(v, n, l, ${JSON.stringify(moduleName)}, ${JSON.stringify(filename)}); } catch(e) {} }`);
+        prefixLines.push(`if (!globalThis.__trickle_var_tracer) {`, `  const _cache = new Map();`, `  const _sampleCount = new Map();`, `  const _MAX_SAMPLES = 5;`, `  function _inferType(v, d) {`, `    if (d <= 0) return { kind: 'primitive', name: 'unknown' };`, `    if (v === null) return { kind: 'primitive', name: 'null' };`, `    if (v === undefined) return { kind: 'primitive', name: 'undefined' };`, `    const t = typeof v;`, `    if (t === 'string' || t === 'number' || t === 'boolean' || t === 'bigint' || t === 'symbol') return { kind: 'primitive', name: t };`, `    if (t === 'function') return { kind: 'function' };`, `    if (Array.isArray(v)) { return v.length === 0 ? { kind: 'array', element: { kind: 'primitive', name: 'unknown' } } : { kind: 'array', element: _inferType(v[0], d-1) }; }`, `    if (t === 'object') {`, `      if (v instanceof Date) return { kind: 'object', properties: { __date: { kind: 'primitive', name: 'string' } } };`, `      if (v instanceof RegExp) return { kind: 'object', properties: { __regexp: { kind: 'primitive', name: 'string' } } };`, `      if (v instanceof Error) return { kind: 'object', properties: { __error: { kind: 'primitive', name: 'string' } } };`, `      if (v instanceof Promise) return { kind: 'promise', resolved: { kind: 'primitive', name: 'unknown' } };`, `      const props = {}; const keys = Object.keys(v).slice(0, 20);`, `      for (const k of keys) { try { props[k] = _inferType(v[k], d-1); } catch(e) { props[k] = { kind: 'primitive', name: 'unknown' }; } }`, `      return { kind: 'object', properties: props };`, `    }`, `    return { kind: 'primitive', name: 'unknown' };`, `  }`, `  function _sanitize(v, d) {`, `    if (d <= 0) return '[truncated]'; if (v === null || v === undefined) return v; const t = typeof v;`, `    if (t === 'string') return v.length > 100 ? v.substring(0, 100) + '...' : v;`, `    if (t === 'number' || t === 'boolean') return v; if (t === 'bigint') return String(v);`, `    if (t === 'function') return '[Function: ' + (v.name || 'anonymous') + ']';`, `    if (Array.isArray(v)) return v.slice(0, 3).map(i => _sanitize(i, d-1));`, `    if (t === 'object') { if (v instanceof Date) return v.toISOString(); if (v instanceof RegExp) return String(v); if (v instanceof Error) return { error: v.message }; if (v instanceof Promise) return '[Promise]';`, `      const r = {}; const keys = Object.keys(v).slice(0, 10); for (const k of keys) { try { r[k] = _sanitize(v[k], d-1); } catch(e) { r[k] = '[unreadable]'; } } return r; }`, `    return String(v);`, `  }`, `  globalThis.__trickle_var_tracer = function(v, n, l, mod, file) {`, `    try {`, `      const type = _inferType(v, 3);`, `      const th = JSON.stringify(type).substring(0, 32);`, `      const sample = _sanitize(v, 2);`, `      const sv = typeof v === 'object' && v !== null ? JSON.stringify(sample).substring(0, 60) : String(v).substring(0, 60);`, `      const ck = file + ':' + l + ':' + n;`, `      const cnt = _sampleCount.get(ck) || 0;`, `      if (cnt >= _MAX_SAMPLES) return;`, `      const prev = _cache.get(ck);`, `      const now = Date.now();`, `      if (prev && prev.sv === sv && now - prev.ts < 5000) return;`, `      _cache.set(ck, { sv: sv, ts: now });`, `      _sampleCount.set(ck, cnt + 1);`, `      __trickle_send(JSON.stringify({ kind: 'variable', varName: n, line: l, module: mod, file: file, type: type, typeHash: th, sample: sample }));`, `    } catch(e) {}`, `  };`, `}`, `function __trickle_tv(v, n, l) { try { globalThis.__trickle_var_tracer(v, n, l, ${JSON.stringify(moduleName)}, ${JSON.stringify(filename)}); } catch(e) {} }`);
     }
     // Add React component render tracker if needed
     if (bodyInsertions.length > 0 || conciseBodyInsertions.length > 0) {

package/dist-esm/vite-plugin.js

@@ -265,6 +265,11 @@ function findVarDeclarations(source) {
             continue;
         if (varName === '__commonJS' || varName === '__toCommonJS' || varName === '__export' || varName === '__copyProps')
             continue;
+        // Skip webpack internals
+        if (varName.startsWith('__webpack_'))
+            continue;
+        if (varName === '__unused_webpack_module')
+            continue;
         // Skip React Refresh / HMR internals (Vite, webpack, Next.js inject these)
         if (varName === 'prevRefreshReg' || varName === 'prevRefreshSig' || varName === 'inWebWorker' || varName === 'invalidateMessage')
             continue;
@@ -1591,7 +1596,7 @@ ingestUrl) {
     }
     // Add variable tracing if needed — inlined to avoid import resolution issues in Vite SSR.
     if (varInsertions.length > 0 || destructInsertions.length > 0 || reassignInsertions.length > 0 || forLoopInsertions.length > 0 || catchInsertions.length > 0 || funcParamInsertions.length > 0 || jsxExprInsertions.length > 0) {
-        prefixLines.push(`if (!globalThis.__trickle_var_tracer) {`, `  const _cache = new Map();`, `  function _inferType(v, d) {`, `    if (d <= 0) return { kind: 'primitive', name: 'unknown' };`, `    if (v === null) return { kind: 'primitive', name: 'null' };`, `    if (v === undefined) return { kind: 'primitive', name: 'undefined' };`, `    const t = typeof v;`, `    if (t === 'string' || t === 'number' || t === 'boolean' || t === 'bigint' || t === 'symbol') return { kind: 'primitive', name: t };`, `    if (t === 'function') return { kind: 'function' };`, `    if (Array.isArray(v)) { return v.length === 0 ? { kind: 'array', element: { kind: 'primitive', name: 'unknown' } } : { kind: 'array', element: _inferType(v[0], d-1) }; }`, `    if (t === 'object') {`, `      if (v instanceof Date) return { kind: 'object', properties: { __date: { kind: 'primitive', name: 'string' } } };`, `      if (v instanceof RegExp) return { kind: 'object', properties: { __regexp: { kind: 'primitive', name: 'string' } } };`, `      if (v instanceof Error) return { kind: 'object', properties: { __error: { kind: 'primitive', name: 'string' } } };`, `      if (v instanceof Promise) return { kind: 'promise', resolved: { kind: 'primitive', name: 'unknown' } };`, `      const props = {}; const keys = Object.keys(v).slice(0, 20);`, `      for (const k of keys) { try { props[k] = _inferType(v[k], d-1); } catch(e) { props[k] = { kind: 'primitive', name: 'unknown' }; } }`, `      return { kind: 'object', properties: props };`, `    }`, `    return { kind: 'primitive', name: 'unknown' };`, `  }`, `  function _sanitize(v, d) {`, `    if (d <= 0) return '[truncated]'; if (v === null || v === undefined) return v; const t = typeof v;`, `    if (t === 'string') return v.length > 100 ? v.substring(0, 100) + '...' : v;`, `    if (t === 'number' || t === 'boolean') return v; if (t === 'bigint') return String(v);`, `    if (t === 'function') return '[Function: ' + (v.name || 'anonymous') + ']';`, `    if (Array.isArray(v)) return v.slice(0, 3).map(i => _sanitize(i, d-1));`, `    if (t === 'object') { if (v instanceof Date) return v.toISOString(); if (v instanceof RegExp) return String(v); if (v instanceof Error) return { error: v.message }; if (v instanceof Promise) return '[Promise]';`, `      const r = {}; const keys = Object.keys(v).slice(0, 10); for (const k of keys) { try { r[k] = _sanitize(v[k], d-1); } catch(e) { r[k] = '[unreadable]'; } } return r; }`, `    return String(v);`, `  }`, `  globalThis.__trickle_var_tracer = function(v, n, l, mod, file) {`, `    try {`, `      const type = _inferType(v, 3);`, `      const th = JSON.stringify(type).substring(0, 32);`, `      const sample = _sanitize(v, 2);`, `      const sv = typeof v === 'object' && v !== null ? JSON.stringify(sample).substring(0, 60) : String(v).substring(0, 60);`, `      const ck = file + ':' + l + ':' + n;`, `      const prev = _cache.get(ck);`, `      const now = Date.now();`, `      if (prev && prev.sv === sv && now - prev.ts < 5000) return;`, `      _cache.set(ck, { sv: sv, ts: now });`, `      __trickle_send(JSON.stringify({ kind: 'variable', varName: n, line: l, module: mod, file: file, type: type, typeHash: th, sample: sample }));`, `    } catch(e) {}`, `  };`, `}`, `function __trickle_tv(v, n, l) { try { globalThis.__trickle_var_tracer(v, n, l, ${JSON.stringify(moduleName)}, ${JSON.stringify(filename)}); } catch(e) {} }`);
+        prefixLines.push(`if (!globalThis.__trickle_var_tracer) {`, `  const _cache = new Map();`, `  const _sampleCount = new Map();`, `  const _MAX_SAMPLES = 5;`, `  function _inferType(v, d) {`, `    if (d <= 0) return { kind: 'primitive', name: 'unknown' };`, `    if (v === null) return { kind: 'primitive', name: 'null' };`, `    if (v === undefined) return { kind: 'primitive', name: 'undefined' };`, `    const t = typeof v;`, `    if (t === 'string' || t === 'number' || t === 'boolean' || t === 'bigint' || t === 'symbol') return { kind: 'primitive', name: t };`, `    if (t === 'function') return { kind: 'function' };`, `    if (Array.isArray(v)) { return v.length === 0 ? { kind: 'array', element: { kind: 'primitive', name: 'unknown' } } : { kind: 'array', element: _inferType(v[0], d-1) }; }`, `    if (t === 'object') {`, `      if (v instanceof Date) return { kind: 'object', properties: { __date: { kind: 'primitive', name: 'string' } } };`, `      if (v instanceof RegExp) return { kind: 'object', properties: { __regexp: { kind: 'primitive', name: 'string' } } };`, `      if (v instanceof Error) return { kind: 'object', properties: { __error: { kind: 'primitive', name: 'string' } } };`, `      if (v instanceof Promise) return { kind: 'promise', resolved: { kind: 'primitive', name: 'unknown' } };`, `      const props = {}; const keys = Object.keys(v).slice(0, 20);`, `      for (const k of keys) { try { props[k] = _inferType(v[k], d-1); } catch(e) { props[k] = { kind: 'primitive', name: 'unknown' }; } }`, `      return { kind: 'object', properties: props };`, `    }`, `    return { kind: 'primitive', name: 'unknown' };`, `  }`, `  function _sanitize(v, d) {`, `    if (d <= 0) return '[truncated]'; if (v === null || v === undefined) return v; const t = typeof v;`, `    if (t === 'string') return v.length > 100 ? v.substring(0, 100) + '...' : v;`, `    if (t === 'number' || t === 'boolean') return v; if (t === 'bigint') return String(v);`, `    if (t === 'function') return '[Function: ' + (v.name || 'anonymous') + ']';`, `    if (Array.isArray(v)) return v.slice(0, 3).map(i => _sanitize(i, d-1));`, `    if (t === 'object') { if (v instanceof Date) return v.toISOString(); if (v instanceof RegExp) return String(v); if (v instanceof Error) return { error: v.message }; if (v instanceof Promise) return '[Promise]';`, `      const r = {}; const keys = Object.keys(v).slice(0, 10); for (const k of keys) { try { r[k] = _sanitize(v[k], d-1); } catch(e) { r[k] = '[unreadable]'; } } return r; }`, `    return String(v);`, `  }`, `  globalThis.__trickle_var_tracer = function(v, n, l, mod, file) {`, `    try {`, `      const type = _inferType(v, 3);`, `      const th = JSON.stringify(type).substring(0, 32);`, `      const sample = _sanitize(v, 2);`, `      const sv = typeof v === 'object' && v !== null ? JSON.stringify(sample).substring(0, 60) : String(v).substring(0, 60);`, `      const ck = file + ':' + l + ':' + n;`, `      const cnt = _sampleCount.get(ck) || 0;`, `      if (cnt >= _MAX_SAMPLES) return;`, `      const prev = _cache.get(ck);`, `      const now = Date.now();`, `      if (prev && prev.sv === sv && now - prev.ts < 5000) return;`, `      _cache.set(ck, { sv: sv, ts: now });`, `      _sampleCount.set(ck, cnt + 1);`, `      __trickle_send(JSON.stringify({ kind: 'variable', varName: n, line: l, module: mod, file: file, type: type, typeHash: th, sample: sample }));`, `    } catch(e) {}`, `  };`, `}`, `function __trickle_tv(v, n, l) { try { globalThis.__trickle_var_tracer(v, n, l, ${JSON.stringify(moduleName)}, ${JSON.stringify(filename)}); } catch(e) {} }`);
     }
     // Add React component render tracker if needed
     if (bodyInsertions.length > 0 || conciseBodyInsertions.length > 0) {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "trickle-observe",
-  "version": "0.2.84",
+  "version": "0.2.86",
   "description": "Runtime type observability for JavaScript applications",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",

package/src/observe-register.ts

@@ -76,32 +76,87 @@ function decodeVLQ(encoded: string): number[] {
 interface SourceMapData {
   /** Map from compiled 1-based line → original 1-based line */
   lineMap: Map<number, number>;
-  /** Original source file path (resolved to absolute) */
+  /** Original source file path (resolved to absolute) — primary/first user source */
   originalFile: string;
   /** All source files listed in the source map */
   sources: string[];
+  /** Map from compiled line → resolved source file path (for multi-source bundles) */
+  lineSourceMap?: Map<number, string>;
+}
+
+/**
+ * Resolve a source map source path to a real filesystem path.
+ * Handles webpack:// URLs, file:// URLs, and relative paths.
+ */
+function resolveSourcePath(source: string, mapDir: string, sourceRoot: string, jsFilePath: string): string {
+  // Handle webpack:// URLs: webpack://package-name/./src/file.ts
+  if (source.startsWith('webpack://')) {
+    // Strip webpack://package-name/ prefix
+    const withoutProtocol = source.replace(/^webpack:\/\/[^/]*\//, '');
+    // Resolve relative to the project root (parent of dist/ or the JS file's directory)
+    const projectRoot = findProjectRoot(jsFilePath);
+    return path.resolve(projectRoot, withoutProtocol);
+  }
+  // Handle file:// URLs
+  if (source.startsWith('file://')) {
+    return source.replace(/^file:\/\//, '');
+  }
+  // Regular relative path
+  return path.resolve(mapDir, sourceRoot, source);
+}
+
+/**
+ * Find the project root by looking for package.json or tsconfig.json
+ * starting from the JS file's directory and walking up.
+ */
+function findProjectRoot(jsFilePath: string): string {
+  let dir = path.dirname(jsFilePath);
+  for (let i = 0; i < 10; i++) {
+    if (fs.existsSync(path.join(dir, 'package.json')) || fs.existsSync(path.join(dir, 'tsconfig.json'))) {
+      return dir;
+    }
+    const parent = path.dirname(dir);
+    if (parent === dir) break;
+    dir = parent;
+  }
+  return path.dirname(jsFilePath);
 }
 
 /**
  * Parse a source map JSON and build a compiled→original line mapping.
- * Only handles single-source maps (most common for tsc output).
+ * Supports both single-source (tsc) and multi-source (webpack/rollup) maps.
  */
-function parseSourceMap(mapJson: string, mapFilePath: string): SourceMapData | null {
+function parseSourceMap(mapJson: string, mapFilePath: string, jsFilePath: string): SourceMapData | null {
   try {
     const map = JSON.parse(mapJson);
     if (!map.mappings || !map.sources || map.sources.length === 0) return null;
 
-    // Resolve original source path relative to the .map file location
     const mapDir = path.dirname(mapFilePath);
     const sourceRoot = map.sourceRoot || '';
-    const originalFile = path.resolve(mapDir, sourceRoot, map.sources[0]);
+
+    // Resolve all source paths, filtering out non-user sources (webpack internals)
+    const resolvedSources = map.sources.map((s: string) => resolveSourcePath(s, mapDir, sourceRoot, jsFilePath));
+
+    // Find the first user source file (skip webpack bootstrap/runtime)
+    let primarySourceIdx = 0;
+    for (let i = 0; i < resolvedSources.length; i++) {
+      const s = map.sources[i] as string;
+      if (!s.includes('webpack/bootstrap') && !s.includes('webpack/runtime') && fs.existsSync(resolvedSources[i])) {
+        primarySourceIdx = i;
+        break;
+      }
+    }
+    const originalFile = resolvedSources[primarySourceIdx];
 
     // Decode mappings: semicolons separate lines, commas separate segments
-    // VLQ values are cumulative across ALL segments (not just first per line),
-    // so we must process every segment to maintain correct state.
+    // VLQ values are cumulative across ALL segments (not just first per line).
+    // For multi-source maps, also track the source index to map lines to different files.
     const lineMap = new Map<number, number>();
+    /** Map from generated line → resolved source file path */
+    const lineSourceMap = new Map<number, string>();
     const lines = map.mappings.split(';');
-    let sourceLine = 0; // Cumulative source line (0-based, relative)
+    let sourceLine = 0;
+    let sourceIdx = 0;
 
     for (let genLine = 0; genLine < lines.length; genLine++) {
       const line = lines[genLine];
@@ -112,19 +167,22 @@ function parseSourceMap(mapJson: string, mapFilePath: string): SourceMapData | n
       for (const seg of segments) {
         if (!seg) continue;
         const decoded = decodeVLQ(seg);
-        // decoded: [genCol, sourceIdx, sourceLine, sourceCol, ...]
         if (decoded.length >= 3) {
-          sourceLine += decoded[2]; // Update cumulative source line
-          // Only record the first segment's mapping for this generated line
+          if (decoded.length >= 2) sourceIdx += decoded[1]; // Update source index
+          sourceLine += decoded[2];
           if (!firstSegmentMapped) {
-            lineMap.set(genLine + 1, sourceLine + 1); // Convert to 1-based
+            lineMap.set(genLine + 1, sourceLine + 1);
+            // Track which source file this line belongs to
+            if (sourceIdx >= 0 && sourceIdx < resolvedSources.length) {
+              lineSourceMap.set(genLine + 1, resolvedSources[sourceIdx]);
+            }
             firstSegmentMapped = true;
           }
         }
       }
     }
 
-    return { lineMap, originalFile, sources: map.sources };
+    return { lineMap, originalFile, sources: map.sources, lineSourceMap };
   } catch {
     return null;
   }
@@ -146,7 +204,7 @@ function loadSourceMap(jsFilePath: string, source: string): SourceMapData | null
       const mapPath = path.resolve(path.dirname(jsFilePath), url);
       if (fs.existsSync(mapPath)) {
         const mapJson = fs.readFileSync(mapPath, 'utf8');
-        return parseSourceMap(mapJson, mapPath);
+        return parseSourceMap(mapJson, mapPath, jsFilePath);
       }
     }
 
@@ -154,7 +212,7 @@ function loadSourceMap(jsFilePath: string, source: string): SourceMapData | null
     const mapPath = jsFilePath + '.map';
     if (fs.existsSync(mapPath)) {
       const mapJson = fs.readFileSync(mapPath, 'utf8');
-      return parseSourceMap(mapJson, mapPath);
+      return parseSourceMap(mapJson, mapPath, jsFilePath);
     }
 
     return null;
@@ -322,6 +380,9 @@ function findVarDeclarations(source: string, lineOffset: number = 0): Array<{ li
     // Skip esbuild helpers
     if (varName === '__defProp' || varName === '__defNormalProp' || varName === '__publicField' || varName === '__getOwnPropNames') continue;
     if (varName === '__commonJS' || varName === '__toCommonJS' || varName === '__export' || varName === '__copyProps') continue;
+    // Skip webpack internals
+    if (varName.startsWith('__webpack_')) continue;
+    if (varName === '__unused_webpack_module') continue;
     // Skip React Refresh / HMR internals
     if (varName === 'prevRefreshReg' || varName === 'prevRefreshSig' || varName === 'inWebWorker' || varName === 'invalidateMessage') continue;
     if (varName === '_s' || varName === '_c2' || varName === '_s2') continue;
@@ -594,14 +655,23 @@ function transformCjsSource(source: string, filename: string, moduleName: string
   // are stripped from the compiled JS, shifting line numbers. The only accurate way to get correct
   // line numbers is to read the original .ts source file and parse it directly.
   // For plain JS files, we parse the source directly.
-  let varInsertions: Array<{ lineEnd: number; varName: string; lineNo: number }> = [];
-  let destructInsertions: Array<{ lineEnd: number; varNames: string[]; lineNo: number }> = [];
+  let varInsertions: Array<{ lineEnd: number; varName: string; lineNo: number; sourceFile?: string }> = [];
+  let destructInsertions: Array<{ lineEnd: number; varNames: string[]; lineNo: number; sourceFile?: string }> = [];
 
   // Helper: remap line numbers using source map if available
   const remapLine = sourceMap
     ? (line: number) => mapLineToOriginal(sourceMap, line)
     : (line: number) => line;
 
+  // Helper: get source file for a compiled line (for multi-source bundles)
+  const hasMultiSource = sourceMap?.lineSourceMap && sourceMap.lineSourceMap.size > 0;
+  const getSourceFile = hasMultiSource
+    ? (compiledLine: number) => {
+        const file = sourceMap!.lineSourceMap!.get(compiledLine);
+        return file && !file.includes('webpack/bootstrap') && !file.includes('webpack/runtime') ? file : undefined;
+      }
+    : (_: number) => undefined as string | undefined;
+
   if (varTraceEnabled) {
     const isTsFile = /\.[mc]?tsx?$/.test(filename);
     if (isTsFile && !sourceMap) {
@@ -663,10 +733,12 @@ function transformCjsSource(source: string, filename: string, moduleName: string
       // Plain JS or source-map-assisted: parse compiled source, then remap lines
       varInsertions = findVarDeclarations(source).map(ins => ({
         ...ins,
+        sourceFile: getSourceFile(ins.lineNo),
         lineNo: remapLine(ins.lineNo),
       }));
       destructInsertions = findDestructuredDeclarations(source).map(ins => ({
         ...ins,
+        sourceFile: getSourceFile(ins.lineNo),
         lineNo: remapLine(ins.lineNo),
       }));
     }
@@ -678,14 +750,17 @@ function transformCjsSource(source: string, filename: string, moduleName: string
   // Apply source map remapping to these too.
   const reassignInsertions = findReassignments(source).map(ins => ({
     ...ins,
+    sourceFile: getSourceFile(ins.lineNo),
     lineNo: remapLine(ins.lineNo),
   }));
   const forLoopInsertions = findForLoopVars(source).map(ins => ({
     ...ins,
+    sourceFile: getSourceFile(ins.lineNo),
     lineNo: remapLine(ins.lineNo),
   }));
   const catchInsertions = findCatchVars(source).map(ins => ({
     ...ins,
+    sourceFile: getSourceFile(ins.lineNo),
     lineNo: remapLine(ins.lineNo),
   }));
 
@@ -726,9 +801,10 @@ function transformCjsSource(source: string, filename: string, moduleName: string
     const traceModuleName = sourceMap
       ? path.basename(sourceMap.originalFile).replace(/\.[jt]sx?$/, '')
       : moduleName;
+
     prefixLines.push(
       `var __trickle_tv_mod = require(${JSON.stringify(traceVarPath)});`,
-      `var __trickle_tv = function(v, n, l) { try { __trickle_tv_mod.traceVar(v, n, l, ${JSON.stringify(traceModuleName)}, ${JSON.stringify(traceFilePath)}); } catch(e){} };`,
+      `var __trickle_tv = function(v, n, l, m, f) { try { __trickle_tv_mod.traceVar(v, n, l, m || ${JSON.stringify(traceModuleName)}, f || ${JSON.stringify(traceFilePath)}); } catch(e){} };`,
     );
   }
 
@@ -747,15 +823,23 @@ function transformCjsSource(source: string, filename: string, moduleName: string
     });
   }
 
-  for (const { lineEnd, varName, lineNo } of varInsertions) {
+  // Helper to generate source file args for __trickle_tv calls (for multi-source bundles)
+  const sfArgs = (sourceFile?: string) => {
+    if (!sourceFile) return '';
+    const mod = path.basename(sourceFile).replace(/\.[jt]sx?$/, '');
+    return `,${JSON.stringify(mod)},${JSON.stringify(sourceFile)}`;
+  };
+
+  for (const { lineEnd, varName, lineNo, sourceFile } of varInsertions) {
     allInsertions.push({
       position: lineEnd,
-      code: `\ntry{__trickle_tv(${varName},${JSON.stringify(varName)},${lineNo})}catch(__e){}\n`,
+      code: `\ntry{__trickle_tv(${varName},${JSON.stringify(varName)},${lineNo}${sfArgs(sourceFile)})}catch(__e){}\n`,
     });
   }
 
-  for (const { lineEnd, varNames, lineNo } of destructInsertions) {
-    const calls = varNames.map(n => `__trickle_tv(${n},${JSON.stringify(n)},${lineNo})`).join(';');
+  for (const { lineEnd, varNames, lineNo, sourceFile } of destructInsertions) {
+    const sf = sfArgs(sourceFile);
+    const calls = varNames.map(n => `__trickle_tv(${n},${JSON.stringify(n)},${lineNo}${sf})`).join(';');
     allInsertions.push({
       position: lineEnd,
       code: `\n;try{${calls}}catch(__e){}\n`,
@@ -763,16 +847,17 @@ function transformCjsSource(source: string, filename: string, moduleName: string
   }
 
   // Reassignment insertions
-  for (const { lineEnd, varName, lineNo } of reassignInsertions) {
+  for (const { lineEnd, varName, lineNo, sourceFile } of reassignInsertions) {
     allInsertions.push({
       position: lineEnd,
-      code: `\n;try{__trickle_tv(${varName},${JSON.stringify(varName)},${lineNo})}catch(__e){}\n`,
+      code: `\n;try{__trickle_tv(${varName},${JSON.stringify(varName)},${lineNo}${sfArgs(sourceFile)})}catch(__e){}\n`,
     });
   }
 
   // For-loop variable insertions
-  for (const { bodyStart, varNames, lineNo } of forLoopInsertions) {
-    const calls = varNames.map(n => `__trickle_tv(${n},${JSON.stringify(n)},${lineNo})`).join(';');
+  for (const { bodyStart, varNames, lineNo, sourceFile } of forLoopInsertions) {
+    const sf = sfArgs(sourceFile);
+    const calls = varNames.map(n => `__trickle_tv(${n},${JSON.stringify(n)},${lineNo}${sf})`).join(';');
     allInsertions.push({
       position: bodyStart,
       code: `\ntry{${calls}}catch(__e){}\n`,
@@ -780,8 +865,9 @@ function transformCjsSource(source: string, filename: string, moduleName: string
   }
 
   // Catch clause insertions
-  for (const { bodyStart, varNames, lineNo } of catchInsertions) {
-    const calls = varNames.map(n => `__trickle_tv(${n},${JSON.stringify(n)},${lineNo})`).join(';');
+  for (const { bodyStart, varNames, lineNo, sourceFile } of catchInsertions) {
+    const sf = sfArgs(sourceFile);
+    const calls = varNames.map(n => `__trickle_tv(${n},${JSON.stringify(n)},${lineNo}${sf})`).join(';');
     allInsertions.push({
       position: bodyStart,
       code: `\ntry{${calls}}catch(__e2){}\n`,

package/src/trace-var.ts

@@ -26,6 +26,9 @@ let debugMode = false;
 
 /** Cache: "file:line:varName" → { fingerprint, timestamp } for value-aware dedup */
 const varCache = new Map<string, { fp: string; ts: number }>();
+/** Per-line sample count to avoid loop variable spam */
+const sampleCount = new Map<string, number>();
+const MAX_SAMPLES_PER_LINE = 5;
 
 /** Batch buffer for writing — avoids one fs.appendFileSync per variable */
 let varBuffer: string[] = [];
@@ -92,8 +95,12 @@ export function traceVar(
     const dummyArgs: TypeNode = { kind: 'tuple', elements: [] };
     const typeHash = hashType(dummyArgs, type);
 
-    // Value-aware dedup: re-send if value changed or 10s elapsed
+    // Per-line sample count limit: stop after N samples to avoid loop spam
     const cacheKey = `${filePath}:${line}:${varName}`;
+    const cnt = sampleCount.get(cacheKey) || 0;
+    if (cnt >= MAX_SAMPLES_PER_LINE) return;
+
+    // Value-aware dedup: re-send if value changed or 10s elapsed
     const t = typeof value;
     const fp = (t === 'string' || t === 'number' || t === 'boolean' || value === null || value === undefined)
       ? String(value).substring(0, 60)
@@ -102,6 +109,7 @@ export function traceVar(
     const prev = varCache.get(cacheKey);
     if (prev && prev.fp === fp && (now - prev.ts) < 10000) return;
     varCache.set(cacheKey, { fp, ts: now });
+    sampleCount.set(cacheKey, cnt + 1);
 
     const sample = sanitizeVarSample(value);
 

package/src/vite-plugin.ts

@@ -263,6 +263,9 @@ function findVarDeclarations(source: string): Array<{ lineEnd: number; varName:
     // Skip esbuild helpers
     if (varName === '__defProp' || varName === '__defNormalProp' || varName === '__publicField' || varName === '__getOwnPropNames') continue;
     if (varName === '__commonJS' || varName === '__toCommonJS' || varName === '__export' || varName === '__copyProps') continue;
+    // Skip webpack internals
+    if (varName.startsWith('__webpack_')) continue;
+    if (varName === '__unused_webpack_module') continue;
     // Skip React Refresh / HMR internals (Vite, webpack, Next.js inject these)
     if (varName === 'prevRefreshReg' || varName === 'prevRefreshSig' || varName === 'inWebWorker' || varName === 'invalidateMessage') continue;
     if (varName === '_s' || varName === '_c2' || varName === '_s2') continue;
@@ -1624,6 +1627,8 @@ export function transformEsmSource(
     prefixLines.push(
       `if (!globalThis.__trickle_var_tracer) {`,
       `  const _cache = new Map();`,
+      `  const _sampleCount = new Map();`,
+      `  const _MAX_SAMPLES = 5;`,
       `  function _inferType(v, d) {`,
       `    if (d <= 0) return { kind: 'primitive', name: 'unknown' };`,
       `    if (v === null) return { kind: 'primitive', name: 'null' };`,
@@ -1660,10 +1665,13 @@ export function transformEsmSource(
       `      const sample = _sanitize(v, 2);`,
       `      const sv = typeof v === 'object' && v !== null ? JSON.stringify(sample).substring(0, 60) : String(v).substring(0, 60);`,
       `      const ck = file + ':' + l + ':' + n;`,
+      `      const cnt = _sampleCount.get(ck) || 0;`,
+      `      if (cnt >= _MAX_SAMPLES) return;`,
       `      const prev = _cache.get(ck);`,
       `      const now = Date.now();`,
       `      if (prev && prev.sv === sv && now - prev.ts < 5000) return;`,
       `      _cache.set(ck, { sv: sv, ts: now });`,
+      `      _sampleCount.set(ck, cnt + 1);`,
       `      __trickle_send(JSON.stringify({ kind: 'variable', varName: n, line: l, module: mod, file: file, type: type, typeHash: th, sample: sample }));`,
       `    } catch(e) {}`,
       `  };`,