@allurereport/web-awesome 3.0.0-beta.14 → 3.0.0-beta.15

package/dist/single/manifest.json

@@ -1,3 +1,3 @@
 {
-  "main.js": "app-3a6e31c7.js"
+  "main.js": "app-f5ecfcd9.js"
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@allurereport/web-awesome",
-  "version": "3.0.0-beta.14",
+  "version": "3.0.0-beta.15",
   "description": "The static files for Allure Awesome Report",
   "keywords": [
     "allure",
@@ -31,9 +31,9 @@
     "IE 11"
   ],
   "dependencies": {
-    "@allurereport/core-api": "3.0.0-beta.14",
-    "@allurereport/web-commons": "3.0.0-beta.14",
-    "@allurereport/web-components": "3.0.0-beta.14",
+    "@allurereport/core-api": "3.0.0-beta.15",
+    "@allurereport/web-commons": "3.0.0-beta.15",
+    "@allurereport/web-components": "3.0.0-beta.15",
     "@preact/signals": "^1.3.0",
     "clsx": "^2.1.1",
     "d3-shape": "^3.2.0",
@@ -96,6 +96,7 @@
     "split.js": "^1.6.5",
     "style-loader": "^4.0.0",
     "svg-sprite-loader": "^6.0.11",
+    "terser-webpack-plugin": "^5.3.14",
     "typescript": "^5.6.3",
     "typescript-eslint": "^8.6.0",
     "vitest": "^2.1.8",

package/src/components/BaseLayout/styles.scss

@@ -1,6 +1,6 @@
 .layout {
   margin: auto;
-  padding: 12px 32px;
+  padding: 0 32px;
   background: var(--bg-base-secondary);
   color: var(--on-text-primary);
   font-size: 14px;

package/src/components/Header/styles.scss

@@ -5,8 +5,7 @@
   justify-content: space-between;
   align-items: center;
   gap: 12px;
-  padding: 0 24px;
-  padding-top: 8px;
+  padding: 8px 24px 12px;
 }
 
 .logoWrapper {

package/src/components/TestResult/TrSteps/TrAttachment.tsx

@@ -1,8 +1,8 @@
 import type { AttachmentTestStepResult } from "@allurereport/core-api";
 import { attachmentType } from "@allurereport/web-commons";
 import { ArrowButton, Attachment, Code, SvgIcon, Text, allureIcons } from "@allurereport/web-components";
-import type { FunctionComponent } from "preact";
 import cx from "clsx";
+import type { FunctionComponent } from "preact";
 import { useState } from "preact/hooks";
 import { TrAttachmentInfo } from "@/components/TestResult/TrSteps/TrAttachmentInfo";
 import * as styles from "@/components/TestResult/TrSteps/styles.scss";

package/src/locales/de.json

@@ -155,5 +155,4 @@
       "title": "Testerfolgsrate"
     }
   }
-
 }

package/src/stores/chart.ts

@@ -18,7 +18,9 @@ export const fetchPieChartData = async (env: string) => {
   };
 
   try {
-    const res = await fetchReportJsonData(env ? `widgets/${env}/pie_chart.json` : "widgets/pie_chart.json");
+    const res = await fetchReportJsonData(env ? `widgets/${env}/pie_chart.json` : "widgets/pie_chart.json", {
+      bustCache: true,
+    });
 
     pieChartStore.value = {
       data: res,
@@ -47,7 +49,7 @@ export const fetchChartsData = async () => {
   };
 
   try {
-    const res = await fetchReportJsonData<ChartsResponse>("widgets/charts.json");
+    const res = await fetchReportJsonData<ChartsResponse>("widgets/charts.json", { bustCache: true });
 
     chartsStore.value = {
       data: createCharts(res),

package/src/stores/env.ts

@@ -32,7 +32,7 @@ export const fetchEnvironments = async () => {
   };
 
   try {
-    const res = await fetchReportJsonData<string[]>("widgets/environments.json");
+    const res = await fetchReportJsonData<string[]>("widgets/environments.json", { bustCache: true });
 
     environmentsStore.value = {
       data: res,

package/src/stores/envInfo.ts

@@ -1,7 +1,7 @@
 import type { EnvironmentItem } from "@allurereport/core-api";
 import { fetchReportJsonData } from "@allurereport/web-commons";
 import { signal } from "@preact/signals";
-import { StoreSignalState } from "@/stores/types";
+import type { StoreSignalState } from "@/stores/types";
 
 export const envInfoStore = signal<StoreSignalState<EnvironmentItem[]>>({
   loading: false,
@@ -17,7 +17,7 @@ export const fetchEnvInfo = async () => {
   };
 
   try {
-    const res = await fetchReportJsonData<EnvironmentItem[]>("widgets/allure_environment.json");
+    const res = await fetchReportJsonData<EnvironmentItem[]>("widgets/allure_environment.json", { bustCache: true });
 
     envInfoStore.value = {
       data: res,

package/src/stores/stats.ts

@@ -26,7 +26,7 @@ export const fetchReportStats = async () => {
   };
 
   try {
-    const res = await fetchReportJsonData<Statistic>("widgets/statistic.json");
+    const res = await fetchReportJsonData<Statistic>("widgets/statistic.json", { bustCache: true });
 
     reportStatsStore.value = {
       data: res,
@@ -58,7 +58,7 @@ export const fetchEnvStats = async (envs: string[]) => {
 
   try {
     const data = await Promise.all(
-      envsToFetch.map((env) => fetchReportJsonData<AwesomeTree>(`widgets/${env}/statistic.json`)),
+      envsToFetch.map((env) => fetchReportJsonData<AwesomeTree>(`widgets/${env}/statistic.json`, { bustCache: true })),
     );
 
     statsByEnvStore.value = {

package/src/stores/testResults.ts

@@ -21,7 +21,9 @@ export const testResultNavStore = signal<StoreSignalState<TrNavStoreState>>({
 
 export const fetchTestResultNav = async (env?: string) => {
   try {
-    const data = await fetchReportJsonData<string[]>(env ? `widgets/${env}/nav.json` : "widgets/nav.json");
+    const data = await fetchReportJsonData<string[]>(env ? `widgets/${env}/nav.json` : "widgets/nav.json", {
+      bustCache: true,
+    });
 
     testResultNavStore.value = {
       data,
@@ -49,7 +51,9 @@ export const fetchTestResult = async (testResultId: string) => {
   };
 
   try {
-    const data = await fetchReportJsonData<AwesomeTestResult>(`data/test-results/${testResultId}.json`);
+    const data = await fetchReportJsonData<AwesomeTestResult>(`data/test-results/${testResultId}.json`, {
+      bustCache: true,
+    });
 
     testResultStore.value = {
       data: { ...testResultStore.value.data, [testResultId]: data },

package/src/stores/tree.ts

@@ -164,7 +164,7 @@ export const fetchEnvTreesData = async (envs: string[]) => {
 
   try {
     const data = await Promise.all(
-      envsToFetch.map((env) => fetchReportJsonData<AwesomeTree>(`widgets/${env}/tree.json`)),
+      envsToFetch.map((env) => fetchReportJsonData<AwesomeTree>(`widgets/${env}/tree.json`, { bustCache: true })),
     );
 
     const previous = treeStore.value.data;

package/src/stores/variables.ts

@@ -18,7 +18,9 @@ export const fetchVariables = async (env: string = "default") => {
   };
 
   try {
-    const res = await fetchReportJsonData<string[]>(env ? `widgets/${env}/variables.json` : "widgets/variables.json");
+    const res = await fetchReportJsonData<string[]>(env ? `widgets/${env}/variables.json` : "widgets/variables.json", {
+      bustCache: true,
+    });
 
     variables.value = {
       data: {

package/types.d.ts

@@ -24,6 +24,7 @@ export type AwesomeReportOptions = {
   layout?: Layout;
   defaultSection?: string;
   sections?: string[];
+  cacheKey: string;
 };
 
 export type AwesomeFixtureResult = Omit<

package/webpack.config.js

@@ -7,6 +7,7 @@ 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";
+import TerserPlugin from "terser-webpack-plugin";
 
 const { SINGLE_FILE_MODE } = env;
 const baseDir = dirname(fileURLToPath(import.meta.url));
@@ -21,6 +22,19 @@ export default (env, argv) => {
       assetModuleFilename: devMode ? `[name].[ext]` : `[name]-[hash:8].[ext]`,
     },
     devtool: devMode ? "inline-source-map" : false,
+    optimization: {
+      minimize: !devMode,
+      minimizer: [
+        new TerserPlugin({
+          terserOptions: {
+            compress: {
+              drop_console: false,
+              drop_debugger: false,
+            },
+          },
+        }),
+      ],
+    },
     module: {
       rules: [
         {