sentry/static/app/views/performance/utils/useModuleURL.tsx

import useOrganization from 'sentry/utils/useOrganization';
import {normalizeUrl} from 'sentry/utils/withDomainRequired';
import {BASE_URL as AI_BASE_URL} from 'sentry/views/llmMonitoring/settings';
import {
  BASE_URL as RESOURCES_BASE_URL,
  PERFORMANCE_BASE_URL as PERFORMANCE_RESOURCES_BASE_URL,
} from 'sentry/views/performance/browser/resources/settings';
import {BASE_URL as VITALS_BASE_URL} from 'sentry/views/performance/browser/webVitals/settings';
import {BASE_URL as CACHE_BASE_URL} from 'sentry/views/performance/cache/settings';
import {BASE_URL as DB_BASE_URL} from 'sentry/views/performance/database/settings';
import {BASE_URL as HTTP_BASE_URL} from 'sentry/views/performance/http/settings';
import {BASE_URL as APP_STARTS_BASE_URL} from 'sentry/views/performance/mobile/appStarts/settings';
import {BASE_URL as SCREEN_LOADS_BASE_URL} from 'sentry/views/performance/mobile/screenload/settings';
import {BASE_URL as MOBILE_UI_BASE_URL} from 'sentry/views/performance/mobile/ui/settings';
import {BASE_URL as QUEUE_BASE_URL} from 'sentry/views/performance/queues/settings';
import {useInsightsURLBuilder} from 'sentry/views/performance/utils/useInsightsURL';
import {ModuleName} from 'sentry/views/starfish/types';

export const MODULE_BASE_URLS: Record<ModuleName, string> = {
  [ModuleName.DB]: DB_BASE_URL,
  [ModuleName.HTTP]: HTTP_BASE_URL,
  [ModuleName.CACHE]: CACHE_BASE_URL,
  [ModuleName.QUEUE]: QUEUE_BASE_URL,
  [ModuleName.SCREEN_LOAD]: SCREEN_LOADS_BASE_URL,
  [ModuleName.APP_START]: APP_STARTS_BASE_URL,
  [ModuleName.VITAL]: VITALS_BASE_URL,
  [ModuleName.RESOURCE]: RESOURCES_BASE_URL,
  [ModuleName.AI]: AI_BASE_URL,
  [ModuleName.MOBILE_UI]: MOBILE_UI_BASE_URL,
  [ModuleName.OTHER]: '',
  [ModuleName.ALL]: '',
};

type ModuleNameStrings = `${ModuleName}`;
type RoutableModuleNames = Exclude<ModuleNameStrings, '' | 'other'>;

export const useModuleURL = (
  moduleName: RoutableModuleNames,
  bare: boolean = false
): string => {
  const builder = useModuleURLBuilder(bare);
  return builder(moduleName);
};

type URLBuilder = (moduleName: RoutableModuleNames) => string;

export function useModuleURLBuilder(bare: boolean = false): URLBuilder {
  const organization = useOrganization({allowNull: true}); // Some parts of the app, like the main sidebar, render even if the organization isn't available (during loading, or at all).
  const isInsightsEnabled = organization?.features?.includes('performance-insights');

  const insightsURLBuilder = useInsightsURLBuilder();

  if (!organization) {
    // If there isn't an organization, items that link to modules won't be visible, so this is a fallback just-in-case, and isn't trying too hard to be useful
    return () => '';
  }

  const {slug} = organization;

  return function (moduleName: RoutableModuleNames) {
    const insightsURL = insightsURLBuilder(moduleName);

    if (moduleName === ModuleName.AI) {
      // AI Doesn't live under "/performance", which means `insightsURL` might be an empty string, so we need to account for that
      const moduleURLSegment = [insightsURL, AI_BASE_URL].filter(Boolean).join('/');

      return bare
        ? moduleURLSegment
        : normalizeUrl(`/organizations/${slug}/${moduleURLSegment}`);
    }

    if (!isInsightsEnabled && moduleName === ModuleName.RESOURCE) {
      return bare
        ? `${insightsURL}/${PERFORMANCE_RESOURCES_BASE_URL}`
        : normalizeUrl(
            `/organizations/${slug}/${insightsURL}/${PERFORMANCE_RESOURCES_BASE_URL}`
          );
    }

    return bare
      ? `${insightsURL}/${MODULE_BASE_URLS[moduleName]}`
      : normalizeUrl(
          `/organizations/${slug}/${insightsURL}/${MODULE_BASE_URLS[moduleName]}`
        );
  };
}