@parca/profile 0.19.140 → 0.19.142

package/dist/SourceView/index.js

@@ -1,4 +1,13 @@
-import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+function _toConsumableArray(r) { return _arrayWithoutHoles(r) || _iterableToArray(r) || _unsupportedIterableToArray(r) || _nonIterableSpread(); }
+function _nonIterableSpread() { throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+function _iterableToArray(r) { if ("undefined" != typeof Symbol && null != r[Symbol.iterator] || null != r["@@iterator"]) return Array.from(r); }
+function _arrayWithoutHoles(r) { if (Array.isArray(r)) return _arrayLikeToArray(r); }
+function _slicedToArray(r, e) { return _arrayWithHoles(r) || _iterableToArrayLimit(r, e) || _unsupportedIterableToArray(r, e) || _nonIterableRest(); }
+function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+function _unsupportedIterableToArray(r, a) { if (r) { if ("string" == typeof r) return _arrayLikeToArray(r, a); var t = {}.toString.call(r).slice(8, -1); return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray(r, a) : void 0; } }
+function _arrayLikeToArray(r, a) { (null == a || a > r.length) && (a = r.length); for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; return n; }
+function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t["return"] && (u = t["return"](), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
+function _arrayWithHoles(r) { if (Array.isArray(r)) return r; }
 // 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,121 +20,186 @@ import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-run
 // 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, { useCallback, useEffect, useMemo } from 'react';
 import { tableFromIPC } from '@uwdata/flechette';
 import { AnimatePresence, motion } from 'framer-motion';
-import { useQueryState } from 'nuqs';
 import { Item, Menu, useContextMenu } from 'react-contexify';
-import { SourceSkeleton, useParcaContext } from '@parca/components';
+import { SourceSkeleton, useParcaContext, useURLState } from '@parca/components';
 import { ExpandOnHover } from '../GraphTooltipArrow/ExpandOnHoverValue';
-import { stringParam } from '../hooks/urlParsers';
 import { alignedUint8Array, truncateStringReverse } from '../utils';
 import { Highlighter, profileAwareRenderer } from './Highlighter';
 import useLineRange from './useSelectedLineRange';
-const MENU_ID = 'source-view-context-menu';
-export const SourceView = React.memo(function SourceView({ data, loading, total, filtered, setActionButtons, }) {
-    const [sourceFileName] = useQueryState('source_filename', stringParam);
-    const { isDarkMode, sourceViewContextMenuItems = [] } = useParcaContext();
-    const sourceCode = useMemo(() => {
-        if (data === undefined) {
-            return [''];
-        }
-        // To use the array index as line number
-        return ['', ...data.source.split('\n')];
-    }, [data]);
-    const { show } = useContextMenu({
-        id: MENU_ID,
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+var MENU_ID = 'source-view-context-menu';
+export var SourceView = /*#__PURE__*/React.memo(function SourceView(_ref) {
+  var data = _ref.data,
+    loading = _ref.loading,
+    total = _ref.total,
+    filtered = _ref.filtered,
+    setActionButtons = _ref.setActionButtons;
+  var _useURLState = useURLState('source_filename'),
+    _useURLState2 = _slicedToArray(_useURLState, 1),
+    sourceFileName = _useURLState2[0];
+  var _useParcaContext = useParcaContext(),
+    isDarkMode = _useParcaContext.isDarkMode,
+    _useParcaContext$sour = _useParcaContext.sourceViewContextMenuItems,
+    sourceViewContextMenuItems = _useParcaContext$sour === void 0 ? [] : _useParcaContext$sour;
+  var sourceCode = useMemo(function () {
+    if (data === undefined) {
+      return [''];
+    }
+    // To use the array index as line number
+    return [''].concat(_toConsumableArray(data.source.split('\n')));
+  }, [data]);
+  var _useContextMenu = useContextMenu({
+      id: MENU_ID
+    }),
+    show = _useContextMenu.show;
+  var _useLineRange = useLineRange(),
+    startLine = _useLineRange.startLine,
+    endLine = _useLineRange.endLine;
+  var sourceTable = useMemo(function () {
+    if (data === undefined) {
+      return null;
+    }
+    var table = tableFromIPC(alignedUint8Array(data.record), {
+      useBigInt: true
     });
-    const { startLine, endLine } = useLineRange();
-    const sourceTable = useMemo(() => {
-        if (data === undefined) {
-            return null;
-        }
-        const table = tableFromIPC(alignedUint8Array(data.record), { useBigInt: true });
-        return {
-            numRows: table.numRows,
-            lineNumbers: table.getChild('line_number'),
-            cumulative: table.getChild('cumulative'),
-            flat: table.getChild('flat'),
-        };
-    }, [data]);
-    const getLineData = useCallback((lineNumber) => {
-        if (sourceTable === null || sourceTable.lineNumbers === null) {
-            return undefined;
-        }
-        const { numRows, lineNumbers, cumulative, flat } = sourceTable;
-        let lo = 0;
-        let hi = numRows - 1;
-        while (lo <= hi) {
-            const mid = (lo + hi) >>> 1;
-            const midVal = Number(lineNumbers.get(mid));
-            if (midVal === lineNumber) {
-                return {
-                    cumulative: cumulative?.get(mid) ?? 0n,
-                    flat: flat?.get(mid) ?? 0n,
-                };
-            }
-            if (midVal < lineNumber) {
-                lo = mid + 1;
-            }
-            else {
-                hi = mid - 1;
-            }
-        }
-        return undefined;
-    }, [sourceTable]);
-    const getProfileDataForLine = useCallback((line) => {
-        const data = getLineData(line);
-        if (data === undefined) {
-            return undefined;
-        }
-        if (data.cumulative === 0n && data.flat === 0n) {
-            return undefined;
-        }
+    return {
+      numRows: table.numRows,
+      lineNumbers: table.getChild('line_number'),
+      cumulative: table.getChild('cumulative'),
+      flat: table.getChild('flat')
+    };
+  }, [data]);
+  var getLineData = useCallback(function (lineNumber) {
+    if (sourceTable === null || sourceTable.lineNumbers === null) {
+      return undefined;
+    }
+    var numRows = sourceTable.numRows,
+      lineNumbers = sourceTable.lineNumbers,
+      cumulative = sourceTable.cumulative,
+      flat = sourceTable.flat;
+    var lo = 0;
+    var hi = numRows - 1;
+    while (lo <= hi) {
+      var mid = lo + hi >>> 1;
+      var midVal = Number(lineNumbers.get(mid));
+      if (midVal === lineNumber) {
+        var _ref2, _ref3;
         return {
-            line,
-            cumulative: Number(data.cumulative),
-            flat: Number(data.flat),
+          cumulative: (_ref2 = cumulative === null || cumulative === void 0 ? void 0 : cumulative.get(mid)) !== null && _ref2 !== void 0 ? _ref2 : 0n,
+          flat: (_ref3 = flat === null || flat === void 0 ? void 0 : flat.get(mid)) !== null && _ref3 !== void 0 ? _ref3 : 0n
         };
-    }, [getLineData]);
-    const [selectedCode, profileData] = useMemo(() => {
-        if (startLine === -1 && endLine === -1) {
-            return ['', []];
-        }
-        if (startLine === endLine) {
-            const profileData = [];
-            const profileDataForLine = getProfileDataForLine(startLine);
-            if (profileDataForLine != null) {
-                profileData.push(profileDataForLine);
-            }
-            return [sourceCode[startLine - 1], profileData];
-        }
-        let code = '';
-        const profileData = [];
-        for (let i = startLine; i <= endLine; i++) {
-            code += sourceCode[i] + '\n';
-            const profileDataForLine = getProfileDataForLine(i);
-            if (profileDataForLine != null) {
-                profileData.push(profileDataForLine);
-            }
-        }
-        return [code, profileData];
-    }, [startLine, endLine, sourceCode, getProfileDataForLine]);
-    useEffect(() => {
-        setActionButtons?.(_jsx("div", { className: "px-2", children: _jsx(ExpandOnHover, { value: sourceFileName, displayValue: truncateStringReverse(sourceFileName, 50) }) }));
-    }, [sourceFileName, setActionButtons]);
-    if (loading) {
-        return (_jsx("div", { className: "h-auto overflow-clip", children: _jsx(SourceSkeleton, { isDarkMode: isDarkMode }) }));
+      }
+      if (midVal < lineNumber) {
+        lo = mid + 1;
+      } else {
+        hi = mid - 1;
+      }
     }
-    if (data === undefined) {
-        return _jsx(_Fragment, { children: "Source code not uploaded for this build." });
+    return undefined;
+  }, [sourceTable]);
+  var getProfileDataForLine = useCallback(function (line) {
+    var data_0 = getLineData(line);
+    if (data_0 === undefined) {
+      return undefined;
     }
-    // eslint-disable-next-line @typescript-eslint/no-explicit-any
-    const onContextMenu = (event) => {
-        show({
-            event,
-        });
+    if (data_0.cumulative === 0n && data_0.flat === 0n) {
+      return undefined;
+    }
+    return {
+      line: line,
+      cumulative: Number(data_0.cumulative),
+      flat: Number(data_0.flat)
     };
-    return (_jsx(AnimatePresence, { children: _jsxs(motion.div, { className: "h-full w-full", initial: { display: 'none', opacity: 0 }, animate: { display: 'block', opacity: 1 }, transition: { duration: 0.5 }, children: [_jsx(Highlighter, { file: sourceFileName, content: data.source, renderer: profileAwareRenderer(getLineData, total, filtered, onContextMenu) }), sourceViewContextMenuItems.length > 0 ? (_jsx(Menu, { id: MENU_ID, children: sourceViewContextMenuItems.map(item => (_jsx(Item, { onClick: () => item.action(selectedCode, profileData), children: item.label }, item.id))) })) : null] }, "source-view-loaded") }));
+  }, [getLineData]);
+  var _useMemo = useMemo(function () {
+      if (startLine === -1 && endLine === -1) {
+        return ['', []];
+      }
+      if (startLine === endLine) {
+        var profileData = [];
+        var profileDataForLine = getProfileDataForLine(startLine);
+        if (profileDataForLine != null) {
+          profileData.push(profileDataForLine);
+        }
+        return [sourceCode[startLine - 1], profileData];
+      }
+      var code = '';
+      var profileData_0 = [];
+      for (var i = startLine; i <= endLine; i++) {
+        code += sourceCode[i] + '\n';
+        var profileDataForLine_0 = getProfileDataForLine(i);
+        if (profileDataForLine_0 != null) {
+          profileData_0.push(profileDataForLine_0);
+        }
+      }
+      return [code, profileData_0];
+    }, [startLine, endLine, sourceCode, getProfileDataForLine]),
+    _useMemo2 = _slicedToArray(_useMemo, 2),
+    selectedCode = _useMemo2[0],
+    profileData_1 = _useMemo2[1];
+  useEffect(function () {
+    setActionButtons === null || setActionButtons === void 0 || setActionButtons(/*#__PURE__*/_jsx("div", {
+      className: "px-2",
+      children: /*#__PURE__*/_jsx(ExpandOnHover, {
+        value: sourceFileName,
+        displayValue: truncateStringReverse(sourceFileName, 50)
+      })
+    }));
+  }, [sourceFileName, setActionButtons]);
+  if (loading) {
+    return /*#__PURE__*/_jsx("div", {
+      className: "h-auto overflow-clip",
+      children: /*#__PURE__*/_jsx(SourceSkeleton, {
+        isDarkMode: isDarkMode
+      })
+    });
+  }
+  if (data === undefined) {
+    return /*#__PURE__*/_jsx(_Fragment, {
+      children: "Source code not uploaded for this build."
+    });
+  }
+
+  // eslint-disable-next-line @typescript-eslint/no-explicit-any
+  var onContextMenu = function onContextMenu(event) {
+    show({
+      event: event
+    });
+  };
+  return /*#__PURE__*/_jsx(AnimatePresence, {
+    children: /*#__PURE__*/_jsxs(motion.div, {
+      className: "h-full w-full",
+      initial: {
+        display: 'none',
+        opacity: 0
+      },
+      animate: {
+        display: 'block',
+        opacity: 1
+      },
+      transition: {
+        duration: 0.5
+      },
+      children: [/*#__PURE__*/_jsx(Highlighter, {
+        file: sourceFileName,
+        content: data.source,
+        renderer: profileAwareRenderer(getLineData, total, filtered, onContextMenu)
+      }), sourceViewContextMenuItems.length > 0 ? /*#__PURE__*/_jsx(Menu, {
+        id: MENU_ID,
+        children: sourceViewContextMenuItems.map(function (item) {
+          return /*#__PURE__*/_jsx(Item, {
+            onClick: function onClick() {
+              return item.action(selectedCode, profileData_1);
+            },
+            children: item.label
+          }, item.id);
+        })
+      }) : null]
+    }, "source-view-loaded")
+  });
 });
-export default SourceView;
+export default SourceView;