@allurereport/web-dashboard 3.8.2 → 3.9.0

package/dist/single/manifest.json

@@ -1,3 +1,3 @@
 {
-  "main.js": "app-6d6b5b7026da590b88cd.js"
+  "main.js": "app-d815aa47b6c27c771d67.js"
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@allurereport/web-dashboard",
-  "version": "3.8.2",
+  "version": "3.9.0",
   "description": "The static files for Allure Dashboard Report",
   "keywords": [
     "allure",
@@ -15,7 +15,10 @@
   "types": "./types.d.ts",
   "scripts": {
     "clean": "rimraf dist",
-    "dev": "webpack serve --mode development",
+    "dev": "run-s dev:demo dev:copy dev:serve",
+    "dev:demo": "rimraf out/demo && yarn run -T allure generate ${ALLURE_RESULTS_DIR:-../sandbox/allure-results} --config=./allurerc-dev.mjs --output=./out/demo",
+    "dev:copy": "rimraf out/dev/widgets && mkdir -p out/dev && cp -R out/demo/widgets out/dev/widgets",
+    "dev:serve": "webpack serve --mode development",
     "build": "run-s clean 'build:prod:*'",
     "build:dev": "run-s clean 'build:dev:*'",
     "build:prod:single": "SINGLE_FILE_MODE=1 webpack --mode production",
@@ -27,10 +30,10 @@
     "lint:fix": "oxlint --import-plugin --fix src test features stories"
   },
   "dependencies": {
-    "@allurereport/charts-api": "3.8.2",
-    "@allurereport/core-api": "3.8.2",
-    "@allurereport/web-commons": "3.8.2",
-    "@allurereport/web-components": "3.8.2",
+    "@allurereport/charts-api": "3.9.0",
+    "@allurereport/core-api": "3.9.0",
+    "@allurereport/web-commons": "3.9.0",
+    "@allurereport/web-components": "3.9.0",
     "@preact/signals": "^2.6.1",
     "clsx": "^2.1.1",
     "i18next": "^24.0.2",
@@ -49,6 +52,7 @@
     "@types/node": "^20.17.9",
     "@vitest/runner": "^2.1.9",
     "@vitest/snapshot": "^2.1.9",
+    "allure-js-commons": "^3.3.3",
     "allure-vitest": "^3.3.3",
     "autoprefixer": "^10.4.20",
     "babel-loader": "^9.2.1",

package/src/assets/scss/_common.scss

@@ -136,8 +136,8 @@ table {
 }
 
 body {
-  color: var(--on-text-primary);
-  background: var(--bg-base-secondary);
+  color: var(--color-text-primary);
+  background: var(--color-bg-secondary);
   font-family: var(--font-family);
   -webkit-text-size-adjust: 100%;
 }

package/src/assets/scss/index.scss

@@ -1,7 +1,9 @@
-@import "vars.scss";
-@import "fonts.scss";
-@import "day.scss";
-@import "night.scss";
-@import "theme.scss";
-@import "palette.scss";
+@import "../../../../web-components/src/assets/scss/fonts.scss";
+@import "../../../../web-components/src/assets/scss/typography.scss";
+@import "../../../../web-components/src/assets/scss/palette.scss";
+@import "../../../../web-components/src/assets/scss/semantic.scss";
+@import "../../../../web-components/src/assets/scss/spacing.scss";
+@import "../../../../web-components/src/assets/scss/radius.scss";
+@import "../../../../web-components/src/assets/scss/effects.scss";
+@import "../../../../web-components/src/assets/scss/motion.scss";
 @import "common.scss";

package/src/components/BaseLayout/styles.scss

@@ -1,8 +1,8 @@
 .layout {
   margin: auto;
   padding: 12px 32px;
-  background: var(--bg-base-secondary);
-  color: var(--on-text-primary);
+  background: var(--color-bg-secondary);
+  color: var(--color-text-primary);
   font-size: 14px;
   min-height: 100vh;
 }
@@ -15,7 +15,7 @@
 
 .content {
   box-shadow: var(--shadow-small);
-  background: var(--bg-base-primary);
+  background: var(--color-bg-primary);
   border-radius: 12px;
   width: 100%;
 }
@@ -34,7 +34,7 @@
 .title {
   font-size: 14px;
   line-height: 1.25;
-  color: var(--on-text-primary);
+  color: var(--color-text-primary);
   margin-bottom: 8px;
 }
 

package/src/components/Footer/styles.scss

@@ -1,5 +1,5 @@
 .footer-logo {
-  color: var(--on-text-secondary);
+  color: var(--color-text-secondary);
   a {
     text-decoration: none;
   }
@@ -10,5 +10,5 @@
 }
 
 .version {
-  color: var(--on-text-hint);
+  color: var(--color-text-muted);
 }

package/src/components/Header/styles.scss

@@ -9,12 +9,12 @@
 
 .logoWrapper {
   margin-right: auto;
-  color: var(--on-text-secondary);
+  color: var(--color-text-secondary);
 }
 
 .logo {
   margin-right: 8px;
-  color: var(--on-icon-secondary);
+  color: var(--color-icon-secondary);
   top: -2px;
 }
 

package/src/components/MainReport/styles.scss

@@ -1,6 +1,6 @@
 .content {
   box-shadow: var(--shadow-small);
-  background: var(--bg-base-primary);
+  background: var(--color-bg-primary);
   border-radius: 12px;
   width: 100%;
 }

package/src/styles.scss

@@ -26,7 +26,7 @@
   display: flex;
   align-items: center;
   justify-content: center;
-  background: var(--bg-base-secondary);
+  background: var(--color-bg-secondary);
   background-blend-mode: saturation;
   flex-direction: column;
   gap: 16px;

package/CONTRIBUTING.md

@@ -1,33 +0,0 @@
-# Contributing
-
-## Development
-
-If you want to develop the report directly, using webpack with hot module replacement feature, follow the next steps:
-
-### 1. Install the dependencies:
-
-```bash
-$ yarn install
-```
-
-### 2. Copy generated Allure Dashboard data files
-
-Copy `data` and `widgets` directories from the previously generated Allure Dashboard report to `out/dev` directory.
-
-If you don't have one, you can generate Allure Dashboard report in the sandbox package:
-
-```bash
-# cd to the web-dashboard package
-cd packages/web-dashboard
-mkdir -p out/dev
-cp -rf ../sandbox/allure-report/dashboard/data out/dev
-cp -rf ../sandbox/allure-report/dashboard/widgets out/dev
-```
-
-### 3. Run dev script
-
-```bash
-yarn workspace @allurereport/web-dashboard dev
-```
-
-Open the started report in the browser: http://localhost:8080.