@parca/profile 0.19.140 → 0.19.142

package/dist/TimelineGuide/index.js

@@ -1,4 +1,4 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { c as _c } from "react-compiler-runtime";
 // Copyright 2022 The Parca Authors
 // Licensed under the Apache License, Version 2.0 (the "License");
 // you may not use this file except in compliance with the License.
@@ -11,22 +11,215 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 // WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 // See the License for the specific language governing permissions and
 // limitations under the License.
+
 import { Fragment } from 'react';
 import { scaleLinear, valueFormatter } from '@parca/utilities';
-const alignBeforeAxisCorrection = (val) => {
-    if (val < 10000) {
-        return -24;
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+var alignBeforeAxisCorrection = function alignBeforeAxisCorrection(val) {
+  if (val < 10000) {
+    return -24;
+  }
+  if (val < 100000) {
+    return -28;
+  }
+  return 0;
+};
+export var TimelineGuide = function TimelineGuide(t0) {
+  var $ = _c(48);
+  var bounds = t0.bounds,
+    width = t0.width,
+    height = t0.height,
+    margin = t0.margin,
+    ticks = t0.ticks,
+    t1 = t0.timeUnit,
+    t2 = t0.elevateGuideLines;
+  var timeUnit = t1 === undefined ? "milliseconds" : t1;
+  var elevateGuideLines = t2 === undefined ? false : t2;
+  var t10;
+  var t11;
+  var t12;
+  var t3;
+  var t4;
+  var t5;
+  var t6;
+  var t7;
+  var t8;
+  var t9;
+  if ($[0] !== bounds || $[1] !== elevateGuideLines || $[2] !== height || $[3] !== margin || $[4] !== ticks || $[5] !== timeUnit || $[6] !== width) {
+    var xScale = scaleLinear(bounds, [0, width]);
+    t12 = "relative h-5".concat(elevateGuideLines ? " z-40" : "");
+    t10 = "pointer-events-none absolute";
+    if ($[17] !== height || $[18] !== width) {
+      t11 = {
+        width: width,
+        height: height
+      };
+      $[17] = height;
+      $[18] = width;
+      $[19] = t11;
+    } else {
+      t11 = $[19];
     }
-    if (val < 100000) {
-        return -28;
+    if ($[20] === Symbol["for"]("react.memo_cache_sentinel")) {
+      t9 = {
+        width: "100%",
+        height: "100%"
+      };
+      $[20] = t9;
+    } else {
+      t9 = $[20];
     }
-    return 0;
-};
-export const TimelineGuide = ({ bounds, width, height, margin, ticks, timeUnit = 'milliseconds', elevateGuideLines = false, }) => {
-    const xScale = scaleLinear(bounds, [0, width]);
-    return (_jsx("div", { className: `relative h-5${elevateGuideLines ? ' z-40' : ''}`, children: _jsx("div", { className: "pointer-events-none absolute", style: { width, height }, children: _jsx("svg", { style: { width: '100%', height: '100%' }, children: _jsxs("g", { className: "x axis", fill: "none", fontSize: "10", textAnchor: "middle", transform: `translate(0,${height - margin})`, children: [xScale.ticks(ticks).map((d, i) => {
-                            return (_jsxs(Fragment, { children: [_jsx("g", { className: "tick", 
-                                        /* eslint-disable-next-line @typescript-eslint/restrict-template-expressions */
-                                        transform: `translate(${xScale(d) + alignBeforeAxisCorrection(d)}, ${-height})`, children: _jsx("text", { fill: "currentColor", dy: ".71em", y: 9, children: valueFormatter(d - bounds[0], timeUnit, 2, true).toString() }) }, `tick-${i}`), _jsx("g", { children: _jsx("line", { className: "stroke-gray-300 dark:stroke-gray-500", x1: xScale(d), x2: xScale(d), y1: 0, y2: -height + margin }) }, `grid-${i}`)] }, `${i.toString()}-${d.toString()}`));
-                        }), _jsx("line", { className: "stroke-gray-300 dark:stroke-gray-500", x1: 0, x2: width, y1: -height + 1, y2: -height + 1 }), _jsx("line", { className: "stroke-gray-300 dark:stroke-gray-500", x1: 0, x2: width, y1: -height + 20, y2: -height + 20 })] }) }) }) }));
-};
+    t3 = "x axis";
+    t4 = "none";
+    t5 = "10";
+    t6 = "middle";
+    t7 = "translate(0,".concat(height - margin, ")");
+    t8 = xScale.ticks(ticks).map(function (d, i) {
+      return /*#__PURE__*/_jsxs(Fragment, {
+        children: [/*#__PURE__*/_jsx("g", {
+          className: "tick",
+          transform: "translate(".concat(xScale(d) + alignBeforeAxisCorrection(d), ", ").concat(-height, ")"),
+          children: /*#__PURE__*/_jsx("text", {
+            fill: "currentColor",
+            dy: ".71em",
+            y: 9,
+            children: valueFormatter(d - bounds[0], timeUnit, 2, true).toString()
+          })
+        }, "tick-".concat(i)), /*#__PURE__*/_jsx("g", {
+          children: /*#__PURE__*/_jsx("line", {
+            className: "stroke-gray-300 dark:stroke-gray-500",
+            x1: xScale(d),
+            x2: xScale(d),
+            y1: 0,
+            y2: -height + margin
+          })
+        }, "grid-".concat(i))]
+      }, "".concat(i.toString(), "-").concat(d.toString()));
+    });
+    $[0] = bounds;
+    $[1] = elevateGuideLines;
+    $[2] = height;
+    $[3] = margin;
+    $[4] = ticks;
+    $[5] = timeUnit;
+    $[6] = width;
+    $[7] = t10;
+    $[8] = t11;
+    $[9] = t12;
+    $[10] = t3;
+    $[11] = t4;
+    $[12] = t5;
+    $[13] = t6;
+    $[14] = t7;
+    $[15] = t8;
+    $[16] = t9;
+  } else {
+    t10 = $[7];
+    t11 = $[8];
+    t12 = $[9];
+    t3 = $[10];
+    t4 = $[11];
+    t5 = $[12];
+    t6 = $[13];
+    t7 = $[14];
+    t8 = $[15];
+    t9 = $[16];
+  }
+  var t13 = -height + 1;
+  var t14 = -height + 1;
+  var t15;
+  if ($[21] !== t13 || $[22] !== t14 || $[23] !== width) {
+    t15 = /*#__PURE__*/_jsx("line", {
+      className: "stroke-gray-300 dark:stroke-gray-500",
+      x1: 0,
+      x2: width,
+      y1: t13,
+      y2: t14
+    });
+    $[21] = t13;
+    $[22] = t14;
+    $[23] = width;
+    $[24] = t15;
+  } else {
+    t15 = $[24];
+  }
+  var t16 = -height + 20;
+  var t17 = -height + 20;
+  var t18;
+  if ($[25] !== t16 || $[26] !== t17 || $[27] !== width) {
+    t18 = /*#__PURE__*/_jsx("line", {
+      className: "stroke-gray-300 dark:stroke-gray-500",
+      x1: 0,
+      x2: width,
+      y1: t16,
+      y2: t17
+    });
+    $[25] = t16;
+    $[26] = t17;
+    $[27] = width;
+    $[28] = t18;
+  } else {
+    t18 = $[28];
+  }
+  var t19;
+  if ($[29] !== t15 || $[30] !== t18 || $[31] !== t3 || $[32] !== t4 || $[33] !== t5 || $[34] !== t6 || $[35] !== t7 || $[36] !== t8) {
+    t19 = /*#__PURE__*/_jsxs("g", {
+      className: t3,
+      fill: t4,
+      fontSize: t5,
+      textAnchor: t6,
+      transform: t7,
+      children: [t8, t15, t18]
+    });
+    $[29] = t15;
+    $[30] = t18;
+    $[31] = t3;
+    $[32] = t4;
+    $[33] = t5;
+    $[34] = t6;
+    $[35] = t7;
+    $[36] = t8;
+    $[37] = t19;
+  } else {
+    t19 = $[37];
+  }
+  var t20;
+  if ($[38] !== t19 || $[39] !== t9) {
+    t20 = /*#__PURE__*/_jsx("svg", {
+      style: t9,
+      children: t19
+    });
+    $[38] = t19;
+    $[39] = t9;
+    $[40] = t20;
+  } else {
+    t20 = $[40];
+  }
+  var t21;
+  if ($[41] !== t10 || $[42] !== t11 || $[43] !== t20) {
+    t21 = /*#__PURE__*/_jsx("div", {
+      className: t10,
+      style: t11,
+      children: t20
+    });
+    $[41] = t10;
+    $[42] = t11;
+    $[43] = t20;
+    $[44] = t21;
+  } else {
+    t21 = $[44];
+  }
+  var t22;
+  if ($[45] !== t12 || $[46] !== t21) {
+    t22 = /*#__PURE__*/_jsx("div", {
+      className: t12,
+      children: t21
+    });
+    $[45] = t12;
+    $[46] = t21;
+    $[47] = t22;
+  } else {
+    t22 = $[47];
+  }
+  return t22;
+};

package/dist/TopTable/benchmarks/benchdata/populateData.js

@@ -0,0 +1,91 @@
+// Copyright 2022 The Parca Authors
+// Licensed under the Apache License, Version 2.0 (the "License");
+// you may not use this file except in compliance with the License.
+// You may obtain a copy of the License at
+//
+// http://www.apache.org/licenses/LICENSE-2.0
+//
+// Unless required by applicable law or agreed to in writing, software
+// distributed under the License is distributed on an "AS IS" BASIS,
+// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+// See the License for the specific language governing permissions and
+// limitations under the License.
+
+const {GrpcWebFetchTransport} = require('@protobuf-ts/grpcweb-transport');
+const client = require('@parca/client');
+const fs = require('fs-extra');
+const path = require('path');
+// const {fileURLToPath} = require('url');
+const fetch = require('node-fetch');
+
+globalThis.fetch = fetch;
+globalThis.Headers = fetch.Headers;
+const DIR_NAME = __dirname; // path.dirname(fileURLToPath(import.meta.url));
+
+const apiEndpoint = 'https://demo.parca.dev';
+
+const queryClient = new client.QueryServiceClient(
+  new GrpcWebFetchTransport({
+    baseUrl: `${apiEndpoint}/api`,
+  })
+);
+
+const populateDataIfNeeded = async (from, filename) => {
+  const filePath = path.join(DIR_NAME, filename);
+  if (Object.keys(await readFile(filePath)).length > 0) {
+    return;
+  }
+  const {response} = await queryClient.query({
+    options: {
+      oneofKind: 'merge',
+      merge: {
+        start: client.Timestamp.fromDate(from),
+        end: client.Timestamp.fromDate(new Date()),
+        query: 'parca_agent_cpu:samples:count:cpu:nanoseconds:delta{container="parca"}',
+      },
+    },
+    reportType: client.QueryRequest_ReportType.TOP,
+    mode: client.QueryRequest_Mode.MERGE,
+  });
+  if (response.report.oneofKind !== 'top') {
+    throw new Error('Expected topTable report');
+  }
+  await writeToFile(response.report.top, filePath);
+};
+
+const writeToFile = async (data, filename) => {
+  await fs.createFile(filename);
+  return await fs.writeFile(filename, JSON.stringify(data));
+};
+
+const readFile = async filename => {
+  try {
+    return await fs.readJSON(filename);
+  } catch (e) {
+    return {};
+  }
+};
+
+const run = async () => {
+  await Promise.all([
+    populateDataIfNeeded(new Date(new Date().getTime() - 1000 * 60), 'parca-toptable-1m.json'),
+    populateDataIfNeeded(
+      new Date(new Date().getTime() - 1000 * 60 * 10),
+      'parca-toptable-10m.json'
+    ),
+    populateDataIfNeeded(
+      new Date(new Date().getTime() - 1000 * 60 * 20),
+      'parca-toptable-20m.json'
+    ),
+  ]);
+};
+
+run()
+  .then(() => {
+    console.log('done');
+    process.exit(0);
+  })
+  .catch(err => {
+    console.error('Error:', err);
+    process.exit(1);
+  });

package/dist/TopTable/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/TopTable/index.tsx"],"names":[],"mappings":"AAaA,OAAO,KAAwC,MAAM,OAAO,CAAC;AAI7D,OAAO,EAAC,GAAG,EAAW,WAAW,EAAC,MAAM,eAAe,CAAC;AAExD,OAAO,EAKL,KAAK,gBAAgB,EACtB,MAAM,kBAAkB,CAAC;AAM1B,UAAU,aAAa;IACrB,OAAO,EAAE,OAAO,CAAC;IACjB,IAAI,CAAC,EAAE,GAAG,CAAC;IACX,UAAU,EAAE,MAAM,CAAC;IACnB,UAAU,CAAC,EAAE,gBAAgB,CAAC;IAC9B,mBAAmB,CAAC,EAAE,MAAM,CAAC;IAC7B,gBAAgB,CAAC,EAAE,CAAC,OAAO,EAAE,GAAG,CAAC,OAAO,KAAK,IAAI,CAAC;CACnD;AAED,eAAO,MAAM,QAAQ,GAAI,MAAM,WAAW,GAAG,SAAS,KAAG,MAcxD,CAAC;AAYF,eAAO,MAAM,QAAQ,2CA0KnB,CAAC;AAEH,eAAe,QAAQ,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/TopTable/index.tsx"],"names":[],"mappings":"AAaA,OAAO,KAAwC,MAAM,OAAO,CAAC;AAI7D,OAAO,EAAC,GAAG,EAAW,WAAW,EAAC,MAAM,eAAe,CAAC;AAExD,OAAO,EAKL,KAAK,gBAAgB,EACtB,MAAM,kBAAkB,CAAC;AAK1B,UAAU,aAAa;IACrB,OAAO,EAAE,OAAO,CAAC;IACjB,IAAI,CAAC,EAAE,GAAG,CAAC;IACX,UAAU,EAAE,MAAM,CAAC;IACnB,UAAU,CAAC,EAAE,gBAAgB,CAAC;IAC9B,mBAAmB,CAAC,EAAE,MAAM,CAAC;IAC7B,gBAAgB,CAAC,EAAE,CAAC,OAAO,EAAE,GAAG,CAAC,OAAO,KAAK,IAAI,CAAC;CACnD;AAED,eAAO,MAAM,QAAQ,GAAI,MAAM,WAAW,GAAG,SAAS,KAAG,MAcxD,CAAC;AAYF,eAAO,MAAM,QAAQ,2CA4KnB,CAAC;AAEH,eAAe,QAAQ,CAAC"}