@allurereport/web-summary 3.0.1 → 3.2.0

package/src/i18n/locales/nl.json

@@ -1,15 +1,29 @@
 {
   "summary": {
-    "passed": "geslaagd",
-    "failed": "mislukt",
-    "broken": "gebroken",
-    "skipped": "overgeslagen",
-    "unknown": "onbekend",
+    "status": {
+      "passed": "geslaagd",
+      "failed": "mislukt",
+      "broken": "gebroken",
+      "skipped": "overgeslagen",
+      "unknown": "onbekend"
+    },
+    "createdAt": "{{createdAt, timestamp_long_no_seconds}}",
     "total": "totaal",
     "in": "in",
-    "new": "nieuwe tests",
-    "flaky": "onstabiele tests",
-    "retry": "herhaalde tests"
+    "metadata": {
+      "new_zero": "Geen nieuwe tests",
+      "new_one": "{{count}} nieuwe test",
+      "new_other": "{{count}} nieuwe tests",
+      "flaky_zero": "Geen onstabiele tests",
+      "flaky_one": "{{count}} onstabiele test",
+      "flaky_other": "{{count}} onstabiele tests",
+      "retry_zero": "Geen herhaalde tests",
+      "retry_one": "{{count}} herhaalde test",
+      "retry_other": "{{count}} herhaalde tests"
+    }
+  },
+  "ui": {
+    "at": "om"
   },
   "empty": {
     "no-reports": "Geen rapporten gevonden"

package/src/i18n/locales/pl.json

@@ -1,15 +1,29 @@
 {
   "summary": {
-    "passed": "zdany",
-    "failed": "niezdany",
-    "broken": "zepsuty",
-    "skipped": "pominięty",
-    "unknown": "nieznany",
+    "status": {
+      "passed": "zdany",
+      "failed": "niezdany",
+      "broken": "zepsuty",
+      "skipped": "pominięty",
+      "unknown": "nieznany"
+    },
+    "createdAt": "{{createdAt, timestamp_long_no_seconds}}",
     "total": "wszystkie",
     "in": "za",
-    "new": "nowe testy",
-    "flaky": "niestabilne testy",
-    "retry": "powtórzone testy"
+    "metadata": {
+      "new_zero": "Brak nowych testów",
+      "new_one": "{{count}} nowy test",
+      "new_other": "{{count}} nowych testów",
+      "flaky_zero": "Brak niestabilnych testów",
+      "flaky_one": "{{count}} niestabilny test",
+      "flaky_other": "{{count}} niestabilnych testów",
+      "retry_zero": "Brak powtórzonych testów",
+      "retry_one": "{{count}} powtórzony test",
+      "retry_other": "{{count}} powtórzonych testów"
+    }
+  },
+  "ui": {
+    "at": "o"
   },
   "empty": {
     "no-reports": "Brak raportów"

package/src/i18n/locales/pt.json

@@ -1,15 +1,29 @@
 {
   "summary": {
-    "passed": "aprovado",
-    "failed": "falhou",
-    "broken": "quebrado",
-    "skipped": "ignorado",
-    "unknown": "desconhecido",
+    "status": {
+      "passed": "aprovado",
+      "failed": "falhou",
+      "broken": "quebrado",
+      "skipped": "ignorado",
+      "unknown": "desconhecido"
+    },
+    "createdAt": "{{createdAt, timestamp_long_no_seconds}}",
     "total": "total",
     "in": "em",
-    "new": "novos testes",
-    "flaky": "testes instáveis",
-    "retry": "testes repetidos"
+    "metadata": {
+      "new_zero": "Nenhum novo teste",
+      "new_one": "{{count}} novo teste",
+      "new_other": "{{count}} novos testes",
+      "flaky_zero": "Nenhum teste instável",
+      "flaky_one": "{{count}} teste instável",
+      "flaky_other": "{{count}} testes instáveis",
+      "retry_zero": "Nenhum teste repetido",
+      "retry_one": "{{count}} teste repetido",
+      "retry_other": "{{count}} testes repetidos"
+    }
+  },
+  "ui": {
+    "at": "às"
   },
   "empty": {
     "no-reports": "Nenhum relatório encontrado"

package/src/i18n/locales/ru.json

@@ -1,15 +1,29 @@
 {
   "summary": {
-    "passed": "успешный",
-    "failed": "неуспешный",
-    "broken": "сломанный",
-    "skipped": "пропущенный",
-    "unknown": "неизвестный",
+    "status": {
+      "passed": "успешный",
+      "failed": "неуспешный",
+      "broken": "сломанный",
+      "skipped": "пропущенный",
+      "unknown": "неизвестный"
+    },
+    "createdAt": "{{createdAt, timestamp_long_no_seconds}}",
     "total": "все",
     "in": "за",
-    "new": "новые тесты",
-    "flaky": "нестабильные тесты",
-    "retry": "повторные тесты"
+    "metadata": {
+      "new_zero": "Нет новых тестов",
+      "new_one": "{{count}} новый тест",
+      "new_other": "{{count}} новых тестов",
+      "flaky_zero": "Нет нестабильных тестов",
+      "flaky_one": "{{count}} нестабильный тест",
+      "flaky_other": "{{count}} нестабильных тестов",
+      "retry_zero": "Нет повторных тестов",
+      "retry_one": "{{count}} повторный тест",
+      "retry_other": "{{count}} повторных тестов"
+    }
+  },
+  "ui": {
+    "at": "в"
   },
   "empty": {
     "no-reports": "Отчеты не найдены"

package/src/i18n/locales/sv.json

@@ -1,15 +1,29 @@
 {
   "summary": {
-    "passed": "godkänd",
-    "failed": "misslyckad",
-    "broken": "trasig",
-    "skipped": "hoppad över",
-    "unknown": "okänd",
+    "status": {
+      "passed": "godkänd",
+      "failed": "misslyckad",
+      "broken": "trasig",
+      "skipped": "hoppad över",
+      "unknown": "okänd"
+    },
+    "createdAt": "{{createdAt, timestamp_long_no_seconds}}",
     "total": "totalt",
     "in": "i",
-    "new": "nya tester",
-    "flaky": "instabila tester",
-    "retry": "upprepade tester"
+    "metadata": {
+      "new_zero": "Inga nya tester",
+      "new_one": "{{count}} nytt test",
+      "new_other": "{{count}} nya tester",
+      "flaky_zero": "Inga instabila tester",
+      "flaky_one": "{{count}} instabilt test",
+      "flaky_other": "{{count}} instabila tester",
+      "retry_zero": "Inga upprepade tester",
+      "retry_one": "{{count}} upprepat test",
+      "retry_other": "{{count}} upprepade tester"
+    }
+  },
+  "ui": {
+    "at": "kl"
   },
   "empty": {
     "no-reports": "Inga rapporter"

package/src/i18n/locales/tr.json

@@ -1,15 +1,29 @@
 {
   "summary": {
-    "passed": "başarılı",
-    "failed": "başarısız",
-    "broken": "bozuk",
-    "skipped": "atlandı",
-    "unknown": "bilinmeyen",
+    "status": {
+      "passed": "başarılı",
+      "failed": "başarısız",
+      "broken": "bozuk",
+      "skipped": "atlandı",
+      "unknown": "bilinmeyen"
+    },
+    "createdAt": "{{createdAt, timestamp_long_no_seconds}}",
     "total": "toplam",
     "in": "içinde",
-    "new": "yeni testler",
-    "flaky": "kararsız testler",
-    "retry": "tekrar testleri"
+    "metadata": {
+      "new_zero": "Yeni test yok",
+      "new_one": "{{count}} yeni test",
+      "new_other": "{{count}} yeni test",
+      "flaky_zero": "Kararsız test yok",
+      "flaky_one": "{{count}} kararsız test",
+      "flaky_other": "{{count}} kararsız test",
+      "retry_zero": "Tekrar testi yok",
+      "retry_one": "{{count}} tekrar testi",
+      "retry_other": "{{count}} tekrar testi"
+    }
+  },
+  "ui": {
+    "at": "saat"
   },
   "empty": {
     "no-reports": "Rapor bulunamadı"

package/src/i18n/locales/zh.json

@@ -1,15 +1,29 @@
 {
   "summary": {
-    "passed": "通过",
-    "failed": "失败",
-    "broken": "损坏",
-    "skipped": "跳过",
-    "unknown": "未知",
+    "status": {
+      "passed": "通过",
+      "failed": "失败",
+      "broken": "损坏",
+      "skipped": "跳过",
+      "unknown": "未知"
+    },
+    "createdAt": "{{createdAt, timestamp_long_no_seconds}}",
     "total": "总计",
     "in": "在",
-    "new": "新测试",
-    "flaky": "不稳定测试",
-    "retry": "重试测试"
+    "metadata": {
+      "new_zero": "无新测试",
+      "new_one": "{{count}} 个新测试",
+      "new_other": "{{count}} 个新测试",
+      "flaky_zero": "无不稳定测试",
+      "flaky_one": "{{count}} 个不稳定测试",
+      "flaky_other": "{{count}} 个不稳定测试",
+      "retry_zero": "无重试测试",
+      "retry_one": "{{count}} 个重试测试",
+      "retry_other": "{{count}} 个重试测试"
+    }
+  },
+  "ui": {
+    "at": "于"
   },
   "empty": {
     "no-reports": "未找到报告"

package/src/index.html

@@ -33,6 +33,7 @@
             unknown: 2,
             total: 139
           },
+          createdAt: Date.now(),
           duration: 1240812,
           status: "failed",
           newTests: [
@@ -85,6 +86,7 @@
             passed: 67,
             total: 67
           },
+          createdAt: Date.now(),
           duration: 31290,
           status: "passed",
           newTests: [
@@ -106,6 +108,7 @@
             broken: 48,
             total: 60
           },
+          createdAt: Date.now(),
           duration: 512341,
           status: "broken",
           newTests: [],

package/src/index.tsx

@@ -1,73 +1,54 @@
-import { LANG_LOCALE } from "@allurereport/web-commons";
 import { ReportSummaryCard } from "@allurereport/web-components";
 import "@allurereport/web-components/index.css";
-import { computed } from "@preact/signals";
 import { render } from "preact";
-import { useEffect, useState } from "preact/hooks";
 import "@/assets/scss/index.scss";
 import { EmptyPlaceholder } from "@/components/EmptyPlaceholder";
 import { Footer } from "@/components/Footer";
 import { Header } from "@/components/Header";
-import { currentLocale, getLocale, getTheme, useI18n, waitForI18next } from "@/stores";
+import { getLocale, useI18n, waitForI18next } from "@/stores";
 import * as styles from "./styles.scss";
 
-export const currentLocaleIso = computed(() => LANG_LOCALE[currentLocale.value]?.iso ?? LANG_LOCALE.en.iso);
+const getSummaries = () => {
+  return window.reportSummaries as Record<string, any>[] | undefined;
+};
 
 const App = () => {
-  const [loaded, setLoaded] = useState(false);
-  const summaries = window.reportSummaries;
+  const summaries = getSummaries();
   const { t: tEmpty } = useI18n("empty");
   const { t: tSummary } = useI18n("summary");
 
-  useEffect(() => {
-    getLocale();
-    getTheme();
-    waitForI18next.then(() => {
-      setLoaded(true);
-    });
-  }, []);
-
-  if (!loaded) {
-    return null;
+  if (!summaries) {
+    return (
+      <div className={styles.container}>
+        <Header />
+        <main>
+          <EmptyPlaceholder label={tEmpty("no-reports")} />
+        </main>
+        <Footer className={styles.footer} />
+      </div>
+    );
   }
 
   return (
     <div className={styles.container}>
       <Header />
       <main>
-        {!summaries.length && <EmptyPlaceholder label={tEmpty("no-reports")} />}
-        {!!summaries.length && (
-          <ul className={styles["summary-showcase"]}>
-            {summaries.map((summary: any) => {
-              return (
-                <li key={summary.output}>
-                  <ReportSummaryCard
-                    localeIso={currentLocaleIso.value}
-                    locales={{
-                      failed: tSummary("failed"),
-                      broken: tSummary("broken"),
-                      passed: tSummary("passed"),
-                      skipped: tSummary("skipped"),
-                      unknown: tSummary("unknown"),
-                      in: tSummary("in"),
-                      new: tSummary("new"),
-                      retry: tSummary("retry"),
-                      flaky: tSummary("flaky"),
-                      total: tSummary("total"),
-                    }}
-                    {...summary}
-                  />
-                </li>
-              );
-            })}
-          </ul>
-        )}
+        <div className={styles["summary-showcase"]}>
+          {summaries.map((summary: any) => (
+            <ReportSummaryCard key={summary.output} i18n={tSummary} summary={summary} />
+          ))}
+        </div>
       </main>
       <Footer className={styles.footer} />
     </div>
   );
 };
 
-const rootElement = document.getElementById("app");
+const init = async () => {
+  await getLocale();
+  await waitForI18next;
+
+  render(<App />, document.getElementById("app")!);
+};
 
-render(<App />, rootElement);
+init();

package/src/stores/index.ts

@@ -1,2 +1 @@
-export * from "./theme";
 export * from "./locale";

package/src/stores/locale.ts

@@ -1,12 +1,13 @@
+import { getLocaleDateTimeOverride } from "@allurereport/web-commons";
 import { computed, signal } from "@preact/signals";
 import i18next, { type TOptions } from "i18next";
 import { DEFAULT_LOCALE, LANG_LOCALE, type LangLocale } from "@/i18n/constants";
 
-const namespaces = ["empty", "summary"];
+const namespaces = ["empty", "summary", "ui"];
 
 export const currentLocale = signal<LangLocale>("en" as LangLocale);
 export const currentLocaleIso = computed(() => LANG_LOCALE[currentLocale.value]?.iso ?? LANG_LOCALE.en.iso);
-export const currentLocaleIsRTL = computed(() => ["ar", "he", "fa"].includes(currentLocale.value));
+export const currentLocaleIsRTL = computed(() => ["ar", "he", "fa"].includes(currentLocale.value as string));
 
 export const getLocale = async () => {
   const locale = localStorage.getItem("currentLocale") || DEFAULT_LOCALE;
@@ -22,7 +23,8 @@ export const waitForI18next = i18next
       namespace: string,
       callback: (errorValue: unknown, translations: null) => void,
     ) => {
-      await import(`@/i18n/locales/${language}.json`)
+      const loadLocale = language === "en-iso" ? "en" : language;
+      await import(`@/i18n/locales/${loadLocale}.json`)
         .then((resources: Record<string, null>) => {
           callback(null, resources[namespace]);
         })
@@ -36,6 +38,26 @@ export const waitForI18next = i18next
     fallbackLng: "en",
     ns: namespaces,
     interpolation: { escapeValue: false },
+  })
+  .then(() => {
+    i18next.services.formatter!.add("timestamp_long_no_seconds", (value: number, lng) => {
+      const override = getLocaleDateTimeOverride(lng as string, "dateTime");
+      const resolvedLocale = override?.locale ?? lng;
+      const dateFormatter = new Intl.DateTimeFormat(resolvedLocale, {
+        month: "numeric",
+        day: "numeric",
+        year: "numeric",
+      });
+      const timeFormatter = new Intl.DateTimeFormat(resolvedLocale, {
+        hour: "numeric",
+        minute: "numeric",
+        hour12: false,
+      });
+      const datePart = dateFormatter.format(value);
+      const timePart = timeFormatter.format(value);
+      const separator = i18next.t("ui:at", { lng });
+      return `${datePart} ${separator} ${timePart}`;
+    });
   });
 
 export const useI18n = (namespace?: string) => {

package/src/styles.scss

@@ -19,21 +19,6 @@
   margin-bottom: 40px;
 }
 
-.summary-card {
-  display: block;
-  padding: 16px;
-  height: 100%;
-  text-decoration: none;
-  box-shadow: var(--shadow-small);
-  background: var(--bg-base-primary);
-  border-radius: 12px;
-
-  &:hover {
-    box-shadow: none;
-    transition: box-shadow 0.2s;
-  }
-}
-
 .summary-card-title {
   display: flex;
   align-items: flex-start;

package/tsconfig.json

@@ -1,5 +1,6 @@
 {
   "compilerOptions": {
+    "strictNullChecks": true,
     "baseUrl": "./",
     "paths": {
       "@/*": ["src/*"]

package/types.d.ts

@@ -18,7 +18,7 @@ export type AwesomeReportOptions = {
   logo?: string;
   theme?: "light" | "dark";
   groupBy?: string[];
-  reportLanguage?: "en" | "ru";
+  reportLanguage?: string;
   createdAt: number;
   reportUuid: string;
   layout?: Layout;