@parca/profile 0.16.0 → 0.16.43

package/dist/Callgraph/mockData/index.js

@@ -0,0 +1,577 @@
+// 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.
+export var dotGraph = "{\n n1 [Label = \"n1\"];\n n2 [Label = \"n2\"];\n n3 [Label = \"n3\"];\n n1 -- n2;\n n1 -- n3;\n n2 -- n2;\n}";
+export var jsonGraph = {
+    total: '4358676',
+    unit: 'count',
+    nodes: [
+        {
+            id: 'n0',
+            label: 'A node',
+            value: 30,
+        },
+        {
+            id: 'n1',
+            label: 'Another node',
+            value: 20,
+        },
+        {
+            id: 'n2',
+            label: 'And a last one',
+            value: 10,
+        },
+        {
+            id: 'n3',
+            label: 'n3',
+            value: 2,
+        },
+        {
+            id: 'n4',
+            label: 'n4',
+            value: 1,
+        },
+        {
+            id: 'n5',
+            label: 'n5',
+            value: 1,
+        },
+    ],
+    edges: [
+        {
+            id: 'e0',
+            source: 'n0',
+            target: 'n1',
+            label: 'edge 1',
+        },
+        {
+            id: 'e1',
+            source: 'n1',
+            target: 'n2',
+            label: 'edge 2',
+        },
+        {
+            id: 'e2',
+            source: 'n2',
+            target: 'n0',
+            label: 'edge 3',
+        },
+        {
+            id: 'e3',
+            source: 'n0',
+            target: 'n2',
+            label: 'edge 4',
+        },
+        {
+            id: 'e4',
+            source: 'n2',
+            target: 'n3',
+            label: 'edge 5',
+        },
+        {
+            id: 'e5',
+            source: 'n3',
+            target: 'n4',
+            label: 'edge 6',
+        },
+        {
+            id: 'e5',
+            source: 'n4',
+            target: 'n5',
+            label: 'edge 6',
+        },
+        {
+            id: 'e5',
+            source: 'n3',
+            target: 'n5',
+            label: 'edge 6',
+        },
+    ],
+};
+// just a string, doesn't need to be on separate lines
+export var graphvizDot = "\ndigraph {\n  N1 [id=\"node1\"]\n  N2 [id=\"node2\"]\n  N3 [id=\"node3\"]\n  N4 [id=\"node4\"]\n  N1 -> N2 [id=\"e1\" label=\"e1 fdskjao fdjksaol\"]\n  N2 -> N3 [id=\"e2\" label=\"e2\"]\n  N3 -> N4 [id=\"e3\" label=\"e3\"]\n  N3 -> N1 [id=\"e4\" label=\"e4\"]\n  }";
+export var jsonGraphWithGraphvizPositions = {
+    name: '%27',
+    directed: true,
+    strict: false,
+    _draw_: [
+        {
+            op: 'c',
+            grad: 'none',
+            color: '#fffffe00',
+        },
+        {
+            op: 'C',
+            grad: 'none',
+            color: '#ffffff',
+        },
+        {
+            op: 'P',
+            points: [
+                [0.0, 0.0],
+                [0.0, 180.0],
+                [59.0, 180.0],
+                [59.0, 0.0],
+            ],
+        },
+    ],
+    bb: '0,0,59,180',
+    xdotversion: '1.7',
+    _subgraph_cnt: 0,
+    objects: [
+        {
+            _gvid: 0,
+            name: 'n0',
+            Label: 'A node',
+            _draw_: [
+                {
+                    op: 'c',
+                    grad: 'none',
+                    color: '#000000',
+                },
+                {
+                    op: 'C',
+                    grad: 'none',
+                    color: '#ffffff',
+                },
+                {
+                    op: 'E',
+                    rect: [41.0, 162.0, 18.0, 18.0],
+                },
+            ],
+            _ldraw_: [
+                {
+                    op: 'F',
+                    size: 14.0,
+                    face: 'Times-Roman',
+                },
+                {
+                    op: 'c',
+                    grad: 'none',
+                    color: '#0000ff',
+                },
+                {
+                    op: 'T',
+                    pt: [41.0, 157.8],
+                    align: 'c',
+                    width: 14.0,
+                    text: 'n0',
+                },
+            ],
+            fillcolor: 'white',
+            fixedsize: 'true',
+            fontcolor: 'blue',
+            height: '0.5',
+            label: '\\N',
+            margin: '0',
+            pos: '41,162',
+            shape: 'circle',
+            style: 'filled',
+            width: '0.5',
+        },
+        {
+            _gvid: 1,
+            name: 'n1',
+            Label: 'Another node',
+            _draw_: [
+                {
+                    op: 'c',
+                    grad: 'none',
+                    color: '#000000',
+                },
+                {
+                    op: 'C',
+                    grad: 'none',
+                    color: '#ffffff',
+                },
+                {
+                    op: 'E',
+                    rect: [18.0, 90.0, 18.0, 18.0],
+                },
+            ],
+            _ldraw_: [
+                {
+                    op: 'F',
+                    size: 14.0,
+                    face: 'Times-Roman',
+                },
+                {
+                    op: 'c',
+                    grad: 'none',
+                    color: '#0000ff',
+                },
+                {
+                    op: 'T',
+                    pt: [18.0, 85.8],
+                    align: 'c',
+                    width: 14.0,
+                    text: 'n1',
+                },
+            ],
+            fillcolor: 'white',
+            fixedsize: 'true',
+            fontcolor: 'blue',
+            height: '0.5',
+            label: '\\N',
+            margin: '0',
+            pos: '18,90',
+            shape: 'circle',
+            style: 'filled',
+            width: '0.5',
+        },
+        {
+            _gvid: 2,
+            name: 'n2',
+            Label: 'And a last one',
+            _draw_: [
+                {
+                    op: 'c',
+                    grad: 'none',
+                    color: '#000000',
+                },
+                {
+                    op: 'C',
+                    grad: 'none',
+                    color: '#ffffff',
+                },
+                {
+                    op: 'E',
+                    rect: [41.0, 18.0, 18.0, 18.0],
+                },
+            ],
+            _ldraw_: [
+                {
+                    op: 'F',
+                    size: 14.0,
+                    face: 'Times-Roman',
+                },
+                {
+                    op: 'c',
+                    grad: 'none',
+                    color: '#0000ff',
+                },
+                {
+                    op: 'T',
+                    pt: [41.0, 13.8],
+                    align: 'c',
+                    width: 14.0,
+                    text: 'n2',
+                },
+            ],
+            fillcolor: 'white',
+            fixedsize: 'true',
+            fontcolor: 'blue',
+            height: '0.5',
+            label: '\\N',
+            margin: '0',
+            pos: '41,18',
+            shape: 'circle',
+            style: 'filled',
+            width: '0.5',
+        },
+    ],
+    edges: [
+        {
+            _gvid: 0,
+            tail: 0,
+            head: 1,
+            _draw_: [
+                {
+                    op: 'c',
+                    grad: 'none',
+                    color: '#000000',
+                },
+                {
+                    op: 'b',
+                    points: [
+                        [35.67, 144.76],
+                        [32.98, 136.58],
+                        [29.65, 126.45],
+                        [26.61, 117.2],
+                    ],
+                },
+            ],
+            _hdraw_: [
+                {
+                    op: 'S',
+                    style: 'solid',
+                },
+                {
+                    op: 'c',
+                    grad: 'none',
+                    color: '#000000',
+                },
+                {
+                    op: 'C',
+                    grad: 'none',
+                    color: '#000000',
+                },
+                {
+                    op: 'P',
+                    points: [
+                        [29.91, 116.04],
+                        [23.47, 107.63],
+                        [23.26, 118.23],
+                    ],
+                },
+            ],
+            pos: 'e,23.465,107.63 35.666,144.76 32.976,136.58 29.647,126.45 26.607,117.2',
+        },
+        {
+            _gvid: 1,
+            tail: 1,
+            head: 2,
+            _draw_: [
+                {
+                    op: 'c',
+                    grad: 'none',
+                    color: '#000000',
+                },
+                {
+                    op: 'b',
+                    points: [
+                        [23.33, 72.76],
+                        [26.02, 64.58],
+                        [29.35, 54.45],
+                        [32.39, 45.2],
+                    ],
+                },
+            ],
+            _hdraw_: [
+                {
+                    op: 'S',
+                    style: 'solid',
+                },
+                {
+                    op: 'c',
+                    grad: 'none',
+                    color: '#000000',
+                },
+                {
+                    op: 'C',
+                    grad: 'none',
+                    color: '#000000',
+                },
+                {
+                    op: 'P',
+                    points: [
+                        [35.74, 46.23],
+                        [35.53, 35.63],
+                        [29.09, 44.04],
+                    ],
+                },
+            ],
+            pos: 'e,35.535,35.633 23.334,72.765 26.024,64.578 29.353,54.448 32.393,45.195',
+        },
+        {
+            _gvid: 2,
+            tail: 2,
+            head: 0,
+            _draw_: [
+                {
+                    op: 'c',
+                    grad: 'none',
+                    color: '#000000',
+                },
+                {
+                    op: 'b',
+                    points: [
+                        [42.62, 36.17],
+                        [43.52, 46.53],
+                        [44.55, 60.01],
+                        [45.0, 72.0],
+                        [45.6, 87.99],
+                        [45.6, 92.01],
+                        [45.0, 108.0],
+                        [44.69, 116.33],
+                        [44.09, 125.39],
+                        [43.46, 133.62],
+                    ],
+                },
+            ],
+            _hdraw_: [
+                {
+                    op: 'S',
+                    style: 'solid',
+                },
+                {
+                    op: 'c',
+                    grad: 'none',
+                    color: '#000000',
+                },
+                {
+                    op: 'C',
+                    grad: 'none',
+                    color: '#000000',
+                },
+                {
+                    op: 'P',
+                    points: [
+                        [39.95, 133.58],
+                        [42.62, 143.83],
+                        [46.93, 134.15],
+                    ],
+                },
+            ],
+            pos: 'e,42.625,143.83 42.625,36.167 43.524,46.533 44.548,60.013 45,72 45.602,87.989 45.602,92.011 45,108 44.686,116.33 44.095,125.39 43.462,133.62',
+        },
+    ],
+};
+export var nodeWithMetaData = function (id, name) { return ({
+    id: id,
+    cumulative: Math.floor(Math.random() * 10),
+    meta: {
+        location: {
+            id: {
+                '0': 201,
+                '1': 124,
+                '2': 147,
+                '3': 175,
+                '4': 103,
+                '5': 42,
+                '6': 76,
+                '7': 211,
+                '8': 186,
+                '9': 184,
+                '10': 7,
+                '11': 19,
+                '12': 62,
+                '13': 204,
+                '14': 76,
+                '15': 130,
+            },
+            address: "".concat(Math.floor(Math.random() * 10)).concat(Math.floor(Math.random() * 10)).concat(Math.floor(Math.random() * 10)),
+            mappingId: {
+                '0': 72,
+                '1': 191,
+                '2': 155,
+                '3': 45,
+                '4': 34,
+                '5': 49,
+                '6': 65,
+                '7': 169,
+                '8': 170,
+                '9': 93,
+                '10': 28,
+                '11': 111,
+                '12': 102,
+                '13': 196,
+                '14': 92,
+                '15': 210,
+            },
+            isFolded: false,
+        },
+        mapping: {
+            id: {
+                '0': 72,
+                '1': 191,
+                '2': 155,
+                '3': 45,
+                '4': 34,
+                '5': 49,
+                '6': 65,
+                '7': 169,
+                '8': 170,
+                '9': 93,
+                '10': 28,
+                '11': 111,
+                '12': 102,
+                '13': 196,
+                '14': 92,
+                '15': 210,
+            },
+            start: '0',
+            limit: '0',
+            offset: '0',
+            file: '',
+            buildId: '',
+            hasFunctions: true,
+            hasFilenames: false,
+            hasLineNumbers: false,
+            hasInlineFrames: false,
+        },
+        function: {
+            id: {
+                '0': 46,
+                '1': 90,
+                '2': 8,
+                '3': 65,
+                '4': 135,
+                '5': 181,
+                '6': 65,
+                '7': 61,
+                '8': 148,
+                '9': 246,
+                '10': 90,
+                '11': 244,
+                '12': 208,
+                '13': 193,
+                '14': 40,
+                '15': 177,
+            },
+            startLine: '0',
+            name: name,
+            systemName: 'runtime.gopark',
+            filename: "/opt/homebrew/Cellar/go/1.18.2/libexec/src/runtime/proc.go/".concat(name),
+        },
+        line: {
+            functionId: {
+                '0': 46,
+                '1': 90,
+                '2': 8,
+                '3': 65,
+                '4': 135,
+                '5': 181,
+                '6': 65,
+                '7': 61,
+                '8': 148,
+                '9': 246,
+                '10': 90,
+                '11': 244,
+                '12': 208,
+                '13': 193,
+                '14': 40,
+                '15': 177,
+            },
+            line: '361',
+        },
+    },
+}); };
+export var jsonGraphWithMetaData = {
+    total: '4358676',
+    nodes: [
+        nodeWithMetaData('root', 'root node'),
+        nodeWithMetaData('n1', 'normal node'),
+        nodeWithMetaData('n2', 'second node'),
+        nodeWithMetaData('n3', 'child'),
+    ],
+    edges: [
+        {
+            id: 'edge1',
+            source: 'root',
+            target: 'n1',
+            cumulative: '10',
+        },
+        {
+            id: 'edge2',
+            source: 'root',
+            target: 'n2',
+            cumulative: '8',
+        },
+        {
+            id: 'edge2',
+            source: 'n1',
+            target: 'n3',
+            cumulative: '4',
+        },
+    ],
+};

package/dist/Callgraph/utils.d.ts

@@ -0,0 +1,19 @@
+import { CallgraphNode, CallgraphEdge } from '@parca/client';
+export declare const pixelsToInches: (pixels: number) => number;
+export declare const parseEdgePos: ({ pos, xScale, yScale, source, target, nodeRadius, isSelfLoop, }: {
+    pos: string;
+    xScale?: ((pos: number) => void) | undefined;
+    yScale?: ((pos: number) => void) | undefined;
+    source?: number[] | undefined;
+    target?: number[] | undefined;
+    nodeRadius: number;
+    isSelfLoop?: boolean | undefined;
+}) => number[];
+export declare const jsonToDot: ({ graph, width, nodeRadius, }: {
+    graph: {
+        nodes: CallgraphNode[];
+        edges: CallgraphEdge[];
+    };
+    width: number;
+    nodeRadius: number;
+}) => string;

package/dist/Callgraph/utils.js

@@ -0,0 +1,82 @@
+// 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.
+var __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {
+    if (pack || arguments.length === 2) for (var i = 0, l = from.length, ar; i < l; i++) {
+        if (ar || !(i in from)) {
+            if (!ar) ar = Array.prototype.slice.call(from, 0, i);
+            ar[i] = from[i];
+        }
+    }
+    return to.concat(ar || Array.prototype.slice.call(from));
+};
+export var pixelsToInches = function (pixels) { return pixels / 96; };
+export var parseEdgePos = function (_a) {
+    var _b;
+    var pos = _a.pos, _c = _a.xScale, xScale = _c === void 0 ? function (n) { return n; } : _c, _d = _a.yScale, yScale = _d === void 0 ? function (n) { return n; } : _d, _e = _a.source, source = _e === void 0 ? [] : _e, _f = _a.target, target = _f === void 0 ? [] : _f, nodeRadius = _a.nodeRadius, _g = _a.isSelfLoop, isSelfLoop = _g === void 0 ? false : _g;
+    var parts = pos.split(' ');
+    var arrow = (_b = parts.shift()) !== null && _b !== void 0 ? _b : '';
+    var partsAsArrays = parts.map(function (part) { return part.split(','); });
+    var scalePosArray = function (posArr) { return [+xScale(+posArr[0]), +yScale(+posArr[1])]; };
+    var _h = partsAsArrays.map(function (posArr) { return scalePosArray(posArr); }), _start = _h[0], cp1 = _h[1], cp2 = _h[2], _end = _h[3];
+    var arrowEnd = scalePosArray(arrow.replace('e,', '').split(','));
+    var getTargetWithOffset = function (target, lastEdgePoint) {
+        var diffX = target[0] - lastEdgePoint[0];
+        var diffY = target[1] - lastEdgePoint[1];
+        var diffZ = Math.hypot(diffX, diffY);
+        var offsetX = (diffX * nodeRadius) / diffZ;
+        var offsetY = (diffY * nodeRadius) / diffZ;
+        return [target[0] - offsetX, target[1] - offsetY];
+    };
+    if (isSelfLoop) {
+        var sourceX = source[0], sourceY = source[1];
+        var targetX = target[0], targetY = target[1];
+        return [
+            sourceX,
+            sourceY + nodeRadius,
+            sourceX,
+            sourceY + 3 * nodeRadius,
+            targetX + 5 * nodeRadius,
+            targetY,
+            targetX + nodeRadius,
+            targetY,
+        ];
+    }
+    return __spreadArray(__spreadArray(__spreadArray(__spreadArray([], source, true), cp1, true), cp2, true), getTargetWithOffset(target, arrowEnd), true);
+};
+export var jsonToDot = function (_a) {
+    var graph = _a.graph, width = _a.width, nodeRadius = _a.nodeRadius;
+    var nodes = graph.nodes, edges = graph.edges;
+    var objectAsDotAttributes = function (obj) {
+        return Object.entries(obj)
+            .map(function (entry) { return "".concat(entry[0], "=\"").concat(entry[1], "\""); })
+            .join(' ');
+    };
+    var nodesAsStrings = nodes.map(function (node) {
+        var _a, _b, _c, _d, _e, _f, _g;
+        var dataAttributes = {
+            address: (_c = (_b = (_a = node.meta) === null || _a === void 0 ? void 0 : _a.location) === null || _b === void 0 ? void 0 : _b.address) !== null && _c !== void 0 ? _c : '',
+            functionName: (_f = (_e = (_d = node.meta) === null || _d === void 0 ? void 0 : _d.function) === null || _e === void 0 ? void 0 : _e.name) !== null && _f !== void 0 ? _f : '',
+            cumulative: (_g = node.cumulative) !== null && _g !== void 0 ? _g : '',
+            root: (node.id === 'root').toString(),
+        };
+        return "\"".concat(node.id, "\" [").concat(objectAsDotAttributes(dataAttributes), "]");
+    });
+    var edgesAsStrings = edges.map(function (edge) {
+        var dataAttributes = {
+            cumulative: edge.cumulative,
+        };
+        return "\"".concat(edge.source, "\" -> \"").concat(edge.target, "\" [").concat(objectAsDotAttributes(dataAttributes), "]");
+    });
+    var graphAsDot = "digraph \"callgraph\" {\n      rankdir=\"TB\"\n      ratio=\"1,3\"\n      size=\"".concat(pixelsToInches(width), ", ").concat(pixelsToInches(width), "!\"\n      margin=10\n      edge [margin=0]\n      node [margin=0 width=").concat(nodeRadius, "]\n      ").concat(nodesAsStrings.join(' '), "\n      ").concat(edgesAsStrings.join(' '), "\n    }");
+    return graphAsDot;
+};

package/dist/GraphTooltip/index.d.ts

@@ -0,0 +1,20 @@
+/// <reference types="react" />
+import { CallgraphNode, FlamegraphRootNode } from '@parca/client';
+interface GraphTooltipProps {
+    x: number;
+    y: number;
+    unit: string;
+    total: number;
+    hoveringNode: HoveringNode;
+    contextElement: Element | null;
+    isFixed?: boolean;
+    virtualContextElement?: boolean;
+}
+export interface HoveringNode extends CallgraphNode, FlamegraphRootNode {
+    diff: string;
+    meta?: {
+        [key: string]: any;
+    };
+}
+declare const GraphTooltip: ({ x, y, unit, total, hoveringNode, contextElement, isFixed, virtualContextElement, }: GraphTooltipProps) => JSX.Element;
+export default GraphTooltip;