From 1a9e28bd7e88710b363dc24c429f4a84d81c5dd8 Mon Sep 17 00:00:00 2001
From: William Tso <vitalitymailg@gmail.com>
Date: Thu, 3 Apr 2025 21:57:55 +0800
Subject: [PATCH] show label

---
 app/page.tsx                                    | 9 +++++++++
 scripts/db/sql/clickhouse/add_req_full_path.sql | 9 +++++++++
 2 files changed, 18 insertions(+)
 create mode 100644 scripts/db/sql/clickhouse/add_req_full_path.sql

diff --git a/app/page.tsx b/app/page.tsx
index 129c54d..d8b35af 100644
--- a/app/page.tsx
+++ b/app/page.tsx
@@ -97,6 +97,7 @@ const extractEventInfo = (event: Event) => {
     eventTime: event.created_at || event.event_time,
     linkName: event.link_label || linkAttrs?.name || eventAttrs?.link_name || event.link_slug || '-',
     originalUrl: event.link_original_url || eventAttrs?.origin_url || '-',
+    fullUrl: eventAttrs?.full_url || '-',
     eventType: event.event_type || '-',
     visitorId: event.visitor_id?.substring(0, 8) || '-',
     referrer: eventAttrs?.referrer || '-',
@@ -435,6 +436,9 @@ export default function HomePage() {
                 <th scope="col" className="px-6 py-3 text-left text-xs font-medium text-gray-500 uppercase tracking-wider">
                   Original URL
                 </th>
+                <th scope="col" className="px-6 py-3 text-left text-xs font-medium text-gray-500 uppercase tracking-wider">
+                  Full URL
+                </th>
                 <th scope="col" className="px-6 py-3 text-left text-xs font-medium text-gray-500 uppercase tracking-wider">
                   Event Type
                 </th>
@@ -474,6 +478,11 @@ export default function HomePage() {
                         {info.originalUrl}
                       </a>
                     </td>
+                    <td className="px-6 py-4 whitespace-nowrap text-sm text-blue-600">
+                      <a href={info.fullUrl} className="hover:underline truncate max-w-xs block" target="_blank" rel="noopener noreferrer">
+                        {info.fullUrl}
+                      </a>
+                    </td>
                     <td className="px-6 py-4 whitespace-nowrap text-sm">
                       <span className={`px-2 inline-flex text-xs leading-5 font-semibold rounded-full ${
                         info.eventType === 'click' 
diff --git a/scripts/db/sql/clickhouse/add_req_full_path.sql b/scripts/db/sql/clickhouse/add_req_full_path.sql
new file mode 100644
index 0000000..6a849a2
--- /dev/null
+++ b/scripts/db/sql/clickhouse/add_req_full_path.sql
@@ -0,0 +1,9 @@
+-- add_req_full_path.sql
+-- Add req_full_path column to the shorturl_analytics.events table
+ALTER TABLE
+  shorturl_analytics.events
+ADD
+  COLUMN IF NOT EXISTS req_full_path String COMMENT 'Full request path including query parameters';
+
+-- Display the updated table structure
+DESCRIBE TABLE shorturl_analytics.events;
\ No newline at end of file