.github/workflows/cd-manual.yml

@@ -0,0 +1,58 @@
+name: Create docker images (manual)
+
+on:
+  workflow_dispatch:
+    inputs:
+      version:
+        type: string
+        description: Version
+        required: true
+
+jobs:
+  build:
+    name: Build, push, and deploy
+    runs-on: ubuntu-latest
+
+    strategy:
+      matrix:
+        db-type: [postgresql]
+
+    steps:
+      - uses: actions/checkout@v3
+
+      - name: Extract version parts from input
+        id: extract_version
+        run: |
+          echo "version=$(echo ${{ github.event.inputs.version }})" >> $GITHUB_ENV
+          echo "major=$(echo ${{ github.event.inputs.version }} | cut -d. -f1)" >> $GITHUB_ENV
+          echo "minor=$(echo ${{ github.event.inputs.version }} | cut -d. -f2)" >> $GITHUB_ENV
+
+      - name: Generate tags
+        id: generate_tags
+        run: |
+          echo "tag_major=$(echo ${{ matrix.db-type }}-${{ env.major }})" >> $GITHUB_ENV
+          echo "tag_minor=$(echo ${{ matrix.db-type }}-${{ env.major }}.${{ env.minor }})" >> $GITHUB_ENV
+          echo "tag_patch=$(echo ${{ matrix.db-type }}-${{ env.version }})" >> $GITHUB_ENV
+          echo "tag_latest=$(echo ${{ matrix.db-type }}-latest)" >> $GITHUB_ENV
+
+      - uses: mr-smithers-excellent/docker-build-push@v6
+        name: Build & push Docker image to ghcr.io for ${{ matrix.db-type }}
+        with:
+          image: umami
+          tags: ${{ env.tag_major }}, ${{ env.tag_minor }}, ${{ env.tag_patch }}, ${{ env.tag_latest }}
+          buildArgs: DATABASE_TYPE=${{ matrix.db-type }}
+          registry: ghcr.io
+          multiPlatform: true
+          platform: linux/amd64,linux/arm64
+          username: ${{ github.actor }}
+          password: ${{ secrets.GITHUB_TOKEN }}
+
+      - uses: mr-smithers-excellent/docker-build-push@v6
+        name: Build & push Docker image to docker.io for ${{ matrix.db-type }}
+        with:
+          image: umamisoftware/umami
+          tags: ${{ env.tag_major }}, ${{ env.tag_minor }}, ${{ env.tag_patch }}, ${{ env.tag_latest }}
+          buildArgs: DATABASE_TYPE=${{ matrix.db-type }}
+          registry: docker.io
+          username: ${{ secrets.DOCKER_USERNAME }}
+          password: ${{ secrets.DOCKER_PASSWORD }}

.github/workflows/cd.yml

@@ -5,11 +5,6 @@ on:
     tags:
       - 'v*.*.*'
   workflow_dispatch:
-    inputs:
-      version:
-        description: 'Optional image version (e.g. 3.0.0, v3.0.0, or 3.0.0-beta.1)'
-        required: false
-        default: ''
 
 jobs:
   build:
@@ -18,20 +13,22 @@ jobs:
     permissions:
       contents: read
       packages: write
+      id-token: write
+
+    strategy:
+      matrix:
+        db-type: [postgresql]
 
     steps:
       - uses: actions/checkout@v5
 
+      # Install cosign (for image signing)
+      - name: Install cosign
+        uses: sigstore/cosign-installer@v3
+
       - name: Set up Docker Buildx
         uses: docker/setup-buildx-action@v3
 
-      - name: Log into GHCR
-        uses: docker/login-action@v3
-        with:
-          registry: ghcr.io
-          username: ${{ github.actor }}
-          password: ${{ secrets.GITHUB_TOKEN }}
-
       - name: Log into Docker Hub
         if: github.repository == 'umami-software/umami'
         uses: docker/login-action@v3
@@ -40,61 +37,44 @@ jobs:
           username: ${{ secrets.DOCKER_USERNAME }}
           password: ${{ secrets.DOCKER_PASSWORD }}
 
-      - name: Compute version tags
+      - name: Log into GHCR
-        id: compute
+        uses: docker/login-action@v3
-        run: |
+        with:
-          INPUT="${{ github.event.inputs.version }}"
+          registry: ghcr.io
-          REF_TYPE="${{ github.ref_type }}"
+          username: ${{ github.actor }}
-          REF_NAME="${{ github.ref_name }}"
+          password: ${{ secrets.GITHUB_TOKEN }}
 
-          # Determine version source
+      - name: Extract Docker metadata
-          if [[ -n "$INPUT" ]]; then
+        id: meta
-            VERSION="${INPUT#v}"
+        uses: docker/metadata-action@v5
-          elif [[ "$REF_TYPE" == "tag" ]]; then
+        with:
-            VERSION="${REF_NAME#v}"
+          images: |
-          else
+            umamisoftware/umami,enable=${{ github.repository == 'umami-software/umami' }}
-            VERSION=""
+            ghcr.io/${{ github.repository }}
-          fi
+          flavor: |
-
+            latest=auto
-          TAGS=""
+            prefix=${{ matrix.db-type }}-
-
+          tags: |
-          if [[ -n "$VERSION" ]]; then
+            type=semver,pattern={{version}}
-            MAJOR=$(echo "$VERSION" | cut -d. -f1)
+            type=semver,pattern={{major}}.{{minor}}
-            MINOR=$(echo "$VERSION" | cut -d. -f2)
+            type=semver,pattern={{major}}
-
-            if [[ "$VERSION" == *-* ]]; then
-              # prerelease: only version tag
-              TAGS="$VERSION"
-            else
-              # stable release: version + hierarchy + latest
-              TAGS="$VERSION,${MAJOR}.${MINOR},${MAJOR},postgresql-latest,latest"
-            fi
-          else
-            # Non-tag build (e.g. from main branch)
-            TAGS="${REF_NAME}"
-          fi
-
-          echo "tags=$TAGS" >> $GITHUB_OUTPUT
-          echo "Computed tags: $TAGS"
 
       - name: Build and push Docker image
-        run: |
+        id: build-and-push
-          TAGS="${{ steps.compute.outputs.tags }}"
+        uses: docker/build-push-action@v6
+        with:
+          context: .
+          platforms: linux/amd64,linux/arm64
+          build-args: DATABASE_TYPE=${{ matrix.db-type }}
+          push: true
+          tags: ${{ steps.meta.outputs.tags }}
+          labels: ${{ steps.meta.outputs.labels }}
+          cache-from: type=gha
+          cache-to: type=gha,mode=max
 
-          # Set image targets conditionally
+      # Sign the published image digest
-          if [[ "${{ github.repository }}" == "umami-software/umami" ]]; then
+      - name: Sign the published Docker image
-            IMAGES=("umamisoftware/umami" "ghcr.io/${{ github.repository }}")
+        env:
-          else
+          TAGS: ${{ steps.meta.outputs.tags }}
-            IMAGES=("ghcr.io/${{ github.repository }}")
+          DIGEST: ${{ steps.build-and-push.outputs.digest }}
-          fi
+        run: echo "${TAGS}" | xargs -I {} cosign sign --yes "{}@${DIGEST}"
-
-          for IMAGE in "${IMAGES[@]}"; do
-            echo "Building and pushing $IMAGE with tags: $TAGS"
-            docker buildx build \
-              --platform linux/amd64,linux/arm64 \
-              --push \
-              $(echo "$TAGS" | tr ',' '\n' | sed "s|^|--tag ${IMAGE}:|") \
-              --cache-from type=gha \
-              --cache-to type=gha,mode=max \
-              .
-          done

.github/workflows/delete-untagged-images.yml

@@ -0,0 +1,22 @@
+name: Delete untagged GHCR images
+
+on:
+  workflow_dispatch: # Run manually from the Actions tab
+
+jobs:
+  cleanup:
+    name: Delete all untagged images
+    runs-on: ubuntu-latest
+
+    permissions:
+      packages: write
+      contents: read
+
+    steps:
+      - name: Delete untagged GHCR images
+        uses: actions/delete-package-versions@v5
+        with:
+          package-name: "umami" # 👈 change if your GHCR package name differs
+          package-type: "container"
+          delete-only-untagged-versions: true
+          min-versions-to-keep: 0

README.md

@@ -89,7 +89,7 @@ docker compose up -d
 Alternatively, to pull just the Umami Docker image with PostgreSQL support:
 
 ```bash
-docker pull docker.umami.is/umami-software/umami:latest
+docker pull docker.umami.is/umami-software/umami:postgresql-latest
 ```
 
 ---

docker-compose.yml

@@ -1,7 +1,7 @@
 ---
 services:
   umami:
-    image: ghcr.io/umami-software/umami:latest
+    image: ghcr.io/umami-software/umami:postgresql-latest
     ports:
       - "3000:3000"
     environment:

src/app/(main)/App.tsx

@@ -9,14 +9,18 @@ import { MobileNav } from '@/app/(main)/MobileNav';
 export function App({ children }) {
   const { user, isLoading, error } = useLoginQuery();
   const config = useConfig();
-  const { pathname } = useNavigation();
+  const { pathname, router } = useNavigation();
 
   if (isLoading || !config) {
     return <Loading placement="absolute" />;
   }
 
   if (error) {
-    window.location.href = `${process.env.basePath || ''}/login`;
+    if (process.env.cloudMode) {
+      window.location.href = '/login';
+    } else {
+      router.push('/login');
+    }
     return null;
   }
 

src/app/(main)/UpdateNotice.tsx

@@ -1,5 +1,5 @@
 import { useEffect, useCallback, useState } from 'react';
-import { Button, AlertBanner, Column, Row } from '@umami/react-zen';
+import { Button, AlertBanner, Flexbox } from '@umami/react-zen';
 import { setItem } from '@/lib/storage';
 import { useVersion, checkVersion } from '@/store/version';
 import { REPO_URL, VERSION_CHECK } from '@/lib/constants';
@@ -47,15 +47,13 @@ export function UpdateNotice({ user, config }) {
   }
 
   return (
-    <Column justifyContent="center" alignItems="center" position="fixed" top="10px" width="100%">
+    <Flexbox justifyContent="space-between" alignItems="center">
-      <Row width="600px">
+      <AlertBanner title={formatMessage(messages.newVersionAvailable, { version: `v${latest}` })}>
-        <AlertBanner title={formatMessage(messages.newVersionAvailable, { version: `v${latest}` })}>
+        <Button variant="primary" onPress={handleViewClick}>
-          <Button variant="primary" onPress={handleViewClick}>
+          {formatMessage(labels.viewDetails)}
-            {formatMessage(labels.viewDetails)}
+        </Button>
-          </Button>
+        <Button onPress={handleDismissClick}>{formatMessage(labels.dismiss)}</Button>
-          <Button onPress={handleDismissClick}>{formatMessage(labels.dismiss)}</Button>
+      </AlertBanner>
-        </AlertBanner>
+    </Flexbox>
-      </Row>
-    </Column>
   );
 }

src/app/(main)/websites/[websiteId]/events/EventsTable.tsx

@@ -1,24 +1,11 @@
-import {
+import { DataTable, DataColumn, Row, Text, DataTableProps, IconLabel } from '@umami/react-zen';
-  DataTable,
-  DataColumn,
-  Row,
-  Text,
-  DataTableProps,
-  IconLabel,
-  Button,
-  Dialog,
-  DialogTrigger,
-  Icon,
-  Popover,
-} from '@umami/react-zen';
 import { useFormat, useMessages, useNavigation } from '@/components/hooks';
 import { Avatar } from '@/components/common/Avatar';
 import Link from 'next/link';
-import { Eye, FileText } from '@/components/icons';
+import { Eye } from '@/components/icons';
 import { Lightning } from '@/components/svg';
 import { DateDistance } from '@/components/common/DateDistance';
 import { TypeIcon } from '@/components/common/TypeIcon';
-import { EventData } from '@/components/metrics/EventData';
 
 export function EventsTable(props: DataTableProps) {
   const { formatMessage, labels } = useMessages();
@@ -45,7 +32,6 @@ export function EventsTable(props: DataTableProps) {
               >
                 {row.eventName || row.urlPath}
               </Text>
-              {row.hasData > 0 && <PropertiesButton websiteId={row.websiteId} eventId={row.id} />}
             </Row>
           );
         }}
@@ -86,22 +72,3 @@ export function EventsTable(props: DataTableProps) {
     </DataTable>
   );
 }
-
-const PropertiesButton = props => {
-  return (
-    <DialogTrigger>
-      <Button variant="quiet">
-        <Row alignItems="center" gap>
-          <Icon>
-            <FileText />
-          </Icon>
-        </Row>
-      </Button>
-      <Popover placement="right">
-        <Dialog>
-          <EventData {...props} />
-        </Dialog>
-      </Popover>
-    </DialogTrigger>
-  );
-};

src/app/(main)/websites/[websiteId]/realtime/RealtimeLog.tsx

@@ -9,7 +9,6 @@ import {
   useCountryNames,
   useLocale,
   useMessages,
-  useMobile,
   useNavigation,
   useTimezone,
   useWebsite,
@@ -41,7 +40,6 @@ export function RealtimeLog({ data }: { data: any }) {
   const { countryNames } = useCountryNames(locale);
   const [filter, setFilter] = useState(TYPE_ALL);
   const { updateParams } = useNavigation();
-  const { isPhone } = useMobile();
 
   const buttons = [
     {
@@ -125,18 +123,12 @@ export function RealtimeLog({ data }: { data: any }) {
     const row = logs[index];
     return (
       <Row alignItems="center" style={style} gap>
-        <Row minWidth="30px">
+        <Link href={updateParams({ session: row.sessionId })}>
-          <Link href={updateParams({ session: row.sessionId })}>
+          <Avatar seed={row.sessionId} size={32} />
-            <Avatar seed={row.sessionId} size={32} />
+        </Link>
-          </Link>
+        <Row width="100px">{getTime(row)}</Row>
-        </Row>
-        <Row minWidth="100px">
-          <Text wrap="nowrap">{getTime(row)}</Text>
-        </Row>
         <IconLabel icon={getIcon(row)}>
-          <Text style={{ maxWidth: isPhone ? '400px' : null }} truncate>
+          <Text>{getDetail(row)}</Text>
-            {getDetail(row)}
-          </Text>
         </IconLabel>
       </Row>
     );
@@ -176,22 +168,10 @@ export function RealtimeLog({ data }: { data: any }) {
   return (
     <Column gap>
       <Heading size="2">{formatMessage(labels.activity)}</Heading>
-      {isPhone ? (
+      <Row alignItems="center" justifyContent="space-between">
-        <>
+        <SearchField value={search} onSearch={setSearch} />
-          <Row>
+        <FilterButtons items={buttons} value={filter} onChange={setFilter} />
-            <SearchField value={search} onSearch={setSearch} />
+      </Row>
-          </Row>
-          <Row>
-            <FilterButtons items={buttons} value={filter} onChange={setFilter} />
-          </Row>
-        </>
-      ) : (
-        <Row alignItems="center" justifyContent="space-between">
-          <SearchField value={search} onSearch={setSearch} />
-          <FilterButtons items={buttons} value={filter} onChange={setFilter} />
-        </Row>
-      )}
-
       <Column>
         {logs?.length === 0 && <Empty />}
         {logs?.length > 0 && (

src/app/(main)/websites/[websiteId]/realtime/RealtimePage.tsx

@@ -6,7 +6,7 @@ import { PageBody } from '@/components/common/PageBody';
 import { Panel } from '@/components/common/Panel';
 import { RealtimeChart } from '@/components/metrics/RealtimeChart';
 import { WorldMap } from '@/components/metrics/WorldMap';
-import { useMobile, useRealtimeQuery } from '@/components/hooks';
+import { useRealtimeQuery } from '@/components/hooks';
 import { RealtimeLog } from './RealtimeLog';
 import { RealtimeHeader } from './RealtimeHeader';
 import { RealtimePaths } from './RealtimePaths';
@@ -16,7 +16,6 @@ import { percentFilter } from '@/lib/filters';
 
 export function RealtimePage({ websiteId }: { websiteId: string }) {
   const { data, isLoading, error } = useRealtimeQuery(websiteId);
-  const { isMobile } = useMobile();
 
   if (isLoading || error) {
     return <PageBody isLoading={isLoading} error={error} />;
@@ -49,7 +48,7 @@ export function RealtimePage({ websiteId }: { websiteId: string }) {
         <Panel>
           <RealtimeCountries data={countries} />
         </Panel>
-        <Panel gridColumn={isMobile ? null : 'span 2'} padding="0">
+        <Panel gridColumn="span 2" padding="0">
           <WorldMap data={countries} />
         </Panel>
       </GridRow>

src/app/(main)/websites/[websiteId]/sessions/SessionActivity.tsx

@@ -14,7 +14,7 @@ import {
 import { LoadingPanel } from '@/components/common/LoadingPanel';
 import { Eye, FileText } from '@/components/icons';
 import { Lightning } from '@/components/svg';
-import { useMessages, useMobile, useSessionActivityQuery, useTimezone } from '@/components/hooks';
+import { useMessages, useSessionActivityQuery, useTimezone } from '@/components/hooks';
 import { EventData } from '@/components/metrics/EventData';
 
 export function SessionActivity({
@@ -36,7 +36,6 @@ export function SessionActivity({
     startDate,
     endDate,
   );
-  const { isMobile } = useMobile();
   let lastDay = null;
 
   return (
@@ -51,16 +50,16 @@ export function SessionActivity({
               {showHeader && <Heading size="1">{formatTimezoneDate(createdAt, 'PPPP')}</Heading>}
               <Row alignItems="center" gap="6" height="40px">
                 <StatusLight color={`#${visitId?.substring(0, 6)}`}>
-                  <Text wrap="nowrap">{formatTimezoneDate(createdAt, 'pp')}</Text>
+                  {formatTimezoneDate(createdAt, 'pp')}
                 </StatusLight>
                 <Row alignItems="center" gap="2">
                   <Icon>{eventName ? <Lightning /> : <Eye />}</Icon>
-                  <Text wrap="nowrap">
+                  <Text>
                     {eventName
                       ? formatMessage(labels.triggeredEvent)
                       : formatMessage(labels.viewedPage)}
                   </Text>
-                  <Text weight="bold" style={{ maxWidth: isMobile ? '400px' : null }} truncate>
+                  <Text weight="bold" style={{ maxWidth: '400px' }} truncate>
                     {eventName || urlPath}
                   </Text>
                   {hasData > 0 && <PropertiesButton websiteId={websiteId} eventId={eventId} />}

src/app/logout/LogoutPage.tsx

@@ -13,7 +13,7 @@ export function LogoutPage() {
     async function logout() {
       await post('/auth/logout');
 
-      window.location.href = `${process.env.basePath || ''}/login`;
+      router.push('/login');
     }
 
     removeClientAuthToken();

src/components/metrics/EventsChart.tsx

@@ -1,11 +1,10 @@
+import { useMemo, useState, useEffect } from 'react';
+import { colord } from 'colord';
 import { BarChart, BarChartProps } from '@/components/charts/BarChart';
-import { LoadingPanel } from '@/components/common/LoadingPanel';
 import { useDateRange, useLocale, useWebsiteEventsSeriesQuery } from '@/components/hooks';
 import { renderDateLabels } from '@/lib/charts';
 import { CHART_COLORS } from '@/lib/constants';
-import { generateTimeSeries } from '@/lib/date';
+import { LoadingPanel } from '@/components/common/LoadingPanel';
-import { colord } from 'colord';
-import { useCallback, useEffect, useMemo, useState } from 'react';
 
 export interface EventsChartProps extends BarChartProps {
   websiteId: string;
@@ -16,7 +15,7 @@ export function EventsChart({ websiteId, focusLabel }: EventsChartProps) {
   const {
     dateRange: { startDate, endDate, unit },
   } = useDateRange();
-  const { locale, dateLocale } = useLocale();
+  const { locale } = useLocale();
   const { data, isLoading, error } = useWebsiteEventsSeriesQuery(websiteId);
   const [label, setLabel] = useState<string>(focusLabel);
 
@@ -38,7 +37,7 @@ export function EventsChart({ websiteId, focusLabel }: EventsChartProps) {
         const color = colord(CHART_COLORS[index % CHART_COLORS.length]);
         return {
           label: key,
-          data: generateTimeSeries(map[key], startDate, endDate, unit, dateLocale),
+          data: map[key],
           lineTension: 0,
           backgroundColor: color.alpha(0.6).toRgbString(),
           borderColor: color.alpha(0.7).toRgbString(),
@@ -55,8 +54,6 @@ export function EventsChart({ websiteId, focusLabel }: EventsChartProps) {
     }
   }, [focusLabel]);
 
-  const renderXLabel = useCallback(renderDateLabels(unit, locale), [unit, locale]);
-
   return (
     <LoadingPanel isLoading={isLoading} error={error} minHeight="400px">
       {chartData && (
@@ -66,7 +63,7 @@ export function EventsChart({ websiteId, focusLabel }: EventsChartProps) {
           maxDate={endDate}
           unit={unit}
           stacked={true}
-          renderXLabel={renderXLabel}
+          renderXLabel={renderDateLabels(unit, locale)}
           height="400px"
         />
       )}

src/components/metrics/ListTable.tsx

@@ -57,7 +57,7 @@ export function ListTable({
         showPercentage={showPercentage}
         change={renderChange ? renderChange(row, index) : null}
         currency={currency}
-        isPhone={isPhone}
+        isMobile={isPhone}
       />
     );
   };
@@ -101,7 +101,7 @@ const AnimatedRow = ({
   animate,
   showPercentage = true,
   currency,
-  isPhone,
+  isMobile,
 }) => {
   const props = useSpring({
     width: percent,
@@ -120,7 +120,7 @@ const AnimatedRow = ({
       gap
     >
       <Row alignItems="center">
-        <Text truncate={true} style={{ maxWidth: isPhone ? '200px' : '400px' }}>
+        <Text truncate={true} style={{ maxWidth: isMobile ? '200px' : '400px' }}>
           {label}
         </Text>
       </Row>

src/lib/__tests__/detect.test.ts

@@ -1,4 +1,4 @@
-import { getIpAddress } from '../ip';
+import * as detect from '../detect';
 
 const IP = '127.0.0.1';
 const BAD_IP = '127.127.127.127';
@@ -6,23 +6,23 @@ const BAD_IP = '127.127.127.127';
 test('getIpAddress: Custom header', () => {
   process.env.CLIENT_IP_HEADER = 'x-custom-ip-header';
 
-  expect(getIpAddress(new Headers({ 'x-custom-ip-header': IP }))).toEqual(IP);
+  expect(detect.getIpAddress(new Headers({ 'x-custom-ip-header': IP }))).toEqual(IP);
 });
 
 test('getIpAddress: CloudFlare header', () => {
-  expect(getIpAddress(new Headers({ 'cf-connecting-ip': IP }))).toEqual(IP);
+  expect(detect.getIpAddress(new Headers({ 'cf-connecting-ip': IP }))).toEqual(IP);
 });
 
 test('getIpAddress: Standard header', () => {
-  expect(getIpAddress(new Headers({ 'x-forwarded-for': IP }))).toEqual(IP);
+  expect(detect.getIpAddress(new Headers({ 'x-forwarded-for': IP }))).toEqual(IP);
 });
 
 test('getIpAddress: CloudFlare header is lower priority than standard header', () => {
-  expect(getIpAddress(new Headers({ 'cf-connecting-ip': BAD_IP, 'x-forwarded-for': IP }))).toEqual(
+  expect(
-    IP,
+    detect.getIpAddress(new Headers({ 'cf-connecting-ip': BAD_IP, 'x-forwarded-for': IP })),
-  );
+  ).toEqual(IP);
 });
 
 test('getIpAddress: No header', () => {
-  expect(getIpAddress(new Headers())).toEqual(null);
+  expect(detect.getIpAddress(new Headers())).toEqual(null);
 });

src/queries/sql/events/getEventData.ts

@@ -19,20 +19,20 @@ async function relationalQuery(websiteId: string, eventId: string) {
 
   return rawQuery(
     `
-    select event_data.website_id as "websiteId",
+    select website_id as "websiteId",
-       event_data.website_event_id as "eventId",
+       session_id as "sessionId",
-       website_event.event_name as "eventName",
+       event_id as "eventId",
-       event_data.data_key as "dataKey",
+       url_path as "urlPath",
-       event_data.string_value as "stringValue",
+       event_name as "eventName",
-       event_data.number_value as "numberValue",
+       data_key as "dataKey",
-       event_data.date_value as "dateValue",
+       string_value as "stringValue",
-       event_data.data_type as "dataType",
+       number_value as "numberValue",
-       event_data.created_at as "createdAt"
+       date_value as "dateValue",
+       data_type as "dataType",
+       created_at as "createdAt"
     from event_data
-    join website_event on website_event.event_id = event_data.website_event_id
+    website_id = {{websiteId::uuid}}
-      and website_event.website_id = {{websiteId::uuid}}
+      event_id = {{eventId::uuid}}
-    where event_data.website_id = {{websiteId::uuid}}
-      and event_data.website_event_id = {{eventId::uuid}}
     `,
     { websiteId, eventId },
     FUNCTION_NAME,
@@ -45,7 +45,9 @@ async function clickhouseQuery(websiteId: string, eventId: string): Promise<Even
   return rawQuery(
     `
       select website_id as websiteId,
+        session_id as sessionId,
         event_id as eventId,
+        url_path as urlPath,
         event_name as eventName,
         data_key as dataKey,
         string_value as stringValue,

src/queries/sql/events/getWebsiteEvents.ts

@@ -45,11 +45,7 @@ async function relationalQuery(websiteId: string, filters: QueryFilters) {
       browser as browser,
       page_title as "pageTitle",
       website_event.event_type as "eventType",
-      website_event.event_name as "eventName",
+      website_event.event_name as "eventName"
-      event_id IN (select website_event_id 
-                   from event_data
-                   where website_id = {{websiteId::uuid}}
-                      and created_at between {{startDate}} and {{endDate}}) AS "hasData"
     from website_event
     ${cohortQuery}
     join session on session.session_id = website_event.session_id 

src/queries/sql/getWebsiteStats.ts

@@ -36,11 +36,11 @@ async function relationalQuery(
   return rawQuery(
     `
     select
-      cast(coalesce(sum(t.c), 0) as bigint) as "pageviews",
+      sum(t.c) as "pageviews",
       count(distinct t.session_id) as "visitors",
       count(distinct t.visit_id) as "visits",
-      coalesce(sum(case when t.c = 1 then 1 else 0 end), 0) as "bounces",
+      sum(case when t.c = 1 then 1 else 0 end) as "bounces",
-      cast(coalesce(sum(${getTimestampDiffSQL('t.min_time', 't.max_time')}), 0) as bigint) as "totaltime"
+      sum(${getTimestampDiffSQL('t.min_time', 't.max_time')}) as "totaltime"
     from (
       select
         website_event.session_id,

src/queries/sql/reports/getRevenue.ts

@@ -41,15 +41,6 @@ async function relationalQuery(
     currency,
   });
 
-  const joinQuery = filterQuery
-    ? `join website_event
-      on website_event.website_id = revenue.website_id
-        and website_event.session_id = revenue.session_id
-        and website_event.event_id = revenue.event_id
-        and website_event.website_id = {{websiteId::uuid}}
-        and website_event.created_at between {{startDate}} and {{endDate}}`
-    : '';
-
   const chart = await rawQuery(
     `
     select
@@ -57,12 +48,17 @@ async function relationalQuery(
       ${getDateSQL('revenue.created_at', unit, timezone)} t,
       sum(revenue.revenue) y
     from revenue
-    ${joinQuery}
+    join website_event
+      on website_event.website_id = revenue.website_id
+        and website_event.session_id = revenue.session_id
+        and website_event.event_id = revenue.event_id
+        and website_event.website_id = {{websiteId::uuid}}
+        and website_event.created_at between {{startDate}} and {{endDate}}
     ${cohortQuery}
     ${joinSessionQuery}
     where revenue.website_id = {{websiteId::uuid}}
       and revenue.created_at between {{startDate}} and {{endDate}}
-      and revenue.currency ilike {{currency}}
+      and revenue.currency like {{currency}}
       ${filterQuery}
     group by  x, t
     order by t
@@ -76,14 +72,19 @@ async function relationalQuery(
       session.country as name,
       sum(revenue) value
     from revenue 
-    ${joinQuery}
+    join website_event
+      on website_event.website_id = revenue.website_id
+        and website_event.session_id = revenue.session_id
+        and website_event.event_id = revenue.event_id
+        and website_event.website_id = {{websiteId::uuid}}
+        and website_event.created_at between {{startDate}} and {{endDate}}
     join session 
       on session.website_id = revenue.website_id
         and session.session_id = revenue.session_id
     ${cohortQuery}
     where revenue.website_id = {{websiteId::uuid}}
       and revenue.created_at between {{startDate}} and {{endDate}}
-      and revenue.currency ilike {{currency}}
+      and revenue.currency = {{currency}}
       ${filterQuery}
     group by session.country
     `,
@@ -97,18 +98,23 @@ async function relationalQuery(
       count(distinct revenue.event_id) as count,
       count(distinct revenue.session_id) as unique_count
     from revenue
-    ${joinQuery}
+    join website_event
+      on website_event.website_id = revenue.website_id
+        and website_event.session_id = revenue.session_id
+        and website_event.event_id = revenue.event_id
+        and website_event.website_id = {{websiteId::uuid}}
+        and website_event.created_at between {{startDate}} and {{endDate}}
     ${cohortQuery}
     ${joinSessionQuery}
     where revenue.website_id = {{websiteId::uuid}}
       and revenue.created_at between {{startDate}} and {{endDate}}
-      and revenue.currency ilike {{currency}}
+      and revenue.currency = {{currency}}
       ${filterQuery}
   `,
     queryParams,
   ).then(result => result?.[0]);
 
-  total.average = total.count > 0 ? Number(total.sum) / Number(total.count) : 0;
+  total.average = total.count > 0 ? total.sum / total.count : 0;
 
   return { chart, country, total };
 }

src/queries/sql/sessions/getSessionActivity.ts

@@ -29,10 +29,10 @@ async function relationalQuery(websiteId: string, sessionId: string, filters: Qu
       event_type as "eventType",
       event_name as "eventName",
       visit_id as "visitId",
-      event_id IN (select website_event_id 
+      event_id IN (select event_id 
                    from event_data
                    where website_id = {{websiteId::uuid}}
-                      and created_at between {{startDate}} and {{endDate}}) AS "hasData"
+                    and session_id = {{sessionId::uuid}}) AS "hasData"
     from website_event
     where website_id = {{websiteId::uuid}}
       and session_id = {{sessionId::uuid}}