@allurereport/web-awesome 3.0.0-beta.10

package/src/i18n/locales/sv.json

@@ -0,0 +1,133 @@
+{
+  "statuses": {
+    "passed": "godkänd",
+    "failed": "misslyckad",
+    "broken": "trasig",
+    "skipped": "hoppad över",
+    "unknown": "okänd",
+    "total": "totalt",
+    "flakyTests": "ostadig",
+    "newTests": "ny",
+    "retryTests": "försök igen"
+  },
+  "testSummary": {
+    "all": "Alla tester",
+    "flaky": "Ostadiga tester",
+    "retry": "Omtestade tester",
+    "new": "Nya tester"
+  },
+  "tabs": {
+    "total": "Alla"
+  },
+  "search": {
+    "search": "Sök",
+    "search-placeholder": "Namn eller ID"
+  },
+  "filters": {
+    "more-filters": "Fler filter",
+    "enable-filter": "Aktivera filtret \"{filter}\"",
+    "flaky": "Ostadig",
+    "retry": "Försök igen",
+    "new": "Ny"
+  },
+  "sort-by": {
+    "sort-by-text": "Sortera efter:",
+    "sort-by-category": "Sortera efter",
+    "direction-category": "Riktning"
+  },
+  "sort-by.values": {
+    "order": "Ordning",
+    "alphabet": "Alfabet",
+    "duration": "Varaktighet",
+    "status": "Status"
+  },
+  "sort-by.directions": {
+    "order-desc": "Senast – Tidigare",
+    "order-asc": "Tidigare – Senast",
+    "order-asc-short": "Tidigare",
+    "order-desc-short": "Senast",
+    "alphabet-asc": "A – Ö",
+    "alphabet-desc": "Ö – A",
+    "alphabet-asc-short": "A – Ö",
+    "alphabet-desc-short": "Ö – A",
+    "duration-asc": "1 – 9",
+    "duration-desc": "9 – 1",
+    "duration-asc-short": "1 – 9",
+    "duration-desc-short": "9 – 1",
+    "status-asc": "Som i filterlistan",
+    "status-desc": "Omvänd",
+    "status-asc-short": "Vanlig",
+    "status-desc-short": "Omvänd"
+  },
+  "empty": {
+    "no-results": "Inga resultat",
+    "no-tests-found": "Inga resultat hittades",
+    "clear-filters": "Rensa filter",
+    "no-attachments-results": "Ingen bilaga information tillgänglig",
+    "no-history-results": "Ingen historik information tillgänglig",
+    "no-retries-results": "Ingen omtagningar information tillgänglig",
+    "no-test-steps-results": "Ingen information om teststeg tillgänglig",
+    "no-test-case-results": "Inga testfallresultat"
+  },
+  "severity": {
+    "blocker": "blockerare",
+    "critical": "kritisk",
+    "normal": "normal",
+    "minor": "mindre",
+    "trivial": "obetydlig"
+  },
+  "execution": {
+    "name": "Utförande",
+    "body": "Testkropp",
+    "setup": "Förberedelse",
+    "teardown": "Avslutning"
+  },
+  "ui": {
+    "labels": "Etiketter",
+    "metadata": "Metadata",
+    "parameters": "Parametrar",
+    "description": "Beskrivning",
+    "links": "Länkar",
+    "overview": "Översikt",
+    "history": "Historik",
+    "attachments": "Bilagor",
+    "retries": "Omtagningar",
+    "error": "Fel",
+    "goToStep": "Gå till steg",
+    "showLess": "Visa mindre",
+    "showMore": "Visa mer",
+    "copy": "Kopiera",
+    "at": "vid"
+  },
+  "controls": {
+    "newTabAttachment": "Öppna bilaga i ny flik",
+    "nextTR": "Nästa testresultat",
+    "prevTR": "Föregående testresultat",
+    "downloadAttachment": "Ladda ner bilaga",
+    "backto": "Tillbaka till",
+    "clipboard": "Kopiera till urklipp",
+    "clipboardError": "Kan inte kopiera värde till urklipp. Det verkar som om den här funktionen inte stöds av din webbläsare",
+    "clipboardSuccess": "Kopierat framgångsrikt",
+    "collapse": "Minimera",
+    "expand": "Expandera",
+    "fullscreen": "Helskärm",
+    "language": "Byt språk",
+    "openInNewTab": "Öppna i ny flik",
+    "openPreview": "Öppna förhandsgranskning",
+    "noSelectedTR": "Inget valt testresultat",
+    "comparison": "Jämförelse",
+    "showDiff": "Visa skillnad",
+    "viewMode": "Visningsläge",
+    "unified": "Enhetligt",
+    "side-by-side": "Sida vid sida",
+    "compareBy": "Jämför efter",
+    "chars": "tecken",
+    "words": "ord",
+    "lines": "rader",
+    "actual": "Faktisk",
+    "expected": "Förväntad"
+  },
+  "errors": {
+    "missedAttachment": "Bilaga hittades inte"
+  }
+}

package/src/i18n/locales/tr.json

@@ -0,0 +1,133 @@
+{
+  "statuses": {
+    "passed": "başarılı",
+    "failed": "başarısız",
+    "broken": "bozuk",
+    "skipped": "atlandı",
+    "unknown": "bilinmeyen",
+    "total": "toplam",
+    "flakyTests": "istikrarsız",
+    "newTests": "yeni",
+    "retryTests": "tekrar dene"
+  },
+  "testSummary": {
+    "all": "Tüm Testler",
+    "flaky": "İstikrarsız Testler",
+    "retry": "Tekrarlanan Testler",
+    "new": "Yeni Testler"
+  },
+  "tabs": {
+    "total": "Tümü"
+  },
+  "search": {
+    "search": "Ara",
+    "search-placeholder": "Ad veya ID"
+  },
+  "filters": {
+    "more-filters": "Daha fazla filtre",
+    "enable-filter": "\"{filter}\" filtresini etkinleştir",
+    "flaky": "İstikrarsız",
+    "retry": "Tekrar",
+    "new": "Yeni"
+  },
+  "sort-by": {
+    "sort-by-text": "Sıralama ölçütü:",
+    "sort-by-category": "Sıralama",
+    "direction-category": "Yön"
+  },
+  "sort-by.values": {
+    "order": "Sıra",
+    "alphabet": "Alfabe",
+    "duration": "Süre",
+    "status": "Durum"
+  },
+  "sort-by.directions": {
+    "order-desc": "Son – İlk",
+    "order-asc": "İlk – Son",
+    "order-asc-short": "İlk",
+    "order-desc-short": "Son",
+    "alphabet-asc": "A – Z",
+    "alphabet-desc": "Z – A",
+    "alphabet-asc-short": "A – Z",
+    "alphabet-desc-short": "Z – A",
+    "duration-asc": "1 – 9",
+    "duration-desc": "9 – 1",
+    "duration-asc-short": "1 – 9",
+    "duration-desc-short": "9 – 1",
+    "status-asc": "Filtre listesi gibi",
+    "status-desc": "Ters",
+    "status-asc-short": "Normal",
+    "status-desc-short": "Ters"
+  },
+  "empty": {
+    "no-results": "Sonuç yok",
+    "no-tests-found": "Sonuç bulunamadı",
+    "clear-filters": "Filtreleri temizle",
+    "no-attachments-results": "Ek bilgisi mevcut değil",
+    "no-history-results": "Geçmiş bilgisi mevcut değil",
+    "no-retries-results": "Tekrar deneme bilgisi mevcut değil",
+    "no-test-steps-results": "Test adımları hakkında bilgi mevcut değil",
+    "no-test-case-results": "Test vakası sonuçları yok"
+  },
+  "severity": {
+    "blocker": "engelleyici",
+    "critical": "kritik",
+    "normal": "normal",
+    "minor": "küçük",
+    "trivial": "önemsiz"
+  },
+  "execution": {
+    "name": "Yürütme",
+    "body": "Test içeriği",
+    "setup": "Kurulum",
+    "teardown": "Kapatma"
+  },
+  "ui": {
+    "labels": "Etiketler",
+    "metadata": "Meta Veriler",
+    "parameters": "Parametreler",
+    "description": "Açıklama",
+    "links": "Bağlantılar",
+    "overview": "Genel Bakış",
+    "history": "Geçmiş",
+    "attachments": "Ekler",
+    "retries": "Tekrar Denemeler",
+    "error": "Hata",
+    "goToStep": "Adıma git",
+    "showLess": "Daha az göster",
+    "showMore": "Daha fazla göster",
+    "copy": "Kopyala",
+    "at": "tarihinde"
+  },
+  "controls": {
+    "newTabAttachment": "Eki yeni sekmede aç",
+    "nextTR": "Sonraki test sonucu",
+    "prevTR": "Önceki test sonucu",
+    "downloadAttachment": "Eki indir",
+    "backto": "Geri dön",
+    "clipboard": "Panoya kopyala",
+    "clipboardError": "Değer panoya kopyalanamıyor. Bu özellik tarayıcınız tarafından desteklenmiyor olabilir",
+    "clipboardSuccess": "Başarıyla kopyalandı",
+    "collapse": "Daralt",
+    "expand": "Genişlet",
+    "fullscreen": "Tam ekran",
+    "language": "Dili değiştir",
+    "openInNewTab": "Yeni sekmede aç",
+    "openPreview": "Önizlemeyi aç",
+    "noSelectedTR": "Seçilen test sonucu yok",
+    "comparison": "Karşılaştırma",
+    "showDiff": "Farkı göster",
+    "viewMode": "Görünüm modu",
+    "unified": "Birleştirilmiş",
+    "side-by-side": "Yan yana",
+    "compareBy": "Karşılaştırma ölçütü",
+    "chars": "karakterler",
+    "words": "kelimeler",
+    "lines": "satırlar",
+    "actual": "Gerçek",
+    "expected": "Beklenen"
+  },
+  "errors": {
+    "missedAttachment": "Ek bulunamadı"
+  }
+}

package/src/i18n/locales/zh.json

@@ -0,0 +1,133 @@
+{
+  "statuses": {
+    "passed": "通过",
+    "failed": "失败",
+    "broken": "损坏",
+    "skipped": "跳过",
+    "unknown": "未知",
+    "total": "总计",
+    "flakyTests": "不稳定",
+    "newTests": "新的",
+    "retryTests": "重试"
+  },
+  "testSummary": {
+    "all": "所有测试",
+    "flaky": "不稳定的测试",
+    "retry": "重试的测试",
+    "new": "新的测试"
+  },
+  "tabs": {
+    "total": "所有"
+  },
+  "search": {
+    "search": "搜索",
+    "search-placeholder": "名称或ID"
+  },
+  "filters": {
+    "more-filters": "更多过滤器",
+    "enable-filter": "启用 \"{filter}\" 过滤器",
+    "flaky": "不稳定",
+    "retry": "重试",
+    "new": "新的"
+  },
+  "sort-by": {
+    "sort-by-text": "排序依据:",
+    "sort-by-category": "排序类别",
+    "direction-category": "方向"
+  },
+  "sort-by.values": {
+    "order": "顺序",
+    "alphabet": "字母",
+    "duration": "持续时间",
+    "status": "状态"
+  },
+  "sort-by.directions": {
+    "order-desc": "最新 – 最早",
+    "order-asc": "最早 – 最新",
+    "order-asc-short": "最早",
+    "order-desc-short": "最新",
+    "alphabet-asc": "A – Z",
+    "alphabet-desc": "Z – A",
+    "alphabet-asc-short": "A – Z",
+    "alphabet-desc-short": "Z – A",
+    "duration-asc": "1 – 9",
+    "duration-desc": "9 – 1",
+    "duration-asc-short": "1 – 9",
+    "duration-desc-short": "9 – 1",
+    "status-asc": "按照过滤列表",
+    "status-desc": "反转",
+    "status-asc-short": "正常",
+    "status-desc-short": "反转"
+  },
+  "empty": {
+    "no-results": "没有结果",
+    "no-tests-found": "未找到结果",
+    "clear-filters": "清除过滤器",
+    "no-attachments-results": "没有附件信息",
+    "no-history-results": "没有历史信息",
+    "no-retries-results": "没有重试信息",
+    "no-test-steps-results": "没有可用的测试步骤信息",
+    "no-test-case-results": "没有测试用例结果"
+  },
+  "severity": {
+    "blocker": "阻断",
+    "critical": "严重",
+    "normal": "正常",
+    "minor": "次要",
+    "trivial": "轻微"
+  },
+  "execution": {
+    "name": "执行",
+    "body": "测试内容",
+    "setup": "设置",
+    "teardown": "拆解"
+  },
+  "ui": {
+    "labels": "标签",
+    "metadata": "元数据",
+    "parameters": "参数",
+    "description": "描述",
+    "links": "链接",
+    "overview": "概览",
+    "history": "历史",
+    "attachments": "附件",
+    "retries": "重试",
+    "error": "错误",
+    "goToStep": "跳转到步骤",
+    "showLess": "显示更少",
+    "showMore": "显示更多",
+    "copy": "复制",
+    "at": "在"
+  },
+  "controls": {
+    "newTabAttachment": "在新标签页中打开附件",
+    "nextTR": "下一个测试结果",
+    "prevTR": "上一个测试结果",
+    "downloadAttachment": "下载附件",
+    "backto": "返回",
+    "clipboard": "复制到剪贴板",
+    "clipboardError": "无法复制到剪贴板。可能是浏览器不支持此功能",
+    "clipboardSuccess": "复制成功",
+    "collapse": "折叠",
+    "expand": "展开",
+    "fullscreen": "全屏",
+    "language": "更改语言",
+    "openInNewTab": "在新标签页中打开",
+    "openPreview": "打开预览",
+    "noSelectedTR": "没有选择的测试结果",
+    "comparison": "对比",
+    "showDiff": "显示差异",
+    "viewMode": "查看模式",
+    "unified": "统一",
+    "side-by-side": "并排",
+    "compareBy": "比较方式",
+    "chars": "字符",
+    "words": "单词",
+    "lines": "行",
+    "actual": "实际",
+    "expected": "预期"
+  },
+  "errors": {
+    "missedAttachment": "未找到附件"
+  }
+}

package/src/index.html

@@ -0,0 +1,40 @@
+<!doctype html>
+<html>
+  <head>
+    <title>Allure Awesome</title>
+    <link rel="icon" href="data:image/svg+xml,%3Csvg width='32' height='32' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M22.232 4.662a3.6 3.6 0 0 1 5.09.035c2.855 2.894 4.662 6.885 4.662 11.295a3.6 3.6 0 0 1-7.2 0c0-2.406-.981-4.61-2.587-6.24a3.6 3.6 0 0 1 .035-5.09Z' fill='url(%23a)'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M12.392 3.6a3.6 3.6 0 0 1 3.6-3.6c4.41 0 8.401 1.807 11.296 4.662a3.6 3.6 0 1 1-5.056 5.126C20.602 8.18 18.398 7.2 15.992 7.2a3.6 3.6 0 0 1-3.6-3.6Z' fill='url(%23b)'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M0 15.992C0 7.157 7.157 0 15.992 0a3.6 3.6 0 0 1 0 7.2A8.789 8.789 0 0 0 7.2 15.992c0 2.406.981 4.61 2.588 6.24a3.6 3.6 0 0 1-5.126 5.056C1.807 24.393 0 20.402 0 15.992Z' fill='url(%23c)'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M4.661 22.232a3.6 3.6 0 0 1 5.091-.035c1.63 1.606 3.834 2.587 6.24 2.587a3.6 3.6 0 0 1 0 7.2c-4.41 0-8.401-1.807-11.295-4.661a3.6 3.6 0 0 1-.036-5.091Z' fill='url(%23d)'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M28.384 12.392a3.6 3.6 0 0 1 3.6 3.6c0 8.835-7.157 15.992-15.992 15.992a3.6 3.6 0 0 1 0-7.2 8.789 8.789 0 0 0 8.792-8.792 3.6 3.6 0 0 1 3.6-3.6Z' fill='url(%23e)'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M28.385 12.392a3.6 3.6 0 0 1 3.6 3.6v12.392a3.6 3.6 0 0 1-7.2 0V15.992a3.6 3.6 0 0 1 3.6-3.6Z' fill='url(%23f)'/%3E%3Cg clip-path='url(%23g)'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M22.232 4.662a3.6 3.6 0 0 1 5.091.035c2.855 2.894 4.662 6.885 4.662 11.295a3.6 3.6 0 0 1-7.2 0c0-2.406-.982-4.61-2.588-6.24a3.6 3.6 0 0 1 .035-5.09Z' fill='url(%23h)'/%3E%3C/g%3E%3Cdefs%3E%3ClinearGradient id='a' x1='26.4' y1='9.6' x2='28.8' y2='15' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%237E22CE'/%3E%3Cstop offset='1' stop-color='%238B5CF6'/%3E%3C/linearGradient%3E%3ClinearGradient id='b' x1='26.8' y1='9.4' x2='17.8' y2='3.6' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%23EF4444'/%3E%3Cstop offset='1' stop-color='%23DC2626'/%3E%3C/linearGradient%3E%3ClinearGradient id='c' x1='3.6' y1='14' x2='5.4' y2='24.8' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%2322C55E'/%3E%3Cstop offset='1' stop-color='%2315803D'/%3E%3C/linearGradient%3E%3ClinearGradient id='d' x1='4.8' y1='22.2' x2='14.4' y2='29.2' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%2394A3B8'/%3E%3Cstop offset='.958' stop-color='%2364748B'/%3E%3Cstop offset='1' stop-color='%2364748B'/%3E%3C/linearGradient%3E%3ClinearGradient id='e' x1='28.4' y1='22.173' x2='22.188' y2='28.384' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%23D97706'/%3E%3Cstop offset='1' stop-color='%23FBBF24'/%3E%3C/linearGradient%3E%3ClinearGradient id='f' x1='29.2' y1='54.4' x2='30.626' y2='54.256' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%23FBBF24'/%3E%3Cstop offset='1' stop-color='%23FBBF24'/%3E%3C/linearGradient%3E%3ClinearGradient id='h' x1='26.4' y1='9.6' x2='28.8' y2='15' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%237E22CE'/%3E%3Cstop offset='1' stop-color='%238B5CF6'/%3E%3C/linearGradient%3E%3CclipPath id='g'%3E%3Cpath fill='%23fff' transform='translate(24.8 12)' d='M0 0h7.2v8H0z'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E" />
+    <base href="http://localhost:8080" />
+  </head>
+  <body>
+    <div id="app"></div>
+    <script>
+      window.allure = window.allure || {};
+    </script>
+
+    <script>
+      const { origin, pathname } = window.location;
+      const url = new URL(pathname, origin);
+      const baseEl = document.createElement("base");
+
+      baseEl.href = url.toString();
+
+      window.document.head.appendChild(baseEl);
+    </script>
+    <script>
+      window.allureReportOptions = {
+        "reportName": "Allure Report",
+        "logo": "",
+        "theme": "light",
+        "reportLanguage": "en",
+        "createdAt": 1739819870336,
+        "reportUuid": "51b36daf-614b-409c-b6a1-e8e401b2c144",
+        "groupBy": ["parentSuite", "suite", "subSuite"],
+        "layout": "split",
+        "allureVersion": "3.0.0-beta.8"
+      };
+    </script>
+    <script async>
+      window.allureReportDataReady = true;
+    </script>
+  </body>
+</html>

package/src/index.tsx

@@ -0,0 +1,96 @@
+import { ensureReportDataReady } from "@allurereport/web-commons";
+import { Spinner, SvgIcon, allureIcons } from "@allurereport/web-components";
+import "@allurereport/web-components/index.css";
+import clsx from "clsx";
+import { render } from "preact";
+import { useEffect } from "preact/hooks";
+import "@/assets/scss/index.scss";
+import { BaseLayout } from "@/components/BaseLayout";
+import { ModalComponent } from "@/components/Modal";
+import { SplitLayout } from "@/components/SplitLayout";
+import { fetchStats, getLocale, getTheme, waitForI18next } from "@/stores";
+import { fetchPieChartData } from "@/stores/chart";
+import { fetchEnvInfo } from "@/stores/envInfo";
+import { getLayout, isLayoutLoading, isSplitMode } from "@/stores/layout";
+import { handleHashChange, route } from "@/stores/router";
+import { fetchTestResult, fetchTestResultNav } from "@/stores/testResults";
+import { fetchTreeData } from "@/stores/tree";
+import { isMac } from "@/utils/isMac";
+import * as styles from "./styles.scss";
+
+const Loader = () => {
+  return (
+    <div className={clsx(styles.loader, isLayoutLoading.value ? styles.loading : "")} data-testid="loader">
+      <SvgIcon id={allureIcons.reportLogo} size={"m"} />
+      <Spinner />
+    </div>
+  );
+};
+const App = () => {
+  const { id: testResultId } = route.value;
+
+  useEffect(() => {
+    if (globalThis) {
+      getLocale();
+      getLayout();
+      getTheme();
+    }
+    ensureReportDataReady();
+    fetchStats();
+    fetchEnvInfo();
+    fetchPieChartData();
+    fetchTreeData();
+  }, []);
+
+  useEffect(() => {
+    if (testResultId) {
+      fetchTestResult(testResultId);
+      fetchTestResultNav();
+    }
+  }, [testResultId]);
+
+  useEffect(() => {
+    handleHashChange();
+    globalThis.addEventListener("hashchange", () => handleHashChange());
+
+    return () => {
+      globalThis.removeEventListener("hashchange", () => handleHashChange());
+    };
+  }, []);
+
+  return (
+    <div className={styles.main}>
+      <Loader />
+      {isSplitMode.value ? <SplitLayout /> : <BaseLayout />}
+      <ModalComponent />
+    </div>
+  );
+};
+
+export const openInNewTab = (path: string) => {
+  window.open(`#${path}`, "_blank");
+};
+
+const rootElement = document.getElementById("app");
+
+document.addEventListener("DOMContentLoaded", () => {
+  if (isMac) {
+    document.documentElement.setAttribute("data-os", "mac");
+  }
+});
+
+(async () => {
+  await waitForI18next;
+  if (globalThis) {
+    await getLocale();
+    getLayout();
+    getTheme();
+  }
+  await ensureReportDataReady();
+  await fetchStats();
+  await fetchEnvInfo();
+  await fetchPieChartData();
+  await fetchTreeData();
+
+  render(<App />, rootElement);
+})();

package/src/stores/chart.ts

@@ -0,0 +1,32 @@
+import { fetchReportJsonData } from "@allurereport/web-commons";
+import { signal } from "@preact/signals";
+import { StoreSignalState } from "@/stores/types";
+
+export const pieChartStore = signal<StoreSignalState<any>>({
+  loading: true,
+  error: undefined,
+  data: undefined,
+});
+
+export const fetchPieChartData = async () => {
+  pieChartStore.value = {
+    ...pieChartStore.value,
+    loading: true,
+    error: undefined,
+  };
+
+  try {
+    const res = await fetchReportJsonData("widgets/allure_pie_chart.json");
+
+    pieChartStore.value = {
+      data: res,
+      error: undefined,
+      loading: false,
+    };
+  } catch (err) {
+    pieChartStore.value = {
+      error: err.message,
+      loading: false,
+    };
+  }
+};

package/src/stores/envInfo.ts

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

package/src/stores/index.ts

@@ -0,0 +1,4 @@
+export * from "./theme";
+export type * from "./types";
+export * from "./stats";
+export * from "./locale";

package/src/stores/layout.ts

@@ -0,0 +1,36 @@
+import { getReportOptions } from "@allurereport/web-commons";
+import { computed, signal } from "@preact/signals";
+import type { AwesomeReportOptions, Layout } from "types";
+
+export const layoutStore = signal<Layout>("base");
+export const isLayoutLoading = signal(false);
+
+export const setLayout = (newLayout: Layout): void => {
+  layoutStore.value = newLayout;
+  document.documentElement.setAttribute("data-layout", newLayout as string);
+  window.localStorage.setItem("layout", newLayout as string);
+};
+
+export const toggleLayout = () => {
+  isLayoutLoading.value = true;
+
+  setTimeout(() => {
+    setLayout(layoutStore.value === "base" ? "split" : "base");
+
+    setTimeout(() => {
+      isLayoutLoading.value = false;
+    }, 300);
+  }, 200);
+};
+
+export const isSplitMode = computed(() => layoutStore.value === "split");
+
+export const getLayout = () => {
+  const { layout } = getReportOptions<AwesomeReportOptions>() ?? {};
+  const layoutFromLS = window.localStorage.getItem("layout") || (layout as Layout) || "base";
+
+  if (layoutFromLS) {
+    setLayout(layoutFromLS as Layout);
+    return;
+  }
+};