@kylincloud/flamegraph 0.35.8 → 0.35.10

package/README.md

@@ -11,15 +11,25 @@
 ## 1. 功能特性
 
 - 🔥 支持 **单视图** 与 **Diff 差分视图**
-- 📊 支持 **表格 / 火焰图 / 表格+火焰图 / Sandwich** 等多种布局（具体取决于业务侧如何组合封装）
+- 📊 支持 **表格 / 火焰图 / 表格 + 火焰图 / Sandwich** 等多种布局（具体取决于业务侧如何组合封装）
 - 🧭 丰富交互：
   - 鼠标悬停 Tooltip（展示占比、采样数、绝对值等）
   - 点击放大 / 回退、滚轮缩放、拖拽平移
-  - 右键菜单（折叠、重置视图等）
+  - 右键菜单（折叠、重置视图、打开 Sandwich 视图等，**Sandwich 入口支持开关控制**）
 - 🔍 函数名搜索 & 高亮
 - 🎨 多种配色 / Diff 渐变色，适配普通与色弱模式
+- 🌐 **内置 i18n 支持**：
+  - `locale="auto"` 时自动根据浏览器语言选择中英文
+  - 也可通过 `locale="en" | "zh-CN"` 强制指定语言
+  - 支持通过 `i18n` 精细覆盖各项文案
 - 🧱 基于 **Flamebearer** 数据结构，兼容 Pyroscope / Grafana Pyroscope 的 profile 数据
 - 🧩 以 React 组件的方式独立封装，可作为「黑盒区域」嵌入任意业务页面
+- 💠 主题适配：
+  - 支持 `dark / light / kylin` 三种颜色模式（通过 `colorMode` / `Box` 的 `theme` 控制）
+  - `kylin` 主题贴近 Ant Design 白底风格
+- 🧮 Diff 模式表格增强：
+  - **Diff 表格支持独立滚动容器 + 表头 sticky 固定**
+  - 默认最大高度可通过 CSS 变量 `--kylin-flamegraph-table-max-height` 配置（例如 1000px / 2000px）
 
 ---
 
@@ -60,7 +70,6 @@ yarn add @kylincloud/flamegraph
   * `DefaultPalette`
   * `convertJaegerTraceToProfile`
   * `diffTwoProfiles`
-
 * i18n 导出：
 
   * `flamegraphDefaultMessages`
@@ -93,7 +102,7 @@ import {
 } from '@kylincloud/flamegraph'
 ```
 
-> ✅ 提示：
+> 提示：
 >
 > * 对于浏览器端渲染：只要导入任意来自 `@kylincloud/flamegraph` 的组件，样式就会自动注入。
 > * 对于 SSR 场景：Node 侧入口为 `dist/index.node.cjs.js` / `dist/index.node.esm.js`，不会在服务端注入样式，CSS 注入会在浏览器端 hydration 时发生。
@@ -130,50 +139,200 @@ export default function App() {
     <div style={{ height: 600 }}>
       <FlamegraphRenderer
         profile={simpleProfile}
-        // 典型配置示例（具体以实现为准）
-        // viewType="both"           // 'flamegraph' | 'table' | 'both' | 'sandwich'
-        // type="single"             // 'single' | 'diff'
-        // showToolbar={true}
-        // showCredit={false}
+        // 可选：颜色模式（inner state 会将它挂到 data-flamegraph-color-mode 上）
+        // colorMode="light" | "dark" | "kylin"
       />
     </div>
   )
 }
 ```
 
-### 3.3 使用 i18n 包装
+在麒麟系前端（AntD 白色背景）中，推荐：
+
+```tsx
+<FlamegraphRenderer
+  profile={simpleProfile}
+  colorMode="kylin"
+/>
+```
+
+并在外层使用：
+
+```tsx
+<Box theme="kylin">
+  <FlamegraphRenderer profile={simpleProfile} colorMode="kylin" />
+</Box>
+```
+
+### 3.3 语言与 i18n 使用方式
+
+`FlamegraphRenderer` 内部已经内置了 i18n 能力，支持两种层级的使用方式。
+
+#### 3.3.1 推荐：直接使用 `locale` / `i18n` props
+
+组件对外暴露的部分类型如下：
+
+```ts
+type FlamegraphLocale = 'auto' | 'en' | 'zh-CN'
+
+type FlamegraphRendererProps = {
+  // ...
+
+  /** 语言设置（不传等价于 'auto'） */
+  locale?: FlamegraphLocale
+
+  /**
+   * 文案覆盖：
+   * - 显式传入 i18n 时，优先使用这一套（不再根据 locale 推断）
+   * - 不传时，根据 locale / 浏览器语言自动选择内置英文 / 中文
+   */
+  i18n?: Partial<FlamegraphMessages>
+
+  /**
+   * 是否开启三明治视图入口（右键菜单中的 “Open in Sandwich View”）
+   * - 默认 true
+   * - 设为 false 时将隐藏右键菜单中的 Sandwich 入口，
+   *   不影响 Toolbar 中的视图切换（仍可切换到 Sandwich 视图）
+   */
+  sandwich?: boolean
+
+  /**
+   * 颜色模式（配合 CSS 变量）
+   * - 'dark' | 'light' | 'kylin'
+   */
+  colorMode?: 'dark' | 'light' | 'kylin'
+}
+```
+
+典型用法：
+
+```tsx
+import React from 'react'
+import {
+  FlamegraphRenderer,
+  flamegraphZhCNMessages,
+} from '@kylincloud/flamegraph'
+
+// 1）默认：自动根据浏览器语言选择中英文
+function AutoLocaleExample({ profile }: { profile: any }) {
+  return (
+    <FlamegraphRenderer
+      profile={profile}
+      // 不传 locale / i18n 时等价于 locale="auto"
+    />
+  )
+}
+
+// 2）强制中文
+function ZhCNExample({ profile }: { profile: any }) {
+  return (
+    <FlamegraphRenderer
+      profile={profile}
+      locale="zh-CN"
+    />
+  )
+}
+
+// 3）强制英文
+function EnExample({ profile }: { profile: any }) {
+  return (
+    <FlamegraphRenderer
+      profile={profile}
+      locale="en"
+    />
+  )
+}
+
+// 4）在中文基础上局部改写某些文案
+function OverrideExample({ profile }: { profile: any }) {
+  return (
+    <FlamegraphRenderer
+      profile={profile}
+      locale="zh-CN"
+      i18n={{
+        viewFlamegraph: '火焰图视图',
+        more: '更多操作',
+      }}
+    />
+  )
+}
+```
+
+规则说明：
+
+* 若 **显式传入 `i18n`**，则以 `i18n` 为准，不再根据 `locale` / 浏览器语言推断。
+* 若未传入 `i18n`：
+
+  * `locale` 未指定时视为 `"auto"`，组件会读取 `navigator.language` 进行选择：
+
+    * `zh*` → 使用内置中文文案 `flamegraphZhCNMessages`
+    * 其他 → 使用内置英文文案 `flamegraphDefaultMessages`
+
+### 3.4 Sandwich 视图入口开关
+
+默认情况下，右键菜单会提供「Open in Sandwich View」入口，用于快速从当前函数跳转到 **Sandwich 视图（Callers / Callees）**。
+
+可以通过 `sandwich` 属性控制该入口是否启用：
+
+```tsx
+// 默认：右键菜单中包含 “Open in Sandwich View”
+<FlamegraphRenderer
+  profile={profile}
+/>
+
+// 关闭：隐藏右键菜单中的 Sandwich 入口（Toolbar 中的视图切换仍可用）
+<FlamegraphRenderer
+  profile={profile}
+  sandwich={false}
+/>
+```
+
+说明：
+
+* `sandwich` 只控制「右键菜单入口」，不会关闭整个 Sandwich 视图能力。
+* 当 `sandwich={false}` 时：
+
+  * 右键菜单不再显示 「Open in Sandwich View」
+  * 如 Toolbar 中仍暴露视图切换控件，用户依然可以手动切换到 `Sandwich` 视图。
+
+### 3.5 高级用法：手动使用 `FlamegraphI18nProvider`
+
+在绝大部分场景，**只使用 `FlamegraphRenderer` 的 `locale` / `i18n` 即可**，它内部已经自动套了一层 `FlamegraphI18nProvider`。
+
+如果希望在更高层共享同一套翻译配置（例如一整个页面内的多处 Flamegraph 统一使用某套覆盖文案），也可以手动使用 Provider：
 
 ```tsx
 import React from 'react'
 import {
   FlamegraphRenderer,
   FlamegraphI18nProvider,
-  flamegraphDefaultMessages,
   flamegraphZhCNMessages,
+  type FlamegraphMessages,
 } from '@kylincloud/flamegraph'
 
+const customMessages: Partial<FlamegraphMessages> = {
+  ...flamegraphZhCNMessages,
+  viewFlamegraph: '火焰图（自定义文案）',
+}
+
 export default function App() {
   return (
-    <FlamegraphI18nProvider
-      messages={{
-        // 可按需合并多语言
-        en: flamegraphDefaultMessages,
-        zhCN: flamegraphZhCNMessages,
-      }}
-      locale="zhCN"
-    >
+    <FlamegraphI18nProvider messages={customMessages}>
       <div style={{ height: 600 }}>
-        <FlamegraphRenderer profile={/* your profile */} />
+        <FlamegraphRenderer
+          profile={/* your profile */}
+          // 此时可以不再传 locale / i18n，由上层 Provider 决定
+        />
       </div>
     </FlamegraphI18nProvider>
   )
 }
 ```
 
-> ✅ 建议：
->
-> * 将容器高度固定（如 400–800px），避免页面滚动条与内部滚动冲突
-> * App 入口处只需导入一次本库（样式会自动注入）；组件可在任何页面复用
+建议：
+
+* 简单场景：直接在 `FlamegraphRenderer` 上使用 `locale` / `i18n`。
+* 多个火焰图共享同一套深度自定义文案时，再考虑使用 `FlamegraphI18nProvider`。
 
 ---
 
@@ -192,11 +351,14 @@ type FlamebearerProfile = {
     maxSelf?: number
     sampleRate?: number
     units?: 'samples' | 'bytes' | 'ns' | string
+    leftTicks?: number
+    rightTicks?: number
+    format?: 'single' | 'double'
   }
   metadata?: {
     appName?: string
     spyName?: string
-    format?: 'single' | 'double' | 'diff' | string
+    format?: 'single' | 'double' | string
     from?: number
     until?: number
     [key: string]: any
@@ -205,11 +367,12 @@ type FlamebearerProfile = {
 ```
 
 * `names`：所有符号（函数名）列表，`levels` 中通过索引引用
-* `levels`：二维数组，每一行对应火焰图中的一层；
+* `levels`：二维数组，每一行对应火焰图中的一层
 
   * **单视图**：每 4 个数字为一组
   * **Diff 视图**：每组数字扩展为左/右 profile 的宽度及差分值（通常 7 个）
 * `units` / `sampleRate`：用于 Tooltip 和表格中做单位换算、展示总时间等
+* `leftTicks` / `rightTicks`：Diff 模式下左、右 profile 的总采样数，用于计算百分比
 
 在麒麟内部项目中，也可以在后端将自定义的树型数据转换为上述格式，再传递给组件。
 
@@ -219,12 +382,13 @@ type FlamebearerProfile = {
 
 如果 profile 为 Diff 格式（用于比较「基线」与「当前」两段 profile），通常会：
 
-* 在 `metadata.format` 中标注 diff 格式（例如 `'diff'`）
+* 在 `flamebearer.format` 中标注 `'double'`
 * 在 `flamebearer.levels` 中扩展出：
 
   * 左 profile（基线）的宽度 / 值
   * 右 profile（比较）的宽度 / 值
   * 差分值（正负表示变慢 / 变快）
+* 在 `flamebearer.leftTicks` / `rightTicks` 中提供两端总采样数，用于计算百分比
 
 前端典型表现：
 
@@ -235,10 +399,12 @@ type FlamebearerProfile = {
 * 表格区域：
 
   * 展示 `Symbol / Baseline / Comparison / Diff` 列
-  * 百分比 + 绝对值组合展示（例如 `12.3% (12 ms)`）
+  * Diff 列以百分比形式展示变化：`(+12.34%)` / `(-7.89%)`
+  * 对于只在右侧出现的函数显示 `NEW` 文案（可通过 `messages.diffNew` 定制）
+  * 对于只在左侧出现的函数显示 `REMOVED` 文案（可通过 `messages.diffRemoved` 定制）
 * Tooltip：
 
-  * 展示 `% of total / value / samples` 等信息
+  * 展示 `% of total / value / samples` 等信息，并同时展现左右两侧的数值对比
 
 具体字段与含义请以实际 `DiffProfile` / `DiffNode` 类型定义及实现为准。
 
@@ -246,19 +412,93 @@ type FlamebearerProfile = {
 
 ## 6. 样式与主题
 
+### 6.1 核心样式
+
 * 核心样式源文件为：`src/sass/flamegraph.scss`
 * 浏览器入口 `src/index.tsx` 中默认会导入该样式文件：
 
   * `import './sass/flamegraph.scss'`
-* Rollup + PostCSS + Sass 会在构建时将其编译为 CSS，并在运行时自动注入 `<style>` 标签，不再额外生成独立的 `dist/index.css` / `dist/index.esm.css` 等文件。
+* Rollup + PostCSS + Sass 会在构建时将其编译为 CSS，并在运行时自动注入 `<style>` 标签，不再额外生成独立的 `dist/index.css` 等文件。
 
 `package.json` 中已将 `*.css` / `*.scss` 标记为 `sideEffects`，确保在使用方构建时不会被错误 Tree-Shaking 掉。
 
-如需与业务系统整体主题统一，可以：
+默认情况下，组件会包裹在一个自定义元素 `<pyro-flamegraph>` 内部，在 `flamegraph.scss` 中会对该元素设置基础字体、颜色等样式，方便在不同业务系统中保持一致的视觉基线。
+
+### 6.2 主题与 CSS 变量
+
+主题相关的 CSS 变量主要定义在：
+
+* `src/sass/_css-variables.scss`
 
-* 在外层容器控制背景色、边框、圆角等
-* 通过 CSS 变量或自定义类名覆盖部分颜色 / 字体
-* 如有必要，可在上层再封装一层组件，对内部 props 进行约束与二次包装
+关键点：
+
+* **暗色主题**：由 `:root` / `[data-theme='dark']` / `[data-flamegraph-color-mode='dark']` 控制
+* **浅色基础主题**：`[data-theme='light']` / `[data-theme='kylin']` / `[data-flamegraph-color-mode='light']` / `[data-flamegraph-color-mode='kylin']`
+* **Kylin 主题微调**：`[data-theme='kylin']` / `[data-flamegraph-color-mode='kylin']` 会在浅色基础上做进一步调整（更接近 Ant Design）
+
+`Box` 组件会在自身 `div` 上挂载：
+
+```html
+<div data-theme="dark" | "light" | "kylin">...</div>
+```
+
+`FlamegraphRenderer` 会在内部元素上挂载：
+
+```html
+<div data-flamegraph-color-mode="dark" | "light" | "kylin">...</div>
+```
+
+你可以通过在外层容器覆盖部分变量来自定义主题，例如：
+
+```css
+/* 调整 Kylin 主题下的表格高亮行与 header 底色 */
+.kylin-pyroscope-flamegraph {
+  --ps-table-highlight-row-bg: #e6f4ff;
+  --ps-table-highlight-row-text: #000000;
+  --ps-table-header-bg: #ffffff;
+  --ps-table-header-text: #000000;
+}
+```
+
+### 6.3 Diff 模式表格滚动与表头固定
+
+在差分火焰图（`flamebearer.format === 'double'`）下，内部会给表格容器增加类似结构：
+
+```html
+<div class="flamegraph-table-wrapper flamegraph-table-wrapper--double">
+  <div class="flamegraph-table-scroll">
+    <table class="flamegraph-table"> ... </table>
+  </div>
+</div>
+```
+
+行为说明：
+
+* `.flamegraph-table-scroll`：
+
+  * 具有最大高度与 `overflow-y: auto`，只在 Diff 模式下生效
+  * 默认最大高度通过 CSS 变量控制：
+
+    * `max-height: var(--kylin-flamegraph-table-max-height, 1000px);`
+* `thead`：
+
+  * 使用 `position: sticky; top: 0;` 固定在滚动容器顶部
+  * 使用 `--ps-table-header-bg` / `--ps-table-header-text` 控制表头底色和文字颜色，确保不透明，避免滚动时内容透出
+
+在业务侧可以通过覆盖 CSS 变量调整体验，例如：
+
+```css
+/* 将 Diff 表格最大高度调整为 2000px */
+.kylin-pyroscope-flamegraph {
+  --kylin-flamegraph-table-max-height: 2000px;
+}
+
+/* 自定义浅色主题下的 header 底色 */
+.kylin-pyroscope-flamegraph {
+  --ps-table-header-bg: #fafafa;
+  --ps-table-header-text: #000000;
+}
+```
 
 ---
 
@@ -336,25 +576,27 @@ type FlamebearerProfile = {
   pnpm run lint
   ```
 
-> ✅ 说明：
->
-> * 旧版本使用的 esbuild 构建脚本已移除，当前仓库仅保留 rollup 方案，避免多套构建链路带来的维护成本。
-> * 若需要在 CI 中校验，可至少执行：
->
->   * `pnpm run type-check`
->   * `pnpm run build`
+说明：
+
+* 旧版本使用的 esbuild 构建脚本已移除，当前仓库仅保留 Rollup 方案，避免多套构建链路带来的维护成本。
+* 若需要在 CI 中校验，可至少执行：
+
+  * `pnpm run type-check`
+  * `pnpm run build`
 
 ---
 
 ## 8. 与上游项目的关系
 
-* 本项目在工程结构与数据格式上与 Pyroscope 的 flamegraph 组件保持高度兼容
+* 本项目在工程结构与数据格式上与 Pyroscope 的 flamegraph 组件保持高度兼容。
 * 主要差异点集中在：
 
-  * 包名与发布渠道：使用 `@kylincloud/flamegraph`
-  * 构建链路调整为 Rollup + PostCSS + Sass，自动注入样式，兼容 ESM / CJS / Node 侧入口
-  * 在类型声明与 i18n 导出上进行了补充，便于在 TypeScript 环境中使用
-  * 后续可能增加针对麒麟项目的定制功能（如与内部监控体系联动）
+  * 包名与发布渠道：使用 `@kylincloud/flamegraph`。
+  * 构建链路调整为 Rollup + PostCSS + Sass，自动注入样式，兼容 ESM / CJS / Node 侧入口。
+  * 在类型声明、主题适配与 i18n 导出上进行了补充，便于在 TypeScript 环境与多语言环境中使用。
+  * 增加了 Sandwich 视图入口开关 `sandwich`，满足不同产品界面对交互复杂度的差异化需求。
+  * 针对麒麟内部项目新增 `kylin` 主题，适配 Ant Design 风格界面，并在 Diff 表格中增加了独立滚动 / sticky 表头等易用性增强。
+  * 后续可能增加更多与内部监控体系 / 智算平台联动的定制功能。
 
 如需回溯或对比实现细节，可以参考源码中的注释与 commit 记录。
 
@@ -371,9 +613,9 @@ type FlamebearerProfile = {
 
 建议遵循：
 
-1. 所有 PR 保持 `pnpm run type-check` 与 `pnpm run lint` 通过
-2. 尽量避免破坏现有公开 API；如有必要，务必在 `CHANGELOG.md` 与本 README 中标注
-3. 对关键交互（如 Diff 视图、搜索、高亮）补充最小可复现示例或 demo 代码
+1. 所有 PR 保持 `pnpm run type-check` 与 `pnpm run lint` 通过。
+2. 尽量避免破坏现有公开 API；如有必要，务必在 `CHANGELOG.md` 与本 README 中标注。
+3. 对关键交互（如 Diff 视图、搜索、高亮、Sandwich 视图、Diff 表格滚动）补充最小可复现示例或 demo 代码。
 
 ---
 
@@ -381,5 +623,5 @@ type FlamebearerProfile = {
 
 本项目使用 **Apache-2.0** 许可证发布。
 
-如在外部开源，请确保保留上游版权与许可证声明，并补充 @kylincloud 的版权信息。
+如在外部开源，请确保保留上游版权与许可证声明，并补充 `@kylincloud` 的版权信息。
 

package/dist/FlameGraph/FlameGraphComponent/DiffLegendPaletteDropdown.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"DiffLegendPaletteDropdown.d.ts","sourceRoot":"","sources":["../../../src/FlameGraph/FlameGraphComponent/DiffLegendPaletteDropdown.tsx"],"names":[],"mappings":"AAIA,OAAO,EAGL,iBAAiB,EAClB,MAAM,gBAAgB,CAAC;AAcxB,UAAU,8BAA8B;IACtC,OAAO,EAAE,iBAAiB,CAAC;IAC3B,QAAQ,EAAE,CAAC,CAAC,EAAE,iBAAiB,KAAK,IAAI,CAAC;CAC1C;AAED,eAAO,MAAM,yBAAyB,UAC7B,8BAA8B,4CA+DtC,CAAC;AAqCF,eAAe,yBAAyB,CAAC"}
+{"version":3,"file":"DiffLegendPaletteDropdown.d.ts","sourceRoot":"","sources":["../../../src/FlameGraph/FlameGraphComponent/DiffLegendPaletteDropdown.tsx"],"names":[],"mappings":"AAIA,OAAO,EAGL,iBAAiB,EAClB,MAAM,gBAAgB,CAAC;AAexB,UAAU,8BAA8B;IAEtC,OAAO,EAAE,iBAAiB,CAAC;IAE3B,QAAQ,EAAE,CAAC,CAAC,EAAE,iBAAiB,KAAK,IAAI,CAAC;CAC1C;AAED,eAAO,MAAM,yBAAyB,UAC7B,8BAA8B,4CAkEtC,CAAC;AAEF,eAAe,yBAAyB,CAAC"}

package/dist/FlameGraph/FlameGraphComponent/Header.d.ts

@@ -1,10 +1,7 @@
 import { Flamebearer } from '../../models';
-import { FlamegraphPalette } from './colorPalette';
 interface HeaderProps {
     format: Flamebearer['format'];
     units: Flamebearer['units'];
-    palette: FlamegraphPalette;
-    setPalette: (p: FlamegraphPalette) => void;
     toolbarVisible?: boolean;
 }
 export default function Header(props: HeaderProps): import("react/jsx-runtime").JSX.Element;

package/dist/FlameGraph/FlameGraphComponent/Header.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Header.d.ts","sourceRoot":"","sources":["../../../src/FlameGraph/FlameGraphComponent/Header.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,WAAW,EAAE,MAAM,cAAc,CAAC;AAE3C,OAAO,EAAE,iBAAiB,EAAE,MAAM,gBAAgB,CAAC;AAGnD,UAAU,WAAW;IACnB,MAAM,EAAE,WAAW,CAAC,QAAQ,CAAC,CAAC;IAC9B,KAAK,EAAE,WAAW,CAAC,OAAO,CAAC,CAAC;IAE5B,OAAO,EAAE,iBAAiB,CAAC;IAC3B,UAAU,EAAE,CAAC,CAAC,EAAE,iBAAiB,KAAK,IAAI,CAAC;IAC3C,cAAc,CAAC,EAAE,OAAO,CAAC;CAC1B;AACD,MAAM,CAAC,OAAO,UAAU,MAAM,CAAC,KAAK,EAAE,WAAW,2CAwDhD"}
+{"version":3,"file":"Header.d.ts","sourceRoot":"","sources":["../../../src/FlameGraph/FlameGraphComponent/Header.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,WAAW,EAAE,MAAM,cAAc,CAAC;AAG3C,UAAU,WAAW;IACnB,MAAM,EAAE,WAAW,CAAC,QAAQ,CAAC,CAAC;IAC9B,KAAK,EAAE,WAAW,CAAC,OAAO,CAAC,CAAC;IAC5B,cAAc,CAAC,EAAE,OAAO,CAAC;CAC1B;AAED,MAAM,CAAC,OAAO,UAAU,MAAM,CAAC,KAAK,EAAE,WAAW,2CA8ChD"}

package/dist/FlameGraph/FlameGraphComponent/index.d.ts

@@ -31,6 +31,8 @@ interface FlamegraphProps {
     headerVisible?: boolean;
     disableClick?: boolean;
     showSingleLevel?: boolean;
+    /** 是否显示右键菜单中的「打开 Sandwich 视图」项，默认 true */
+    enableSandwichView?: boolean;
 }
 export default function FlameGraphComponent(props: FlamegraphProps): import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/FlameGraph/FlameGraphComponent/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/FlameGraph/FlameGraphComponent/index.tsx"],"names":[],"mappings":"AAWA,OAAO,EAAE,KAAK,EAAE,MAAM,WAAW,CAAC;AAElC,OAAO,EAAE,WAAW,EAAE,MAAM,cAAc,CAAC;AAE3C,OAAO,UAAU,MAAM,cAAc,CAAC;AAStC,OAAO,EAAE,iBAAiB,EAAE,MAAM,gBAAgB,CAAC;AACnD,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AAC7C,OAAO,EAAE,QAAQ,EAAsB,MAAM,uBAAuB,CAAC;AAIrE,UAAU,eAAe;IACvB,WAAW,EAAE,WAAW,CAAC;IACzB,WAAW,EAAE,qBAAqB,CAAC,OAAO,UAAU,CAAC,CAAC,CAAC,CAAC,CAAC;IACzD,OAAO,EAAE,qBAAqB,CAAC,OAAO,UAAU,CAAC,CAAC,CAAC,CAAC,CAAC;IACrD,aAAa,EAAE,CAAC,CAAC,EAAE,QAAQ,KAAK,IAAI,CAAC;IACrC,cAAc,EAAE,qBAAqB,CAAC,OAAO,UAAU,CAAC,CAAC,CAAC,CAAC,CAAC;IAC5D,IAAI,EAAE,qBAAqB,CAAC,OAAO,UAAU,CAAC,CAAC,CAAC,CAAC,CAAC;IAClD,UAAU,EAAE,OAAO,CAAC;IACpB,YAAY,EAAE,KAAK,CAAC,MAAM,CAAC,CAAC;IAE5B,MAAM,EAAE,CAAC,GAAG,EAAE,KAAK,CAAC;QAAE,CAAC,EAAE,MAAM,CAAC;QAAC,CAAC,EAAE,MAAM,CAAA;KAAE,CAAC,KAAK,IAAI,CAAC;IACvD,aAAa,EAAE,CAAC,CAAC,EAAE,MAAM,EAAE,CAAC,EAAE,MAAM,KAAK,IAAI,CAAC;IAC9C,aAAa,EAAE,CAAC,IAAI,EAAE;QAAE,IAAI,EAAE,MAAM,CAAA;KAAE,KAAK,IAAI,CAAC;IAChD,UAAU,CAAC,EAAE,CAAC,CAAC,EAAE,SAAS,KAAK,IAAI,CAAC;IAEpC,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,OAAO,EAAE,MAAM,OAAO,CAAC;IAEvB,CAAC,aAAa,CAAC,CAAC,EAAE,MAAM,CAAC;IACzB,OAAO,EAAE,iBAAiB,CAAC;IAC3B,UAAU,EAAE,CAAC,CAAC,EAAE,iBAAiB,KAAK,IAAI,CAAC;IAC3C,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,eAAe,CAAC,EAAE,OAAO,CAAC;CAC3B;AAED,MAAM,CAAC,OAAO,UAAU,mBAAmB,CAAC,KAAK,EAAE,eAAe,2CAiWjE"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/FlameGraph/FlameGraphComponent/index.tsx"],"names":[],"mappings":"AAWA,OAAO,EAAE,KAAK,EAAE,MAAM,WAAW,CAAC;AAElC,OAAO,EAAE,WAAW,EAAE,MAAM,cAAc,CAAC;AAE3C,OAAO,UAAU,MAAM,cAAc,CAAC;AAStC,OAAO,EAAE,iBAAiB,EAAE,MAAM,gBAAgB,CAAC;AACnD,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AAC7C,OAAO,EAAE,QAAQ,EAAsB,MAAM,uBAAuB,CAAC;AAIrE,UAAU,eAAe;IACvB,WAAW,EAAE,WAAW,CAAC;IACzB,WAAW,EAAE,qBAAqB,CAAC,OAAO,UAAU,CAAC,CAAC,CAAC,CAAC,CAAC;IACzD,OAAO,EAAE,qBAAqB,CAAC,OAAO,UAAU,CAAC,CAAC,CAAC,CAAC,CAAC;IACrD,aAAa,EAAE,CAAC,CAAC,EAAE,QAAQ,KAAK,IAAI,CAAC;IACrC,cAAc,EAAE,qBAAqB,CAAC,OAAO,UAAU,CAAC,CAAC,CAAC,CAAC,CAAC;IAC5D,IAAI,EAAE,qBAAqB,CAAC,OAAO,UAAU,CAAC,CAAC,CAAC,CAAC,CAAC;IAClD,UAAU,EAAE,OAAO,CAAC;IACpB,YAAY,EAAE,KAAK,CAAC,MAAM,CAAC,CAAC;IAE5B,MAAM,EAAE,CAAC,GAAG,EAAE,KAAK,CAAC;QAAE,CAAC,EAAE,MAAM,CAAC;QAAC,CAAC,EAAE,MAAM,CAAA;KAAE,CAAC,KAAK,IAAI,CAAC;IACvD,aAAa,EAAE,CAAC,CAAC,EAAE,MAAM,EAAE,CAAC,EAAE,MAAM,KAAK,IAAI,CAAC;IAC9C,aAAa,EAAE,CAAC,IAAI,EAAE;QAAE,IAAI,EAAE,MAAM,CAAA;KAAE,KAAK,IAAI,CAAC;IAChD,UAAU,CAAC,EAAE,CAAC,CAAC,EAAE,SAAS,KAAK,IAAI,CAAC;IAEpC,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,OAAO,EAAE,MAAM,OAAO,CAAC;IAEvB,CAAC,aAAa,CAAC,CAAC,EAAE,MAAM,CAAC;IACzB,OAAO,EAAE,iBAAiB,CAAC;IAC3B,UAAU,EAAE,CAAC,CAAC,EAAE,iBAAiB,KAAK,IAAI,CAAC;IAC3C,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,eAAe,CAAC,EAAE,OAAO,CAAC;IAE1B,0CAA0C;IAC1C,kBAAkB,CAAC,EAAE,OAAO,CAAC;CAC9B;AAED,MAAM,CAAC,OAAO,UAAU,mBAAmB,CAAC,KAAK,EAAE,eAAe,2CAkWjE"}

package/dist/FlameGraph/FlameGraphRenderer.d.ts

@@ -29,6 +29,7 @@ export interface FlamegraphRendererProps {
         id: string;
     };
     children?: ReactNode;
+    enableSandwichView?: boolean;
 }
 interface FlamegraphRendererState {
     /** A dirty flamegraph refers to a flamegraph where its original state can be reset */
@@ -80,6 +81,7 @@ declare class FlameGraphRenderer extends Component<FlamegraphRendererProps, Flam
     updateFitMode: (newFitMode: FitModes) => void;
     isDirty: () => boolean;
     shouldShowToolbar(): boolean;
+    handleSetPalette: (p: typeof DefaultPalette) => void;
     render: () => import("react/jsx-runtime").JSX.Element;
 }
 export default FlameGraphRenderer;

package/dist/FlameGraph/FlameGraphRenderer.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"FlameGraphRenderer.d.ts","sourceRoot":"","sources":["../../src/FlameGraph/FlameGraphRenderer.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"FlameGraphRenderer.d.ts","sourceRoot":"","sources":["../../src/FlameGraph/FlameGraphRenderer.tsx"],"names":[],"mappings":"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"}

package/dist/FlamegraphRenderer.d.ts

@@ -1,19 +1,37 @@
 import React from 'react';
-import { FlamegraphRendererProps as InnerFlamegraphRendererProps } from './FlameGraph/FlameGraphRenderer';
+import type { FlamegraphRendererProps as InnerFlamegraphRendererProps } from './FlameGraph/FlameGraphRenderer';
 import './sass/flamegraph.scss';
-import { type FlamegraphMessages } from './i18n';
+import type { FlamegraphMessages } from './i18n';
+/** 对外暴露的 locale 类型 */
+export type FlamegraphLocale = 'auto' | 'en' | 'zh-CN';
 export type FlamegraphRendererProps = Omit<InnerFlamegraphRendererProps, 'showPyroscopeLogo'> & {
     /** 颜色模式：原生 light/dark + 新增 kylin */
     colorMode?: 'light' | 'dark' | 'kylin';
-    /** 文案覆盖（不传就是内置默认英文/中文） */
+    /**
+     * 文案覆盖：
+     * - 如果显式传入 i18n，则优先使用这一套（不再根据 locale 推断）
+     * - 如果不传，则根据 locale（或浏览器语言）自动选择内置英文 / 中文
+     */
     i18n?: Partial<FlamegraphMessages>;
+    /**
+     * 语言设置：
+     * - 不传时等价于 "auto"
+     * - "auto" 表示根据浏览器语言（navigator.language）自动选择
+     * - "en" / "zh-CN" 为强制指定
+     */
+    locale?: FlamegraphLocale;
+    /** 是否开启三明治视图菜单 */
+    sandwich?: boolean;
 };
 declare global {
     namespace JSX {
         interface IntrinsicElements {
-            'pyro-flamegraph': React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement>;
+            'pyro-flamegraph': React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement> & {
+                profile?: any;
+            };
         }
     }
 }
-export declare const FlamegraphRenderer: React.FC<FlamegraphRendererProps>;
+declare const FlamegraphRenderer: React.FC<FlamegraphRendererProps>;
+export { FlamegraphRenderer };
 //# sourceMappingURL=FlamegraphRenderer.d.ts.map

package/dist/FlamegraphRenderer.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"FlamegraphRenderer.d.ts","sourceRoot":"","sources":["../src/FlamegraphRenderer.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAA2B,EACzB,uBAAuB,IAAI,4BAA4B,EACxD,MAAM,iCAAiC,CAAC;AACzC,OAAO,wBAAwB,CAAC;AAChC,OAAO,EAEL,KAAK,kBAAkB,EACxB,MAAM,QAAQ,CAAC;AAOhB,MAAM,MAAM,uBAAuB,GAAG,IAAI,CACxC,4BAA4B,EAC5B,mBAAmB,CACpB,GAAG;IACF,oCAAoC;IACpC,SAAS,CAAC,EAAE,OAAO,GAAG,MAAM,GAAG,OAAO,CAAC;IACvC,0BAA0B;IAC1B,IAAI,CAAC,EAAE,OAAO,CAAC,kBAAkB,CAAC,CAAC;CACpC,CAAC;AAGF,OAAO,CAAC,MAAM,CAAC;IAEb,UAAU,GAAG,CAAC;QACZ,UAAU,iBAAiB;YACzB,iBAAiB,EAAE,KAAK,CAAC,iBAAiB,CACxC,KAAK,CAAC,cAAc,CAAC,WAAW,CAAC,EACjC,WAAW,CACZ,CAAC;SACH;KACF;CACF;AAED,eAAO,MAAM,kBAAkB,EAAE,KAAK,CAAC,EAAE,CAAC,uBAAuB,CAqBhE,CAAC"}
+{"version":3,"file":"FlamegraphRenderer.d.ts","sourceRoot":"","sources":["../src/FlamegraphRenderer.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,KAAK,EACV,uBAAuB,IAAI,4BAA4B,EACxD,MAAM,iCAAiC,CAAC;AAEzC,OAAO,wBAAwB,CAAC;AAOhC,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,QAAQ,CAAC;AAOjD,sBAAsB;AACtB,MAAM,MAAM,gBAAgB,GAAG,MAAM,GAAG,IAAI,GAAG,OAAO,CAAC;AAEvD,MAAM,MAAM,uBAAuB,GAAG,IAAI,CACxC,4BAA4B,EAC5B,mBAAmB,CACpB,GAAG;IACF,oCAAoC;IACpC,SAAS,CAAC,EAAE,OAAO,GAAG,MAAM,GAAG,OAAO,CAAC;IAEvC;;;;OAIG;IACH,IAAI,CAAC,EAAE,OAAO,CAAC,kBAAkB,CAAC,CAAC;IAEnC;;;;;OAKG;IACH,MAAM,CAAC,EAAE,gBAAgB,CAAC;IAC1B,kBAAkB;IACjB,QAAQ,CAAC,EAAE,OAAO,CAAC;CACrB,CAAC;AAGF,OAAO,CAAC,MAAM,CAAC;IAEb,UAAU,GAAG,CAAC;QACZ,UAAU,iBAAiB;YACzB,iBAAiB,EAAE,KAAK,CAAC,iBAAiB,CACxC,KAAK,CAAC,cAAc,CAAC,WAAW,CAAC,EACjC,WAAW,CACZ,GAAG;gBACF,OAAO,CAAC,EAAE,GAAG,CAAC;aACf,CAAC;SACH;KACF;CACF;AA2DD,QAAA,MAAM,kBAAkB,EAAE,KAAK,CAAC,EAAE,CAAC,uBAAuB,CAoBzD,CAAC;AAEF,OAAO,EAAE,kBAAkB,EAAE,CAAC"}

package/dist/ProfilerTable.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ProfilerTable.d.ts","sourceRoot":"","sources":["../src/ProfilerTable.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,EAAU,SAAS,EAAiB,MAAM,OAAO,CAAC;AAChE,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,WAAW,CAAC;AACvC,OAAO,EAAsB,WAAW,EAAE,MAAM,UAAU,CAAC;AAe3D,OAAO,EAAoB,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AAE/D,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,+CAA+C,CAAC;AA2IvF,wBAAgB,wBAAwB,CACtC,OAAO,EAAE,iBAAiB,EAC1B,CAAC,EAAE,MAAM,EACT,CAAC,EAAE,MAAM,EACT,KAAK,EAAE,MAAM,EACb,KAAK,EAAE,YAAY,CAAC,OAAO,KAAK,CAAC,EACjC,IAAI,CAAC,EAAE,GAAG,GAAG,GAAG,GACf,KAAK,CAAC,aAAa,CA4BrB;AAqMD,MAAM,WAAW,kBAAkB;IACjC,WAAW,EAAE,WAAW,CAAC;IACzB,OAAO,EAAE,QAAQ,CAAC;IAClB,oBAAoB,EAAE,CAAC,SAAS,EAAE;QAAE,IAAI,EAAE,MAAM,CAAA;KAAE,KAAK,IAAI,CAAC;IAC5D,cAAc,EAAE,MAAM,CAAC;IACvB,OAAO,EAAE,iBAAiB,CAAC;IAC3B,YAAY,EAAE,KAAK,CAAC,MAAM,CAAC,CAAC;IAE5B,YAAY,EAAE,SAAS,CAAC,uBAAuB,CAAC,CAAC;CAClD;AA2FD,QAAA,MAAM,aAAa,sEA+BjB,CAAC;AAEH,eAAe,aAAa,CAAC"}
+{"version":3,"file":"ProfilerTable.d.ts","sourceRoot":"","sources":["../src/ProfilerTable.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,EAAU,SAAS,EAAiB,MAAM,OAAO,CAAC;AAChE,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,WAAW,CAAC;AACvC,OAAO,EAAsB,WAAW,EAAE,MAAM,UAAU,CAAC;AAe3D,OAAO,EAAoB,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AAE/D,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,+CAA+C,CAAC;AA2IvF,wBAAgB,wBAAwB,CACtC,OAAO,EAAE,iBAAiB,EAC1B,CAAC,EAAE,MAAM,EACT,CAAC,EAAE,MAAM,EACT,KAAK,EAAE,MAAM,EACb,KAAK,EAAE,YAAY,CAAC,OAAO,KAAK,CAAC,EACjC,IAAI,CAAC,EAAE,GAAG,GAAG,GAAG,GACf,KAAK,CAAC,aAAa,CA4BrB;AAqMD,MAAM,WAAW,kBAAkB;IACjC,WAAW,EAAE,WAAW,CAAC;IACzB,OAAO,EAAE,QAAQ,CAAC;IAClB,oBAAoB,EAAE,CAAC,SAAS,EAAE;QAAE,IAAI,EAAE,MAAM,CAAA;KAAE,KAAK,IAAI,CAAC;IAC5D,cAAc,EAAE,MAAM,CAAC;IACvB,OAAO,EAAE,iBAAiB,CAAC;IAC3B,YAAY,EAAE,KAAK,CAAC,MAAM,CAAC,CAAC;IAE5B,YAAY,EAAE,SAAS,CAAC,uBAAuB,CAAC,CAAC;CAClD;AA2FD,QAAA,MAAM,aAAa,sEA4CjB,CAAC;AAEH,eAAe,aAAa,CAAC"}

package/dist/Toolbar.d.ts

@@ -3,6 +3,7 @@ import { Maybe } from 'true-myth';
 import { FitModes } from './fitMode/fitMode';
 import type { ViewTypes } from './FlameGraph/FlameGraphComponent/viewTypes';
 import type { FlamegraphRendererProps } from './FlameGraph/FlameGraphRenderer';
+import { FlamegraphPalette } from './FlameGraph/FlameGraphComponent/colorPalette';
 export interface ProfileHeaderProps {
     view: ViewTypes;
     enableChangingDisplay?: boolean;
@@ -25,7 +26,9 @@ export interface ProfileHeaderProps {
     }>;
     onFocusOnSubtree: (i: number, j: number) => void;
     sharedQuery?: FlamegraphRendererProps['sharedQuery'];
+    palette?: FlamegraphPalette;
+    setPalette?: (p: FlamegraphPalette) => void;
 }
-declare const Toolbar: React.MemoExoticComponent<({ view, handleSearchChange, highlightQuery, isFlamegraphDirty, reset, updateFitMode, fitMode, updateView, selectedNode, onFocusOnSubtree, flamegraphType, enableChangingDisplay, sharedQuery, ExportData, }: ProfileHeaderProps) => import("react/jsx-runtime").JSX.Element>;
+declare const Toolbar: React.MemoExoticComponent<({ view, handleSearchChange, highlightQuery, isFlamegraphDirty, reset, updateFitMode, fitMode, updateView, selectedNode, onFocusOnSubtree, flamegraphType, enableChangingDisplay, sharedQuery, ExportData, palette, setPalette, }: ProfileHeaderProps) => import("react/jsx-runtime").JSX.Element>;
 export default Toolbar;
 //# sourceMappingURL=Toolbar.d.ts.map

package/dist/Toolbar.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Toolbar.d.ts","sourceRoot":"","sources":["../src/Toolbar.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,EACZ,SAAS,EAOV,MAAM,OAAO,CAAC;AAMf,OAAO,EAAE,KAAK,EAAE,MAAM,WAAW,CAAC;AAQlC,OAAO,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AAE7C,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,4CAA4C,CAAC;AAC5E,OAAO,KAAK,EAAE,uBAAuB,EAAE,MAAM,iCAAiC,CAAC;AAyF/E,MAAM,WAAW,kBAAkB;IACjC,IAAI,EAAE,SAAS,CAAC;IAChB,qBAAqB,CAAC,EAAE,OAAO,CAAC;IAChC,cAAc,EAAE,QAAQ,GAAG,QAAQ,CAAC;IACpC,kBAAkB,EAAE,CAAC,CAAC,EAAE,MAAM,KAAK,IAAI,CAAC;IACxC,cAAc,EAAE,MAAM,CAAC;IACvB,UAAU,CAAC,EAAE,SAAS,CAAC;IAEvB,kEAAkE;IAClE,iBAAiB,EAAE,OAAO,CAAC;IAC3B,KAAK,EAAE,MAAM,IAAI,CAAC;IAElB,aAAa,EAAE,CAAC,CAAC,EAAE,QAAQ,KAAK,IAAI,CAAC;IACrC,OAAO,EAAE,QAAQ,CAAC;IAClB,UAAU,EAAE,CAAC,CAAC,EAAE,SAAS,KAAK,IAAI,CAAC;IAEnC;;OAEG;IACH,YAAY,EAAE,KAAK,CAAC;QAAE,CAAC,EAAE,MAAM,CAAC;QAAC,CAAC,EAAE,MAAM,CAAA;KAAE,CAAC,CAAC;IAC9C,gBAAgB,EAAE,CAAC,CAAC,EAAE,MAAM,EAAE,CAAC,EAAE,MAAM,KAAK,IAAI,CAAC;IACjD,WAAW,CAAC,EAAE,uBAAuB,CAAC,aAAa,CAAC,CAAC;CACtD;AASD,QAAA,MAAM,OAAO,0OAgBR,kBAAkB,6CAwItB,CAAC;AA4KF,eAAe,OAAO,CAAC"}
+{"version":3,"file":"Toolbar.d.ts","sourceRoot":"","sources":["../src/Toolbar.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,EACZ,SAAS,EAOV,MAAM,OAAO,CAAC;AAMf,OAAO,EAAE,KAAK,EAAE,MAAM,WAAW,CAAC;AAQlC,OAAO,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AAE7C,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,4CAA4C,CAAC;AAC5E,OAAO,KAAK,EAAE,uBAAuB,EAAE,MAAM,iCAAiC,CAAC;AAC/E,OAAO,EAAE,iBAAiB,EAAE,MAAM,+CAA+C,CAAC;AA0FlF,MAAM,WAAW,kBAAkB;IACjC,IAAI,EAAE,SAAS,CAAC;IAChB,qBAAqB,CAAC,EAAE,OAAO,CAAC;IAChC,cAAc,EAAE,QAAQ,GAAG,QAAQ,CAAC;IACpC,kBAAkB,EAAE,CAAC,CAAC,EAAE,MAAM,KAAK,IAAI,CAAC;IACxC,cAAc,EAAE,MAAM,CAAC;IACvB,UAAU,CAAC,EAAE,SAAS,CAAC;IAEvB,kEAAkE;IAClE,iBAAiB,EAAE,OAAO,CAAC;IAC3B,KAAK,EAAE,MAAM,IAAI,CAAC;IAElB,aAAa,EAAE,CAAC,CAAC,EAAE,QAAQ,KAAK,IAAI,CAAC;IACrC,OAAO,EAAE,QAAQ,CAAC;IAClB,UAAU,EAAE,CAAC,CAAC,EAAE,SAAS,KAAK,IAAI,CAAC;IAEnC;;OAEG;IACH,YAAY,EAAE,KAAK,CAAC;QAAE,CAAC,EAAE,MAAM,CAAC;QAAC,CAAC,EAAE,MAAM,CAAA;KAAE,CAAC,CAAC;IAC9C,gBAAgB,EAAE,CAAC,CAAC,EAAE,MAAM,EAAE,CAAC,EAAE,MAAM,KAAK,IAAI,CAAC;IACjD,WAAW,CAAC,EAAE,uBAAuB,CAAC,aAAa,CAAC,CAAC;IAGrD,OAAO,CAAC,EAAE,iBAAiB,CAAC;IAC5B,UAAU,CAAC,EAAE,CAAC,CAAC,EAAE,iBAAiB,KAAK,IAAI,CAAC;CAC7C;AASD,QAAA,MAAM,OAAO,+PAkBR,kBAAkB,6CA0JtB,CAAC;AA4KF,eAAe,OAAO,CAAC"}

package/dist/i18n.d.ts

@@ -40,6 +40,8 @@ export type FlamegraphMessages = {
     diffLegendSelectPalette: string;
     paletteDefaultName: string;
     paletteColorBlindName: string;
+    paletteDefaultDesc: string;
+    paletteColorBlindDesc: string;
     searchPlaceholder: string;
     syncSearchBars: string;
     unsyncSearchBars: string;