@parca/profile 0.16.261 → 0.16.262

package/CHANGELOG.md

@@ -3,6 +3,10 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+## [0.16.262](https://github.com/parca-dev/parca/compare/@parca/profile@0.16.261...@parca/profile@0.16.262) (2023-09-19)
+
+**Note:** Version bump only for package @parca/profile
+
 ## [0.16.261](https://github.com/parca-dev/parca/compare/@parca/profile@0.16.260...@parca/profile@0.16.261) (2023-09-18)
 
 **Note:** Version bump only for package @parca/profile

package/dist/SourceView/Highlighter.js

@@ -17,8 +17,7 @@ import { scaleLinear } from 'd3-scale';
 import SyntaxHighlighter, { createElement } from 'react-syntax-highlighter';
 import { atomOneDark, atomOneLight } from 'react-syntax-highlighter/dist/esm/styles/hljs';
 import { Tooltip } from 'react-tooltip';
-import { useURLState } from '@parca/components';
-import { selectDarkMode, useAppSelector } from '@parca/store';
+import { useParcaContext, useURLState } from '@parca/components';
 import { useProfileViewContext } from '../ProfileView/ProfileViewContext';
 import { LineNo } from './LineNo';
 import { langaugeFromFile } from './lang-detector';
@@ -76,11 +75,11 @@ export const profileAwareRenderer = (cumulative, flat, total, filtered) => {
     };
 };
 export const Highlighter = ({ file, content, renderer }) => {
-    const isDarkMode = useAppSelector(selectDarkMode);
+    const { isDarkMode } = useParcaContext();
     const language = useMemo(() => langaugeFromFile(file), [file]);
     return (_jsxs("div", { className: "relative", children: [_jsxs("div", { className: "flex gap-2 text-xs", children: [_jsx("div", { className: cx('text-right', charsToWidth(content
                             .split(
                         // prettier-ignore
                         '\n')
-                            .length.toString().length)), children: "Line" }), _jsxs("div", { className: "flex gap-3", children: [_jsx("div", { children: "Cumulative" }), _jsx("div", { children: "Flat" }), _jsx("div", { children: "Source" })] })] }), _jsx("div", { className: "text-xs", children: _jsx(SyntaxHighlighter, { language: language, style: isDarkMode ? atomOneDark : atomOneLight, showLineNumbers: true, renderer: renderer, customStyle: { padding: 0, height: '80vh' }, children: content }) })] }));
+                            .length.toString().length)), children: "Line" }), _jsxs("div", { className: "flex gap-3", children: [_jsx("div", { children: "Cumulative" }), _jsx("div", { children: "Flat" }), _jsx("div", { children: "Source" })] })] }), _jsx("div", { className: "text-xs", children: _jsx(SyntaxHighlighter, { language: language, style: isDarkMode ? atomOneDark : atomOneLight, showLineNumbers: true, renderer: renderer, customStyle: { padding: 0, height: '90vh' }, children: content }) })] }));
 };

package/dist/useQuery.js

@@ -23,8 +23,8 @@ export const useQuery = (client, profileSource, reportType, options) => {
             options?.nodeTrimThreshold,
             options?.groupBy,
             options?.sourceBuildID,
-            options?.sourceFilename,
             options?.sourceOnly,
+            options?.sourceOnly === true ? '' : options?.sourceFilename,
         ],
         queryFn: async () => {
             const req = profileSource.QueryRequest();

package/package.json

@@ -1,10 +1,10 @@
 {
   "name": "@parca/profile",
-  "version": "0.16.261",
+  "version": "0.16.262",
   "description": "Profile viewing libraries",
   "dependencies": {
     "@parca/client": "^0.16.87",
-    "@parca/components": "^0.16.197",
+    "@parca/components": "^0.16.198",
     "@parca/dynamicsize": "^0.16.54",
     "@parca/hooks": "^0.0.24",
     "@parca/parser": "^0.16.55",
@@ -49,5 +49,5 @@
     "access": "public",
     "registry": "https://registry.npmjs.org/"
   },
-  "gitHead": "5f92957a5d928d98b4fe7bec67e5b44e10e380b2"
+  "gitHead": "56bb9727a31569c0c5271a053952c5bec4f49b46"
 }

package/src/SourceView/Highlighter.tsx

@@ -20,8 +20,7 @@ import SyntaxHighlighter, {createElement, type createElementProps} from 'react-s
 import {atomOneDark, atomOneLight} from 'react-syntax-highlighter/dist/esm/styles/hljs';
 import {Tooltip} from 'react-tooltip';
 
-import {useURLState} from '@parca/components';
-import {selectDarkMode, useAppSelector} from '@parca/store';
+import {useParcaContext, useURLState} from '@parca/components';
 
 import {useProfileViewContext} from '../ProfileView/ProfileViewContext';
 import {LineNo} from './LineNo';
@@ -170,7 +169,7 @@ export const profileAwareRenderer = (
 };
 
 export const Highlighter = ({file, content, renderer}: HighlighterProps): JSX.Element => {
-  const isDarkMode = useAppSelector(selectDarkMode);
+  const {isDarkMode} = useParcaContext();
   const language = useMemo(() => langaugeFromFile(file), [file]);
 
   return (
@@ -203,7 +202,7 @@ export const Highlighter = ({file, content, renderer}: HighlighterProps): JSX.El
           style={isDarkMode ? atomOneDark : atomOneLight}
           showLineNumbers
           renderer={renderer}
-          customStyle={{padding: 0, height: '80vh'}}
+          customStyle={{padding: 0, height: '90vh'}}
         >
           {content}
         </SyntaxHighlighter>

package/src/useQuery.tsx

@@ -50,8 +50,8 @@ export const useQuery = (
       options?.nodeTrimThreshold,
       options?.groupBy,
       options?.sourceBuildID,
-      options?.sourceFilename,
       options?.sourceOnly,
+      options?.sourceOnly === true ? '' : options?.sourceFilename,
     ],
     queryFn: async () => {
       const req = profileSource.QueryRequest();