@parca/profile 0.19.82 → 0.19.83

package/src/contexts/LabelsQueryProvider.tsx

@@ -1,142 +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.
-
-/**
- * LabelsQueryProvider - Data Fetching Layer
- *
- * This context provider is responsible for fetching label data from the Parca API
- * and making it available to child components through React Context.
- *
- * Purpose:
- * - Fetches label names and values from the Parca profiling API
- * - Manages loading states for label data
- * - Provides refetch functions for manual data refresh
- * - Acts as the primary data source in the label provider architecture
- *
- * Architecture Pattern:
- * This is the first layer in a three-layer architecture:
- * 1. LabelsQueryProvider (this file) - Fetches data from API
- * 2. LabelsSource (in ProfileSelector) - Transforms/merges data
- * 3. UnifiedLabelsProvider - Provides unified interface to UI components
- *
- * Consumer Hook: useLabelsQueryProvider()
- */
-
-import {createContext, useContext, useState} from 'react';
-
-import {QueryServiceClient} from '@parca/client';
-import {Query} from '@parca/parser';
-
-import {useLabelNames, useLabelValues} from '../hooks/useLabels';
-import {useExtractedLabelNames} from './utils';
-
-export interface LabelsQueryProviderContextType {
-  isLabelNamesLoading: boolean;
-  isLabelValuesLoading: boolean;
-  currentLabelName: string | null;
-  setCurrentLabelName: (name: string | null) => void;
-  refetchLabelValues: () => Promise<void>;
-  refetchLabelNames: () => Promise<void>;
-
-  labelNames: string[];
-  labelValues: string[];
-
-  queryClient: QueryServiceClient;
-  setMatchersString: (arg: string) => void;
-  runQuery: () => void;
-  currentQuery: Query;
-  profileType: string;
-  start?: number;
-  end?: number;
-
-  suffix?: '_a' | '_b';
-}
-
-const LabelsQueryProviderContext = createContext<LabelsQueryProviderContextType | null>(null);
-
-interface LabelsQueryProviderProps {
-  children: React.ReactNode;
-
-  queryClient: QueryServiceClient;
-  setMatchersString: (arg: string) => void;
-  runQuery: () => void;
-  currentQuery: Query;
-  profileType: string;
-  start?: number;
-  end?: number;
-
-  suffix?: '_a' | '_b';
-}
-
-export function LabelsQueryProvider({
-  children,
-  queryClient,
-  setMatchersString,
-  runQuery,
-  currentQuery,
-  profileType,
-  start,
-  end,
-  suffix,
-}: LabelsQueryProviderProps): JSX.Element {
-  const [currentLabelName, setCurrentLabelName] = useState<string | null>(null);
-
-  const {
-    result: labelNamesResponse,
-    loading: isLabelNamesLoading,
-    refetch: labelNamesRefetch,
-  } = useLabelNames(queryClient, profileType, start, end);
-
-  const labelNames = useExtractedLabelNames(labelNamesResponse.response, labelNamesResponse.error);
-
-  const {
-    result: labelValuesOriginal,
-    loading: isLabelValuesLoading,
-    refetch: labelValuesRefetch,
-  } = useLabelValues(queryClient, currentLabelName ?? '', profileType, start, end);
-
-  const labelValues = labelValuesOriginal.response;
-
-  const value = {
-    labelNames,
-    labelValues,
-    isLabelNamesLoading,
-    isLabelValuesLoading,
-    refetchLabelValues: labelValuesRefetch,
-    refetchLabelNames: labelNamesRefetch,
-    queryClient,
-    setMatchersString,
-    runQuery,
-    currentQuery,
-    profileType,
-    start,
-    end,
-    setCurrentLabelName,
-    currentLabelName,
-    suffix,
-  };
-
-  return (
-    <LabelsQueryProviderContext.Provider value={value}>
-      {children}
-    </LabelsQueryProviderContext.Provider>
-  );
-}
-
-export function useLabelsQueryProvider(): LabelsQueryProviderContextType {
-  const context = useContext(LabelsQueryProviderContext);
-  if (context === null) {
-    throw new Error('useLabelsQueryProvider must be used within a LabelsQueryProvider');
-  }
-  return context;
-}

package/src/contexts/UnifiedLabelsContext.tsx

@@ -1,155 +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.
-
-/**
- * UnifiedLabelsProvider - UI Presentation Layer
- *
- * This context provider transforms raw label data into a format optimized for
- * UI components (QueryControls, SimpleMatchers, etc.).
- *
- * Purpose:
- * - Transforms label arrays into structured formats for dropdowns and selectors
- * - Groups labels by type (e.g., 'cpu', 'gpu') for organized display
- * - Handles label name prefixes and mappings for user-friendly display
- * - Provides a unified interface regardless of data source(s)
- *
- * Architecture Pattern:
- * This is the final layer in a three-layer architecture:
- * 1. LabelsQueryProvider - Fetches data from API
- * 2. LabelsSource (in ProfileSelector) - Transforms/merges data
- * 3. UnifiedLabelsProvider (this file) - Presents data to UI components
- *
- * Consumer Hook: useUnifiedLabels()
- */
-
-import {createContext, useContext} from 'react';
-
-import {transformLabelsForSelect} from '../SimpleMatchers';
-import type {SelectItem} from '../SimpleMatchers/Select';
-import {useLabelNameMappings, type LabelNameMapping} from './utils';
-
-interface LabelNameSection {
-  type: string;
-  values: SelectItem[];
-}
-
-interface UnifiedLabelsContextType {
-  labelNameMappingsForMatchersInput: LabelNameMapping[];
-  labelNameMappingsForSimpleMatchers: LabelNameSection[];
-  labelNames: string[];
-  labelValues: string[];
-
-  isLabelNamesLoading: boolean;
-  isLabelValuesLoading: boolean;
-  currentLabelName: string | null;
-  setCurrentLabelName: (name: string | null) => void;
-  shouldHandlePrefixes: boolean;
-  refetchLabelValues: () => Promise<void>;
-  refetchLabelNames: () => Promise<void>;
-  labelNameFromMatchers: string[];
-
-  suffix?: '_a' | '_b';
-}
-
-const UnifiedLabelsContext = createContext<UnifiedLabelsContextType | null>(null);
-
-interface UnifiedLabelsProviderProps {
-  children: React.ReactNode;
-
-  currentLabelName: string | null;
-  setCurrentLabelName: (name: string | null) => void;
-
-  labelNames: string[];
-  labelValues: string[];
-  isLabelNamesLoading: boolean;
-  isLabelValuesLoading: boolean;
-
-  refetchLabelValues: () => Promise<void>;
-  refetchLabelNames: () => Promise<void>;
-
-  suffix?: '_a' | '_b';
-}
-
-export function UnifiedLabelsProvider({
-  children,
-  labelNames,
-  isLabelNamesLoading,
-  isLabelValuesLoading,
-  refetchLabelValues,
-  refetchLabelNames,
-  currentLabelName,
-  setCurrentLabelName,
-  labelValues,
-  suffix,
-}: UnifiedLabelsProviderProps): JSX.Element {
-  const labelNameFromMatchers: string[] = [];
-
-  const labelNamesFromAPI = labelNames;
-
-  const labelNameMappingsForMatchersInput = useLabelNameMappings(labelNamesFromAPI);
-
-  const allLabelNames = new Set(labelNamesFromAPI);
-
-  const nonMatchingLabels = labelNameFromMatchers.filter(label => !allLabelNames.has(label));
-
-  const labelNameMappingsForSimpleMatchers: LabelNameSection[] = [];
-
-  const labels = {
-    type: 'cpu',
-    labelNames: labelNamesFromAPI,
-    isLoading: isLabelNamesLoading,
-  };
-
-  labelNameMappingsForSimpleMatchers.push({
-    type: labels.type,
-    values: transformLabelsForSelect(labels.labelNames),
-  });
-
-  if (nonMatchingLabels.length > 0) {
-    const uniqueNonMatchingLabels = Array.from(new Set(nonMatchingLabels));
-    labelNameMappingsForSimpleMatchers.push({
-      type: '',
-      values: transformLabelsForSelect(uniqueNonMatchingLabels),
-    });
-  }
-
-  const value = {
-    labelNames: labelNamesFromAPI,
-    labelNameMappingsForMatchersInput,
-    isLabelNamesLoading,
-    isLabelValuesLoading,
-    currentLabelName,
-    labelValues,
-    setCurrentLabelName,
-    shouldHandlePrefixes: false,
-    refetchLabelValues: async () => {
-      await refetchLabelValues();
-    },
-    refetchLabelNames: async () => {
-      await refetchLabelNames();
-    },
-    labelNameFromMatchers,
-    labelNameMappingsForSimpleMatchers,
-    suffix,
-  };
-
-  return <UnifiedLabelsContext.Provider value={value}>{children}</UnifiedLabelsContext.Provider>;
-}
-
-export function useUnifiedLabels(): UnifiedLabelsContextType {
-  const context = useContext(UnifiedLabelsContext);
-  if (context === null) {
-    throw new Error('useUnifiedLabels must be used within a UnifiedLabelsProvider');
-  }
-  return context;
-}

package/src/contexts/utils.ts

@@ -1,43 +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 {useMemo} from 'react';
-
-export interface LabelNameMapping {
-  displayName: string;
-  fullName: string;
-}
-
-export const transformLabelName = (labelName: string): string => {
-  return labelName.replace(/^(attributes\.|attributes_resource\.)/, '');
-};
-
-export const useLabelNameMappings = (labelNames: string[]): LabelNameMapping[] => {
-  return useMemo(() => {
-    return labelNames.map(name => ({
-      displayName: transformLabelName(name),
-      fullName: name,
-    }));
-  }, [labelNames]);
-};
-
-export const useExtractedLabelNames = (
-  response: {labelNames?: string[]} | undefined,
-  error: Error | undefined | null
-): string[] => {
-  return useMemo(() => {
-    return (error === undefined || error == null) && response !== undefined && response != null
-      ? response.labelNames?.filter(e => e !== '__name__') ?? []
-      : [];
-  }, [response, error]);
-};

package/src/hooks/useLabels.ts

@@ -1,121 +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 {LabelsRequest, LabelsResponse, QueryServiceClient, ValuesRequest} from '@parca/client';
-import {useGrpcMetadata} from '@parca/components';
-import {millisToProtoTimestamp, sanitizeLabelValue} from '@parca/utilities';
-
-import useGrpcQuery from '../useGrpcQuery';
-
-export interface ILabelValuesResult {
-  response: string[];
-  error?: Error;
-}
-
-interface UseLabelValues {
-  result: ILabelValuesResult;
-  loading: boolean;
-  refetch: () => Promise<void>;
-}
-
-export interface ILabelNamesResult {
-  response?: LabelsResponse;
-  error?: Error;
-}
-
-interface UseLabelNames {
-  result: ILabelNamesResult;
-  loading: boolean;
-  refetch: () => Promise<void>;
-}
-
-export const useLabelNames = (
-  client: QueryServiceClient,
-  profileType: string,
-  start?: number,
-  end?: number,
-  match?: string[]
-): UseLabelNames => {
-  const metadata = useGrpcMetadata();
-
-  const {data, isLoading, error, refetch} = useGrpcQuery<LabelsResponse>({
-    key: ['labelNames', profileType, match?.join(','), start, end],
-    queryFn: async signal => {
-      const request: LabelsRequest = {match: match !== undefined ? match : []};
-      if (start !== undefined && end !== undefined) {
-        request.start = millisToProtoTimestamp(start);
-        request.end = millisToProtoTimestamp(end);
-      }
-      if (profileType !== undefined) {
-        request.profileType = profileType;
-      }
-      const {response} = await client.labels(request, {meta: metadata, abort: signal});
-      return response;
-    },
-    options: {
-      enabled: profileType !== undefined && profileType !== '',
-      keepPreviousData: false,
-    },
-  });
-
-  console.log('Label names query result:', {data, error, isLoading});
-
-  return {
-    result: {response: data, error: error as Error},
-    loading: isLoading,
-    refetch: async () => {
-      await refetch();
-    },
-  };
-};
-
-export const useLabelValues = (
-  client: QueryServiceClient,
-  labelName: string,
-  profileType: string,
-  start?: number,
-  end?: number
-): UseLabelValues => {
-  const metadata = useGrpcMetadata();
-
-  const {data, isLoading, error, refetch} = useGrpcQuery<string[]>({
-    key: ['labelValues', labelName, profileType, start, end],
-    queryFn: async signal => {
-      const request: ValuesRequest = {labelName, match: [], profileType};
-      if (start !== undefined && end !== undefined) {
-        request.start = millisToProtoTimestamp(start);
-        request.end = millisToProtoTimestamp(end);
-      }
-      const {response} = await client.values(request, {meta: metadata, abort: signal});
-      return sanitizeLabelValue(response.labelValues);
-    },
-    options: {
-      enabled:
-        profileType !== undefined &&
-        profileType !== '' &&
-        labelName !== undefined &&
-        labelName !== '',
-      keepPreviousData: false,
-    },
-  });
-
-  console.log('Label values query result:', {data, error, isLoading, labelName});
-
-  return {
-    result: {response: data ?? [], error: error as Error},
-    loading: isLoading,
-    refetch: async () => {
-      await refetch();
-    },
-  };
-};