@kylincloud/flamegraph 0.35.23 → 0.35.24

package/src/format/format.ts

@@ -5,6 +5,104 @@ export function numberWithCommas(x: number): string {
   return x.toString().replace(/\B(?=(\d{3})+(?!\d))/g, ',');
 }
 
+type NumericWithUnit = {
+  value: number;
+  unit: string;
+  hasLessThan: boolean;
+  sign: string;
+};
+
+export function parseNumericWithUnit(
+  input?: string | number
+): NumericWithUnit | null {
+  if (input == null) return null;
+
+  if (typeof input === 'number') {
+    return { value: input, unit: '', hasLessThan: false, sign: '' };
+  }
+
+  let s = String(input).trim().replace(/\u2212/g, '-');
+  if (!s) return null;
+
+  let hasLessThan = false;
+  if (s.startsWith('<')) {
+    hasLessThan = true;
+    s = s.slice(1).trim();
+  }
+
+  const m = s.match(/^([+\-]?)(\d*\.?\d+)\s*(.*)$/);
+  if (!m) return null;
+
+  const sign = m[1] || '';
+  const numStr = m[2];
+  const unit = (m[3] || '').trim();
+
+  const value = parseFloat(numStr);
+  if (!Number.isFinite(value)) return null;
+
+  return { value, unit, hasLessThan, sign };
+}
+
+export function localizeDurationString(
+  input?: string,
+  isZh = false
+): string | undefined {
+  if (!input || !isZh) return input;
+
+  const parsed = parseNumericWithUnit(input);
+  if (!parsed) return input;
+
+  const { unit } = parsed;
+
+  let unitZh = unit;
+  const u = unit.toLowerCase();
+
+  if (u === 'ms') unitZh = '毫秒';
+  else if (u === 'μs' || u === 'µs' || u === 'us') unitZh = '微秒';
+  else if (u === 'second' || u === 'seconds') unitZh = '秒';
+  else if (u === 'minute' || u === 'minutes' || u === 'min' || u === 'mins')
+    unitZh = '分钟';
+  else if (u === 'hour' || u === 'hours') unitZh = '小时';
+  else if (u === 'day' || u === 'days') unitZh = '天';
+  else if (u === 'month' || u === 'months') unitZh = '月';
+  else if (u === 'year' || u === 'years') unitZh = '年';
+
+  const m = String(input).match(/^([<\s]*)([+\-]?\d*\.?\d+)(.*)$/);
+  if (!m) return input;
+
+  const prefix = m[1] || '';
+  const numberPart = m[2] || '';
+
+  return `${prefix}${numberPart} ${unitZh}`.trim();
+}
+
+export type SampleCountFormat = Array<{ value: number; label: string }>;
+
+const defaultSampleCountFormat: SampleCountFormat = [
+  { value: 1e15, label: 'Quad' },
+  { value: 1e12, label: 'Tri' },
+  { value: 1e9, label: 'B' },
+  { value: 1e6, label: 'M' },
+  { value: 1e3, label: 'K' },
+];
+
+export function formatSampleCount(
+  value: number,
+  format: SampleCountFormat = defaultSampleCountFormat
+): string {
+  const absValue = Math.abs(value);
+  for (const { value: threshold, label } of format) {
+    if (absValue >= threshold) {
+      const scaled = value / threshold;
+      const fixed = scaled.toFixed(2);
+      const trimmed = fixed.replace(/\.?0+$/, '');
+      return `${trimmed} ${label}`;
+    }
+  }
+
+  return numberWithCommas(value);
+}
+
 export function formatPercent(ratio: number) {
   const percent = ratioToPercent(ratio);
   return `${percent}%`;

package/src/i18n.tsx

@@ -77,6 +77,11 @@ export type FlamegraphMessages = {
   // 火焰图聚焦时的 collapsed 提示
   collapsedLevelsSingular: string; // "total (1 level collapsed)"
   collapsedLevelsPlural: string;   // "total (n levels collapsed)"
+
+  // Breadcrumb
+  ofTotal: string;
+  clearFocus: string;
+  sampleCountFormat: Array<{ value: number; label: string }>;
 };
 
 const defaultTooltipUnitTitles: Record<Units, TooltipUnitMessages> = {
@@ -235,6 +240,17 @@ export const defaultMessages: FlamegraphMessages = {
   // 火焰图聚焦时的 collapsed 提示
   collapsedLevelsSingular: 'total (1 level collapsed)',
   collapsedLevelsPlural: 'total ({n} levels collapsed)',
+
+  // Breadcrumb
+  ofTotal: 'of total',
+  clearFocus: 'Clear focus',
+  sampleCountFormat: [
+    { value: 1e15, label: 'Quad' },
+    { value: 1e12, label: 'Tri' },
+    { value: 1e9, label: 'B' },
+    { value: 1e6, label: 'M' },
+    { value: 1e3, label: 'K' },
+  ],
 };
 
 export const zhCNMessages: FlamegraphMessages = {
@@ -298,9 +314,20 @@ export const zhCNMessages: FlamegraphMessages = {
   // 火焰图聚焦时的 collapsed 提示
   collapsedLevelsSingular: '总计（已折叠 1 层）',
   collapsedLevelsPlural: '总计（已折叠 {n} 层）',
+
+  // Breadcrumb
+  ofTotal: '占总量',
+  clearFocus: '清除聚焦',
+  sampleCountFormat: [
+    { value: 1e12, label: '兆' },
+    { value: 1e8, label: '亿' },
+    { value: 1e4, label: '万' },
+    { value: 1e3, label: '千' },
+  ],
 };
 
 const I18nContext = createContext<FlamegraphMessages>(defaultMessages);
+export const FlamegraphI18nContext = I18nContext;
 
 export type FlamegraphI18nProviderProps = {
   messages?: Partial<FlamegraphMessages>;