@qwik.dev/devtools 0.2.4 → 0.2.6

package/dist/ui/features/Performance/computePerfViewModel.qwik.mjs

@@ -1,101 +1,95 @@
 import { groupCsrBySsr, parseComponentAndEventName } from "./transformPerformanceData.qwik.mjs";
+//#region src/features/Performance/computePerfViewModel.ts
 function getCallsFromCsr(item) {
-  return typeof item.renderCount === "number" ? item.renderCount : 1;
+	return typeof item.renderCount === "number" ? item.renderCount : 1;
 }
 function computeEventRows(csrItems) {
-  const byEvent = /* @__PURE__ */ new Map();
-  for (const item of csrItems) {
-    const eventName = item.eventName || "render";
-    const prev = byEvent.get(eventName) || {
-      time: 0,
-      calls: 0
-    };
-    prev.time += item.duration || 0;
-    prev.calls += getCallsFromCsr(item);
-    byEvent.set(eventName, prev);
-  }
-  return [
-    ...byEvent.entries()
-  ].map(([eventName, v]) => ({
-    eventName,
-    time: v.time,
-    calls: v.calls
-  })).sort((a, b) => b.time - a.time);
+	const byEvent = /* @__PURE__ */ new Map();
+	for (const item of csrItems) {
+		const eventName = item.eventName || "render";
+		const prev = byEvent.get(eventName) || {
+			time: 0,
+			calls: 0
+		};
+		prev.time += item.duration || 0;
+		prev.calls += getCallsFromCsr(item);
+		byEvent.set(eventName, prev);
+	}
+	return [...byEvent.entries()].map(([eventName, v]) => ({
+		eventName,
+		time: v.time,
+		calls: v.calls
+	})).sort((a, b) => b.time - a.time);
 }
 function computeComponentVmFromCsr(componentName, csrItems, ssr) {
-  let totalTime = 0;
-  let calls = 0;
-  for (const item of csrItems) {
-    totalTime += item.duration || 0;
-    calls += getCallsFromCsr(item);
-  }
-  const avgTime = calls > 0 ? totalTime / calls : 0;
-  return {
-    componentName,
-    totalTime,
-    calls,
-    avgTime,
-    ssr,
-    csrItems
-  };
+	let totalTime = 0;
+	let calls = 0;
+	for (const item of csrItems) {
+		totalTime += item.duration || 0;
+		calls += getCallsFromCsr(item);
+	}
+	const avgTime = calls > 0 ? totalTime / calls : 0;
+	return {
+		componentName,
+		totalTime,
+		calls,
+		avgTime,
+		ssr,
+		csrItems
+	};
 }
 function computePerfViewModel(perf) {
-  const safe = perf || {
-    ssr: [],
-    csr: []
-  };
-  const components = [];
-  if (safe.ssr?.length) {
-    const grouped = groupCsrBySsr(safe);
-    for (const ssrItem of safe.ssr) {
-      const componentName = parseComponentAndEventName(ssrItem.component).componentName;
-      const csrItems = grouped.get(ssrItem) || [];
-      components.push(computeComponentVmFromCsr(componentName, csrItems, ssrItem));
-    }
-  } else if (safe.csr?.length) {
-    const byName = /* @__PURE__ */ new Map();
-    for (const csrItem of safe.csr) {
-      const parsed = parseComponentAndEventName(csrItem.component);
-      const list = byName.get(parsed.componentName) || [];
-      list.push({
-        ...csrItem,
-        ...parsed
-      });
-      byName.set(parsed.componentName, list);
-    }
-    for (const [componentName, csrItems] of byName.entries()) {
-      components.push(computeComponentVmFromCsr(componentName, csrItems));
-    }
-  }
-  components.sort((a, b) => b.totalTime - a.totalTime);
-  let totalRenderTime = 0;
-  let totalCalls = 0;
-  for (const c of components) {
-    totalRenderTime += c.totalTime;
-    totalCalls += c.calls;
-  }
-  const avgTime = totalCalls > 0 ? totalRenderTime / totalCalls : 0;
-  const slowest = components.filter((c) => c.calls > 0).reduce((acc, cur) => {
-    if (!acc) return cur;
-    return cur.avgTime > acc.avgTime ? cur : acc;
-  }, void 0);
-  const overview = {
-    totalRenderTime,
-    totalCalls,
-    avgTime,
-    slowestComponent: slowest ? {
-      componentName: slowest.componentName,
-      avgTime: slowest.avgTime,
-      totalTime: slowest.totalTime,
-      calls: slowest.calls
-    } : void 0
-  };
-  return {
-    overview,
-    components
-  };
+	const safe = perf || {
+		ssr: [],
+		csr: []
+	};
+	const components = [];
+	if (safe.ssr?.length) {
+		const grouped = groupCsrBySsr(safe);
+		for (const ssrItem of safe.ssr) {
+			const componentName = parseComponentAndEventName(ssrItem.component).componentName;
+			const csrItems = grouped.get(ssrItem) || [];
+			components.push(computeComponentVmFromCsr(componentName, csrItems, ssrItem));
+		}
+	} else if (safe.csr?.length) {
+		const byName = /* @__PURE__ */ new Map();
+		for (const csrItem of safe.csr) {
+			const parsed = parseComponentAndEventName(csrItem.component);
+			const list = byName.get(parsed.componentName) || [];
+			list.push({
+				...csrItem,
+				...parsed
+			});
+			byName.set(parsed.componentName, list);
+		}
+		for (const [componentName, csrItems] of byName.entries()) components.push(computeComponentVmFromCsr(componentName, csrItems));
+	}
+	components.sort((a, b) => b.totalTime - a.totalTime);
+	let totalRenderTime = 0;
+	let totalCalls = 0;
+	for (const c of components) {
+		totalRenderTime += c.totalTime;
+		totalCalls += c.calls;
+	}
+	const avgTime = totalCalls > 0 ? totalRenderTime / totalCalls : 0;
+	const slowest = components.filter((c) => c.calls > 0).reduce((acc, cur) => {
+		if (!acc) return cur;
+		return cur.avgTime > acc.avgTime ? cur : acc;
+	}, void 0);
+	return {
+		overview: {
+			totalRenderTime,
+			totalCalls,
+			avgTime,
+			slowestComponent: slowest ? {
+				componentName: slowest.componentName,
+				avgTime: slowest.avgTime,
+				totalTime: slowest.totalTime,
+				calls: slowest.calls
+			} : void 0
+		},
+		components
+	};
 }
-export {
-  computeEventRows,
-  computePerfViewModel
-};
+//#endregion
+export { computeEventRows, computePerfViewModel };

package/dist/ui/features/Performance/transformPerformanceData.qwik.mjs

@@ -1,34 +1,25 @@
+//#region src/features/Performance/transformPerformanceData.ts
 function parseComponentAndEventName(component) {
-  const componentName = (component?.split("_component_")[0] ?? component) || "";
-  const rest = component.includes("_component_") ? component.split("_component_")[1] ?? "" : "";
-  const parts = rest.split("_").filter(Boolean);
-  const eventName = parts.find((p) => /^use[A-Z_]/.test(p) || /^on[A-Z_]/.test(p));
-  return {
-    componentName,
-    eventName
-  };
+	return {
+		componentName: (component?.split("_component_")[0] ?? component) || "",
+		eventName: (component.includes("_component_") ? component.split("_component_")[1] ?? "" : "").split("_").filter(Boolean).find((p) => /^use[A-Z_]/.test(p) || /^on[A-Z_]/.test(p))
+	};
 }
 function groupCsrBySsr(data) {
-  const ssrByName = /* @__PURE__ */ new Map();
-  for (const ssrItem of data.ssr) {
-    ssrByName.set(parseComponentAndEventName(ssrItem.component).componentName, ssrItem);
-  }
-  const result = /* @__PURE__ */ new WeakMap();
-  for (const ssrItem of data.ssr) {
-    result.set(ssrItem, []);
-  }
-  for (const csrItem of data.csr) {
-    const parsed = parseComponentAndEventName(csrItem.component);
-    const ssrItem = ssrByName.get(parsed.componentName);
-    if (!ssrItem) continue;
-    result.get(ssrItem).push({
-      ...csrItem,
-      ...parsed
-    });
-  }
-  return result;
+	const ssrByName = /* @__PURE__ */ new Map();
+	for (const ssrItem of data.ssr) ssrByName.set(parseComponentAndEventName(ssrItem.component).componentName, ssrItem);
+	const result = /* @__PURE__ */ new WeakMap();
+	for (const ssrItem of data.ssr) result.set(ssrItem, []);
+	for (const csrItem of data.csr) {
+		const parsed = parseComponentAndEventName(csrItem.component);
+		const ssrItem = ssrByName.get(parsed.componentName);
+		if (!ssrItem) continue;
+		result.get(ssrItem).push({
+			...csrItem,
+			...parsed
+		});
+	}
+	return result;
 }
-export {
-  groupCsrBySsr,
-  parseComponentAndEventName
-};
+//#endregion
+export { groupCsrBySsr, parseComponentAndEventName };