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

package/src/stores/locale.ts

@@ -25,8 +25,9 @@ const namespaces = [
   "environments",
   "charts",
   "sections",
+  "timeline",
   "transitions.description",
-];
+] as const;
 
 export const currentLocale = signal<LangLocale>("en" as LangLocale);
 export const currentLocaleIso = computed(() => LANG_LOCALE[currentLocale.value]?.iso ?? LANG_LOCALE.en.iso);
@@ -61,10 +62,19 @@ export const waitForI18next = i18next
     fallbackLng: "en",
     ns: namespaces,
     interpolation: { escapeValue: false },
+  })
+  .then(() => {
+    i18next.services.formatter.add("capitalize", (value) => {
+      return value.charAt(0).toLocaleUpperCase() + value.slice(1);
+    });
   });
 
-export const useI18n = (namespace?: string) => {
-  const t = computed(() => (key: string, options?: TOptions) => i18next.t(key, { ns: namespace, ...options }));
+export const useI18n = (namespace: (typeof namespaces)[number]) => {
+  const t = computed(
+    () =>
+      (key: string, options: TOptions = {}) =>
+        i18next.t(key, { ns: namespace, ...options }),
+  );
 
   return {
     t: t.value,

package/src/stores/timeline.ts

@@ -0,0 +1,39 @@
+import type { TestResult } from "@allurereport/core-api";
+import { fetchReportJsonData } from "@allurereport/web-commons";
+import { signal } from "@preact/signals";
+import type { StoreSignalState } from "@/stores/types";
+
+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,
+});
+
+export const fetchTimelineData = async () => {
+  timelineStore.value = {
+    ...timelineStore.value,
+    loading: true,
+    error: undefined,
+  };
+
+  try {
+    const res = await fetchReportJsonData<TimlineTr[]>("widgets/timeline.json", { bustCache: true });
+
+    timelineStore.value = {
+      data: res,
+      error: undefined,
+      loading: false,
+    };
+  } catch (err) {
+    timelineStore.value = {
+      data: undefined,
+      error: err.message,
+      loading: false,
+    };
+  }
+};

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({