@allurereport/web-awesome 3.0.0-beta.24 → 3.0.0-beta.25

package/dist/single/manifest.json

@@ -1,3 +1,3 @@
 {
-  "main.js": "app-bfa8df3fad4158726f8e.js"
+  "main.js": "app-0c8570034ae48c739e8e.js"
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@allurereport/web-awesome",
-  "version": "3.0.0-beta.24",
+  "version": "3.0.0-beta.25",
   "description": "The static files for Allure Awesome Report",
   "keywords": [
     "allure",
@@ -31,11 +31,11 @@
     "IE 11"
   ],
   "dependencies": {
-    "@allurereport/charts-api": "3.0.0-beta.24",
-    "@allurereport/core-api": "3.0.0-beta.24",
-    "@allurereport/plugin-api": "3.0.0-beta.24",
-    "@allurereport/web-commons": "3.0.0-beta.24",
-    "@allurereport/web-components": "3.0.0-beta.24",
+    "@allurereport/charts-api": "3.0.0-beta.25",
+    "@allurereport/core-api": "3.0.0-beta.25",
+    "@allurereport/plugin-api": "3.0.0-beta.25",
+    "@allurereport/web-commons": "3.0.0-beta.25",
+    "@allurereport/web-components": "3.0.0-beta.25",
     "@preact/signals": "^1.3.0",
     "clsx": "^2.1.1",
     "d3-shape": "^3.2.0",

package/src/components/Timeline/index.tsx

@@ -1,27 +1,27 @@
-/* eslint-disable @typescript-eslint/no-unsafe-argument */
-import type { TestResult } from "@allurereport/core-api";
 import { Timeline as AllureTimeline, Grid, GridItem, Loadable, PageLoader, Widget } from "@allurereport/web-components";
 import { computed } from "@preact/signals";
 import { useEffect, useMemo } from "preact/hooks";
 import { useI18n } from "@/stores";
 import { currentEnvironment } from "@/stores/env";
+import type { TimlineTr } from "@/stores/timeline";
 import { fetchTimelineData, timelineStore } from "@/stores/timeline";
 import * as styles from "./styles.scss";
 
-const getHosts = (tests: TestResult[]) => [
+const getHosts = (tests: TimlineTr[]) => [
   ...new Set(tests.map((test) => test.labels.find((label) => label.name === "host")?.value).filter(Boolean)),
 ];
 
-const filterTestsByHost = (tests: TestResult[], host: string) =>
+const filterTestsByHost = (tests: TimlineTr[], host: string) =>
   tests.filter((test) => test.labels.find((label) => label.name === "host")?.value === host);
 
 const currentTimelineData = computed(() => {
-  if (!timelineStore.value.data) {
+  const tests = timelineStore.value.data ?? [];
+  if (!tests.length) {
     return [];
   }
 
   if (currentEnvironment.value) {
-    const testsToEnv = timelineStore.value.data.filter((test) => test.environment === currentEnvironment.value);
+    const testsToEnv = tests.filter((test) => test.environment === currentEnvironment.value);
     const hostsByEnv = getHosts(testsToEnv);
 
     return hostsByEnv.map((host) => ({
@@ -30,16 +30,14 @@ const currentTimelineData = computed(() => {
     }));
   }
 
-  const hosts = getHosts(timelineStore.value.data);
+  const hosts = getHosts(tests);
 
   return hosts.map((host) => ({
-    data: filterTestsByHost(timelineStore.value.data, host),
+    data: filterTestsByHost(tests, host),
     host,
   }));
 });
 
-// Detects if the user prefers reduced motion to disable animations for accessibility
-const prefersLessMovement = window.matchMedia("(prefers-reduced-motion: reduce)").matches;
 export const Timeline = () => {
   const { t } = useI18n("timeline");
 
@@ -87,13 +85,7 @@ export const Timeline = () => {
                 <GridItem key={host} className={styles["overview-grid-item"]}>
                   <Widget title={t("host", { host })}>
                     {data.length > 0 && (
-                      <AllureTimeline
-                        data={data}
-                        dataId={host}
-                        width={100}
-                        enableAnimations={!prefersLessMovement}
-                        translations={translations}
-                      />
+                      <AllureTimeline data={data} dataId={host} width={100} translations={translations} />
                     )}
                     {data.length === 0 && <div className={styles.empty}>{t("empty_host", { host })}</div>}
                   </Widget>

package/src/stores/timeline.ts

@@ -3,7 +3,12 @@ import { fetchReportJsonData } from "@allurereport/web-commons";
 import { signal } from "@preact/signals";
 import type { StoreSignalState } from "@/stores/types";
 
-export const timelineStore = signal<StoreSignalState<TestResult[]>>({
+export type TimlineTr = Pick<
+  TestResult,
+  "id" | "name" | "status" | "flaky" | "hidden" | "labels" | "environment" | "start" | "stop" | "duration"
+>;
+
+export const timelineStore = signal<StoreSignalState<TimlineTr[]>>({
   loading: true,
   error: undefined,
   data: undefined,
@@ -17,7 +22,7 @@ export const fetchTimelineData = async () => {
   };
 
   try {
-    const res = await fetchReportJsonData<TestResult[]>("widgets/timeline.json", { bustCache: true });
+    const res = await fetchReportJsonData<TimlineTr[]>("widgets/timeline.json", { bustCache: true });
 
     timelineStore.value = {
       data: res,

package/webpack.config.js

@@ -14,6 +14,9 @@ const baseDir = dirname(fileURLToPath(import.meta.url));
 
 export default (env, argv) => {
   const devMode = argv?.mode === "development";
+  /**
+   * @type {import("webpack").Configuration}
+   */
   const config = {
     entry: "./src/index.tsx",
     output: {
@@ -21,7 +24,7 @@ export default (env, argv) => {
       filename: devMode ? "app.js" : "app-[fullhash].js",
       assetModuleFilename: "[name][ext]",
     },
-    devtool: devMode ? "inline-source-map" : false,
+    devtool: devMode ? "eval-source-map" : false,
     optimization: {
       minimize: !devMode,
       minimizer: [
@@ -111,6 +114,14 @@ export default (env, argv) => {
     },
   };
 
+  if (devMode) {
+    // Get and use source maps from dependencies
+    config.module.rules.push({
+      test: /\.js$/i,
+      extractSourceMap: true,
+    });
+  }
+
   if (SINGLE_FILE_MODE) {
     config.plugins.push(
       new webpack.optimize.LimitChunkCountPlugin({