@kylincloud/flamegraph 0.35.6

package/LICENSE

@@ -0,0 +1,202 @@
+
+                                 Apache License
+                           Version 2.0, January 2004
+                        http://www.apache.org/licenses/
+
+   TERMS AND CONDITIONS FOR USE, REPRODUCTION, AND DISTRIBUTION
+
+   1. Definitions.
+
+      "License" shall mean the terms and conditions for use, reproduction,
+      and distribution as defined by Sections 1 through 9 of this document.
+
+      "Licensor" shall mean the copyright owner or entity authorized by
+      the copyright owner that is granting the License.
+
+      "Legal Entity" shall mean the union of the acting entity and all
+      other entities that control, are controlled by, or are under common
+      control with that entity. For the purposes of this definition,
+      "control" means (i) the power, direct or indirect, to cause the
+      direction or management of such entity, whether by contract or
+      otherwise, or (ii) ownership of fifty percent (50%) or more of the
+      outstanding shares, or (iii) beneficial ownership of such entity.
+
+      "You" (or "Your") shall mean an individual or Legal Entity
+      exercising permissions granted by this License.
+
+      "Source" form shall mean the preferred form for making modifications,
+      including but not limited to software source code, documentation
+      source, and configuration files.
+
+      "Object" form shall mean any form resulting from mechanical
+      transformation or translation of a Source form, including but
+      not limited to compiled object code, generated documentation,
+      and conversions to other media types.
+
+      "Work" shall mean the work of authorship, whether in Source or
+      Object form, made available under the License, as indicated by a
+      copyright notice that is included in or attached to the work
+      (an example is provided in the Appendix below).
+
+      "Derivative Works" shall mean any work, whether in Source or Object
+      form, that is based on (or derived from) the Work and for which the
+      editorial revisions, annotations, elaborations, or other modifications
+      represent, as a whole, an original work of authorship. For the purposes
+      of this License, Derivative Works shall not include works that remain
+      separable from, or merely link (or bind by name) to the interfaces of,
+      the Work and Derivative Works thereof.
+
+      "Contribution" shall mean any work of authorship, including
+      the original version of the Work and any modifications or additions
+      to that Work or Derivative Works thereof, that is intentionally
+      submitted to Licensor for inclusion in the Work by the copyright owner
+      or by an individual or Legal Entity authorized to submit on behalf of
+      the copyright owner. For the purposes of this definition, "submitted"
+      means any form of electronic, verbal, or written communication sent
+      to the Licensor or its representatives, including but not limited to
+      communication on electronic mailing lists, source code control systems,
+      and issue tracking systems that are managed by, or on behalf of, the
+      Licensor for the purpose of discussing and improving the Work, but
+      excluding communication that is conspicuously marked or otherwise
+      designated in writing by the copyright owner as "Not a Contribution."
+
+      "Contributor" shall mean Licensor and any individual or Legal Entity
+      on behalf of whom a Contribution has been received by Licensor and
+      subsequently incorporated within the Work.
+
+   2. Grant of Copyright License. Subject to the terms and conditions of
+      this License, each Contributor hereby grants to You a perpetual,
+      worldwide, non-exclusive, no-charge, royalty-free, irrevocable
+      copyright license to reproduce, prepare Derivative Works of,
+      publicly display, publicly perform, sublicense, and distribute the
+      Work and such Derivative Works in Source or Object form.
+
+   3. Grant of Patent License. Subject to the terms and conditions of
+      this License, each Contributor hereby grants to You a perpetual,
+      worldwide, non-exclusive, no-charge, royalty-free, irrevocable
+      (except as stated in this section) patent license to make, have made,
+      use, offer to sell, sell, import, and otherwise transfer the Work,
+      where such license applies only to those patent claims licensable
+      by such Contributor that are necessarily infringed by their
+      Contribution(s) alone or by combination of their Contribution(s)
+      with the Work to which such Contribution(s) was submitted. If You
+      institute patent litigation against any entity (including a
+      cross-claim or counterclaim in a lawsuit) alleging that the Work
+      or a Contribution incorporated within the Work constitutes direct
+      or contributory patent infringement, then any patent licenses
+      granted to You under this License for that Work shall terminate
+      as of the date such litigation is filed.
+
+   4. Redistribution. You may reproduce and distribute copies of the
+      Work or Derivative Works thereof in any medium, with or without
+      modifications, and in Source or Object form, provided that You
+      meet the following conditions:
+
+      (a) You must give any other recipients of the Work or
+          Derivative Works a copy of this License; and
+
+      (b) You must cause any modified files to carry prominent notices
+          stating that You changed the files; and
+
+      (c) You must retain, in the Source form of any Derivative Works
+          that You distribute, all copyright, patent, trademark, and
+          attribution notices from the Source form of the Work,
+          excluding those notices that do not pertain to any part of
+          the Derivative Works; and
+
+      (d) If the Work includes a "NOTICE" text file as part of its
+          distribution, then any Derivative Works that You distribute must
+          include a readable copy of the attribution notices contained
+          within such NOTICE file, excluding those notices that do not
+          pertain to any part of the Derivative Works, in at least one
+          of the following places: within a NOTICE text file distributed
+          as part of the Derivative Works; within the Source form or
+          documentation, if provided along with the Derivative Works; or,
+          within a display generated by the Derivative Works, if and
+          wherever such third-party notices normally appear. The contents
+          of the NOTICE file are for informational purposes only and
+          do not modify the License. You may add Your own attribution
+          notices within Derivative Works that You distribute, alongside
+          or as an addendum to the NOTICE text from the Work, provided
+          that such additional attribution notices cannot be construed
+          as modifying the License.
+
+      You may add Your own copyright statement to Your modifications and
+      may provide additional or different license terms and conditions
+      for use, reproduction, or distribution of Your modifications, or
+      for any such Derivative Works as a whole, provided Your use,
+      reproduction, and distribution of the Work otherwise complies with
+      the conditions stated in this License.
+
+   5. Submission of Contributions. Unless You explicitly state otherwise,
+      any Contribution intentionally submitted for inclusion in the Work
+      by You to the Licensor shall be under the terms and conditions of
+      this License, without any additional terms or conditions.
+      Notwithstanding the above, nothing herein shall supersede or modify
+      the terms of any separate license agreement you may have executed
+      with Licensor regarding such Contributions.
+
+   6. Trademarks. This License does not grant permission to use the trade
+      names, trademarks, service marks, or product names of the Licensor,
+      except as required for reasonable and customary use in describing the
+      origin of the Work and reproducing the content of the NOTICE file.
+
+   7. Disclaimer of Warranty. Unless required by applicable law or
+      agreed to in writing, Licensor provides the Work (and each
+      Contributor provides its Contributions) on an "AS IS" BASIS,
+      WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or
+      implied, including, without limitation, any warranties or conditions
+      of TITLE, NON-INFRINGEMENT, MERCHANTABILITY, or FITNESS FOR A
+      PARTICULAR PURPOSE. You are solely responsible for determining the
+      appropriateness of using or redistributing the Work and assume any
+      risks associated with Your exercise of permissions under this License.
+
+   8. Limitation of Liability. In no event and under no legal theory,
+      whether in tort (including negligence), contract, or otherwise,
+      unless required by applicable law (such as deliberate and grossly
+      negligent acts) or agreed to in writing, shall any Contributor be
+      liable to You for damages, including any direct, indirect, special,
+      incidental, or consequential damages of any character arising as a
+      result of this License or out of the use or inability to use the
+      Work (including but not limited to damages for loss of goodwill,
+      work stoppage, computer failure or malfunction, or any and all
+      other commercial damages or losses), even if such Contributor
+      has been advised of the possibility of such damages.
+
+   9. Accepting Warranty or Additional Liability. While redistributing
+      the Work or Derivative Works thereof, You may choose to offer,
+      and charge a fee for, acceptance of support, warranty, indemnity,
+      or other liability obligations and/or rights consistent with this
+      License. However, in accepting such obligations, You may act only
+      on Your own behalf and on Your sole responsibility, not on behalf
+      of any other Contributor, and only if You agree to indemnify,
+      defend, and hold each Contributor harmless for any liability
+      incurred by, or claims asserted against, such Contributor by reason
+      of your accepting any such warranty or additional liability.
+
+   END OF TERMS AND CONDITIONS
+
+   APPENDIX: How to apply the Apache License to your work.
+
+      To apply the Apache License to your work, attach the following
+      boilerplate notice, with the fields enclosed by brackets "[]"
+      replaced with your own identifying information. (Don't include
+      the brackets!)  The text should be enclosed in the appropriate
+      comment syntax for the file format. We also recommend that a
+      file or class name and description of purpose be included on the
+      same "printed page" as the copyright notice for easier
+      identification within third-party archives.
+
+   Copyright 2020 Pyroscope
+
+   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.

package/README.md

@@ -0,0 +1,251 @@
+# @kylincloud/flamegraph
+
+一个可复用的 **火焰图 / 差分火焰图 React 组件库**，基于 Pyroscope 的 flamegraph 思路进行了工程化封装，方便在任意前端应用中渲染 CPU / 内存等采样型 Profiling 数据。
+
+> ⚠️ 说明  
+> 本仓库主要服务于麒麟内部项目（如性能观测 / 智算平台等），API 在 0.x 阶段可能会有不兼容调整，请结合代码实际导出使用。
+
+---
+
+## 1. 功能特性
+
+- 🔥 支持 **单视图** 与 **Diff 差分视图**
+- 📊 支持 **表格 / 火焰图 / 表格+火焰图 / Sandwich** 等多种布局
+- 🧭 丰富交互：
+  - 鼠标悬停 Tooltip（展示占比、采样数、绝对值等）
+  - 点击放大 / 回退、滚轮缩放、拖拽平移
+  - 右键菜单（折叠、重置视图等，视实际实现为准）
+- 🔍 函数名搜索 & 高亮
+- 🎨 多种配色 / Diff 渐变色，适配普通与色弱模式
+- 🧱 基于 **Flamebearer** 数据结构，兼容 Pyroscope / Grafana Pyroscope 的 profile 数据
+- 🧩 以组件的方式独立封装，可作为「黑盒区域」嵌入任意业务页面
+
+---
+
+## 2. 安装
+
+> 具体发布渠道请按你实际使用方式调整（npm / GitLab Registry / 本地 `link` 等）。
+
+```bash
+# npm
+npm install @kylincloud/flamegraph
+
+# or pnpm
+pnpm add @kylincloud/flamegraph
+
+# or yarn
+yarn add @kylincloud/flamegraph
+````
+
+---
+
+## 3. 快速上手（React 示例）
+
+### 3.1 引入样式与组件
+
+```tsx
+import React from 'react'
+
+// 必须：引入打包好的 CSS
+import '@kylincloud/flamegraph/dist/index.css'
+
+// 组件名称以实际导出为准，如果你改过导出，请相应调整
+import { FlamegraphRenderer } from '@kylincloud/flamegraph'
+// 或：import FlamegraphRenderer from '@kylincloud/flamegraph'
+```
+
+### 3.2 最小可用示例
+
+```tsx
+// 仅为示意，类型 / 字段名请以 src 下实际定义为准
+const simpleProfile = {
+  version: 1,
+  flamebearer: {
+    names: ['total', 'fnA', 'fnB'],
+    levels: [
+      // 单视图：每 4 个数表达一个矩形 [xOffset, width, self, total]
+      [0, 100, 0, 100], // root
+      // ...
+    ],
+    // 其他字段：numTicks, maxSelf, units, sampleRate 等
+  },
+  metadata: {
+    appName: 'demo',
+    spyName: 'cpu',
+    format: 'single', // 或 'double' / 'diff' 等
+  },
+}
+
+export default function App() {
+  return (
+    <div style={{ height: 600 }}>
+      <FlamegraphRenderer
+        profile={simpleProfile}
+        // 以下 props 为常见配置示意，实际以组件实现为准
+        // viewType="both"           // 'flamegraph' | 'table' | 'both' | 'sandwich'
+        // type="single"             // 'single' | 'diff'
+        // showToolbar={true}
+        // showCredit={false}
+      />
+    </div>
+  )
+}
+```
+
+> ✅ 建议：
+>
+> * 将容器高度固定（如 400–800px），避免页面滚动条与内部滚动冲突
+> * 确保在 App 入口只引入一次 `@kylincloud/flamegraph/dist/index.css`
+
+---
+
+## 4. 数据格式说明（Flamebearer 简要约定）
+
+组件默认消费的数据结构与 Pyroscope 的 **Flamebearer** 格式保持兼容，整体上可理解为：
+
+```ts
+type FlamebearerProfile = {
+  version: number
+  flamebearer: {
+    names: string[]
+    levels: number[][]
+    // 单视图每 4 个数一组，Diff 视图通常每组 7 个数
+    numTicks?: number
+    maxSelf?: number
+    sampleRate?: number
+    units?: 'samples' | 'bytes' | 'ns' | string
+  }
+  metadata?: {
+    appName?: string
+    spyName?: string
+    format?: 'single' | 'double' | 'triple' | 'diff' | string
+    // 还可以包含 from / until / query 等字段
+    [key: string]: any
+  }
+}
+```
+
+* `names`：所有符号（函数名）列表，`levels` 中通过索引引用
+* `levels`：二维数组，每一行对应火焰图中的一层；
+
+  * **单视图**：每 4 个数字为一组
+  * **Diff 视图**：每组数字扩展为左/右/差值等信息（通常 7 个）
+* `units` / `sampleRate`：用于 Tooltip 和表格中做单位换算、展示总时间等
+
+在麒麟内部项目中，你也可以在后端将自定义的树型数据转换为上述格式，再传递给组件。
+
+---
+
+## 5. Diff 差分火焰图
+
+如果 profile 为 Diff 格式（如比较「基线」与「当前」两段 profile），通常会：
+
+* 在 `metadata.format` 中标注 diff 格式
+* 在 `flamebearer.levels` 中扩展出左/右两个 profile 的宽度以及差分数值
+* 在前端通过：
+
+  * 渐变色 / 红绿配色展示「变慢 / 变快」
+  * 表格中展示 `Baseline / Comparison / Diff` 三列
+  * Tooltip 中展示百分比、绝对值、样本数等
+
+具体字段与含义请以项目中实际的 `DiffProfile` / `DiffNode` 类型定义为准。
+
+---
+
+## 6. 样式与主题
+
+* 本项目的核心样式文件为 `src/sass/flamegraph.scss`，构建后输出到 `dist/index.css`
+* 支持通过 Sass 变量、CSS 变量覆盖部分样式：
+
+  * 字体大小、行高
+  * tooltip 外观
+  * 表格排版
+* 如需与业务系统整体主题统一，可以：
+
+  * 在外层容器上控制背景色、边框、圆角
+  * 使用 CSS 变量对颜色进行二次覆盖
+
+---
+
+## 7. 开发与构建
+
+### 7.1 脚本
+
+```jsonc
+{
+  "scripts": {
+    "build": "rm -rf dist && tsc -p tsconfig.build.json && pnpm run copy-assets && pnpm run build-css",
+    "copy-assets": "rsync -av --include='*/' --include='*.css' --include='*.scss' --include='*.svg' --exclude='*' src/ dist/",
+    "build-css": "sass src/sass/flamegraph.scss dist/index.css",
+    "type-check": "tsc -p tsconfig.build.json --noEmit",
+    "lint": "eslint ./ --cache --fix"
+  }
+}
+```
+
+* **构建库**
+
+  ```bash
+  pnpm build
+  ```
+
+  输出：
+
+  * `dist/index.js`        —— 浏览器环境入口（`"browser"`）
+  * `dist/index.node.js`   —— Node / SSR 环境入口（`"main"`）
+  * `dist/index.css`       —— CSS 样式文件
+  * `dist/**/*.d.ts`       —— 类型声明文件
+
+* **类型检查**
+
+  ```bash
+  pnpm type-check
+  ```
+
+* **代码规范检查**
+
+  ```bash
+  pnpm lint
+  ```
+
+> ✅ 建议：
+>
+> * 使用 Node 18+（或与你当前前端工程保持一致的版本）
+> * 在 CI 中至少执行 `pnpm build` 与 `pnpm type-check` 保证包的基本可用性
+
+---
+
+## 8. 与上游项目的关系
+
+* 本项目在工程结构与数据格式上与 Pyroscope 的 flamegraph 组件保持高度兼容
+* 主要差异点集中在：
+
+  * 包名与发布渠道：使用 `@kylincloud/flamegraph`
+  * 构建链路与样式组织适配麒麟内部前端工程
+  * 后续可能增加针对麒麟项目的定制功能（如与内部监控体系联动）
+
+如需回溯或对比实现细节，可以阅读源码中相关注释。
+
+---
+
+## 9. 贡献 & 开发约定
+
+欢迎在内部 / 开源仓库中提交：
+
+* Bug 修复
+* 性能优化（尤其是大规模 profile 渲染场景）
+* 新的交互特性（搜索、折叠策略、视图联动等）
+* 文档补充与示例
+
+建议遵循：
+
+1. 所有 PR 保持 TypeScript `type-check` 与 ESLint 通过
+2. 尽量避免破坏现有 API；如有必要，务必在 README 中标注
+3. 对关键交互（如 Diff 视图、搜索、高亮）补充最小可复现示例
+
+---
+
+## 10. 许可证
+
+本项目使用 **Apache-2.0** 许可证发布。
+如在外部开源，请确保保留上游版权与许可证声明，并补充 @kylincloud 的版权信息。

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

@@ -0,0 +1,2 @@
+export default function CheckIcon(): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=CheckIcon.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"CheckIcon.d.ts","sourceRoot":"","sources":["../../../src/FlameGraph/FlameGraphComponent/CheckIcon.tsx"],"names":[],"mappings":"AAGA,MAAM,CAAC,OAAO,UAAU,SAAS,4CAuBhC"}

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

@@ -0,0 +1,17 @@
+import '@szhsin/react-menu/dist/index.css';
+import React from 'react';
+type xyToMenuItems = (x: number, y: number) => JSX.Element[];
+export interface ContextMenuProps {
+    canvasRef: React.RefObject<HTMLCanvasElement>;
+    /**
+     * The menu is built dynamically
+     * Based on the cell's contents
+     * only MenuItem and SubMenu should be supported
+     */
+    xyToMenuItems: xyToMenuItems;
+    onClose: () => void;
+    onOpen: (x: number, y: number) => void;
+}
+export default function ContextMenu(props: ContextMenuProps): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=ContextMenu.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ContextMenu.d.ts","sourceRoot":"","sources":["../../../src/FlameGraph/FlameGraphComponent/ContextMenu.tsx"],"names":[],"mappings":"AAAA,OAAO,mCAAmC,CAAC;AAE3C,OAAO,KAAK,MAAM,OAAO,CAAC;AAI1B,KAAK,aAAa,GAAG,CAAC,CAAC,EAAE,MAAM,EAAE,CAAC,EAAE,MAAM,KAAK,GAAG,CAAC,OAAO,EAAE,CAAC;AAE7D,MAAM,WAAW,gBAAgB;IAC/B,SAAS,EAAE,KAAK,CAAC,SAAS,CAAC,iBAAiB,CAAC,CAAC;IAE9C;;;;OAIG;IACH,aAAa,EAAE,aAAa,CAAC;IAE7B,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,MAAM,EAAE,CAAC,CAAC,EAAE,MAAM,EAAE,CAAC,EAAE,MAAM,KAAK,IAAI,CAAC;CACxC;AAED,MAAM,CAAC,OAAO,UAAU,WAAW,CAAC,KAAK,EAAE,gBAAgB,2CA+D1D"}

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

@@ -0,0 +1,14 @@
+import { Maybe } from 'true-myth';
+export interface HighlightProps {
+    barHeight: number;
+    node: Maybe<{
+        top: number;
+        left: number;
+        width: number;
+    }>;
+}
+/**
+ * Highlight on the node that triggered the context menu
+ */
+export default function ContextMenuHighlight(props: HighlightProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=ContextMenuHighlight.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ContextMenuHighlight.d.ts","sourceRoot":"","sources":["../../../src/FlameGraph/FlameGraphComponent/ContextMenuHighlight.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,KAAK,EAAE,MAAM,WAAW,CAAC;AAGlC,MAAM,WAAW,cAAc;IAE7B,SAAS,EAAE,MAAM,CAAC;IAElB,IAAI,EAAE,KAAK,CAAC;QAAE,GAAG,EAAE,MAAM,CAAC;QAAC,IAAI,EAAE,MAAM,CAAC;QAAC,KAAK,EAAE,MAAM,CAAA;KAAE,CAAC,CAAC;CAC3D;AAOD;;GAEG;AACH,MAAM,CAAC,OAAO,UAAU,oBAAoB,CAAC,KAAK,EAAE,cAAc,2CA2BjE"}

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

@@ -0,0 +1,9 @@
+import { FlamegraphPalette } from './colorPalette';
+export type sizeMode = 'small' | 'large';
+interface DiffLegendProps {
+    palette: FlamegraphPalette;
+    showMode: sizeMode;
+}
+export default function DiffLegend(props: DiffLegendProps): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=DiffLegend.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"DiffLegend.d.ts","sourceRoot":"","sources":["../../../src/FlameGraph/FlameGraphComponent/DiffLegend.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,iBAAiB,EAAE,MAAM,gBAAgB,CAAC;AAGnD,MAAM,MAAM,QAAQ,GAAG,OAAO,GAAG,OAAO,CAAC;AACzC,UAAU,eAAe;IACvB,OAAO,EAAE,iBAAiB,CAAC;IAC3B,QAAQ,EAAE,QAAQ,CAAC;CACpB;AAED,MAAM,CAAC,OAAO,UAAU,UAAU,CAAC,KAAK,EAAE,eAAe,2CAyBxD"}

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

@@ -0,0 +1,8 @@
+import { FlamegraphPalette } from './colorPalette';
+interface DiffLegendPaletteDropdownProps {
+    palette: FlamegraphPalette;
+    onChange: (p: FlamegraphPalette) => void;
+}
+export declare const DiffLegendPaletteDropdown: (props: DiffLegendPaletteDropdownProps) => import("react/jsx-runtime").JSX.Element;
+export default DiffLegendPaletteDropdown;
+//# sourceMappingURL=DiffLegendPaletteDropdown.d.ts.map

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

@@ -0,0 +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"}

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

@@ -0,0 +1,96 @@
+import { DeepReadonly } from 'ts-essentials';
+import { Maybe } from 'true-myth';
+import { Flamebearer } from '../../models';
+import type { FlamegraphPalette } from './colorPalette';
+export default class Flamegraph {
+    private readonly flamebearer;
+    private canvas;
+    /**
+     * What node to be 'focused'
+     * ie what node to start the tree
+     */
+    private focusedNode;
+    /**
+     * What level has been "selected"
+     * All nodes above will be dimmed out
+     */
+    private readonly fitMode;
+    /**
+     * The query used to match against the node name.
+     * For each node,
+     * if it matches it will be highlighted,
+     * otherwise it will be greyish.
+     */
+    private readonly highlightQuery;
+    private zoom;
+    private palette;
+    private ff;
+    constructor(flamebearer: Flamebearer, canvas: HTMLCanvasElement, 
+    /**
+     * What node to be 'focused'
+     * ie what node to start the tree
+     */
+    focusedNode: Maybe<DeepReadonly<{
+        i: number;
+        j: number;
+    }>>, 
+    /**
+     * What level has been "selected"
+     * All nodes above will be dimmed out
+     */
+    fitMode: 'HEAD' | 'TAIL', 
+    /**
+     * The query used to match against the node name.
+     * For each node,
+     * if it matches it will be highlighted,
+     * otherwise it will be greyish.
+     */
+    highlightQuery: string, zoom: Maybe<DeepReadonly<{
+        i: number;
+        j: number;
+    }>>, palette: FlamegraphPalette);
+    render(): void;
+    private pxPerTick;
+    private tickToX;
+    private getRange;
+    private getCanvasWidth;
+    private isFocused;
+    private binarySearchLevel;
+    private xyToBarIndex;
+    private parseXY;
+    private xyToBarPosition;
+    private xyToBarData;
+    isWithinBounds: (x: number, y: number) => boolean;
+    xyToBar(x: number, y: number): Maybe<{
+        format: "single";
+        name: string;
+        self: number;
+        offset: number;
+        total: number;
+        barTotal?: undefined;
+        totalLeft?: undefined;
+        totalRight?: undefined;
+        totalDiff?: undefined;
+        x: number;
+        y: number;
+        width: number;
+        i: number;
+        j: number;
+    } | {
+        format: "double";
+        barTotal: number;
+        totalLeft: number;
+        totalRight: number;
+        totalDiff: number;
+        name: string;
+        self?: undefined;
+        offset?: undefined;
+        total?: undefined;
+        x: number;
+        y: number;
+        width: number;
+        i: number;
+        j: number;
+    }>;
+}
+//# sourceMappingURL=Flamegraph.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Flamegraph.d.ts","sourceRoot":"","sources":["../../../src/FlameGraph/FlameGraphComponent/Flamegraph.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,eAAe,CAAC;AAC7C,OAAO,EAAE,KAAK,EAAE,MAAM,WAAW,CAAC;AAClC,OAAO,EAEL,WAAW,EAIZ,MAAM,cAAc,CAAC;AAGtB,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,gBAAgB,CAAC;AAYxD,MAAM,CAAC,OAAO,OAAO,UAAU;IAI3B,OAAO,CAAC,QAAQ,CAAC,WAAW;IAC5B,OAAO,CAAC,MAAM;IACd;;;OAGG;IACH,OAAO,CAAC,WAAW;IACnB;;;OAGG;IAEH,OAAO,CAAC,QAAQ,CAAC,OAAO;IACxB;;;;;OAKG;IACH,OAAO,CAAC,QAAQ,CAAC,cAAc;IAC/B,OAAO,CAAC,IAAI;IAEZ,OAAO,CAAC,OAAO;IAzBjB,OAAO,CAAC,EAAE,CAA8B;gBAGrB,WAAW,EAAE,WAAW,EACjC,MAAM,EAAE,iBAAiB;IACjC;;;OAGG;IACK,WAAW,EAAE,KAAK,CAAC,YAAY,CAAC;QAAE,CAAC,EAAE,MAAM,CAAC;QAAC,CAAC,EAAE,MAAM,CAAA;KAAE,CAAC,CAAC;IAClE;;;OAGG;IAEc,OAAO,EAAE,MAAM,GAAG,MAAM;IACzC;;;;;OAKG;IACc,cAAc,EAAE,MAAM,EAC/B,IAAI,EAAE,KAAK,CAAC,YAAY,CAAC;QAAE,CAAC,EAAE,MAAM,CAAC;QAAC,CAAC,EAAE,MAAM,CAAA;KAAE,CAAC,CAAC,EAEnD,OAAO,EAAE,iBAAiB;IAsB7B,MAAM;IAkDb,OAAO,CAAC,SAAS;IAQjB,OAAO,CAAC,OAAO,CAGb;IAEF,OAAO,CAAC,QAAQ;IA2FhB,OAAO,CAAC,cAAc;IAKtB,OAAO,CAAC,SAAS;IAOjB,OAAO,CAAC,iBAAiB;IA0BzB,OAAO,CAAC,YAAY;IAmEpB,OAAO,CAAC,OAAO;IAYf,OAAO,CAAC,eAAe,CA4BrB;IAEF,OAAO,CAAC,WAAW,CAoCjB;IAEK,cAAc,MAAO,MAAM,KAAK,MAAM,aAe3C;IAMK,OAAO,CAAC,CAAC,EAAE,MAAM,EAAE,CAAC,EAAE,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAcpC"}

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

@@ -0,0 +1,27 @@
+import { Flamebearer } from '../../models';
+import type { FlamegraphPalette } from './colorPalette';
+import Flamegraph from './Flamegraph';
+type CanvasRendererConfig = Flamebearer & {
+    canvas: HTMLCanvasElement;
+    focusedNode: ConstructorParameters<typeof Flamegraph>[2];
+    fitMode: ConstructorParameters<typeof Flamegraph>[3];
+    highlightQuery: ConstructorParameters<typeof Flamegraph>[4];
+    zoom: ConstructorParameters<typeof Flamegraph>[5];
+    /**
+     * Used when zooming, values between 0 and 1.
+     * For illustration, in a non zoomed state it has the value of 0
+     */
+    readonly rangeMin: number;
+    /**
+     * Used when zooming, values between 0 and 1.
+     * For illustration, in a non zoomed state it has the value of 1
+     */
+    readonly rangeMax: number;
+    tickToX: (i: number) => number;
+    pxPerTick: number;
+    palette: FlamegraphPalette;
+    maxSelf?: number;
+};
+export default function RenderCanvas(props: CanvasRendererConfig): void;
+export {};
+//# sourceMappingURL=Flamegraph_render.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Flamegraph_render.d.ts","sourceRoot":"","sources":["../../../src/FlameGraph/FlameGraphComponent/Flamegraph_render.ts"],"names":[],"mappings":"AAwBA,OAAO,EAAY,WAAW,EAAW,MAAM,cAAc,CAAC;AAqB9D,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,gBAAgB,CAAC;AAIxD,OAAO,UAAU,MAAM,cAAc,CAAC;AAEtC,KAAK,oBAAoB,GAAG,WAAW,GAAG;IACxC,MAAM,EAAE,iBAAiB,CAAC;IAC1B,WAAW,EAAE,qBAAqB,CAAC,OAAO,UAAU,CAAC,CAAC,CAAC,CAAC,CAAC;IACzD,OAAO,EAAE,qBAAqB,CAAC,OAAO,UAAU,CAAC,CAAC,CAAC,CAAC,CAAC;IACrD,cAAc,EAAE,qBAAqB,CAAC,OAAO,UAAU,CAAC,CAAC,CAAC,CAAC,CAAC;IAC5D,IAAI,EAAE,qBAAqB,CAAC,OAAO,UAAU,CAAC,CAAC,CAAC,CAAC,CAAC;IAElD;;;OAGG;IACH,QAAQ,CAAC,QAAQ,EAAE,MAAM,CAAC;IAC1B;;;OAGG;IACH,QAAQ,CAAC,QAAQ,EAAE,MAAM,CAAC;IAE1B,OAAO,EAAE,CAAC,CAAC,EAAE,MAAM,KAAK,MAAM,CAAC;IAE/B,SAAS,EAAE,MAAM,CAAC;IAElB,OAAO,EAAE,iBAAiB,CAAC;IAC3B,OAAO,CAAC,EAAE,MAAM,CAAC;CAClB,CAAC;AAEF,MAAM,CAAC,OAAO,UAAU,YAAY,CAAC,KAAK,EAAE,oBAAoB,QAgP/D"}

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

@@ -0,0 +1,7 @@
+import type { Flamebearer } from '../../models';
+interface GraphVizPaneProps {
+    flamebearer: Flamebearer;
+}
+export declare function GraphVizPane({ flamebearer }: GraphVizPaneProps): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=GraphVizPane.d.ts.map