@parca/profile 0.17.2 → 0.17.4

package/src/ProfileIcicleGraph/IcicleGraph/utils.ts

@@ -1,102 +0,0 @@
-// 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.
-
-import {FlamegraphNode} from '@parca/client';
-import {
-  Location,
-  Mapping,
-  Function as ParcaFunction,
-} from '@parca/client/dist/parca/metastore/v1alpha1/metastore';
-import {BINARY_FEATURE_TYPES, EVERYTHING_ELSE, type BinaryFeature} from '@parca/store';
-import {getLastItem} from '@parca/utilities';
-
-import {hexifyAddress} from '../../utils';
-
-export const getBinaryName = (
-  node: FlamegraphNode,
-  mappings: Mapping[],
-  locations: Location[],
-  strings: string[]
-): string | undefined => {
-  if (node.meta?.locationIndex === undefined || node.meta?.locationIndex === 0) {
-    return undefined;
-  }
-  if (node.meta.locationIndex > locations.length) {
-    return undefined;
-  }
-
-  const location = locations[node.meta.locationIndex - 1];
-
-  if (location.mappingIndex === undefined || location.mappingIndex === 0) {
-    return undefined;
-  }
-  const mapping = mappings[location.mappingIndex - 1];
-  if (mapping == null || mapping.fileStringIndex == null) {
-    return undefined;
-  }
-
-  const mappingFile = strings[mapping.fileStringIndex];
-  return getLastItem(mappingFile);
-};
-
-export function nodeLabel(
-  node: FlamegraphNode,
-  strings: string[],
-  mappings: Mapping[],
-  locations: Location[],
-  functions: ParcaFunction[],
-  showBinaryName: boolean
-): string {
-  if (node.meta?.locationIndex === undefined) return '<unknown>';
-  if (node.meta?.locationIndex === 0) return '<unknown>';
-
-  if (node.meta.locationIndex > locations.length) {
-    console.info('location index out of bounds', node.meta.locationIndex, locations.length);
-    return '<unknown>';
-  }
-
-  const location = locations[node.meta.locationIndex - 1];
-  if (location === undefined) return '<unknown>';
-
-  let mappingString = '';
-
-  if (showBinaryName) {
-    const binary = getBinaryName(node, mappings, locations, strings);
-    if (binary != null) mappingString = `[${binary}]`;
-  }
-
-  if (location.lines.length > 0) {
-    const funcName =
-      strings[functions[location.lines[node.meta.lineIndex].functionIndex - 1].nameStringIndex];
-    return `${mappingString.length > 0 ? `${mappingString} ` : ''}${funcName}`;
-  }
-
-  const address = hexifyAddress(location.address);
-  const fallback = `${mappingString}${address}`;
-
-  return fallback === '' ? '<unknown>' : fallback;
-}
-
-export const extractFeature = (
-  data: FlamegraphNode,
-  mappings: Mapping[],
-  locations: Location[],
-  strings: string[]
-): BinaryFeature => {
-  const binaryName = getBinaryName(data, mappings, locations, strings);
-  if (binaryName != null) {
-    return {name: binaryName, type: BINARY_FEATURE_TYPES.Binary};
-  }
-
-  return {name: EVERYTHING_ELSE, type: BINARY_FEATURE_TYPES.Misc};
-};

package/src/ProfileIcicleGraph/IcicleGraphArrow/IcicleChartRootNode.tsx

@@ -1,130 +0,0 @@
-// 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.
-
-import React, {Fragment} from 'react';
-
-import {scaleLinear} from '@parca/utilities';
-
-import {FIELD_CHILDREN, FIELD_CUMULATIVE, FIELD_DURATION, FIELD_TIMESTAMP} from '.';
-import {ProfileSource} from '../../ProfileSource';
-import {IcicleNode, IcicleNodeProps, RowHeight} from './IcicleGraphNodes';
-import {boundsFromProfileSource} from './utils';
-
-interface IcicleChartRootNodeSpecificProps {
-  profileSource?: ProfileSource;
-}
-
-export const IcicleChartRootNode = React.memo(function IcicleChartRootNodeNonMemo({
-  table,
-  row,
-  colors,
-  colorBy,
-  y,
-  setCurPath,
-  curPath,
-  level,
-  path,
-  total,
-  totalWidth,
-  xScale,
-  searchString,
-  setHoveringRow,
-  setHoveringLevel,
-  sortBy,
-  darkMode,
-  compareMode,
-  profileType,
-  isContextMenuOpen,
-  hoveringName,
-  setHoveringName,
-  hoveringRow,
-  colorForSimilarNodes,
-  highlightSimilarStacksPreference,
-  profileSource,
-}: IcicleNodeProps & IcicleChartRootNodeSpecificProps): React.JSX.Element {
-  // get the columns to read from
-  const durationColumn = table.getChild(FIELD_DURATION);
-  const timestampColumn = table.getChild(FIELD_TIMESTAMP);
-  const cumulativeColumn = table.getChild(FIELD_CUMULATIVE);
-  const cumulative = cumulativeColumn?.get(row) !== null ? BigInt(cumulativeColumn?.get(row)) : 0n;
-  const childRows: number[] = Array.from<number>(
-    table.getChild(FIELD_CHILDREN)?.get(row) ?? []
-  ).sort((a, b) => a - b);
-
-  const tsBounds = boundsFromProfileSource(profileSource);
-
-  const nextLevel = level + 1;
-  const nextCurPath = curPath.length === 0 ? [] : curPath.slice(1);
-  const tsXScale = scaleLinear([tsBounds[0], tsBounds[1]], [0, totalWidth]);
-
-  const width: number =
-    nextCurPath.length > 0 || (nextCurPath.length === 0 && curPath.length === 1)
-      ? totalWidth
-      : xScale(BigInt(cumulative));
-
-  if (width <= 1) {
-    return <>{null}</>;
-  }
-
-  return (
-    <>
-      {childRows.map(row => {
-        const duration = durationColumn?.get(row) !== null ? BigInt(durationColumn?.get(row)) : 0n;
-        const timestamp =
-          timestampColumn?.get(row) !== null ? BigInt(timestampColumn?.get(row)) : 0n;
-
-        const x = tsXScale(timestamp);
-        const width = tsXScale(timestamp + BigInt(Math.round(Number(duration)))) - x;
-
-        const cumulative =
-          cumulativeColumn?.get(row) !== null ? BigInt(cumulativeColumn?.get(row)) : 0n;
-        const newXScale = scaleLinear([0n, BigInt(cumulative)], [0, width]);
-
-        return (
-          <Fragment key={row}>
-            <IcicleNode
-              table={table}
-              row={row}
-              colors={colors}
-              colorBy={colorBy}
-              x={x}
-              y={y}
-              totalWidth={width ?? 1}
-              height={RowHeight}
-              setCurPath={setCurPath}
-              curPath={curPath}
-              total={total}
-              xScale={newXScale}
-              path={path}
-              level={nextLevel}
-              searchString={(searchString as string) ?? ''}
-              setHoveringRow={setHoveringRow}
-              setHoveringLevel={setHoveringLevel}
-              sortBy={sortBy}
-              darkMode={darkMode}
-              compareMode={compareMode}
-              profileType={profileType}
-              isContextMenuOpen={isContextMenuOpen}
-              hoveringName={hoveringName}
-              setHoveringName={setHoveringName}
-              hoveringRow={hoveringRow}
-              colorForSimilarNodes={colorForSimilarNodes}
-              highlightSimilarStacksPreference={highlightSimilarStacksPreference}
-              key={row}
-            />
-          </Fragment>
-        );
-      })}
-    </>
-  );
-});

package/src/ProfileView/hooks/useGraphviz.ts

@@ -1,69 +0,0 @@
-// 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.
-
-import {useEffect, useState} from 'react';
-
-import graphviz from 'graphviz-wasm';
-
-import {Callgraph as CallgraphType} from '@parca/client';
-
-import {jsonToDot} from '../../Callgraph/utils';
-
-interface UseGraphvizProps {
-  callgraphData?: CallgraphType;
-  width?: number;
-  colorRange: [string, string];
-}
-
-export const useGraphviz = ({
-  callgraphData,
-  width,
-  colorRange,
-}: UseGraphvizProps): {
-  graphvizLoaded: boolean;
-  callgraphSVG: string | undefined;
-} => {
-  const [graphvizLoaded, setGraphvizLoaded] = useState(false);
-  const [callgraphSVG, setCallgraphSVG] = useState<string | undefined>(undefined);
-
-  useEffect(() => {
-    async function loadGraphviz(): Promise<void> {
-      await graphviz.loadWASM();
-      setGraphvizLoaded(true);
-    }
-    void loadGraphviz();
-  }, []);
-
-  useEffect(() => {
-    async function loadCallgraphSVG(
-      graph: CallgraphType,
-      width: number,
-      colorRange: [string, string]
-    ): Promise<void> {
-      await setCallgraphSVG(undefined);
-      const dataAsDot = await jsonToDot({
-        graph,
-        width,
-        colorRange,
-      });
-      const svgGraph = await graphviz.layout(dataAsDot, 'svg', 'dot');
-      await setCallgraphSVG(svgGraph);
-    }
-
-    if (graphvizLoaded && callgraphData != null && width != null) {
-      void loadCallgraphSVG(callgraphData, width, colorRange);
-    }
-  }, [graphvizLoaded, callgraphData, width, colorRange]);
-
-  return {graphvizLoaded, callgraphSVG};
-};