@allurereport/web-dashboard 3.0.0-beta.15 → 3.0.0-beta.16

package/dist/single/manifest.json

@@ -1,3 +1,3 @@
 {
-  "main.js": "app-6589e136.js"
+  "main.js": "app-33e771d795875d688872.js"
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@allurereport/web-dashboard",
-  "version": "3.0.0-beta.15",
+  "version": "3.0.0-beta.16",
   "description": "The static files for Allure Dashboard Report",
   "keywords": [
     "allure",
@@ -31,9 +31,9 @@
     "IE 11"
   ],
   "dependencies": {
-    "@allurereport/core-api": "3.0.0-beta.15",
-    "@allurereport/web-commons": "3.0.0-beta.15",
-    "@allurereport/web-components": "3.0.0-beta.15",
+    "@allurereport/core-api": "3.0.0-beta.16",
+    "@allurereport/web-commons": "3.0.0-beta.16",
+    "@allurereport/web-components": "3.0.0-beta.16",
     "@preact/signals": "^1.3.0",
     "clsx": "^2.1.1",
     "i18next": "^24.0.2",
@@ -41,10 +41,10 @@
     "reset.css": "^2.0.2"
   },
   "devDependencies": {
-    "@babel/core": "^7.25.2",
-    "@babel/plugin-transform-react-jsx": "^7.25.2",
-    "@babel/preset-env": "^7.25.4",
-    "@babel/preset-typescript": "^7.24.7",
+    "@babel/core": "^7.27.4",
+    "@babel/plugin-transform-react-jsx": "^7.27.1",
+    "@babel/preset-env": "^7.27.2",
+    "@babel/preset-typescript": "^7.27.1",
     "@eslint/js": "^9.10.0",
     "@floating-ui/dom": "^1.6.12",
     "@preact/compat": "^18.3.1",
@@ -56,8 +56,8 @@
     "@types/node": "^20.17.9",
     "@typescript-eslint/eslint-plugin": "^8.0.0",
     "@typescript-eslint/parser": "^8.0.0",
-    "@vitest/runner": "^2.1.8",
-    "@vitest/snapshot": "^2.1.8",
+    "@vitest/runner": "^2.1.9",
+    "@vitest/snapshot": "^2.1.9",
     "allure-vitest": "^3.0.9",
     "autoprefixer": "^10.4.20",
     "babel-loader": "^9.2.1",
@@ -81,7 +81,7 @@
     "html-webpack-plugin": "^5.6.3",
     "mini-css-extract-plugin": "^2.9.1",
     "npm-run-all2": "^7.0.1",
-    "postcss": "^8.4.49",
+    "postcss": "^8.5.0",
     "rimraf": "^6.0.1",
     "sass": "^1.79.1",
     "sass-loader": "^16.0.1",
@@ -89,10 +89,10 @@
     "svg-sprite-loader": "^6.0.11",
     "typescript": "^5.6.3",
     "typescript-eslint": "^8.6.0",
-    "vitest": "^2.1.8",
-    "webpack": "^5.94.0",
+    "vitest": "^2.1.9",
+    "webpack": "^5.99.9",
     "webpack-cli": "^5.1.4",
-    "webpack-dev-server": "^5.1.0",
+    "webpack-dev-server": "^5.2.1",
     "webpack-manifest-plugin": "^5.0.0"
   }
 }

package/src/components/Dashboard/index.tsx

@@ -1,5 +1,5 @@
 /* eslint-disable @typescript-eslint/no-unsafe-argument */
-import { capitalize } from "@allurereport/web-commons";
+import { ChartType, capitalize } from "@allurereport/web-commons";
 import {
   Grid,
   GridItem,
@@ -10,7 +10,7 @@ import {
   Widget,
 } from "@allurereport/web-components";
 import { useEffect } from "preact/hooks";
-import { type ChartData, ChartType, dashboardStore, fetchDashboardData } from "@/stores/dashboard";
+import { type ChartData, dashboardStore, fetchDashboardData } from "@/stores/dashboard";
 import { useI18n } from "@/stores/locale";
 import * as styles from "./styles.scss";
 
@@ -26,6 +26,7 @@ const getChartWidgetByType = (
       return (
         <TrendChartWidget
           title={title}
+          mode={chartData.mode}
           items={chartData.items}
           slices={chartData.slices}
           min={chartData.min}

package/src/stores/dashboard.ts

@@ -1,21 +1,9 @@
 import type { SeverityLevel, TestStatus } from "@allurereport/core-api";
 import { severityLevels, statusesList } from "@allurereport/core-api";
-import { fetchReportJsonData } from "@allurereport/web-commons";
+import { ChartDataType, type ChartId, type ChartMode, ChartType, fetchReportJsonData } from "@allurereport/web-commons";
 import { signal } from "@preact/signals";
 import type { StoreSignalState } from "@/stores/types";
 
-export enum ChartType {
-  Trend = "trend",
-  Pie = "pie",
-}
-
-enum ChartDataType {
-  Status = "status",
-  Severity = "severity",
-}
-
-type ChartId = string;
-
 interface Point {
   x: Date | string | number;
   y: number;
@@ -30,6 +18,7 @@ interface Slice {
 interface ResponseTrendChartData {
   type: ChartType.Trend;
   dataType: ChartDataType;
+  mode: ChartMode;
   title?: string;
   min: number;
   max: number;
@@ -47,6 +36,7 @@ interface TrendChartItem {
 export interface TrendChartData {
   type: ChartType.Trend;
   dataType: ChartDataType;
+  mode: ChartMode;
   min: number;
   max: number;
   items: TrendChartItem[];
@@ -136,6 +126,7 @@ const createTrendChartData = <T extends TestStatus | SeverityLevel>(
   return {
     type: chart.type,
     dataType: chart.dataType,
+    mode: chart.mode,
     title: chart.title,
     items,
     slices: Object.values(chart.slices),

package/webpack.config.js

@@ -1,3 +1,4 @@
+import ForkTsCheckerPlugin from "fork-ts-checker-webpack-plugin";
 import HtmlWebpackPlugin from "html-webpack-plugin";
 import MiniCssExtractPlugin from "mini-css-extract-plugin";
 import { dirname, join } from "node:path";
@@ -6,7 +7,6 @@ import { fileURLToPath } from "node:url";
 import SpriteLoaderPlugin from "svg-sprite-loader/plugin.js";
 import webpack from "webpack";
 import { WebpackManifestPlugin } from "webpack-manifest-plugin";
-import ForkTsCheckerPlugin from "fork-ts-checker-webpack-plugin";
 
 const { SINGLE_FILE_MODE } = env;
 const baseDir = dirname(fileURLToPath(import.meta.url));
@@ -17,8 +17,8 @@ export default (env, argv) => {
     entry: "./src/index.tsx",
     output: {
       path: join(baseDir, SINGLE_FILE_MODE ? "dist/single" : "dist/multi"),
-      filename: devMode ? "app.js" : "app-[hash:8].js",
-      assetModuleFilename: devMode ? `[name].[ext]` : `[name]-[hash:8].[ext]`,
+      filename: devMode ? "app.js" : "app-[fullhash].js",
+      assetModuleFilename: "[name][ext]",
     },
     devtool: devMode ? "inline-source-map" : false,
     module: {
@@ -74,7 +74,7 @@ export default (env, argv) => {
         DEVELOPMENT: devMode,
       }),
       new MiniCssExtractPlugin({
-        filename: devMode ? "styles.css" : "styles-[hash:8].css",
+        filename: devMode ? "styles.css" : "styles-[contenthash].css",
       }),
       new SpriteLoaderPlugin(),
       new WebpackManifestPlugin({