@perses-dev/flame-chart-plugin 0.2.0

package/lib/components/TableChart.d.ts

@@ -0,0 +1,12 @@
+import { ReactElement } from 'react';
+import { ProfileData } from '@perses-dev/core';
+export interface TableChartProps {
+    width: number;
+    height: number;
+    data: ProfileData;
+    searchValue: string;
+    onSearchValueChange: (value: string) => void;
+    onSelectedIdChange: (id: number) => void;
+}
+export declare function TableChart(props: TableChartProps): ReactElement;
+//# sourceMappingURL=TableChart.d.ts.map

package/lib/components/TableChart.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"TableChart.d.ts","sourceRoot":"","sources":["../../../src/components/TableChart.tsx"],"names":[],"mappings":"AAaA,OAAO,EAAE,YAAY,EAAqB,MAAM,OAAO,CAAC;AAExD,OAAO,EAAE,WAAW,EAAE,MAAM,kBAAkB,CAAC;AAa/C,MAAM,WAAW,eAAe;IAC9B,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,MAAM,CAAC;IACf,IAAI,EAAE,WAAW,CAAC;IAClB,WAAW,EAAE,MAAM,CAAC;IACpB,mBAAmB,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAC7C,kBAAkB,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAC;CAC1C;AAED,wBAAgB,UAAU,CAAC,KAAK,EAAE,eAAe,GAAG,YAAY,CAyG/D"}

package/lib/components/TableChart.js

@@ -0,0 +1,135 @@
+// Copyright 2025 The Perses 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 { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useMemo, useState } from 'react';
+import { Stack, useTheme, Link } from '@mui/material';
+import { Table } from '@perses-dev/components';
+import { tableRecursionJson } from '../utils/data-transform';
+import { formatItemValue } from '../utils/format';
+import { SearchBar } from './SearchBar';
+const LARGE_PANEL_TRESHOLD = 600; // heigth treshold to switch to large panel mode
+const PADDING_TOP = 8;
+const SCROLL_BAR_WIDTH = 15;
+const SEARCH_BAR_HEIGHT = 50;
+export function TableChart(props) {
+    const { width, height, data, searchValue, onSearchValueChange, onSelectedIdChange } = props;
+    const theme = useTheme();
+    const availableHeight = height;
+    const availableWidth = width - 10;
+    const tableData = useMemo(()=>{
+        return tableRecursionJson(data.profile.stackTrace, searchValue);
+    }, [
+        data,
+        searchValue
+    ]);
+    const columns = useMemo(()=>{
+        const unit = data.metadata?.units || '';
+        const columnSettings = [
+            {
+                accessorKey: 'name',
+                header: 'Name',
+                headerDescription: 'Function name',
+                align: 'left',
+                enableSorting: true,
+                width: 0.5 * availableWidth,
+                cell: (ctx)=>{
+                    const cellValue = ctx.getValue();
+                    return /*#__PURE__*/ _jsx(Link, {
+                        href: "#",
+                        underline: "hover",
+                        onClick: (e)=>{
+                            e.preventDefault();
+                            const currentSample = ctx.row.original;
+                            onSelectedIdChange(currentSample.id); // focus on this item in the flame graph
+                            onSearchValueChange(currentSample.name);
+                        },
+                        children: cellValue
+                    });
+                },
+                cellDescription: ()=>''
+            },
+            {
+                accessorKey: 'self',
+                header: 'Self',
+                headerDescription: 'Function self samples',
+                align: 'right',
+                enableSorting: true,
+                width: 0.25 * availableWidth - SCROLL_BAR_WIDTH,
+                cell: (ctx)=>{
+                    const cellValue = ctx.getValue();
+                    return formatItemValue(unit, cellValue);
+                }
+            },
+            {
+                accessorKey: 'total',
+                header: 'Total',
+                headerDescription: 'Function total samples',
+                align: 'right',
+                enableSorting: true,
+                width: 0.25 * availableWidth,
+                cell: (ctx)=>{
+                    const cellValue = ctx.getValue();
+                    return formatItemValue(unit, cellValue);
+                }
+            }
+        ];
+        return columnSettings;
+    }, [
+        data.metadata?.units,
+        availableWidth,
+        onSearchValueChange,
+        onSelectedIdChange
+    ]);
+    const [sorting, setSorting] = useState([
+        {
+            id: 'total',
+            desc: true
+        }
+    ]);
+    return /*#__PURE__*/ _jsxs(Stack, {
+        width: availableWidth,
+        height: availableHeight,
+        gap: 1,
+        sx: {
+            '& .MuiTable-root': {
+                borderCollapse: 'collapse'
+            },
+            '& .MuiTableCell-root': {
+                borderBottom: `1px solid ${theme.palette.divider}`,
+                borderRight: `1px solid ${theme.palette.divider}`,
+                '&:last-child': {
+                    borderRight: 'none'
+                }
+            }
+        },
+        children: [
+            /*#__PURE__*/ _jsx(SearchBar, {
+                searchValue: searchValue,
+                onSearchValueChange: onSearchValueChange
+            }),
+            /*#__PURE__*/ _jsx(Table, {
+                data: tableData,
+                columns: columns,
+                height: availableHeight - PADDING_TOP - SEARCH_BAR_HEIGHT,
+                width: availableWidth,
+                density: availableHeight < LARGE_PANEL_TRESHOLD ? 'compact' : 'standard',
+                defaultColumnWidth: "auto",
+                defaultColumnHeight: "auto",
+                sorting: sorting,
+                onSortingChange: setSorting
+            })
+        ]
+    });
+}
+
+//# sourceMappingURL=TableChart.js.map

package/lib/components/TableChart.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/TableChart.tsx"],"sourcesContent":["// Copyright 2025 The Perses Authors\n// Licensed under the Apache License |  Version 2.0 (the \"License\");\n// you may not use this file except in compliance with the License.\n// You may obtain a copy of the License at\n//\n// http://www.apache.org/licenses/LICENSE-2.0\n//\n// Unless required by applicable law or agreed to in writing |  software\n// distributed under the License is distributed on an \"AS IS\" BASIS |\n// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND |  either express or implied.\n// See the License for the specific language governing permissions and\n// limitations under the License.\n\nimport { ReactElement, useMemo, useState } from 'react';\nimport { Stack, useTheme, Link } from '@mui/material';\nimport { ProfileData } from '@perses-dev/core';\nimport { Table, TableColumnConfig } from '@perses-dev/components';\nimport { SortingState } from '@tanstack/react-table';\nimport { tableRecursionJson } from '../utils/data-transform';\nimport { TableChartSample } from '../utils/data-model';\nimport { formatItemValue } from '../utils/format';\nimport { SearchBar } from './SearchBar';\n\nconst LARGE_PANEL_TRESHOLD = 600; // heigth treshold to switch to large panel mode\nconst PADDING_TOP = 8;\nconst SCROLL_BAR_WIDTH = 15;\nconst SEARCH_BAR_HEIGHT = 50;\n\nexport interface TableChartProps {\n  width: number;\n  height: number;\n  data: ProfileData;\n  searchValue: string;\n  onSearchValueChange: (value: string) => void;\n  onSelectedIdChange: (id: number) => void;\n}\n\nexport function TableChart(props: TableChartProps): ReactElement {\n  const { width, height, data, searchValue, onSearchValueChange, onSelectedIdChange } = props;\n\n  const theme = useTheme();\n\n  const availableHeight = height;\n  const availableWidth = width - 10;\n\n  const tableData: TableChartSample[] = useMemo(() => {\n    return tableRecursionJson(data.profile.stackTrace, searchValue);\n  }, [data, searchValue]);\n\n  const columns: Array<TableColumnConfig<unknown>> = useMemo(() => {\n    const unit = data.metadata?.units || '';\n\n    const columnSettings: Array<TableColumnConfig<unknown>> = [\n      {\n        accessorKey: 'name',\n        header: 'Name',\n        headerDescription: 'Function name',\n        align: 'left',\n        enableSorting: true,\n        width: 0.5 * availableWidth,\n        cell: (ctx) => {\n          const cellValue = ctx.getValue();\n          return (\n            <Link\n              href=\"#\"\n              underline=\"hover\"\n              onClick={(e) => {\n                e.preventDefault();\n                const currentSample = ctx.row.original as TableChartSample;\n                onSelectedIdChange(currentSample.id); // focus on this item in the flame graph\n                onSearchValueChange(currentSample.name);\n              }}\n            >\n              {cellValue}\n            </Link>\n          );\n        },\n        cellDescription: () => '',\n      },\n      {\n        accessorKey: 'self',\n        header: 'Self',\n        headerDescription: 'Function self samples',\n        align: 'right',\n        enableSorting: true,\n        width: 0.25 * availableWidth - SCROLL_BAR_WIDTH,\n        cell: (ctx) => {\n          const cellValue = ctx.getValue();\n          return formatItemValue(unit, cellValue);\n        },\n      },\n      {\n        accessorKey: 'total',\n        header: 'Total',\n        headerDescription: 'Function total samples',\n        align: 'right',\n        enableSorting: true,\n        width: 0.25 * availableWidth,\n        cell: (ctx) => {\n          const cellValue = ctx.getValue();\n          return formatItemValue(unit, cellValue);\n        },\n      },\n    ];\n\n    return columnSettings;\n  }, [data.metadata?.units, availableWidth, onSearchValueChange, onSelectedIdChange]);\n\n  const [sorting, setSorting] = useState<SortingState>([{ id: 'total', desc: true }]);\n\n  return (\n    <Stack\n      width={availableWidth}\n      height={availableHeight}\n      gap={1}\n      sx={{\n        '& .MuiTable-root': {\n          borderCollapse: 'collapse',\n        },\n        '& .MuiTableCell-root': {\n          borderBottom: `1px solid ${theme.palette.divider}`,\n          borderRight: `1px solid ${theme.palette.divider}`,\n          '&:last-child': {\n            borderRight: 'none',\n          },\n        },\n      }}\n    >\n      <SearchBar searchValue={searchValue} onSearchValueChange={onSearchValueChange} />\n      <Table\n        data={tableData}\n        columns={columns}\n        height={availableHeight - PADDING_TOP - SEARCH_BAR_HEIGHT}\n        width={availableWidth}\n        density={availableHeight < LARGE_PANEL_TRESHOLD ? 'compact' : 'standard'}\n        defaultColumnWidth=\"auto\"\n        defaultColumnHeight=\"auto\"\n        sorting={sorting}\n        onSortingChange={setSorting}\n      />\n    </Stack>\n  );\n}\n"],"names":["useMemo","useState","Stack","useTheme","Link","Table","tableRecursionJson","formatItemValue","SearchBar","LARGE_PANEL_TRESHOLD","PADDING_TOP","SCROLL_BAR_WIDTH","SEARCH_BAR_HEIGHT","TableChart","props","width","height","data","searchValue","onSearchValueChange","onSelectedIdChange","theme","availableHeight","availableWidth","tableData","profile","stackTrace","columns","unit","metadata","units","columnSettings","accessorKey","header","headerDescription","align","enableSorting","cell","ctx","cellValue","getValue","href","underline","onClick","e","preventDefault","currentSample","row","original","id","name","cellDescription","sorting","setSorting","desc","gap","sx","borderCollapse","borderBottom","palette","divider","borderRight","density","defaultColumnWidth","defaultColumnHeight","onSortingChange"],"mappings":"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"}

package/lib/components/index.d.ts

@@ -0,0 +1,11 @@
+export * from './CustomBreadcrumb';
+export * from './FlameChart';
+export * from './FlameChartOptionsEditorSettings';
+export * from './FlameChartPanel';
+export * from './PaletteSelector';
+export * from './SearchBar';
+export * from './SeriesChart';
+export * from './Settings';
+export * from './SwitchSelector';
+export * from './TableChart';
+//# sourceMappingURL=index.d.ts.map

package/lib/components/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/index.ts"],"names":[],"mappings":"AAaA,cAAc,oBAAoB,CAAC;AACnC,cAAc,cAAc,CAAC;AAC7B,cAAc,mCAAmC,CAAC;AAClD,cAAc,mBAAmB,CAAC;AAClC,cAAc,mBAAmB,CAAC;AAClC,cAAc,aAAa,CAAC;AAC5B,cAAc,eAAe,CAAC;AAC9B,cAAc,YAAY,CAAC;AAC3B,cAAc,kBAAkB,CAAC;AACjC,cAAc,cAAc,CAAC"}

package/lib/components/index.js

@@ -0,0 +1,24 @@
+// Copyright 2025 The Perses 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.
+export * from './CustomBreadcrumb';
+export * from './FlameChart';
+export * from './FlameChartOptionsEditorSettings';
+export * from './FlameChartPanel';
+export * from './PaletteSelector';
+export * from './SearchBar';
+export * from './SeriesChart';
+export * from './Settings';
+export * from './SwitchSelector';
+export * from './TableChart';
+
+//# sourceMappingURL=index.js.map

package/lib/components/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/index.ts"],"sourcesContent":["// Copyright 2025 The Perses Authors\n// Licensed under the Apache License, Version 2.0 (the \"License\");\n// you may not use this file except in compliance with the License.\n// You may obtain a copy of the License at\n//\n// http://www.apache.org/licenses/LICENSE-2.0\n//\n// Unless required by applicable law or agreed to in writing, software\n// distributed under the License is distributed on an \"AS IS\" BASIS,\n// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n// See the License for the specific language governing permissions and\n// limitations under the License.\n\nexport * from './CustomBreadcrumb';\nexport * from './FlameChart';\nexport * from './FlameChartOptionsEditorSettings';\nexport * from './FlameChartPanel';\nexport * from './PaletteSelector';\nexport * from './SearchBar';\nexport * from './SeriesChart';\nexport * from './Settings';\nexport * from './SwitchSelector';\nexport * from './TableChart';\n"],"names":[],"mappings":"AAAA,oCAAoC;AACpC,kEAAkE;AAClE,mEAAmE;AACnE,0CAA0C;AAC1C,EAAE;AACF,6CAA6C;AAC7C,EAAE;AACF,sEAAsE;AACtE,oEAAoE;AACpE,2EAA2E;AAC3E,sEAAsE;AACtE,iCAAiC;AAEjC,cAAc,qBAAqB;AACnC,cAAc,eAAe;AAC7B,cAAc,oCAAoC;AAClD,cAAc,oBAAoB;AAClC,cAAc,oBAAoB;AAClC,cAAc,cAAc;AAC5B,cAAc,gBAAgB;AAC9B,cAAc,aAAa;AAC3B,cAAc,mBAAmB;AACjC,cAAc,eAAe"}

package/lib/env.d.js

@@ -0,0 +1,15 @@
+// Copyright 2024 The Perses 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.
+/// <reference types="@rsbuild/core/types" />
+
+//# sourceMappingURL=env.d.js.map

package/lib/env.d.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/env.d.ts"],"sourcesContent":["// Copyright 2024 The Perses Authors\n// Licensed under the Apache License, Version 2.0 (the \"License\");\n// you may not use this file except in compliance with the License.\n// You may obtain a copy of the License at\n//\n// http://www.apache.org/licenses/LICENSE-2.0\n//\n// Unless required by applicable law or agreed to in writing, software\n// distributed under the License is distributed on an \"AS IS\" BASIS,\n// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n// See the License for the specific language governing permissions and\n// limitations under the License.\n\n/// <reference types=\"@rsbuild/core/types\" />\n"],"names":[],"mappings":"AAAA,oCAAoC;AACpC,kEAAkE;AAClE,mEAAmE;AACnE,0CAA0C;AAC1C,EAAE;AACF,6CAA6C;AAC7C,EAAE;AACF,sEAAsE;AACtE,oEAAoE;AACpE,2EAA2E;AAC3E,sEAAsE;AACtE,iCAAiC;AAEjC,6CAA6C"}

package/lib/flame-chart-model.d.ts

@@ -0,0 +1,18 @@
+import { Definition } from '@perses-dev/core';
+import { OptionsEditorProps } from '@perses-dev/plugin-system';
+/**
+ * The schema for a FlameChart panel.
+ */
+export interface FlameChartDefinition extends Definition<FlameChartOptions> {
+    kind: 'FlameChart';
+}
+export interface FlameChartOptions {
+    palette: 'package-name' | 'value';
+    showSettings: boolean;
+    showSeries: boolean;
+    showTable: boolean;
+    showFlameGraph: boolean;
+}
+export type FlameChartOptionsEditorProps = OptionsEditorProps<FlameChartOptions>;
+export declare function createInitialFlameChartOptions(): FlameChartOptions;
+//# sourceMappingURL=flame-chart-model.d.ts.map

package/lib/flame-chart-model.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"flame-chart-model.d.ts","sourceRoot":"","sources":["../../src/flame-chart-model.ts"],"names":[],"mappings":"AAaA,OAAO,EAAE,UAAU,EAAE,MAAM,kBAAkB,CAAC;AAC9C,OAAO,EAAE,kBAAkB,EAAE,MAAM,2BAA2B,CAAC;AAE/D;;GAEG;AACH,MAAM,WAAW,oBAAqB,SAAQ,UAAU,CAAC,iBAAiB,CAAC;IACzE,IAAI,EAAE,YAAY,CAAC;CACpB;AAED,MAAM,WAAW,iBAAiB;IAChC,OAAO,EAAE,cAAc,GAAG,OAAO,CAAC;IAClC,YAAY,EAAE,OAAO,CAAC;IACtB,UAAU,EAAE,OAAO,CAAC;IACpB,SAAS,EAAE,OAAO,CAAC;IACnB,cAAc,EAAE,OAAO,CAAC;CACzB;AAED,MAAM,MAAM,4BAA4B,GAAG,kBAAkB,CAAC,iBAAiB,CAAC,CAAC;AAEjF,wBAAgB,8BAA8B,IAAI,iBAAiB,CAQlE"}

package/lib/flame-chart-model.js

@@ -0,0 +1,23 @@
+// Copyright 2025 The Perses 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.
+export function createInitialFlameChartOptions() {
+    return {
+        palette: 'package-name',
+        showSettings: true,
+        showSeries: false,
+        showTable: true,
+        showFlameGraph: true
+    };
+}
+
+//# sourceMappingURL=flame-chart-model.js.map

package/lib/flame-chart-model.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/flame-chart-model.ts"],"sourcesContent":["// Copyright 2025 The Perses Authors\n// Licensed under the Apache License, Version 2.0 (the \"License\");\n// you may not use this file except in compliance with the License.\n// You may obtain a copy of the License at\n//\n// http://www.apache.org/licenses/LICENSE-2.0\n//\n// Unless required by applicable law or agreed to in writing, software\n// distributed under the License is distributed on an \"AS IS\" BASIS,\n// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n// See the License for the specific language governing permissions and\n// limitations under the License.\n\nimport { Definition } from '@perses-dev/core';\nimport { OptionsEditorProps } from '@perses-dev/plugin-system';\n\n/**\n * The schema for a FlameChart panel.\n */\nexport interface FlameChartDefinition extends Definition<FlameChartOptions> {\n  kind: 'FlameChart';\n}\n\nexport interface FlameChartOptions {\n  palette: 'package-name' | 'value';\n  showSettings: boolean;\n  showSeries: boolean;\n  showTable: boolean;\n  showFlameGraph: boolean;\n}\n\nexport type FlameChartOptionsEditorProps = OptionsEditorProps<FlameChartOptions>;\n\nexport function createInitialFlameChartOptions(): FlameChartOptions {\n  return {\n    palette: 'package-name',\n    showSettings: true,\n    showSeries: false,\n    showTable: true,\n    showFlameGraph: true,\n  };\n}\n"],"names":["createInitialFlameChartOptions","palette","showSettings","showSeries","showTable","showFlameGraph"],"mappings":"AAAA,oCAAoC;AACpC,kEAAkE;AAClE,mEAAmE;AACnE,0CAA0C;AAC1C,EAAE;AACF,6CAA6C;AAC7C,EAAE;AACF,sEAAsE;AACtE,oEAAoE;AACpE,2EAA2E;AAC3E,sEAAsE;AACtE,iCAAiC;AAsBjC,OAAO,SAASA;IACd,OAAO;QACLC,SAAS;QACTC,cAAc;QACdC,YAAY;QACZC,WAAW;QACXC,gBAAgB;IAClB;AACF"}

package/lib/getPluginModule.d.ts

@@ -0,0 +1,6 @@
+import { PluginModuleResource } from '@perses-dev/plugin-system';
+/**
+ * Returns the plugin module information from package.json
+ */
+export declare function getPluginModule(): PluginModuleResource;
+//# sourceMappingURL=getPluginModule.d.ts.map

package/lib/getPluginModule.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"getPluginModule.d.ts","sourceRoot":"","sources":["../../src/getPluginModule.ts"],"names":[],"mappings":"AAaA,OAAO,EAAE,oBAAoB,EAAoB,MAAM,2BAA2B,CAAC;AAGnF;;GAEG;AACH,wBAAgB,eAAe,IAAI,oBAAoB,CAUtD"}

package/lib/getPluginModule.js

@@ -0,0 +1,28 @@
+// Copyright 2025 The Perses 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 packageJson from '../package.json';
+/**
+ * Returns the plugin module information from package.json
+ */ export function getPluginModule() {
+    const { name, version, perses } = packageJson;
+    return {
+        kind: 'PluginModule',
+        metadata: {
+            name,
+            version
+        },
+        spec: perses
+    };
+}
+
+//# sourceMappingURL=getPluginModule.js.map

package/lib/getPluginModule.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/getPluginModule.ts"],"sourcesContent":["// Copyright 2025 The Perses Authors\n// Licensed under the Apache License, Version 2.0 (the \"License\");\n// you may not use this file except in compliance with the License.\n// You may obtain a copy of the License at\n//\n// http://www.apache.org/licenses/LICENSE-2.0\n//\n// Unless required by applicable law or agreed to in writing, software\n// distributed under the License is distributed on an \"AS IS\" BASIS,\n// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n// See the License for the specific language governing permissions and\n// limitations under the License.\n\nimport { PluginModuleResource, PluginModuleSpec } from '@perses-dev/plugin-system';\nimport packageJson from '../package.json';\n\n/**\n * Returns the plugin module information from package.json\n */\nexport function getPluginModule(): PluginModuleResource {\n  const { name, version, perses } = packageJson;\n  return {\n    kind: 'PluginModule',\n    metadata: {\n      name,\n      version,\n    },\n    spec: perses as PluginModuleSpec,\n  };\n}\n"],"names":["packageJson","getPluginModule","name","version","perses","kind","metadata","spec"],"mappings":"AAAA,oCAAoC;AACpC,kEAAkE;AAClE,mEAAmE;AACnE,0CAA0C;AAC1C,EAAE;AACF,6CAA6C;AAC7C,EAAE;AACF,sEAAsE;AACtE,oEAAoE;AACpE,2EAA2E;AAC3E,sEAAsE;AACtE,iCAAiC;AAGjC,OAAOA,iBAAiB,kBAAkB;AAE1C;;CAEC,GACD,OAAO,SAASC;IACd,MAAM,EAAEC,IAAI,EAAEC,OAAO,EAAEC,MAAM,EAAE,GAAGJ;IAClC,OAAO;QACLK,MAAM;QACNC,UAAU;YACRJ;YACAC;QACF;QACAI,MAAMH;IACR;AACF"}

package/lib/index-federation.d.ts

@@ -0,0 +1 @@
+//# sourceMappingURL=index-federation.d.ts.map

package/lib/index-federation.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index-federation.d.ts","sourceRoot":"","sources":["../../src/index-federation.ts"],"names":[],"mappings":""}

package/lib/index-federation.js

@@ -0,0 +1,15 @@
+// Copyright 2025 The Perses 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('./bootstrap');
+
+//# sourceMappingURL=index-federation.js.map

package/lib/index-federation.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/index-federation.ts"],"sourcesContent":["// Copyright 2025 The Perses Authors\n// Licensed under the Apache License, Version 2.0 (the \"License\");\n// you may not use this file except in compliance with the License.\n// You may obtain a copy of the License at\n//\n// http://www.apache.org/licenses/LICENSE-2.0\n//\n// Unless required by applicable law or agreed to in writing, software\n// distributed under the License is distributed on an \"AS IS\" BASIS,\n// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n// See the License for the specific language governing permissions and\n// limitations under the License.\n\nimport('./bootstrap');\n"],"names":[],"mappings":"AAAA,oCAAoC;AACpC,kEAAkE;AAClE,mEAAmE;AACnE,0CAA0C;AAC1C,EAAE;AACF,6CAA6C;AAC7C,EAAE;AACF,sEAAsE;AACtE,oEAAoE;AACpE,2EAA2E;AAC3E,sEAAsE;AACtE,iCAAiC;AAEjC,MAAM,CAAC"}

package/lib/index.d.ts

@@ -0,0 +1,3 @@
+export * from './components';
+export { getPluginModule } from './getPluginModule';
+//# sourceMappingURL=index.d.ts.map

package/lib/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/index.tsx"],"names":[],"mappings":"AAaA,cAAc,cAAc,CAAC;AAC7B,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC"}

package/lib/index.js

@@ -0,0 +1,16 @@
+// Copyright 2025 The Perses 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.
+export * from './components';
+export { getPluginModule } from './getPluginModule';
+
+//# sourceMappingURL=index.js.map

package/lib/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/index.tsx"],"sourcesContent":["// Copyright 2025 The Perses Authors\n// Licensed under the Apache License, Version 2.0 (the \"License\");\n// you may not use this file except in compliance with the License.\n// You may obtain a copy of the License at\n//\n// http://www.apache.org/licenses/LICENSE-2.0\n//\n// Unless required by applicable law or agreed to in writing, software\n// distributed under the License is distributed on an \"AS IS\" BASIS,\n// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n// See the License for the specific language governing permissions and\n// limitations under the License.\n\nexport * from './components';\nexport { getPluginModule } from './getPluginModule';\n"],"names":["getPluginModule"],"mappings":"AAAA,oCAAoC;AACpC,kEAAkE;AAClE,mEAAmE;AACnE,0CAA0C;AAC1C,EAAE;AACF,6CAA6C;AAC7C,EAAE;AACF,sEAAsE;AACtE,oEAAoE;AACpE,2EAA2E;AAC3E,sEAAsE;AACtE,iCAAiC;AAEjC,cAAc,eAAe;AAC7B,SAASA,eAAe,QAAQ,oBAAoB"}

package/lib/setup-tests.d.ts

@@ -0,0 +1,2 @@
+import '@testing-library/jest-dom';
+//# sourceMappingURL=setup-tests.d.ts.map

package/lib/setup-tests.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"setup-tests.d.ts","sourceRoot":"","sources":["../../src/setup-tests.ts"],"names":[],"mappings":"AAaA,OAAO,2BAA2B,CAAC"}

package/lib/setup-tests.js

@@ -0,0 +1,17 @@
+// Copyright 2023 The Perses 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 '@testing-library/jest-dom';
+// Always mock e-charts during tests since we don't have a proper canvas in jsdom
+jest.mock('echarts/core');
+
+//# sourceMappingURL=setup-tests.js.map

package/lib/setup-tests.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/setup-tests.ts"],"sourcesContent":["// Copyright 2023 The Perses Authors\n// Licensed under the Apache License, Version 2.0 (the \"License\");\n// you may not use this file except in compliance with the License.\n// You may obtain a copy of the License at\n//\n// http://www.apache.org/licenses/LICENSE-2.0\n//\n// Unless required by applicable law or agreed to in writing, software\n// distributed under the License is distributed on an \"AS IS\" BASIS,\n// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n// See the License for the specific language governing permissions and\n// limitations under the License.\n\nimport '@testing-library/jest-dom';\n\n// Always mock e-charts during tests since we don't have a proper canvas in jsdom\njest.mock('echarts/core');\n"],"names":["jest","mock"],"mappings":"AAAA,oCAAoC;AACpC,kEAAkE;AAClE,mEAAmE;AACnE,0CAA0C;AAC1C,EAAE;AACF,6CAA6C;AAC7C,EAAE;AACF,sEAAsE;AACtE,oEAAoE;AACpE,2EAA2E;AAC3E,sEAAsE;AACtE,iCAAiC;AAEjC,OAAO,4BAA4B;AAEnC,iFAAiF;AACjFA,KAAKC,IAAI,CAAC"}

package/lib/utils/data-model.d.ts

@@ -0,0 +1,37 @@
+/**
+ * FlameChart datamodel
+ */
+export interface FlameChartSample {
+    name: number;
+    value: [
+        level: number,
+        start_val: number,
+        end_val: number,
+        name: string,
+        total_percentage: number,
+        self_percentage: number,
+        shortName: string,
+        self: number,
+        total: number
+    ];
+    itemStyle: {
+        color: string;
+    };
+}
+/**
+ * TableChart datamodel
+ */
+export interface TableChartSample {
+    id: number;
+    name: string;
+    self: number;
+    total: number;
+}
+/**
+ * SeriesChart datamodel
+ */
+export interface SeriesSample {
+    id: number;
+    value: [number, number];
+}
+//# sourceMappingURL=data-model.d.ts.map

package/lib/utils/data-model.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"data-model.d.ts","sourceRoot":"","sources":["../../../src/utils/data-model.ts"],"names":[],"mappings":"AAaA;;GAEG;AACH,MAAM,WAAW,gBAAgB;IAC/B,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,EAAE;QACL,KAAK,EAAE,MAAM;QACb,SAAS,EAAE,MAAM;QACjB,OAAO,EAAE,MAAM;QACf,IAAI,EAAE,MAAM;QACZ,gBAAgB,EAAE,MAAM;QACxB,eAAe,EAAE,MAAM;QACvB,SAAS,EAAE,MAAM;QACjB,IAAI,EAAE,MAAM;QACZ,KAAK,EAAE,MAAM;KACd,CAAC;IACF,SAAS,EAAE;QACT,KAAK,EAAE,MAAM,CAAC;KACf,CAAC;CACH;AAED;;GAEG;AACH,MAAM,WAAW,gBAAgB;IAC/B,EAAE,EAAE,MAAM,CAAC;IACX,IAAI,EAAE,MAAM,CAAC;IACb,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,EAAE,MAAM,CAAC;CACf;AAED;;GAEG;AACH,MAAM,WAAW,YAAY;IAC3B,EAAE,EAAE,MAAM,CAAC;IACX,KAAK,EAAE,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;CACzB"}

package/lib/utils/data-model.js

@@ -0,0 +1,19 @@
+// Copyright 2025 The Perses 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.
+/**
+ * FlameChart datamodel
+ */ /**
+ * SeriesChart datamodel
+ */ export { };
+
+//# sourceMappingURL=data-model.js.map

package/lib/utils/data-model.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/utils/data-model.ts"],"sourcesContent":["// Copyright 2025 The Perses Authors\n// Licensed under the Apache License, Version 2.0 (the \"License\");\n// you may not use this file except in compliance with the License.\n// You may obtain a copy of the License at\n//\n// http://www.apache.org/licenses/LICENSE-2.0\n//\n// Unless required by applicable law or agreed to in writing, software\n// distributed under the License is distributed on an \"AS IS\" BASIS,\n// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n// See the License for the specific language governing permissions and\n// limitations under the License.\n\n/**\n * FlameChart datamodel\n */\nexport interface FlameChartSample {\n  name: number;\n  value: [\n    level: number,\n    start_val: number,\n    end_val: number,\n    name: string,\n    total_percentage: number,\n    self_percentage: number,\n    shortName: string,\n    self: number,\n    total: number,\n  ];\n  itemStyle: {\n    color: string;\n  };\n}\n\n/**\n * TableChart datamodel\n */\nexport interface TableChartSample {\n  id: number;\n  name: string;\n  self: number;\n  total: number;\n}\n\n/**\n * SeriesChart datamodel\n */\nexport interface SeriesSample {\n  id: number;\n  value: [number, number];\n}\n"],"names":[],"mappings":"AAAA,oCAAoC;AACpC,kEAAkE;AAClE,mEAAmE;AACnE,0CAA0C;AAC1C,EAAE;AACF,6CAA6C;AAC7C,EAAE;AACF,sEAAsE;AACtE,oEAAoE;AACpE,2EAA2E;AAC3E,sEAAsE;AACtE,iCAAiC;AAEjC;;CAEC,GA6BD;;CAEC,GACD,WAGC"}

package/lib/utils/data-transform.d.ts

@@ -0,0 +1,19 @@
+import { ProfileMetaData, StackTrace } from '@perses-dev/core';
+import { FlameChartSample as Sample, TableChartSample } from './data-model';
+/**
+ * Filter the global stacktrace by a function ID to focus on that function and display its corresponding flame chart
+ */
+export declare function filterJson(json: StackTrace, id?: number): StackTrace;
+/**
+ * Build series data for the flame chart option
+ */
+export declare function recursionJson(palette: string, metadata: ProfileMetaData | undefined, jsonObj: StackTrace, searchValue: string, id?: number): Sample[];
+/**
+ * Transform query results to a tabular format for the table chart
+ */
+export declare function tableRecursionJson(jsonObj: StackTrace, searchValue: string): TableChartSample[];
+/**
+ * Finds the total sample value of the series data item with the specified name.
+ */
+export declare function findTotalSampleByName(seriesData: Sample[], name: number | undefined): number | undefined;
+//# sourceMappingURL=data-transform.d.ts.map

package/lib/utils/data-transform.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"data-transform.d.ts","sourceRoot":"","sources":["../../../src/utils/data-transform.ts"],"names":[],"mappings":"AAaA,OAAO,EAAE,eAAe,EAAE,UAAU,EAAE,MAAM,kBAAkB,CAAC;AAC/D,OAAO,EAAE,gBAAgB,IAAI,MAAM,EAAE,gBAAgB,EAAE,MAAM,cAAc,CAAC;AAI5E;;GAEG;AACH,wBAAgB,UAAU,CAAC,IAAI,EAAE,UAAU,EAAE,EAAE,CAAC,EAAE,MAAM,GAAG,UAAU,CA2BpE;AA8BD;;GAEG;AACH,wBAAgB,aAAa,CAC3B,OAAO,EAAE,MAAM,EACf,QAAQ,EAAE,eAAe,GAAG,SAAS,EACrC,OAAO,EAAE,UAAU,EACnB,WAAW,EAAE,MAAM,EACnB,EAAE,CAAC,EAAE,MAAM,GACV,MAAM,EAAE,CAqCV;AAED;;GAEG;AACH,wBAAgB,kBAAkB,CAAC,OAAO,EAAE,UAAU,EAAE,WAAW,EAAE,MAAM,GAAG,gBAAgB,EAAE,CAsB/F;AAmBD;;GAEG;AACH,wBAAgB,qBAAqB,CAAC,UAAU,EAAE,MAAM,EAAE,EAAE,IAAI,EAAE,MAAM,GAAG,SAAS,GAAG,MAAM,GAAG,SAAS,CAKxG"}