feat: dashboard v2, esm, upgrades (#211)

* esm * wip * wip * wip * wip * wip * wip * subscription notice * wip * wip * wip * fix envs * fix: update docker build * fix * esm/types * delete dashboard :D * add patches to dockerfiles * update packages + catalogs + ts * wip * remove native libs * ts * improvements * fix redirects and fetching session * try fix favicon * fixes * fix * order and resize reportds within a dashboard * improvements * wip * added userjot to dashboard * fix * add op * wip * different cache key * improve date picker * fix table * event details loading * redo onboarding completely * fix login * fix * fix * extend session, billing and improve bars * fix * reduce price on 10M
2025-10-16 12:27:44 +02:00
parent 436e81ecc9
commit 81a7e5d62e
741 changed files with 32695 additions and 16996 deletions
--- a/apps/start/src/hooks/use-rechart-data-model.ts
+++ b/apps/start/src/hooks/use-rechart-data-model.ts
@@ -0,0 +1,54 @@
+import type { IChartData } from '@/trpc/client';
+import { getChartColor } from '@/utils/theme';
+import { useMemo } from 'react';
+
+export type IRechartPayloadItem = {
+  id: string;
+  names: string[];
+  color: string;
+  event: { id?: string; name: string };
+  count: number;
+  date: string;
+  previous?: {
+    value: number;
+    diff: number | null;
+    state: 'positive' | 'negative' | 'neutral';
+  };
+};
+
+export function useRechartDataModel(series: IChartData['series']) {
+  return useMemo(() => {
+    return (
+      series[0]?.data.map(({ date }) => {
+        return {
+          date,
+          timestamp: new Date(date).getTime(),
+          ...series.reduce((acc, serie, idx) => {
+            return {
+              ...acc,
+              ...serie.data.reduce(
+                (acc2, item) => {
+                  if (item.date === date) {
+                    if (item.previous) {
+                      acc2[`${serie.id}:prev:count`] = item.previous.value;
+                    }
+                    acc2[`${serie.id}:count`] = item.count;
+                    acc2[`${serie.id}:payload`] = {
+                      ...item,
+                      id: serie.id,
+                      event: serie.event,
+                      names: serie.names,
+                      color: getChartColor(idx),
+                    } satisfies IRechartPayloadItem;
+                  }
+                  return acc2;
+                },
+                {} as Record<string, any>,
+              ),
+            };
+          }, {}),
+        };
+      }) ?? []
+    );
+  }, [series]);
+}