From 58527c3c51aa10050f469604fb72ca3f2b1073bc Mon Sep 17 00:00:00 2001
From: Brian Cao <brian@umami.is>
Date: Thu, 17 Aug 2023 11:57:29 -0700
Subject: [PATCH 1/3] Set onfocus.

---
 components/common/SettingsTable.js | 1 +
 1 file changed, 1 insertion(+)

diff --git a/components/common/SettingsTable.js b/components/common/SettingsTable.js
index a57919f1..e9491331 100644
--- a/components/common/SettingsTable.js
+++ b/components/common/SettingsTable.js
@@ -41,6 +41,7 @@ export function SettingsTable({
           onChange={handleFilterChange}
           delay={1000}
           value={filter}
+          autoFocus={true}
           placeholder="Search"
           style={{ maxWidth: '300px', marginBottom: '10px' }}
         />

From f35a9f0950f540f1edfabd3c261e05813d7ca425 Mon Sep 17 00:00:00 2001
From: Brian Cao <brian@umami.is>
Date: Thu, 17 Aug 2023 12:39:58 -0700
Subject: [PATCH 2/3] Add page of intl.

---
 components/common/Pager.js | 8 ++++++--
 lib/constants.ts           | 5 ++++-
 2 files changed, 10 insertions(+), 3 deletions(-)

diff --git a/components/common/Pager.js b/components/common/Pager.js
index 584e0669..4a00590d 100644
--- a/components/common/Pager.js
+++ b/components/common/Pager.js
@@ -1,7 +1,9 @@
 import styles from './Pager.module.css';
 import { Button, Flexbox, Icon, Icons } from 'react-basics';
+import useMessages from 'hooks/useMessages';
 
-export function Pager({ page, pageSize, count, onPageChange, onPageSizeChange }) {
+export function Pager({ page, pageSize, count, onPageChange }) {
+  const { formatMessage, labels } = useMessages();
   const maxPage = Math.ceil(count / pageSize);
   const lastPage = page === maxPage;
   const firstPage = page === 1;
@@ -24,7 +26,9 @@ export function Pager({ page, pageSize, count, onPageChange, onPageSizeChange })
           <Icons.ChevronDown />
         </Icon>
       </Button>
-      <Flexbox alignItems="center" className={styles.text}>{`Page ${page} of ${maxPage}`}</Flexbox>
+      <Flexbox alignItems="center" className={styles.text}>
+        {formatMessage(labels.pageOf, { x: page, y: maxPage })}
+      </Flexbox>
       <Button onClick={() => handlePageChange(1)} disabled={lastPage}>
         <Icon size="lg" className={styles.icon} rotate={270}>
           <Icons.ChevronDown />
diff --git a/lib/constants.ts b/lib/constants.ts
index 6eb4c4e4..888c1484 100644
--- a/lib/constants.ts
+++ b/lib/constants.ts
@@ -213,8 +213,11 @@ export const EVENT_COLORS = [
 
 export const DOMAIN_REGEX =
   /^(localhost(:[1-9]\d{0,4})?|((?=[a-z0-9-]{1,63}\.)(xn--)?[a-z0-9-]+(-[a-z0-9-]+)*\.)+(xn--)?[a-z0-9-]{2,63})$/;
-
 export const SHARE_ID_REGEX = /^[a-zA-Z0-9]{16}$/;
+export const UUID_REGEX =
+  /^[0-9a-fA-F]{8}\b-[0-9a-fA-F]{4}\b-[0-9a-fA-F]{4}\b-[0-9a-fA-F]{4}\b-[0-9a-fA-F]{12}$/;
+export const HOSTNAME_REGEX =
+  /^(([a-zA-Z0-9]|[a-zA-Z0-9][a-zA-Z0-9-]*[a-zA-Z0-9])\.)*([A-Za-z0-9]|[A-Za-z0-9][A-Za-z0-9-]*[A-Za-z0-9])$/;
 
 export const DESKTOP_SCREEN_WIDTH = 1920;
 export const LAPTOP_SCREEN_WIDTH = 1024;

From e42fe5c9965f5b69c4e5849c0735e95763bb6919 Mon Sep 17 00:00:00 2001
From: Francis Cao <franciscao@gmail.com>
Date: Thu, 17 Aug 2023 13:39:53 -0700
Subject: [PATCH 3/3] fix event data stats

---
 pages/api/event-data/stats.ts                 | 17 +----
 .../analytics/eventData/getEventDataStats.ts  | 69 +++++++++++++++++++
 queries/index.js                              |  1 +
 3 files changed, 73 insertions(+), 14 deletions(-)
 create mode 100644 queries/analytics/eventData/getEventDataStats.ts

diff --git a/pages/api/event-data/stats.ts b/pages/api/event-data/stats.ts
index d1ee396b..4ba843be 100644
--- a/pages/api/event-data/stats.ts
+++ b/pages/api/event-data/stats.ts
@@ -3,7 +3,7 @@ import { useCors, useAuth } from 'lib/middleware';
 import { NextApiRequestQueryBody } from 'lib/types';
 import { NextApiResponse } from 'next';
 import { ok, methodNotAllowed, unauthorized } from 'next-basics';
-import { getEventDataFields } from 'queries';
+import { getEventDataStats } from 'queries';
 
 export interface EventDataStatsRequestQuery {
   websiteId: string;
@@ -11,7 +11,6 @@ export interface EventDataStatsRequestQuery {
     startDate: string;
     endDate: string;
   };
-  field?: string;
 }
 
 export default async (
@@ -31,19 +30,9 @@ export default async (
     const startDate = new Date(+startAt);
     const endDate = new Date(+endAt);
 
-    const results = await getEventDataFields(websiteId, { startDate, endDate });
-    const fields = new Set();
+    const data = await getEventDataStats(websiteId, { startDate, endDate });
 
-    const data = results.reduce(
-      (obj, row) => {
-        fields.add(row.fieldName);
-        obj.records += Number(row.total);
-        return obj;
-      },
-      { events: results.length, records: 0 },
-    );
-
-    return ok(res, { ...data, fields: fields.size });
+    return ok(res, data);
   }
 
   return methodNotAllowed(res);
diff --git a/queries/analytics/eventData/getEventDataStats.ts b/queries/analytics/eventData/getEventDataStats.ts
new file mode 100644
index 00000000..cf77ff89
--- /dev/null
+++ b/queries/analytics/eventData/getEventDataStats.ts
@@ -0,0 +1,69 @@
+import prisma from 'lib/prisma';
+import clickhouse from 'lib/clickhouse';
+import { CLICKHOUSE, PRISMA, runQuery } from 'lib/db';
+import { QueryFilters } from 'lib/types';
+
+export async function getEventDataStats(
+  ...args: [websiteId: string, filters: QueryFilters]
+): Promise<{
+  events: number;
+  fields: number;
+  records: number;
+}> {
+  return runQuery({
+    [PRISMA]: () => relationalQuery(...args),
+    [CLICKHOUSE]: () => clickhouseQuery(...args),
+  }).then(results => results[0]);
+}
+
+async function relationalQuery(websiteId: string, filters: QueryFilters) {
+  const { rawQuery, parseFilters } = prisma;
+  const { filterQuery, params } = await parseFilters(websiteId, filters);
+
+  return rawQuery(
+    `
+    select 
+      count(distinct t.website_event_id) as "events",
+      count(distinct t.event_key) as "fields",
+      sum(t.total) as "records"
+    from (
+      select
+        website_event_id,
+        event_key,
+        count(*) as "total"
+      from event_data
+      where website_id = {{websiteId::uuid}}
+        and created_at between {{startDate}} and {{endDate}}
+      ${filterQuery}
+      group by website_event_id, event_key
+      ) as t
+    `,
+    params,
+  );
+}
+
+async function clickhouseQuery(websiteId: string, filters: QueryFilters) {
+  const { rawQuery, parseFilters } = clickhouse;
+  const { filterQuery, params } = await parseFilters(websiteId, filters);
+
+  return rawQuery(
+    `
+    select 
+      count(distinct t.event_id) as "events",
+      count(distinct t.event_key) as "fields",
+      sum(t.total) as "records"
+    from (
+      select
+        event_id,
+        event_key,
+        count(*) as "total"
+      from event_data
+      where website_id = {websiteId:UUID}
+        and created_at between {startDate:DateTime} and {endDate:DateTime}
+      ${filterQuery}
+      group by event_id, event_key
+      ) as t
+    `,
+    params,
+  );
+}
diff --git a/queries/index.js b/queries/index.js
index c3255795..452d85a6 100644
--- a/queries/index.js
+++ b/queries/index.js
@@ -9,6 +9,7 @@ export * from './analytics/events/getEventUsage';
 export * from './analytics/events/getEvents';
 export * from './analytics/eventData/getEventDataEvents';
 export * from './analytics/eventData/getEventDataFields';
+export * from './analytics/eventData/getEventDataStats';
 export * from './analytics/eventData/getEventDataUsage';
 export * from './analytics/events/saveEvent';
 export * from './analytics/reports/getFunnel';