@perses-dev/histogram-chart-plugin 0.9.0

package/lib/getPluginModule.js

@@ -0,0 +1,16 @@
+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":["import { 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":"AACA,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/histogram-chart-model.d.ts

@@ -0,0 +1,29 @@
+import { Definition, FormatOptions, ThresholdOptions } from '@perses-dev/core';
+import { OptionsEditorProps } from '@perses-dev/plugin-system';
+export declare const DEFAULT_FORMAT: FormatOptions;
+export declare const DEFAULT_THRESHOLDS: ThresholdOptions;
+export declare const DEFAULT_MIN_PERCENT = 0;
+export declare const DEFAULT_MAX_PERCENT = 100;
+export declare const DEFAULT_MIN_PERCENT_DECIMAL = 0;
+export declare const DEFAULT_MAX_PERCENT_DECIMAL = 1;
+/**
+ * The schema for a HistogramChart panel.
+ */
+export interface HistogramChartDefinition extends Definition<HistogramChartOptions> {
+    kind: 'HistogramChart';
+}
+/**
+ * The Options object type supported by the HistogramChart panel plugin.
+ */
+export interface HistogramChartOptions {
+    format?: FormatOptions;
+    min?: number;
+    max?: number;
+    thresholds?: ThresholdOptions;
+}
+export type HistogramChartOptionsEditorProps = OptionsEditorProps<HistogramChartOptions>;
+/**
+ * Creates the initial/empty options for a HistogramChart panel.
+ */
+export declare function createInitialHistogramChartOptions(): HistogramChartOptions;
+//# sourceMappingURL=histogram-chart-model.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"histogram-chart-model.d.ts","sourceRoot":"","sources":["../../src/histogram-chart-model.ts"],"names":[],"mappings":"AAaA,OAAO,EAAE,UAAU,EAAE,aAAa,EAAE,gBAAgB,EAAE,MAAM,kBAAkB,CAAC;AAC/E,OAAO,EAAE,kBAAkB,EAAE,MAAM,2BAA2B,CAAC;AAE/D,eAAO,MAAM,cAAc,EAAE,aAAmC,CAAC;AACjE,eAAO,MAAM,kBAAkB,EAAE,gBAA8C,CAAC;AAChF,eAAO,MAAM,mBAAmB,IAAI,CAAC;AACrC,eAAO,MAAM,mBAAmB,MAAM,CAAC;AACvC,eAAO,MAAM,2BAA2B,IAAI,CAAC;AAC7C,eAAO,MAAM,2BAA2B,IAAI,CAAC;AAE7C;;GAEG;AACH,MAAM,WAAW,wBAAyB,SAAQ,UAAU,CAAC,qBAAqB,CAAC;IACjF,IAAI,EAAE,gBAAgB,CAAC;CACxB;AAED;;GAEG;AACH,MAAM,WAAW,qBAAqB;IACpC,MAAM,CAAC,EAAE,aAAa,CAAC;IACvB,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,UAAU,CAAC,EAAE,gBAAgB,CAAC;CAC/B;AAED,MAAM,MAAM,gCAAgC,GAAG,kBAAkB,CAAC,qBAAqB,CAAC,CAAC;AAEzF;;GAEG;AACH,wBAAgB,kCAAkC,IAAI,qBAAqB,CAI1E"}

package/lib/histogram-chart-model.js

@@ -0,0 +1,31 @@
+// 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 const DEFAULT_FORMAT = {
+    unit: 'decimal'
+};
+export const DEFAULT_THRESHOLDS = {
+    defaultColor: '#56b4e9'
+};
+export const DEFAULT_MIN_PERCENT = 0;
+export const DEFAULT_MAX_PERCENT = 100;
+export const DEFAULT_MIN_PERCENT_DECIMAL = 0;
+export const DEFAULT_MAX_PERCENT_DECIMAL = 1;
+/**
+ * Creates the initial/empty options for a HistogramChart panel.
+ */ export function createInitialHistogramChartOptions() {
+    return {
+        format: DEFAULT_FORMAT
+    };
+}
+
+//# sourceMappingURL=histogram-chart-model.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/histogram-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, FormatOptions, ThresholdOptions } from '@perses-dev/core';\nimport { OptionsEditorProps } from '@perses-dev/plugin-system';\n\nexport const DEFAULT_FORMAT: FormatOptions = { unit: 'decimal' };\nexport const DEFAULT_THRESHOLDS: ThresholdOptions = { defaultColor: '#56b4e9' };\nexport const DEFAULT_MIN_PERCENT = 0;\nexport const DEFAULT_MAX_PERCENT = 100;\nexport const DEFAULT_MIN_PERCENT_DECIMAL = 0;\nexport const DEFAULT_MAX_PERCENT_DECIMAL = 1;\n\n/**\n * The schema for a HistogramChart panel.\n */\nexport interface HistogramChartDefinition extends Definition<HistogramChartOptions> {\n  kind: 'HistogramChart';\n}\n\n/**\n * The Options object type supported by the HistogramChart panel plugin.\n */\nexport interface HistogramChartOptions {\n  format?: FormatOptions;\n  min?: number;\n  max?: number;\n  thresholds?: ThresholdOptions;\n}\n\nexport type HistogramChartOptionsEditorProps = OptionsEditorProps<HistogramChartOptions>;\n\n/**\n * Creates the initial/empty options for a HistogramChart panel.\n */\nexport function createInitialHistogramChartOptions(): HistogramChartOptions {\n  return {\n    format: DEFAULT_FORMAT,\n  };\n}\n"],"names":["DEFAULT_FORMAT","unit","DEFAULT_THRESHOLDS","defaultColor","DEFAULT_MIN_PERCENT","DEFAULT_MAX_PERCENT","DEFAULT_MIN_PERCENT_DECIMAL","DEFAULT_MAX_PERCENT_DECIMAL","createInitialHistogramChartOptions","format"],"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;AAKjC,OAAO,MAAMA,iBAAgC;IAAEC,MAAM;AAAU,EAAE;AACjE,OAAO,MAAMC,qBAAuC;IAAEC,cAAc;AAAU,EAAE;AAChF,OAAO,MAAMC,sBAAsB,EAAE;AACrC,OAAO,MAAMC,sBAAsB,IAAI;AACvC,OAAO,MAAMC,8BAA8B,EAAE;AAC7C,OAAO,MAAMC,8BAA8B,EAAE;AAqB7C;;CAEC,GACD,OAAO,SAASC;IACd,OAAO;QACLC,QAAQT;IACV;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,5 @@
+export { getPluginModule } from './getPluginModule';
+export { HistogramChartPanel } from './components';
+export * from './histogram-chart-model';
+export * from './HistogramChart';
+//# sourceMappingURL=index.d.ts.map

package/lib/index.d.ts.map

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

package/lib/index.js

@@ -0,0 +1,18 @@
+// 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 { getPluginModule } from './getPluginModule';
+export { HistogramChartPanel } from './components';
+export * from './histogram-chart-model';
+export * from './HistogramChart';
+
+//# sourceMappingURL=index.js.map

package/lib/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/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 { getPluginModule } from './getPluginModule';\nexport { HistogramChartPanel } from './components';\nexport * from './histogram-chart-model';\nexport * from './HistogramChart';\n"],"names":["getPluginModule","HistogramChartPanel"],"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,SAASA,eAAe,QAAQ,oBAAoB;AACpD,SAASC,mBAAmB,QAAQ,eAAe;AACnD,cAAc,0BAA0B;AACxC,cAAc,mBAAmB"}

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 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 '@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 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 '@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/index.d.ts

@@ -0,0 +1,2 @@
+export * from './thresholds';
+//# sourceMappingURL=index.d.ts.map

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

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

package/lib/utils/index.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.
+export * from './thresholds';
+
+//# sourceMappingURL=index.js.map

package/lib/utils/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/utils/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 './thresholds';\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,eAAe"}

package/lib/utils/thresholds.d.ts

@@ -0,0 +1,4 @@
+import { ThresholdOptions } from '@perses-dev/core';
+import { PersesChartsTheme } from '@perses-dev/components';
+export declare function getColorFromThresholds(value: number, thresholds: ThresholdOptions | undefined, chartsTheme: PersesChartsTheme, defaultColor: string): string | null;
+//# sourceMappingURL=thresholds.d.ts.map

package/lib/utils/thresholds.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"thresholds.d.ts","sourceRoot":"","sources":["../../../src/utils/thresholds.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,gBAAgB,EAAE,MAAM,kBAAkB,CAAC;AACpD,OAAO,EAAE,iBAAiB,EAAE,MAAM,wBAAwB,CAAC;AAE3D,wBAAgB,sBAAsB,CACpC,KAAK,EAAE,MAAM,EACb,UAAU,EAAE,gBAAgB,GAAG,SAAS,EACxC,WAAW,EAAE,iBAAiB,EAC9B,YAAY,EAAE,MAAM,GACnB,MAAM,GAAG,IAAI,CAcf"}

package/lib/utils/thresholds.js

@@ -0,0 +1,14 @@
+export function getColorFromThresholds(value, thresholds, chartsTheme, defaultColor) {
+    if (thresholds?.steps) {
+        const matchingColors = thresholds.steps.map((step, index)=>{
+            if (value >= step.value) {
+                return step.color ?? chartsTheme.thresholds.palette[index] ?? thresholds.defaultColor ?? defaultColor;
+            }
+            return null;
+        }).filter((color)=>color !== null);
+        return matchingColors[matchingColors.length - 1] ?? thresholds.defaultColor ?? defaultColor;
+    }
+    return thresholds?.defaultColor ?? defaultColor;
+}
+
+//# sourceMappingURL=thresholds.js.map

package/lib/utils/thresholds.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/utils/thresholds.ts"],"sourcesContent":["import { ThresholdOptions } from '@perses-dev/core';\nimport { PersesChartsTheme } from '@perses-dev/components';\n\nexport function getColorFromThresholds(\n  value: number,\n  thresholds: ThresholdOptions | undefined,\n  chartsTheme: PersesChartsTheme,\n  defaultColor: string\n): string | null {\n  if (thresholds?.steps) {\n    const matchingColors = thresholds.steps\n      .map((step, index) => {\n        if (value >= step.value) {\n          return step.color ?? chartsTheme.thresholds.palette[index] ?? thresholds.defaultColor ?? defaultColor;\n        }\n        return null;\n      })\n      .filter((color): color is string => color !== null);\n\n    return matchingColors[matchingColors.length - 1] ?? thresholds.defaultColor ?? defaultColor;\n  }\n  return thresholds?.defaultColor ?? defaultColor;\n}\n"],"names":["getColorFromThresholds","value","thresholds","chartsTheme","defaultColor","steps","matchingColors","map","step","index","color","palette","filter","length"],"mappings":"AAGA,OAAO,SAASA,uBACdC,KAAa,EACbC,UAAwC,EACxCC,WAA8B,EAC9BC,YAAoB;IAEpB,IAAIF,YAAYG,OAAO;QACrB,MAAMC,iBAAiBJ,WAAWG,KAAK,CACpCE,GAAG,CAAC,CAACC,MAAMC;YACV,IAAIR,SAASO,KAAKP,KAAK,EAAE;gBACvB,OAAOO,KAAKE,KAAK,IAAIP,YAAYD,UAAU,CAACS,OAAO,CAACF,MAAM,IAAIP,WAAWE,YAAY,IAAIA;YAC3F;YACA,OAAO;QACT,GACCQ,MAAM,CAAC,CAACF,QAA2BA,UAAU;QAEhD,OAAOJ,cAAc,CAACA,eAAeO,MAAM,GAAG,EAAE,IAAIX,WAAWE,YAAY,IAAIA;IACjF;IACA,OAAOF,YAAYE,gBAAgBA;AACrC"}

package/mf-manifest.json

@@ -0,0 +1,169 @@
+{
+  "id": "HistogramChart",
+  "name": "HistogramChart",
+  "metaData": {
+    "name": "HistogramChart",
+    "type": "app",
+    "buildInfo": {
+      "buildVersion": "0.9.0",
+      "buildName": "@perses-dev/histogram-chart-plugin"
+    },
+    "remoteEntry": {
+      "name": "__mf/js/HistogramChart.93af6e55.js",
+      "path": "",
+      "type": "global"
+    },
+    "types": {
+      "path": "",
+      "name": "",
+      "zip": "",
+      "api": ""
+    },
+    "globalName": "HistogramChart",
+    "pluginVersion": "0.18.1",
+    "prefetchInterface": false,
+    "publicPath": "/plugins/HistogramChart/"
+  },
+  "shared": [
+    {
+      "id": "HistogramChart:@perses-dev/components",
+      "name": "@perses-dev/components",
+      "version": "0.52.0-beta.5",
+      "singleton": true,
+      "requiredVersion": "^0.52.0-beta.5",
+      "assets": {
+        "js": {
+          "async": [],
+          "sync": [
+            "__mf/js/async/39.719defa2.js"
+          ]
+        },
+        "css": {
+          "async": [],
+          "sync": []
+        }
+      }
+    },
+    {
+      "id": "HistogramChart:@perses-dev/core",
+      "name": "@perses-dev/core",
+      "version": "0.52.0-beta.5",
+      "singleton": true,
+      "requiredVersion": "^0.52.0-beta.5",
+      "assets": {
+        "js": {
+          "async": [],
+          "sync": [
+            "__mf/js/async/934.27722fd3.js"
+          ]
+        },
+        "css": {
+          "async": [],
+          "sync": []
+        }
+      }
+    },
+    {
+      "id": "HistogramChart:immer",
+      "name": "immer",
+      "version": "10.1.1",
+      "singleton": true,
+      "requiredVersion": "^10.1.1",
+      "assets": {
+        "js": {
+          "async": [],
+          "sync": [
+            "__mf/js/async/774.b18c4a5c.js"
+          ]
+        },
+        "css": {
+          "async": [],
+          "sync": []
+        }
+      }
+    },
+    {
+      "id": "HistogramChart:lodash",
+      "name": "lodash",
+      "version": "4.17.21",
+      "singleton": true,
+      "requiredVersion": "^4.17.21",
+      "assets": {
+        "js": {
+          "async": [],
+          "sync": [
+            "__mf/js/async/981.b29ba452.js"
+          ]
+        },
+        "css": {
+          "async": [],
+          "sync": []
+        }
+      }
+    },
+    {
+      "id": "HistogramChart:react-dom",
+      "name": "react-dom",
+      "version": "18.3.1",
+      "singleton": true,
+      "requiredVersion": "18.2.0",
+      "assets": {
+        "js": {
+          "async": [],
+          "sync": [
+            "__mf/js/async/173.1e8a2c14.js"
+          ]
+        },
+        "css": {
+          "async": [],
+          "sync": []
+        }
+      }
+    },
+    {
+      "id": "HistogramChart:react",
+      "name": "react",
+      "version": "18.3.1",
+      "singleton": true,
+      "requiredVersion": "18.2.0",
+      "assets": {
+        "js": {
+          "async": [],
+          "sync": [
+            "__mf/js/async/964.b6419e33.js"
+          ]
+        },
+        "css": {
+          "async": [],
+          "sync": []
+        }
+      }
+    }
+  ],
+  "remotes": [],
+  "exposes": [
+    {
+      "id": "HistogramChart:HistogramChart",
+      "name": "HistogramChart",
+      "assets": {
+        "js": {
+          "sync": [
+            "__mf/js/async/293.280a8f4f.js",
+            "__mf/js/async/814.7ccaa658.js",
+            "__mf/js/async/__federation_expose_HistogramChart.d98de268.js"
+          ],
+          "async": [
+            "__mf/js/async/790.15c77240.js"
+          ]
+        },
+        "css": {
+          "sync": [],
+          "async": [
+            "__mf/css/async/341.1e19d050.css"
+          ]
+        }
+      },
+      "path": "./HistogramChart"
+    }
+  ]
+}

package/mf-stats.json

@@ -0,0 +1,199 @@
+{
+  "id": "HistogramChart",
+  "name": "HistogramChart",
+  "metaData": {
+    "name": "HistogramChart",
+    "type": "app",
+    "buildInfo": {
+      "buildVersion": "0.9.0",
+      "buildName": "@perses-dev/histogram-chart-plugin"
+    },
+    "remoteEntry": {
+      "name": "__mf/js/HistogramChart.93af6e55.js",
+      "path": "",
+      "type": "global"
+    },
+    "types": {
+      "path": "",
+      "name": "",
+      "zip": "",
+      "api": ""
+    },
+    "globalName": "HistogramChart",
+    "pluginVersion": "0.18.1",
+    "prefetchInterface": false,
+    "publicPath": "/plugins/HistogramChart/"
+  },
+  "shared": [
+    {
+      "singleton": true,
+      "requiredVersion": "^0.52.0-beta.5",
+      "shareScope": "default",
+      "name": "@perses-dev/components",
+      "version": "0.52.0-beta.5",
+      "eager": false,
+      "id": "HistogramChart:@perses-dev/components",
+      "assets": {
+        "js": {
+          "async": [],
+          "sync": [
+            "__mf/js/async/39.719defa2.js"
+          ]
+        },
+        "css": {
+          "async": [],
+          "sync": []
+        }
+      },
+      "usedIn": [
+        "./HistogramChart"
+      ]
+    },
+    {
+      "singleton": true,
+      "requiredVersion": "^0.52.0-beta.5",
+      "shareScope": "default",
+      "name": "@perses-dev/core",
+      "version": "0.52.0-beta.5",
+      "eager": false,
+      "id": "HistogramChart:@perses-dev/core",
+      "assets": {
+        "js": {
+          "async": [],
+          "sync": [
+            "__mf/js/async/934.27722fd3.js"
+          ]
+        },
+        "css": {
+          "async": [],
+          "sync": []
+        }
+      },
+      "usedIn": []
+    },
+    {
+      "singleton": true,
+      "requiredVersion": "^10.1.1",
+      "shareScope": "default",
+      "name": "immer",
+      "version": "10.1.1",
+      "eager": false,
+      "id": "HistogramChart:immer",
+      "assets": {
+        "js": {
+          "async": [],
+          "sync": [
+            "__mf/js/async/774.b18c4a5c.js"
+          ]
+        },
+        "css": {
+          "async": [],
+          "sync": []
+        }
+      },
+      "usedIn": [
+        "./HistogramChart"
+      ]
+    },
+    {
+      "singleton": true,
+      "requiredVersion": "^4.17.21",
+      "shareScope": "default",
+      "name": "lodash",
+      "version": "4.17.21",
+      "eager": false,
+      "id": "HistogramChart:lodash",
+      "assets": {
+        "js": {
+          "async": [],
+          "sync": [
+            "__mf/js/async/981.b29ba452.js"
+          ]
+        },
+        "css": {
+          "async": [],
+          "sync": []
+        }
+      },
+      "usedIn": []
+    },
+    {
+      "singleton": true,
+      "requiredVersion": "18.2.0",
+      "shareScope": "default",
+      "name": "react-dom",
+      "version": "18.3.1",
+      "eager": false,
+      "id": "HistogramChart:react-dom",
+      "assets": {
+        "js": {
+          "async": [],
+          "sync": [
+            "__mf/js/async/173.1e8a2c14.js"
+          ]
+        },
+        "css": {
+          "async": [],
+          "sync": []
+        }
+      },
+      "usedIn": []
+    },
+    {
+      "singleton": true,
+      "requiredVersion": "18.2.0",
+      "shareScope": "default",
+      "name": "react",
+      "version": "18.3.1",
+      "eager": false,
+      "id": "HistogramChart:react",
+      "assets": {
+        "js": {
+          "async": [],
+          "sync": [
+            "__mf/js/async/964.b6419e33.js"
+          ]
+        },
+        "css": {
+          "async": [],
+          "sync": []
+        }
+      },
+      "usedIn": [
+        "./HistogramChart"
+      ]
+    }
+  ],
+  "remotes": [],
+  "exposes": [
+    {
+      "path": "./HistogramChart",
+      "id": "HistogramChart:HistogramChart",
+      "name": "HistogramChart",
+      "requires": [
+        "react",
+        "immer",
+        "@perses-dev/components"
+      ],
+      "file": "src/HistogramChart.ts",
+      "assets": {
+        "js": {
+          "sync": [
+            "__mf/js/async/293.280a8f4f.js",
+            "__mf/js/async/814.7ccaa658.js",
+            "__mf/js/async/__federation_expose_HistogramChart.d98de268.js"
+          ],
+          "async": [
+            "__mf/js/async/790.15c77240.js"
+          ]
+        },
+        "css": {
+          "sync": [],
+          "async": [
+            "__mf/css/async/341.1e19d050.css"
+          ]
+        }
+      }
+    }
+  ]
+}