@parca/profile 0.19.139 → 0.19.142

package/dist/ProfileView/components/VisualizationContainer/index.js

@@ -1,10 +1,55 @@
-import { jsx as _jsx } from "react/jsx-runtime";
+function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : i + ""; }
+function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
+// 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.
+
+/* eslint-disable react-hooks/refs */
+
 import cx from 'classnames';
 import { useDashboard } from '../../context/DashboardContext';
 import { VisualizationPanel } from '../VisualizationPanel';
-export const VisualizationContainer = ({ provided, snapshot, dashboardItem, getDashboardItemByType, isMultiPanelView, index, actionButtons, }) => {
-    const { handleClosePanel } = useDashboard();
-    return (_jsx("div", { ref: provided.innerRef, ...provided.draggableProps, className: cx('w-full min-h-96', snapshot.isDragging ? 'bg-gray-200 dark:bg-gray-500' : 'bg-inherit dark:bg-gray-900', isMultiPanelView ? 'border-2 border-gray-100 dark:border-gray-700 rounded-md p-3' : '', dashboardItem === 'source' && isMultiPanelView ? 'sticky top-0 self-start' : ''), style: dashboardItem === 'source' && isMultiPanelView
-            ? { maxHeight: 'calc(100vh - 50px)' }
-            : undefined, children: _jsx(VisualizationPanel, { handleClosePanel: handleClosePanel, isMultiPanelView: isMultiPanelView, dashboardItem: dashboardItem, getDashboardItemByType: getDashboardItemByType, dragHandleProps: provided.dragHandleProps, index: index, actionButtons: actionButtons }) }));
-};
+import { jsx as _jsx } from "react/jsx-runtime";
+export var VisualizationContainer = function VisualizationContainer(_ref) {
+  'use no memo';
+
+  var provided = _ref.provided,
+    snapshot = _ref.snapshot,
+    dashboardItem = _ref.dashboardItem,
+    getDashboardItemByType = _ref.getDashboardItemByType,
+    isMultiPanelView = _ref.isMultiPanelView,
+    index = _ref.index,
+    actionButtons = _ref.actionButtons;
+  var _useDashboard = useDashboard(),
+    handleClosePanel = _useDashboard.handleClosePanel;
+  return /*#__PURE__*/_jsx("div", _objectSpread(_objectSpread({
+    ref: provided.innerRef
+  }, provided.draggableProps), {}, {
+    className: cx('w-full min-h-96', snapshot.isDragging ? 'bg-gray-200 dark:bg-gray-500' : 'bg-inherit dark:bg-gray-900', isMultiPanelView ? 'border-2 border-gray-100 dark:border-gray-700 rounded-md p-3' : '', dashboardItem === 'source' && isMultiPanelView ? 'sticky top-0 self-start' : ''),
+    style: dashboardItem === 'source' && isMultiPanelView ? {
+      maxHeight: 'calc(100vh - 50px)'
+    } : undefined,
+    children: /*#__PURE__*/_jsx(VisualizationPanel, {
+      handleClosePanel: handleClosePanel,
+      isMultiPanelView: isMultiPanelView,
+      dashboardItem: dashboardItem,
+      getDashboardItemByType: getDashboardItemByType,
+      dragHandleProps: provided.dragHandleProps,
+      index: index,
+      actionButtons: actionButtons
+    })
+  }));
+};

package/dist/ProfileView/components/VisualizationPanel.js

@@ -1,4 +1,10 @@
-import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : i + ""; }
+function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
+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,15 +17,186 @@ import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } 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 from 'react';
 import { Icon } from '@iconify/react';
 import cx from 'classnames';
 import { IconButton, useParcaContext } from '@parca/components';
 import { CloseIcon } from '@parca/icons';
-export const VisualizationPanel = React.memo(function VisualizationPanel({ dashboardItem, isMultiPanelView, handleClosePanel, dragHandleProps, getDashboardItemByType, actionButtons, }) {
-    const { flamegraphHint } = useParcaContext();
-    return (_jsxs(_Fragment, { children: [_jsxs("div", { className: "flex w-full items-center justify-end gap-2 pb-2", children: [_jsxs("div", { className: cx('flex w-full justify-between flex-col-reverse md:flex-row', isMultiPanelView && dashboardItem === 'flamegraph' ? 'items-end gap-x-2' : 'items-end'), children: [_jsxs("div", { className: "flex items-center gap-2", children: [_jsx("div", { className: cx(isMultiPanelView ? '' : 'hidden', 'flex items-center'), ...dragHandleProps, children: _jsx(Icon, { className: "text-xl", icon: "material-symbols:drag-indicator" }) }), isMultiPanelView ? (_jsx("div", { className: "flex gap-2", children: actionButtons[dashboardItem] })) : null] }), _jsx("div", { className: cx('flex flex-row items-center gap-4', isMultiPanelView && dashboardItem === 'flamegraph' && 'pb-[10px]'), children: dashboardItem === 'flamegraph' && flamegraphHint != null ? (_jsx("div", { className: "px-2", children: flamegraphHint })) : null })] }), isMultiPanelView && (_jsx(IconButton, { className: "py-0", onClick: () => handleClosePanel(dashboardItem), icon: _jsx(CloseIcon, {}) }))] }), getDashboardItemByType({
-                type: dashboardItem,
-                isHalfScreen: isMultiPanelView,
-            })] }));
-});
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+export var VisualizationPanel = /*#__PURE__*/React.memo(function VisualizationPanel(t0) {
+  var $ = _c(41);
+  var dashboardItem = t0.dashboardItem,
+    isMultiPanelView = t0.isMultiPanelView,
+    handleClosePanel = t0.handleClosePanel,
+    dragHandleProps = t0.dragHandleProps,
+    getDashboardItemByType = t0.getDashboardItemByType,
+    actionButtons = t0.actionButtons;
+  var _useParcaContext = useParcaContext(),
+    flamegraphHint = _useParcaContext.flamegraphHint;
+  var t1 = isMultiPanelView && dashboardItem === "flamegraph" ? "items-end gap-x-2" : "items-end";
+  var t2;
+  if ($[0] !== t1) {
+    t2 = cx("flex w-full justify-between flex-col-reverse md:flex-row", t1);
+    $[0] = t1;
+    $[1] = t2;
+  } else {
+    t2 = $[1];
+  }
+  var t3 = isMultiPanelView ? "" : "hidden";
+  var t4;
+  if ($[2] !== t3) {
+    t4 = cx(t3, "flex items-center");
+    $[2] = t3;
+    $[3] = t4;
+  } else {
+    t4 = $[3];
+  }
+  var t5;
+  if ($[4] === Symbol["for"]("react.memo_cache_sentinel")) {
+    t5 = /*#__PURE__*/_jsx(Icon, {
+      className: "text-xl",
+      icon: "material-symbols:drag-indicator"
+    });
+    $[4] = t5;
+  } else {
+    t5 = $[4];
+  }
+  var t6;
+  if ($[5] !== dragHandleProps || $[6] !== t4) {
+    t6 = /*#__PURE__*/_jsx("div", _objectSpread(_objectSpread({
+      className: t4
+    }, dragHandleProps), {}, {
+      children: t5
+    }));
+    $[5] = dragHandleProps;
+    $[6] = t4;
+    $[7] = t6;
+  } else {
+    t6 = $[7];
+  }
+  var t7;
+  if ($[8] !== actionButtons || $[9] !== dashboardItem || $[10] !== isMultiPanelView) {
+    t7 = isMultiPanelView ? /*#__PURE__*/_jsx("div", {
+      className: "flex gap-2",
+      children: actionButtons[dashboardItem]
+    }) : null;
+    $[8] = actionButtons;
+    $[9] = dashboardItem;
+    $[10] = isMultiPanelView;
+    $[11] = t7;
+  } else {
+    t7 = $[11];
+  }
+  var t8;
+  if ($[12] !== t6 || $[13] !== t7) {
+    t8 = /*#__PURE__*/_jsxs("div", {
+      className: "flex items-center gap-2",
+      children: [t6, t7]
+    });
+    $[12] = t6;
+    $[13] = t7;
+    $[14] = t8;
+  } else {
+    t8 = $[14];
+  }
+  var t9 = isMultiPanelView && dashboardItem === "flamegraph" && "pb-[10px]";
+  var t10;
+  if ($[15] !== t9) {
+    t10 = cx("flex flex-row items-center gap-4", t9);
+    $[15] = t9;
+    $[16] = t10;
+  } else {
+    t10 = $[16];
+  }
+  var t11;
+  if ($[17] !== dashboardItem || $[18] !== flamegraphHint) {
+    t11 = dashboardItem === "flamegraph" && flamegraphHint != null ? /*#__PURE__*/_jsx("div", {
+      className: "px-2",
+      children: flamegraphHint
+    }) : null;
+    $[17] = dashboardItem;
+    $[18] = flamegraphHint;
+    $[19] = t11;
+  } else {
+    t11 = $[19];
+  }
+  var t12;
+  if ($[20] !== t10 || $[21] !== t11) {
+    t12 = /*#__PURE__*/_jsx("div", {
+      className: t10,
+      children: t11
+    });
+    $[20] = t10;
+    $[21] = t11;
+    $[22] = t12;
+  } else {
+    t12 = $[22];
+  }
+  var t13;
+  if ($[23] !== t12 || $[24] !== t2 || $[25] !== t8) {
+    t13 = /*#__PURE__*/_jsxs("div", {
+      className: t2,
+      children: [t8, t12]
+    });
+    $[23] = t12;
+    $[24] = t2;
+    $[25] = t8;
+    $[26] = t13;
+  } else {
+    t13 = $[26];
+  }
+  var t14;
+  if ($[27] !== dashboardItem || $[28] !== handleClosePanel || $[29] !== isMultiPanelView) {
+    t14 = isMultiPanelView && /*#__PURE__*/_jsx(IconButton, {
+      className: "py-0",
+      onClick: function onClick() {
+        return handleClosePanel(dashboardItem);
+      },
+      icon: /*#__PURE__*/_jsx(CloseIcon, {})
+    });
+    $[27] = dashboardItem;
+    $[28] = handleClosePanel;
+    $[29] = isMultiPanelView;
+    $[30] = t14;
+  } else {
+    t14 = $[30];
+  }
+  var t15;
+  if ($[31] !== t13 || $[32] !== t14) {
+    t15 = /*#__PURE__*/_jsxs("div", {
+      className: "flex w-full items-center justify-end gap-2 pb-2",
+      children: [t13, t14]
+    });
+    $[31] = t13;
+    $[32] = t14;
+    $[33] = t15;
+  } else {
+    t15 = $[33];
+  }
+  var t16;
+  if ($[34] !== dashboardItem || $[35] !== getDashboardItemByType || $[36] !== isMultiPanelView) {
+    t16 = getDashboardItemByType({
+      type: dashboardItem,
+      isHalfScreen: isMultiPanelView
+    });
+    $[34] = dashboardItem;
+    $[35] = getDashboardItemByType;
+    $[36] = isMultiPanelView;
+    $[37] = t16;
+  } else {
+    t16 = $[37];
+  }
+  var t17;
+  if ($[38] !== t15 || $[39] !== t16) {
+    t17 = /*#__PURE__*/_jsxs(_Fragment, {
+      children: [t15, t16]
+    });
+    $[38] = t15;
+    $[39] = t16;
+    $[40] = t17;
+  } else {
+    t17 = $[40];
+  }
+  return t17;
+});

package/dist/ProfileView/context/DashboardContext.js

@@ -1,4 +1,10 @@
-import { jsx as _jsx } from "react/jsx-runtime";
+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; }
+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,34 +17,84 @@ import { jsx as _jsx } 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 { createContext, useContext } from 'react';
 import { useURLState } from '@parca/components';
-const DashboardContext = createContext(undefined);
-export const DashboardProvider = ({ children }) => {
-    const [dashboardItems, setDashboardItems] = useURLState('dashboard_items', {
-        alwaysReturnArray: true,
-    });
-    const [, setSandwichFunctionName] = useURLState('sandwich_function_name');
-    const handleClosePanel = (visualizationType) => {
-        const newDashboardItems = dashboardItems.filter(item => item !== visualizationType);
-        setDashboardItems(newDashboardItems);
-        // Reset sandwich function name when closing sandwich panel
-        if (visualizationType === 'sandwich') {
-            setSandwichFunctionName(undefined);
-        }
+import { jsx as _jsx } from "react/jsx-runtime";
+var DashboardContext = /*#__PURE__*/createContext(undefined);
+export var DashboardProvider = function DashboardProvider(t0) {
+  var $ = _c(13);
+  var children = t0.children;
+  var t1;
+  if ($[0] === Symbol["for"]("react.memo_cache_sentinel")) {
+    t1 = {
+      alwaysReturnArray: true
     };
-    const isMultiPanelView = dashboardItems.length > 1;
-    return (_jsx(DashboardContext.Provider, { value: {
-            dashboardItems,
-            setDashboardItems,
-            handleClosePanel,
-            isMultiPanelView,
-        }, children: children }));
-};
-export const useDashboard = () => {
-    const context = useContext(DashboardContext);
-    if (context === undefined) {
-        throw new Error('useDashboard must be used within a DashboardProvider');
-    }
-    return context;
+    $[0] = t1;
+  } else {
+    t1 = $[0];
+  }
+  var _useURLState = useURLState("dashboard_items", t1),
+    _useURLState2 = _slicedToArray(_useURLState, 2),
+    dashboardItems = _useURLState2[0],
+    setDashboardItems = _useURLState2[1];
+  var _useURLState3 = useURLState("sandwich_function_name"),
+    _useURLState4 = _slicedToArray(_useURLState3, 2),
+    setSandwichFunctionName = _useURLState4[1];
+  var t2;
+  if ($[1] !== dashboardItems || $[2] !== setDashboardItems || $[3] !== setSandwichFunctionName) {
+    t2 = function t2(visualizationType) {
+      var newDashboardItems = dashboardItems.filter(function (item) {
+        return item !== visualizationType;
+      });
+      setDashboardItems(newDashboardItems);
+      if (visualizationType === "sandwich") {
+        setSandwichFunctionName(undefined);
+      }
+    };
+    $[1] = dashboardItems;
+    $[2] = setDashboardItems;
+    $[3] = setSandwichFunctionName;
+    $[4] = t2;
+  } else {
+    t2 = $[4];
+  }
+  var handleClosePanel = t2;
+  var isMultiPanelView = dashboardItems.length > 1;
+  var t3;
+  if ($[5] !== dashboardItems || $[6] !== handleClosePanel || $[7] !== isMultiPanelView || $[8] !== setDashboardItems) {
+    t3 = {
+      dashboardItems: dashboardItems,
+      setDashboardItems: setDashboardItems,
+      handleClosePanel: handleClosePanel,
+      isMultiPanelView: isMultiPanelView
+    };
+    $[5] = dashboardItems;
+    $[6] = handleClosePanel;
+    $[7] = isMultiPanelView;
+    $[8] = setDashboardItems;
+    $[9] = t3;
+  } else {
+    t3 = $[9];
+  }
+  var t4;
+  if ($[10] !== children || $[11] !== t3) {
+    t4 = /*#__PURE__*/_jsx(DashboardContext.Provider, {
+      value: t3,
+      children: children
+    });
+    $[10] = children;
+    $[11] = t3;
+    $[12] = t4;
+  } else {
+    t4 = $[12];
+  }
+  return t4;
 };
+export var useDashboard = function useDashboard() {
+  var context = useContext(DashboardContext);
+  if (context === undefined) {
+    throw new Error("useDashboard must be used within a DashboardProvider");
+  }
+  return context;
+};

package/dist/ProfileView/context/ProfileViewContext.js

@@ -1,4 +1,10 @@
-import { jsx as _jsx } from "react/jsx-runtime";
+function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : i + ""; }
+function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
+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,21 +17,56 @@ import { jsx as _jsx } 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 { createContext, useContext } from 'react';
-export const defaultValue = {
-    profileSource: undefined,
-    compareMode: false,
-    timelineGuide: { show: false },
+import { jsx as _jsx } from "react/jsx-runtime";
+export var defaultValue = {
+  profileSource: undefined,
+  compareMode: false,
+  timelineGuide: {
+    show: false
+  }
 };
-const ProfileViewContext = createContext(defaultValue);
-export const ProfileViewContextProvider = ({ children, value, }) => {
-    return (_jsx(ProfileViewContext.Provider, { value: { ...defaultValue, ...(value ?? {}) }, children: children }));
+var ProfileViewContext = /*#__PURE__*/createContext(defaultValue);
+export var ProfileViewContextProvider = function ProfileViewContextProvider(t0) {
+  var $ = _c(7);
+  var children = t0.children,
+    value = t0.value;
+  var t1;
+  if ($[0] !== value) {
+    t1 = value !== null && value !== void 0 ? value : {};
+    $[0] = value;
+    $[1] = t1;
+  } else {
+    t1 = $[1];
+  }
+  var t2;
+  if ($[2] !== t1) {
+    t2 = _objectSpread(_objectSpread({}, defaultValue), t1);
+    $[2] = t1;
+    $[3] = t2;
+  } else {
+    t2 = $[3];
+  }
+  var t3;
+  if ($[4] !== children || $[5] !== t2) {
+    t3 = /*#__PURE__*/_jsx(ProfileViewContext.Provider, {
+      value: t2,
+      children: children
+    });
+    $[4] = children;
+    $[5] = t2;
+    $[6] = t3;
+  } else {
+    t3 = $[6];
+  }
+  return t3;
 };
-export const useProfileViewContext = () => {
-    const context = useContext(ProfileViewContext);
-    if (context == null) {
-        return defaultValue;
-    }
-    return context;
+export var useProfileViewContext = function useProfileViewContext() {
+  var context = useContext(ProfileViewContext);
+  if (context == null) {
+    return defaultValue;
+  }
+  return context;
 };
-export default ProfileViewContext;
+export default ProfileViewContext;

package/dist/ProfileView/hooks/useAutoSelectDimension.js

@@ -1,3 +1,4 @@
+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.
@@ -10,24 +11,26 @@
 // 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, useRef } from 'react';
 import { wellKnownProfiles } from '../../ProfileTypeSelector';
-const CPU_PREFERRED_DIMENSIONS = ['cpu', 'cpuid', 'thread', 'thread_id'];
-const GPU_DIMENSIONS = ['node', 'gpu', 'stream'];
-const getWellKnownProfileName = (profileType) => {
-    if (profileType == null)
-        return undefined;
-    const key = profileType.toString();
-    return wellKnownProfiles[key]?.name;
+var CPU_PREFERRED_DIMENSIONS = ['cpu', 'cpuid', 'thread', 'thread_id'];
+var GPU_DIMENSIONS = ['node', 'gpu', 'stream'];
+var getWellKnownProfileName = function getWellKnownProfileName(profileType) {
+  var _wellKnownProfiles$ke;
+  if (profileType == null) return undefined;
+  var key = profileType.toString();
+  return (_wellKnownProfiles$ke = wellKnownProfiles[key]) === null || _wellKnownProfiles$ke === void 0 ? void 0 : _wellKnownProfiles$ke.name;
 };
-const isOnGpuProfile = (profileType) => {
-    const wellKnownName = getWellKnownProfileName(profileType);
-    return wellKnownName === 'On-GPU';
+var isOnGpuProfile = function isOnGpuProfile(profileType) {
+  var wellKnownName = getWellKnownProfileName(profileType);
+  return wellKnownName === 'On-GPU';
 };
-const isOnCpuProfile = (profileType) => {
-    const wellKnownName = getWellKnownProfileName(profileType);
-    return wellKnownName === 'On-CPU';
+var isOnCpuProfile = function isOnCpuProfile(profileType) {
+  var wellKnownName = getWellKnownProfileName(profileType);
+  return wellKnownName === 'On-CPU';
 };
+
 /**
  * Auto-selects the best flamechart "group by" dimension on first load.
  *
@@ -41,35 +44,62 @@ const isOnCpuProfile = (profileType) => {
  * For all other profile types:
  *   - No auto-selection
  */
-export const useAutoSelectDimension = (metadataLabels, flamechartDimension, setFlamechartDimension, profileType) => {
-    const hasAutoSelected = useRef(false);
-    useEffect(() => {
-        if (hasAutoSelected.current)
-            return;
-        if (metadataLabels == null || metadataLabels.length === 0)
-            return;
-        if ((flamechartDimension ?? []).length > 0) {
+export var useAutoSelectDimension = function useAutoSelectDimension(metadataLabels, flamechartDimension, setFlamechartDimension, profileType) {
+  var $ = _c(6);
+  var hasAutoSelected = useRef(false);
+  var t0;
+  var t1;
+  if ($[0] !== flamechartDimension || $[1] !== metadataLabels || $[2] !== profileType || $[3] !== setFlamechartDimension) {
+    t0 = function t0() {
+      if (hasAutoSelected.current) {
+        return;
+      }
+      if (metadataLabels == null || metadataLabels.length === 0) {
+        return;
+      }
+      if ((flamechartDimension !== null && flamechartDimension !== void 0 ? flamechartDimension : []).length > 0) {
+        hasAutoSelected.current = true;
+        return;
+      }
+      if (isOnGpuProfile(profileType)) {
+        var availableGpuDims = GPU_DIMENSIONS.filter(function (d) {
+          return metadataLabels.includes(d);
+        });
+        if (availableGpuDims.length > 0) {
+          setFlamechartDimension(availableGpuDims.map(_temp));
+          hasAutoSelected.current = true;
+          return;
+        }
+      }
+      if (isOnCpuProfile(profileType)) {
+        var hasNode = metadataLabels.includes("node");
+        for (var _i = 0, _CPU_PREFERRED_DIMENS = CPU_PREFERRED_DIMENSIONS; _i < _CPU_PREFERRED_DIMENS.length; _i++) {
+          var name = _CPU_PREFERRED_DIMENS[_i];
+          if (metadataLabels.includes(name)) {
+            var dims = hasNode ? ["node", name] : [name];
+            setFlamechartDimension(dims.map(_temp2));
             hasAutoSelected.current = true;
             return;
+          }
         }
-        if (isOnGpuProfile(profileType)) {
-            const availableGpuDims = GPU_DIMENSIONS.filter(d => metadataLabels.includes(d));
-            if (availableGpuDims.length > 0) {
-                setFlamechartDimension(availableGpuDims.map(d => `labels.${d}`));
-                hasAutoSelected.current = true;
-                return;
-            }
-        }
-        if (isOnCpuProfile(profileType)) {
-            const hasNode = metadataLabels.includes('node');
-            for (const name of CPU_PREFERRED_DIMENSIONS) {
-                if (metadataLabels.includes(name)) {
-                    const dims = hasNode ? ['node', name] : [name];
-                    setFlamechartDimension(dims.map(d => `labels.${d}`));
-                    hasAutoSelected.current = true;
-                    return;
-                }
-            }
-        }
-    }, [metadataLabels, flamechartDimension, setFlamechartDimension, profileType]);
+      }
+    };
+    t1 = [metadataLabels, flamechartDimension, setFlamechartDimension, profileType];
+    $[0] = flamechartDimension;
+    $[1] = metadataLabels;
+    $[2] = profileType;
+    $[3] = setFlamechartDimension;
+    $[4] = t0;
+    $[5] = t1;
+  } else {
+    t0 = $[4];
+    t1 = $[5];
+  }
+  useEffect(t0, t1);
 };
+function _temp(d_0) {
+  return "labels.".concat(d_0);
+}
+function _temp2(d_1) {
+  return "labels.".concat(d_1);
+}