@0x1f320.sh/why-did-you-render-mcp 1.0.0-dev.14 → 1.0.0-dev.16

package/dist/server/index.js

@@ -228,6 +228,40 @@ var RenderStore = class {
 			for (const f of this.jsonlFiles()) unlinkSync(join(this.dir, f));
 		}
 	}
+	clearRendersByComponent(component, projectId) {
+		this.flush(projectId);
+		const files = projectId ? this.projectFiles(projectId) : this.jsonlFiles();
+		let removed = 0;
+		for (const f of files) {
+			const filePath = join(this.dir, f);
+			const renders = readJsonl(filePath);
+			const before = renders.length;
+			const remaining = renders.filter((r) => r.displayName !== component);
+			removed += before - remaining.length;
+			if (remaining.length === 0) {
+				unlinkSync(filePath);
+				this.clearBuffersForFile(f);
+			} else if (remaining.length < before) {
+				this.rewriteFile(filePath, remaining);
+				this.clearBuffersForFile(f);
+			}
+		}
+		return removed;
+	}
+	clearRendersByCommit(beforeCommit, projectId) {
+		this.flush(projectId);
+		const files = projectId ? this.projectFiles(projectId) : this.jsonlFiles();
+		let deleted = 0;
+		for (const f of files) {
+			const parsed = this.parseFilename(f);
+			if (parsed?.commitId != null && parsed.commitId < beforeCommit) {
+				unlinkSync(join(this.dir, f));
+				this.clearBuffersForFile(f);
+				deleted++;
+			}
+		}
+		return deleted;
+	}
 	getProjects() {
 		this.flush();
 		const projects = /* @__PURE__ */ new Set();
@@ -273,7 +307,19 @@ var RenderStore = class {
 		for (const r of renders) {
 			summary[r.project] ??= {};
 			const project = summary[r.project];
-			project[r.displayName] = (project[r.displayName] ?? 0) + 1;
+			project[r.displayName] ??= {
+				count: 0,
+				reasons: {
+					props: 0,
+					state: 0,
+					hooks: 0
+				}
+			};
+			const entry = project[r.displayName];
+			entry.count++;
+			if (Array.isArray(r.reason.propsDifferences)) entry.reasons.props++;
+			if (Array.isArray(r.reason.stateDifferences)) entry.reasons.state++;
+			if (Array.isArray(r.reason.hookDifferences)) entry.reasons.hooks++;
 		}
 		return summary;
 	}
@@ -285,7 +331,19 @@ var RenderStore = class {
 			summary[r.project] ??= {};
 			summary[r.project][r.commitId] ??= {};
 			const commit = summary[r.project][r.commitId];
-			commit[r.displayName] = (commit[r.displayName] ?? 0) + 1;
+			commit[r.displayName] ??= {
+				count: 0,
+				reasons: {
+					props: 0,
+					state: 0,
+					hooks: 0
+				}
+			};
+			const entry = commit[r.displayName];
+			entry.count++;
+			if (Array.isArray(r.reason.propsDifferences)) entry.reasons.props++;
+			if (Array.isArray(r.reason.stateDifferences)) entry.reasons.state++;
+			if (Array.isArray(r.reason.hookDifferences)) entry.reasons.hooks++;
 		}
 		return summary;
 	}
@@ -304,6 +362,25 @@ var RenderStore = class {
 		}
 		return result;
 	}
+	rewriteFile(filePath, renders) {
+		writeFileSync(filePath, `${renders.map((r) => JSON.stringify(r)).join("\n")}\n`);
+	}
+	clearBuffersForFile(filename) {
+		const parsed = this.parseFilename(filename);
+		if (!parsed) return;
+		for (const [bk, meta] of this.bufferMeta) {
+			if (sanitizeProjectId(meta.projectId) !== parsed.projectSanitized) continue;
+			if (!(parsed.commitId != null ? meta.commitId === parsed.commitId : meta.commitId == null)) continue;
+			this.buffers.delete(bk);
+			this.dicts.delete(bk);
+			this.bufferMeta.delete(bk);
+			const timer = this.timers.get(bk);
+			if (timer) {
+				clearTimeout(timer);
+				this.timers.delete(bk);
+			}
+		}
+	}
 	bufferKey(projectId, commitId) {
 		return `${projectId}\0${commitId ?? NOCOMMIT}`;
 	}
@@ -374,11 +451,17 @@ function textResult(text) {
 function register$6(server) {
 	server.registerTool("clear_renders", {
 		title: "Clear Renders",
-		description: "Clears collected render data. If multiple projects are active and no project is specified, the tool will ask you to disambiguate.",
-		inputSchema: { project: z.string().optional().describe("Project identifier (the browser's origin URL, e.g. http://localhost:3000). Omit to auto-detect.") }
-	}, async ({ project }) => {
+		description: "Clears collected render data. Supports filtering by component name or by commit ID threshold. When no filter is given, clears all data. If multiple projects are active and no project is specified, the tool will ask you to disambiguate.",
+		inputSchema: {
+			project: z.string().optional().describe("Project identifier (the browser's origin URL, e.g. http://localhost:3000). Omit to auto-detect."),
+			component: z.string().optional().describe("Clear only renders for this component (by displayName)."),
+			beforeCommit: z.number().optional().describe("Clear all renders from commits with an ID strictly less than this value.")
+		}
+	}, async ({ project, component, beforeCommit }) => {
 		const resolved = resolveProject(project);
 		if (resolved.error) return textResult(resolved.error);
+		if (component) return textResult(`Cleared ${store.clearRendersByComponent(component, resolved.projectId)} render(s) for component "${component}".`);
+		if (beforeCommit != null) return textResult(`Cleared renders from ${store.clearRendersByCommit(beforeCommit, resolved.projectId)} commit file(s) before commit #${beforeCommit}.`);
 		store.clearRenders(resolved.projectId);
 		return textResult(resolved.projectId ? `Render data cleared for ${resolved.projectId}.` : "All render data cleared.");
 	});
@@ -428,13 +511,20 @@ function register$3(server) {
 		return aggregateSummary(resolved.projectId);
 	});
 }
+function formatReasons(reasons) {
+	const parts = [];
+	if (reasons.props > 0) parts.push(`props: ${reasons.props}`);
+	if (reasons.state > 0) parts.push(`state: ${reasons.state}`);
+	if (reasons.hooks > 0) parts.push(`hooks: ${reasons.hooks}`);
+	return parts.length > 0 ? ` — ${parts.join(", ")}` : "";
+}
 function aggregateSummary(projectId) {
 	const summary = store.getSummary(projectId);
 	if (Object.keys(summary).length === 0) return textResult("No renders recorded yet.");
 	const lines = [];
 	for (const [proj, components] of Object.entries(summary)) {
 		lines.push(`[${proj}]`);
-		for (const [name, count] of Object.entries(components)) lines.push(`  ${name}: ${count} re-render(s)`);
+		for (const [name, { count, reasons }] of Object.entries(components)) lines.push(`  ${name}: ${count} re-render(s)${formatReasons(reasons)}`);
 	}
 	return textResult(`Re-render summary:\n\n${lines.join("\n")}`);
 }
@@ -447,9 +537,9 @@ function commitSummary(projectId) {
 		const sortedCommitIds = Object.keys(commits).map(Number).sort((a, b) => a - b);
 		for (const commitId of sortedCommitIds) {
 			const components = commits[commitId];
-			const total = Object.values(components).reduce((s, c) => s + c, 0);
+			const total = Object.values(components).reduce((s, c) => s + c.count, 0);
 			lines.push(`  Commit #${commitId} (${total} re-render(s)):`);
-			for (const [name, count] of Object.entries(components)) lines.push(`    ${name}: ${count}`);
+			for (const [name, { count, reasons }] of Object.entries(components)) lines.push(`    ${name}: ${count}${formatReasons(reasons)}`);
 		}
 	}
 	return textResult(`Re-render summary (by commit):\n\n${lines.join("\n")}`);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@0x1f320.sh/why-did-you-render-mcp",
-  "version": "1.0.0-dev.14",
+  "version": "1.0.0-dev.16",
   "type": "module",
   "description": "MCP server that collects why-did-you-render data from browser and exposes it to coding agents",
   "license": "MIT",