@allurereport/web-commons 3.1.0 → 3.2.0

package/dist/charts/generateStatusAgePyramid.d.ts

@@ -0,0 +1,5 @@
+import type { AllureChartsStoreData, StatusAgePyramidChartData, StatusAgePyramidChartOptions } from "@allurereport/charts-api";
+export declare const generateStatusAgePyramid: (props: {
+    options: StatusAgePyramidChartOptions;
+    storeData: AllureChartsStoreData;
+}) => StatusAgePyramidChartData;

package/dist/charts/{generateFBSUAgePyramid.js → generateStatusAgePyramid.js}

@@ -1,15 +1,14 @@
 import { ChartType, DEFAULT_CHART_HISTORY_LIMIT } from "@allurereport/charts-api";
-import { htrsByTr } from "@allurereport/core-api";
 import { limitHistoryDataPoints } from "./chart-utils.js";
-const createEmptyStats = (statuses) => {
-    return statuses.reduce((acc, status) => {
+const createEmptyStats = () => {
+    return STATUSES.reduce((acc, status) => {
         acc[status] = 0;
         return acc;
     }, {});
 };
 const STATUSES = ["failed", "broken", "skipped", "unknown"];
 const isFBSUStatus = (status) => STATUSES.includes(status);
-export const generateFBSUAgePyramid = (props) => {
+export const generateStatusAgePyramid = (props) => {
     const { options, storeData } = props;
     const { limit = DEFAULT_CHART_HISTORY_LIMIT } = options;
     const { historyDataPoints, testResults } = storeData;
@@ -17,23 +16,35 @@ export const generateFBSUAgePyramid = (props) => {
     const limitedHistoryPoints = limitHistoryDataPoints(historyDataPoints, limit).sort((a, b) => a.timestamp - b.timestamp);
     if (limitedHistoryPoints.length === 0) {
         return {
-            type: ChartType.FBSUAgePyramid,
+            type: ChartType.StatusAgePyramid,
             title: options.title,
             data: [
                 {
                     id: "current",
                     timestamp: currentReportTimestamp,
-                    ...createEmptyStats(STATUSES),
+                    ...createEmptyStats(),
                 },
             ],
             statuses: STATUSES,
         };
     }
-    const [earliestHdp, ...hdps] = limitedHistoryPoints;
+    const hdps = limitedHistoryPoints.map((datapoint) => ({
+        ...datapoint,
+        testResults: Object.values(datapoint.testResults).reduce((acc, testResult) => {
+            if (!testResult.historyId) {
+                return acc;
+            }
+            const isInCurrentRun = testResults.findIndex((tr) => tr.historyId === testResult.historyId) !== -1;
+            if (isInCurrentRun) {
+                acc[testResult.historyId] = testResult;
+            }
+            return acc;
+        }, {}),
+    }));
     const dataPoints = [
         ...hdps.map((hdp) => ({
             ...hdp,
-            ...createEmptyStats(STATUSES),
+            ...createEmptyStats(),
         })),
         {
             testResults: testResults.reduce((acc, testResult) => {
@@ -42,22 +53,23 @@ export const generateFBSUAgePyramid = (props) => {
             }, {}),
             uuid: "current",
             timestamp: currentReportTimestamp,
-            ...createEmptyStats(STATUSES),
+            ...createEmptyStats(),
         },
     ];
-    dataPoints.forEach((dp, index, dataPointsAscending) => {
+    dataPoints.forEach((dp, index, dps) => {
         const { testResults: trs } = dp;
-        const isFirst = index === 0;
-        const hpsPriorToCurrent = isFirst ? [earliestHdp] : dataPointsAscending.slice(0, index);
+        const historyAfter = dps.slice(index, dps.length - 1);
         const currentTrs = Object.values(trs);
         for (const cTr of currentTrs) {
-            if (!isFBSUStatus(cTr.status)) {
+            const currentTrStatus = cTr.status;
+            if (!isFBSUStatus(currentTrStatus)) {
                 continue;
             }
-            const htrsPriortoCurr = htrsByTr(hpsPriorToCurrent, cTr);
-            if (htrsPriortoCurr.length === 0) {
-                dp[cTr.status]++;
+            const historyAfterTrsStatuses = historyAfter.map((hdp) => hdp.testResults[cTr.historyId]?.status ?? undefined);
+            if (historyAfterTrsStatuses.some((status) => status !== currentTrStatus)) {
+                continue;
             }
+            dp[currentTrStatus]++;
         }
     });
     const data = dataPoints.map(({ uuid, timestamp, ...stats }) => ({
@@ -69,7 +81,7 @@ export const generateFBSUAgePyramid = (props) => {
         unknown: stats.unknown ?? 0,
     }));
     return {
-        type: ChartType.FBSUAgePyramid,
+        type: ChartType.StatusAgePyramid,
         title: options.title,
         data: data,
         statuses: STATUSES,

package/dist/charts/generators.d.ts

@@ -1,4 +1,5 @@
 import { type ChartOptions, type GeneratedChartsData } from "@allurereport/charts-api";
+import type { TestResult } from "@allurereport/core-api";
 import { type AllureStore } from "@allurereport/plugin-api";
 type ChartsWidgetData = {
     general: GeneratedChartsData;
@@ -6,5 +7,5 @@ type ChartsWidgetData = {
         [env: string]: GeneratedChartsData;
     };
 };
-export declare const generateCharts: (chartsOptions: ChartOptions[], store: AllureStore, reportName: string, generateUuid: () => string) => Promise<ChartsWidgetData>;
+export declare const generateCharts: (chartsOptions: ChartOptions[], store: AllureStore, reportName: string, generateUuid: () => string, filter?: (testResult: TestResult) => boolean) => Promise<ChartsWidgetData>;
 export {};

package/dist/charts/generators.js

@@ -3,8 +3,8 @@ import { DEFAULT_ENVIRONMENT } from "@allurereport/core-api";
 import { generateCurrentStatusChart } from "./generateCurrentStatusChart.js";
 import { generateDurationDynamicsChart } from "./generateDurationDynamicsChart.js";
 import { generateDurationsChart } from "./generateDurationsChart.js";
-import { generateFBSUAgePyramid } from "./generateFBSUAgePyramid.js";
 import { generateStabilityDistributionChart } from "./generateStabilityDistributionChart.js";
+import { generateStatusAgePyramid } from "./generateStatusAgePyramid.js";
 import { generateStatusDynamicsChart } from "./generateStatusDynamicsChart.js";
 import { generateStatusTransitionsChart } from "./generateStatusTransitionsChart.js";
 import { generateTestBaseGrowthDynamicsChart } from "./generateTestBaseGrowthDynamicsChart.js";
@@ -13,12 +13,61 @@ import { generateTrSeveritiesChart } from "./generateTrSeveritiesChart.js";
 import { generateHeatMapChart } from "./heatMap.js";
 import { generateTreeMapChart } from "./treeMap.js";
 const generateChartData = async (props) => {
-    const { env, chartsOptions, store, reportName, generateUuid } = props;
+    const { env, chartsOptions, store, generateUuid, filter } = props;
     const result = {};
+    const getTrs = async () => {
+        let trs = [];
+        if (env) {
+            trs = await store.testResultsByEnvironment(env);
+        }
+        else {
+            trs = await store.allTestResults();
+        }
+        if (filter) {
+            trs = trs.filter(filter);
+        }
+        return trs;
+    };
+    const getHistoryDataPoints = async () => {
+        let historyDataPoints = [];
+        if (env) {
+            historyDataPoints = await store.allHistoryDataPointsByEnvironment(env);
+        }
+        historyDataPoints = await store.allHistoryDataPoints();
+        if (typeof filter === "function") {
+            historyDataPoints = historyDataPoints.map((hdp) => {
+                const trsEntries = Object.entries(hdp.testResults);
+                const filteredTrsEntries = trsEntries.filter(([, tr]) => {
+                    try {
+                        return filter(tr);
+                    }
+                    catch (error) {
+                        return false;
+                    }
+                });
+                return {
+                    ...hdp,
+                    testResults: Object.fromEntries(filteredTrsEntries),
+                };
+            });
+        }
+        return historyDataPoints;
+    };
+    const getStatistic = () => {
+        return store.testsStatistic((tr) => {
+            if (env && tr.environment !== env) {
+                return false;
+            }
+            if (typeof filter === "function" && !filter(tr)) {
+                return false;
+            }
+            return true;
+        });
+    };
     const storeData = await Promise.all([
-        env ? await store.allHistoryDataPointsByEnvironment(env) : await store.allHistoryDataPoints(),
-        env ? await store.testResultsByEnvironment(env) : await store.allTestResults(),
-        env ? await store.testsStatistic((tr) => tr.environment === env) : await store.testsStatistic(),
+        await getHistoryDataPoints(),
+        await getTrs(),
+        await getStatistic(),
     ]).then(([historyDataPoints, testResults, statistic]) => ({
         historyDataPoints,
         testResults,
@@ -48,8 +97,8 @@ const generateChartData = async (props) => {
             case ChartType.TestBaseGrowthDynamics:
                 result[chartId] = generateTestBaseGrowthDynamicsChart({ options: chartOption, storeData });
                 break;
-            case ChartType.FBSUAgePyramid:
-                result[chartId] = generateFBSUAgePyramid({ options: chartOption, storeData });
+            case ChartType.StatusAgePyramid:
+                result[chartId] = generateStatusAgePyramid({ options: chartOption, storeData });
                 break;
             case ChartType.TrSeverities:
                 result[chartId] = generateTrSeveritiesChart({ options: chartOption, storeData });
@@ -75,10 +124,10 @@ const generateChartData = async (props) => {
 const hasOnlyDefaultEnvironment = (environments) => {
     return environments.length === 1 && environments[0] === DEFAULT_ENVIRONMENT;
 };
-export const generateCharts = async (chartsOptions, store, reportName, generateUuid) => {
+export const generateCharts = async (chartsOptions, store, reportName, generateUuid, filter) => {
     const environments = await store.allEnvironments();
     const chartsData = {
-        general: await generateChartData({ chartsOptions, store, reportName, generateUuid }),
+        general: await generateChartData({ chartsOptions, store, reportName, generateUuid, filter }),
         byEnv: {},
     };
     if (hasOnlyDefaultEnvironment(environments)) {
@@ -91,6 +140,7 @@ export const generateCharts = async (chartsOptions, store, reportName, generateU
             reportName,
             env: environment,
             generateUuid,
+            filter,
         });
     }
     return chartsData;

package/dist/charts/types.d.ts

@@ -1,4 +1,4 @@
-import type { ChartId, ChartType, DurationDynamicsChartData, DurationsChartData, FBSUAgePyramidChartData, HeatMapSerie, StabilityDistributionChartData, StatusTransitionsChartData, TestBaseGrowthDynamicsChartData, TestingPyramidChartData, TrSeveritiesChartData, TreeMapNode } from "@allurereport/charts-api";
+import type { ChartId, ChartType, DurationDynamicsChartData, DurationsChartData, HeatMapSerie, StabilityDistributionChartData, StatusAgePyramidChartData, StatusTransitionsChartData, TestBaseGrowthDynamicsChartData, TestingPyramidChartData, TrSeveritiesChartData, TreeMapNode } from "@allurereport/charts-api";
 import type { Statistic, TestStatus } from "@allurereport/core-api";
 export type TreeMapTooltipAccessor = <T>(node: T) => string[];
 export interface Point {
@@ -58,8 +58,8 @@ export interface UITreeMapChartData extends ResponseTreeMapChartData {
 export interface UIHeatMapChartData extends ResponseHeatMapChartData {
     colors: (value: number, domain?: number[]) => string;
 }
-export type ChartData = CurrentStatusChartData | StatusDynamicsChartData | StatusTransitionsChartData | DurationsChartData | StabilityDistributionChartData | ResponseTreeMapChartData | ResponseHeatMapChartData | TestBaseGrowthDynamicsChartData | FBSUAgePyramidChartData | TrSeveritiesChartData | DurationDynamicsChartData | TestingPyramidChartData;
-export type UIChartData = UICurrentStatusChartData | UIStatusDynamicsChartData | UITreeMapChartData | UIHeatMapChartData | UIStatusTransitionsChartData | UIDurationsChartData | TestBaseGrowthDynamicsChartData | FBSUAgePyramidChartData | StabilityDistributionChartData | TrSeveritiesChartData | DurationDynamicsChartData | TestingPyramidChartData;
+export type ChartData = CurrentStatusChartData | StatusDynamicsChartData | StatusTransitionsChartData | DurationsChartData | StabilityDistributionChartData | ResponseTreeMapChartData | ResponseHeatMapChartData | TestBaseGrowthDynamicsChartData | StatusAgePyramidChartData | TrSeveritiesChartData | DurationDynamicsChartData | TestingPyramidChartData;
+export type UIChartData = UICurrentStatusChartData | UIStatusDynamicsChartData | UITreeMapChartData | UIHeatMapChartData | UIStatusTransitionsChartData | UIDurationsChartData | TestBaseGrowthDynamicsChartData | StatusAgePyramidChartData | StabilityDistributionChartData | TrSeveritiesChartData | DurationDynamicsChartData | TestingPyramidChartData;
 export type ChartsData = Record<ChartId, ChartData>;
 export type ChartsDataWithEnvs = {
     general: Record<ChartId, ChartData>;

package/dist/charts/utils.js

@@ -107,7 +107,7 @@ export const createCharts = (res) => {
         else if (chart.type === ChartType.TestBaseGrowthDynamics) {
             acc[chartId] = res[chartId];
         }
-        else if (chart.type === ChartType.FBSUAgePyramid) {
+        else if (chart.type === ChartType.StatusAgePyramid) {
             acc[chartId] = res[chartId];
         }
         else if (chart.type === ChartType.TrSeverities) {

package/dist/i18n.d.ts

@@ -1,6 +1,15 @@
-export declare const AVAILABLE_LOCALES: readonly ["en", "ru", "ua", "pl", "es", "pt", "de", "hy", "az", "fr", "it", "ja", "he", "ka", "kr", "nl", "sv", "tr", "zh"];
+export declare const AVAILABLE_LOCALES: readonly ["en", "en-iso", "ru", "uk", "pl", "es", "pt", "de", "hy", "az", "fr", "it", "ja", "he", "ka", "kr", "nl", "sv", "tr", "zh"];
 export declare const DEFAULT_LOCALE = "en";
 export type LangLocale = (typeof AVAILABLE_LOCALES)[number];
+export type DateTimeFormatKind = "date" | "dateTime" | "dateTimeNoSeconds";
+export type DateTimeFormatOverride = {
+    locale?: string;
+    options?: Intl.DateTimeFormatOptions;
+    includeAtSeparator?: boolean;
+    stripComma?: boolean;
+};
+export declare const LOCALE_DATE_TIME_OVERRIDES: Record<string, Partial<Record<DateTimeFormatKind, DateTimeFormatOverride>>>;
+export declare const getLocaleDateTimeOverride: (locale: string, kind: DateTimeFormatKind) => DateTimeFormatOverride | undefined;
 export declare const LANG_LOCALE: Record<LangLocale, {
     short: string;
     full: string;

package/dist/i18n.js

@@ -1,7 +1,8 @@
 export const AVAILABLE_LOCALES = [
     "en",
+    "en-iso",
     "ru",
-    "ua",
+    "uk",
     "pl",
     "es",
     "pt",
@@ -20,98 +21,146 @@ export const AVAILABLE_LOCALES = [
     "zh",
 ];
 export const DEFAULT_LOCALE = "en";
+export const LOCALE_DATE_TIME_OVERRIDES = {
+    "en-iso": {
+        date: {
+            locale: "en-CA",
+            options: {
+                year: "numeric",
+                month: "2-digit",
+                day: "2-digit",
+            },
+            stripComma: true,
+        },
+        dateTime: {
+            locale: "en-CA",
+            options: {
+                year: "numeric",
+                month: "2-digit",
+                day: "2-digit",
+                hour: "2-digit",
+                minute: "2-digit",
+                second: "2-digit",
+                hour12: false,
+            },
+            includeAtSeparator: false,
+            stripComma: true,
+        },
+        dateTimeNoSeconds: {
+            locale: "en-CA",
+            options: {
+                year: "numeric",
+                month: "2-digit",
+                day: "2-digit",
+                hour: "2-digit",
+                minute: "2-digit",
+                hour12: false,
+            },
+            includeAtSeparator: false,
+            stripComma: true,
+        },
+    },
+};
+export const getLocaleDateTimeOverride = (locale, kind) => {
+    return LOCALE_DATE_TIME_OVERRIDES[locale]?.[kind];
+};
 export const LANG_LOCALE = {
-    en: {
+    "en": {
         short: "Eng",
         full: "English",
         iso: "en-US",
     },
-    ru: {
+    "en-iso": {
+        short: "En ISO",
+        full: "English (ISO-8601)",
+        iso: "en-CA",
+    },
+    "ru": {
         short: "Ру",
         full: "Русский",
         iso: "ru-RU",
     },
-    ua: {
+    "uk": {
         short: "Ук",
         full: "Українська",
         iso: "uk-UA",
     },
-    pl: {
+    "pl": {
         short: "Pl",
         full: "Polski",
         iso: "pl-PL",
     },
-    es: {
+    "es": {
         short: "Es",
         full: "Español",
         iso: "es-ES",
     },
-    pt: {
+    "pt": {
         short: "Pt",
         full: "Português",
         iso: "pt-PT",
     },
-    de: {
+    "de": {
         short: "De",
         full: "Deutsch",
         iso: "de-DE",
     },
-    hy: {
+    "hy": {
         short: "Hy",
         full: "Հայերեն",
         iso: "hy-AM",
     },
-    az: {
+    "az": {
         short: "Az",
         full: "Azərbaycan",
         iso: "az-AZ",
     },
-    fr: {
+    "fr": {
         short: "Fr",
         full: "Français",
         iso: "fr-FR",
     },
-    it: {
+    "it": {
         short: "It",
         full: "Italiano",
         iso: "it-IT",
     },
-    ja: {
+    "ja": {
         short: "Ja",
         full: "日本語",
         iso: "ja-JP",
     },
-    he: {
+    "he": {
         short: "He",
         full: "עברית",
         iso: "he-IL",
     },
-    ka: {
+    "ka": {
         short: "Ka",
         full: "ქართული",
         iso: "ka-GE",
     },
-    kr: {
+    "kr": {
         short: "Kr",
         full: "한국어",
         iso: "kr-KR",
     },
-    nl: {
+    "nl": {
         short: "Nl",
         full: "Nederlands",
         iso: "nl-NL",
     },
-    sv: {
+    "sv": {
         short: "Sv",
         full: "Svenska",
         iso: "sv-SE",
     },
-    tr: {
+    "tr": {
         short: "Tr",
         full: "Türkçe",
         iso: "tr-TR",
     },
-    zh: {
+    "zh": {
         short: "Zh",
         full: "中文",
         iso: "zh-CN",

package/dist/index.d.ts

@@ -11,3 +11,4 @@ export * from "./stores/theme/index.js";
 export * from "./stores/loadableStore/index.js";
 export * from "./stores/persister/index.js";
 export * from "./utils.js";
+export * from "./prose.js";

package/dist/index.js

@@ -11,3 +11,4 @@ export * from "./stores/theme/index.js";
 export * from "./stores/loadableStore/index.js";
 export * from "./stores/persister/index.js";
 export * from "./utils.js";
+export * from "./prose.js";

package/dist/prose.d.ts

@@ -0,0 +1,2 @@
+export declare const proseStyles = "\nhtml, body {\n  margin: 0;\n  padding: 0;\n  overflow-x: hidden;\n  overflow-y: hidden;\n  background: var(--bg-base-primary);\n}\n\nbody {\n  color: var(--on-text-primary);\n  font-family: var(--font-family);\n  font-size: var(--font-size-m);\n  line-height: var(--line-height-m);\n}\n\np {\n  margin-bottom: 10px;\n}\n\np:last-child {\n  margin-bottom: 0;\n}\n\nh1,\nh2,\nh3,\nh4,\nh5,\nh6 {\n  font-weight: var(--font-weight-bold) !important;\n  line-height: var(--line-height-l) !important;\n  margin: 16px 0 10px;\n}\n\nh1:first-child,\nh2:first-child,\nh3:first-child,\nh4:first-child,\nh5:first-child,\nh6:first-child {\n  margin-top: 0;\n}\n\nh1 {\n  font-size: var(--font-size-xl) !important;\n}\n\nh2,\nh3 {\n  font-size: var(--font-size-l) !important;\n}\n\nh4 {\n  font-size: var(--font-size-m) !important;\n}\n\nh5,\nh6 {\n  font-size: var(--font-size-s) !important;\n}\n\nh6 {\n  color: var(--on-text-secondary);\n}\n\nstrong,\nb {\n  font-weight: var(--font-weight-bold) !important;\n}\n\nem,\ni {\n  font-style: italic !important;\n}\n\ndel,\ns {\n  text-decoration: line-through;\n}\n\na {\n  color: var(--on-text-primary);\n  text-decoration: underline;\n}\n\na:hover {\n  color: var(--on-text-secondary);\n}\n\ncode {\n  font-family: var(--font-family-mono) !important;\n  font-size: var(--font-size-m-code) !important;\n  padding: 0.2em 0.4em;\n  background: var(--bg-control-secondary);\n  border-radius: 4px;\n}\n\npre {\n  font-family: var(--font-family-mono) !important;\n  font-size: var(--font-size-s) !important;\n  line-height: 1.45 !important;\n  padding: 16px;\n  overflow: auto;\n  background: var(--bg-control-secondary);\n  border-radius: 6px;\n  margin-bottom: 16px;\n}\n\npre code {\n  padding: 0;\n  background: transparent;\n  font-size: inherit !important;\n  border-radius: 0;\n}\n\nblockquote {\n  padding: 0 1em;\n  border-left: 0.25em solid var(--on-border-primary);\n  color: var(--on-text-secondary);\n  margin-bottom: 16px;\n}\n\nul,\nol {\n  padding-left: 2em;\n  margin-bottom: 10px;\n}\n\nul {\n  list-style: disc !important;\n}\n\nol {\n  list-style: decimal !important;\n}\n\nli + li {\n  margin-top: 0.25em;\n}\n\nhr {\n  height: 0.25em;\n  padding: 0;\n  margin: 24px 0;\n  background-color: var(--on-border-primary);\n  border: 0 !important;\n}\n\ntable {\n  border-spacing: 0;\n  border-collapse: collapse;\n  margin-bottom: 16px;\n  display: block;\n  width: max-content;\n  max-width: 100%;\n  overflow-x: auto;\n  overflow-y: hidden;\n  transform: translateZ(0);\n  contain: layout paint;\n}\n\nth,\ntd {\n  padding: 6px 13px;\n  border: 1px solid var(--on-border-primary) !important;\n  white-space: nowrap;\n}\n\nth {\n  font-weight: var(--font-weight-bold) !important;\n  position: sticky;\n  top: 0;\n  z-index: 1;\n  background: var(--bg-base-primary);\n}\n\ntr:nth-child(2n) {\n  background: var(--bg-control-secondary);\n}\n\nimg {\n  max-width: 100% !important;\n  height: auto !important;\n  display: inline-block !important;\n  vertical-align: middle !important;\n}\n\nabbr,\nabbr[title] {\n  text-decoration: underline dotted;\n  cursor: help;\n  border-bottom: none;\n}\n\nkbd {\n  display: inline-block;\n  padding: 3px 5px;\n  font-family: var(--font-family-mono) !important;\n  font-size: 11px;\n  line-height: 10px;\n  color: var(--on-text-primary);\n  vertical-align: middle;\n  background-color: var(--bg-control-secondary);\n  border: solid 1px var(--on-border-medium);\n  border-bottom-color: var(--on-border-medium);\n  border-radius: 6px;\n  box-shadow: inset 0 -1px 0 var(--on-border-medium);\n}\n\nsamp {\n  font-family: var(--font-family-mono) !important;\n  font-size: 85% !important;\n}\n\nvar {\n  font-family: var(--font-family-mono) !important;\n  font-style: italic !important;\n  font-weight: var(--font-weight-bold) !important;\n}\n\nmark {\n  background-color: var(--bg-support-aldebaran);\n  color: var(--on-text-primary);\n  padding: 0.1em 0.2em;\n  border-radius: 2px;\n}\n\nsmall {\n  font-size: 85% !important;\n}\n\nsub,\nsup {\n  font-size: 75% !important;\n  line-height: 0 !important;\n  position: relative !important;\n  vertical-align: baseline !important;\n}\n\nsub {\n  bottom: -0.25em !important;\n}\n\nsup {\n  top: -0.5em !important;\n}\n\nins {\n  text-decoration: underline;\n  background-color: var(--bg-support-gliese);\n  color: var(--on-text-primary);\n  text-decoration-color: var(--on-support-gliese);\n}\n\ndfn {\n  font-style: italic !important;\n  font-weight: var(--font-weight-bold) !important;\n}\n\ncite {\n  font-style: italic !important;\n}\n\nq {\n  font-style: italic !important;\n}\n\nq::before {\n  content: open-quote;\n}\n\nq::after {\n  content: close-quote;\n}\n\ntime {\n  font-variant-numeric: tabular-nums;\n}\n\ndl {\n  padding: 0;\n  margin-bottom: 16px;\n}\n\ndt {\n  padding: 0;\n  margin-top: 16px;\n  font-size: 1em;\n  font-style: italic;\n  font-weight: var(--font-weight-bold) !important;\n}\n\ndt:first-child {\n  margin-top: 0;\n}\n\ndd {\n  padding: 0 0 0 16px;\n  margin-left: 0;\n  margin-bottom: 16px;\n}\n\nfigure {\n  margin: 16px 0;\n  display: block;\n}\n\nfigcaption {\n  margin-top: 8px;\n  font-size: var(--font-size-s) !important;\n  color: var(--on-text-secondary);\n  font-style: italic;\n  text-align: center;\n}\n\ndetails {\n  display: block;\n  margin-bottom: 16px;\n}\n\nsummary {\n  display: list-item;\n  cursor: pointer;\n  font-weight: var(--font-weight-bold) !important;\n  margin-bottom: 8px;\n}\n\nsummary:hover {\n  color: var(--on-text-secondary);\n}\n\nsummary::marker {\n  color: var(--on-text-secondary);\n}\n\ndetails[open] summary {\n  margin-bottom: 16px;\n}\n\narticle,\nsection,\naside,\nnav {\n  display: block;\n  margin-bottom: 16px;\n}\n\nheader,\nfooter {\n  display: block;\n  margin-bottom: 16px;\n}\n\naddress {\n  display: block;\n  font-style: italic;\n  margin-bottom: 16px;\n}\n";
+export declare const resolveCssVarDeclarations: (cssText: string) => string;

package/dist/prose.js

@@ -0,0 +1,390 @@
+export const proseStyles = `
+html, body {
+  margin: 0;
+  padding: 0;
+  overflow-x: hidden;
+  overflow-y: hidden;
+  background: var(--bg-base-primary);
+}
+
+body {
+  color: var(--on-text-primary);
+  font-family: var(--font-family);
+  font-size: var(--font-size-m);
+  line-height: var(--line-height-m);
+}
+
+p {
+  margin-bottom: 10px;
+}
+
+p:last-child {
+  margin-bottom: 0;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-weight: var(--font-weight-bold) !important;
+  line-height: var(--line-height-l) !important;
+  margin: 16px 0 10px;
+}
+
+h1:first-child,
+h2:first-child,
+h3:first-child,
+h4:first-child,
+h5:first-child,
+h6:first-child {
+  margin-top: 0;
+}
+
+h1 {
+  font-size: var(--font-size-xl) !important;
+}
+
+h2,
+h3 {
+  font-size: var(--font-size-l) !important;
+}
+
+h4 {
+  font-size: var(--font-size-m) !important;
+}
+
+h5,
+h6 {
+  font-size: var(--font-size-s) !important;
+}
+
+h6 {
+  color: var(--on-text-secondary);
+}
+
+strong,
+b {
+  font-weight: var(--font-weight-bold) !important;
+}
+
+em,
+i {
+  font-style: italic !important;
+}
+
+del,
+s {
+  text-decoration: line-through;
+}
+
+a {
+  color: var(--on-text-primary);
+  text-decoration: underline;
+}
+
+a:hover {
+  color: var(--on-text-secondary);
+}
+
+code {
+  font-family: var(--font-family-mono) !important;
+  font-size: var(--font-size-m-code) !important;
+  padding: 0.2em 0.4em;
+  background: var(--bg-control-secondary);
+  border-radius: 4px;
+}
+
+pre {
+  font-family: var(--font-family-mono) !important;
+  font-size: var(--font-size-s) !important;
+  line-height: 1.45 !important;
+  padding: 16px;
+  overflow: auto;
+  background: var(--bg-control-secondary);
+  border-radius: 6px;
+  margin-bottom: 16px;
+}
+
+pre code {
+  padding: 0;
+  background: transparent;
+  font-size: inherit !important;
+  border-radius: 0;
+}
+
+blockquote {
+  padding: 0 1em;
+  border-left: 0.25em solid var(--on-border-primary);
+  color: var(--on-text-secondary);
+  margin-bottom: 16px;
+}
+
+ul,
+ol {
+  padding-left: 2em;
+  margin-bottom: 10px;
+}
+
+ul {
+  list-style: disc !important;
+}
+
+ol {
+  list-style: decimal !important;
+}
+
+li + li {
+  margin-top: 0.25em;
+}
+
+hr {
+  height: 0.25em;
+  padding: 0;
+  margin: 24px 0;
+  background-color: var(--on-border-primary);
+  border: 0 !important;
+}
+
+table {
+  border-spacing: 0;
+  border-collapse: collapse;
+  margin-bottom: 16px;
+  display: block;
+  width: max-content;
+  max-width: 100%;
+  overflow-x: auto;
+  overflow-y: hidden;
+  transform: translateZ(0);
+  contain: layout paint;
+}
+
+th,
+td {
+  padding: 6px 13px;
+  border: 1px solid var(--on-border-primary) !important;
+  white-space: nowrap;
+}
+
+th {
+  font-weight: var(--font-weight-bold) !important;
+  position: sticky;
+  top: 0;
+  z-index: 1;
+  background: var(--bg-base-primary);
+}
+
+tr:nth-child(2n) {
+  background: var(--bg-control-secondary);
+}
+
+img {
+  max-width: 100% !important;
+  height: auto !important;
+  display: inline-block !important;
+  vertical-align: middle !important;
+}
+
+abbr,
+abbr[title] {
+  text-decoration: underline dotted;
+  cursor: help;
+  border-bottom: none;
+}
+
+kbd {
+  display: inline-block;
+  padding: 3px 5px;
+  font-family: var(--font-family-mono) !important;
+  font-size: 11px;
+  line-height: 10px;
+  color: var(--on-text-primary);
+  vertical-align: middle;
+  background-color: var(--bg-control-secondary);
+  border: solid 1px var(--on-border-medium);
+  border-bottom-color: var(--on-border-medium);
+  border-radius: 6px;
+  box-shadow: inset 0 -1px 0 var(--on-border-medium);
+}
+
+samp {
+  font-family: var(--font-family-mono) !important;
+  font-size: 85% !important;
+}
+
+var {
+  font-family: var(--font-family-mono) !important;
+  font-style: italic !important;
+  font-weight: var(--font-weight-bold) !important;
+}
+
+mark {
+  background-color: var(--bg-support-aldebaran);
+  color: var(--on-text-primary);
+  padding: 0.1em 0.2em;
+  border-radius: 2px;
+}
+
+small {
+  font-size: 85% !important;
+}
+
+sub,
+sup {
+  font-size: 75% !important;
+  line-height: 0 !important;
+  position: relative !important;
+  vertical-align: baseline !important;
+}
+
+sub {
+  bottom: -0.25em !important;
+}
+
+sup {
+  top: -0.5em !important;
+}
+
+ins {
+  text-decoration: underline;
+  background-color: var(--bg-support-gliese);
+  color: var(--on-text-primary);
+  text-decoration-color: var(--on-support-gliese);
+}
+
+dfn {
+  font-style: italic !important;
+  font-weight: var(--font-weight-bold) !important;
+}
+
+cite {
+  font-style: italic !important;
+}
+
+q {
+  font-style: italic !important;
+}
+
+q::before {
+  content: open-quote;
+}
+
+q::after {
+  content: close-quote;
+}
+
+time {
+  font-variant-numeric: tabular-nums;
+}
+
+dl {
+  padding: 0;
+  margin-bottom: 16px;
+}
+
+dt {
+  padding: 0;
+  margin-top: 16px;
+  font-size: 1em;
+  font-style: italic;
+  font-weight: var(--font-weight-bold) !important;
+}
+
+dt:first-child {
+  margin-top: 0;
+}
+
+dd {
+  padding: 0 0 0 16px;
+  margin-left: 0;
+  margin-bottom: 16px;
+}
+
+figure {
+  margin: 16px 0;
+  display: block;
+}
+
+figcaption {
+  margin-top: 8px;
+  font-size: var(--font-size-s) !important;
+  color: var(--on-text-secondary);
+  font-style: italic;
+  text-align: center;
+}
+
+details {
+  display: block;
+  margin-bottom: 16px;
+}
+
+summary {
+  display: list-item;
+  cursor: pointer;
+  font-weight: var(--font-weight-bold) !important;
+  margin-bottom: 8px;
+}
+
+summary:hover {
+  color: var(--on-text-secondary);
+}
+
+summary::marker {
+  color: var(--on-text-secondary);
+}
+
+details[open] summary {
+  margin-bottom: 16px;
+}
+
+article,
+section,
+aside,
+nav {
+  display: block;
+  margin-bottom: 16px;
+}
+
+header,
+footer {
+  display: block;
+  margin-bottom: 16px;
+}
+
+address {
+  display: block;
+  font-style: italic;
+  margin-bottom: 16px;
+}
+`;
+const CSS_VAR_PATTERN = /var\(\s*(--[\w-]+)\s*(?:,\s*([^)]+))?\)/g;
+const resolveCssValue = (value, rootStyles, visitedVars) => {
+    return value.replace(CSS_VAR_PATTERN, (_, variableName, fallback) => {
+        if (visitedVars.has(variableName)) {
+            return fallback ? resolveCssValue(fallback.trim(), rootStyles, visitedVars) : "";
+        }
+        const nextVisited = new Set(visitedVars);
+        nextVisited.add(variableName);
+        const variableValue = rootStyles.getPropertyValue(variableName).trim();
+        if (variableValue) {
+            return resolveCssValue(variableValue, rootStyles, nextVisited);
+        }
+        return fallback ? resolveCssValue(fallback.trim(), rootStyles, nextVisited) : "";
+    });
+};
+export const resolveCssVarDeclarations = (cssText) => {
+    if (typeof globalThis === "undefined" || !globalThis.document) {
+        return "";
+    }
+    const rootStyles = globalThis.getComputedStyle(globalThis.document.documentElement);
+    const variableNames = Array.from(new Set(cssText.match(/--[\w-]+/g) ?? []));
+    return variableNames
+        .map((name) => {
+        const rawValue = rootStyles.getPropertyValue(name).trim();
+        const value = resolveCssValue(rawValue, rootStyles, new Set([name])).trim();
+        return value ? `${name}: ${value};` : "";
+    })
+        .filter(Boolean)
+        .join("\n");
+};

package/dist/sanitize.d.ts

@@ -1 +1,2 @@
 export declare const sanitize: (html: string, config?: Record<string, any>) => string;
+export declare const sanitizeIframeHtml: (html: string) => string;

package/dist/sanitize.js

@@ -1,2 +1,6 @@
 import DOMPurify from "dompurify";
 export const sanitize = (html, config) => DOMPurify.sanitize(html, config);
+const IFRAME_SANITIZE_CONFIG = {
+    USE_PROFILES: { html: true },
+};
+export const sanitizeIframeHtml = (html) => sanitize(html, IFRAME_SANITIZE_CONFIG);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@allurereport/web-commons",
-  "version": "3.1.0",
+  "version": "3.2.0",
   "description": "Collection of utilities used across the web Allure reports",
   "keywords": [
     "allure",
@@ -24,10 +24,10 @@
     "test": "vitest run"
   },
   "dependencies": {
-    "@allurereport/aql": "3.1.0",
-    "@allurereport/charts-api": "3.1.0",
-    "@allurereport/core-api": "3.1.0",
-    "@allurereport/plugin-api": "3.1.0",
+    "@allurereport/aql": "3.2.0",
+    "@allurereport/charts-api": "3.2.0",
+    "@allurereport/core-api": "3.2.0",
+    "@allurereport/plugin-api": "3.2.0",
     "@preact/signals": "^2.6.1",
     "@preact/signals-core": "^1.12.2",
     "ansi-to-html": "^0.7.2",

package/dist/charts/generateFBSUAgePyramid.d.ts

@@ -1,5 +0,0 @@
-import type { AllureChartsStoreData, FBSUAgePyramidChartData, FBSUAgePyramidChartOptions } from "@allurereport/charts-api";
-export declare const generateFBSUAgePyramid: (props: {
-    options: FBSUAgePyramidChartOptions;
-    storeData: AllureChartsStoreData;
-}) => FBSUAgePyramidChartData;