From 3734b61c81b11713130adf5d016028727f43a155 Mon Sep 17 00:00:00 2001
From: Ajay <dev@ajay.app>
Date: Mon, 2 Jun 2025 16:22:21 -0400
Subject: [PATCH] Add copy debug log button to popup

---
 src/popup/PopupComponent.tsx       | 13 +++++++++++--
 src/popup/SegmentListComponent.tsx | 20 +++++---------------
 src/popup/popupUtils.ts            | 12 ++++++++++++
 3 files changed, 28 insertions(+), 17 deletions(-)
 create mode 100644 src/popup/popupUtils.ts

diff --git a/src/popup/PopupComponent.tsx b/src/popup/PopupComponent.tsx
index 521230dc..2357f816 100644
--- a/src/popup/PopupComponent.tsx
+++ b/src/popup/PopupComponent.tsx
@@ -4,12 +4,13 @@ import { YourWorkComponent } from "./YourWorkComponent";
 // import { FormattingOptionsComponent } from "./FormattingOptionsComponent";
 import { isSafari } from "../../maze-utils/src/config";
 import { showDonationLink } from "../utils/configUtils";
-import Config from "../config";
-import { GetChannelIDResponse, IsInfoFoundMessageResponse, Message, MessageResponse, PopupMessage } from "../messageTypes";
+import Config, { generateDebugDetails } from "../config";
+import { GetChannelIDResponse, IsInfoFoundMessageResponse, LogResponse, Message, MessageResponse, PopupMessage } from "../messageTypes";
 import { AnimationUtils } from "../../maze-utils/src/animationUtils";
 import { SegmentListComponent } from "./SegmentListComponent";
 import { ActionType, SegmentUUID, SponsorSourceType, SponsorTime } from "../types";
 import { SegmentSubmissionComponent } from "./SegmentSubmissionComponent";
+import { copyToClipboardPopup } from "./popupUtils";
 
 export enum LoadingStatus {
     Loading,
@@ -261,6 +262,14 @@ export const PopupComponent = () => {
                     <a href="https://matrix.to/#/#sponsor:ajay.app?via=ajay.app&via=matrix.org&via=mozilla.org" target="_blank" rel="noreferrer">
                         Matrix
                     </a>
+                    <a id="debugLogs"
+                            onClick={async () => {
+                                const logs = await sendMessage({ message: "getLogs" }) as LogResponse;
+
+                                copyToClipboardPopup(`${generateDebugDetails()}\n\nWarn:\n${logs.warn.join("\n")}\n\nDebug:\n${logs.debug.join("\n")}`, sendMessage);
+                            }}>
+                        {chrome.i18n.getMessage("copyDebugLogs")}
+                    </a>
                 </footer>
             }
 
diff --git a/src/popup/SegmentListComponent.tsx b/src/popup/SegmentListComponent.tsx
index 8baf8daf..caf36165 100644
--- a/src/popup/SegmentListComponent.tsx
+++ b/src/popup/SegmentListComponent.tsx
@@ -10,6 +10,7 @@ import { Message, MessageResponse, VoteResponse } from "../messageTypes";
 import { LoadingStatus } from "./PopupComponent";
 import GenericNotice from "../render/GenericNotice";
 import { exportTimes } from "../utils/exporter";
+import { copyToClipboardPopup } from "./popupUtils";
 
 interface SegmentListComponentProps {
     videoID: VideoID;
@@ -192,7 +193,7 @@ function SegmentListItem({ segment, videoID, currentTime, isVip, startingLooped,
                         const stopAnimation = AnimationUtils.applyLoadingAnimation(e.currentTarget, 0.3);
 
                         if (segment.UUID.length > 60) {
-                            copyToClipboard(segment.UUID, sendMessage);
+                            copyToClipboardPopup(segment.UUID, sendMessage);
                         } else {
                             const segmentIDData = await asyncRequestToServer("GET", "/api/segmentID", {
                                 UUID: segment.UUID,
@@ -200,7 +201,7 @@ function SegmentListItem({ segment, videoID, currentTime, isVip, startingLooped,
                             });
                 
                             if (segmentIDData.ok && segmentIDData.responseText) {
-                                copyToClipboard(segmentIDData.responseText, sendMessage);
+                                copyToClipboardPopup(segmentIDData.responseText, sendMessage);
                             }
                         }
 
@@ -360,17 +361,6 @@ function loopChapter({ segment, element, sendMessage }: {
     }
 }
 
-function copyToClipboard(text: string, sendMessage: (request: Message) => Promise<MessageResponse>): void {
-    if (window === window.top) {
-        window.navigator.clipboard.writeText(text);
-    } else {
-        sendMessage({
-            message: "copyToClipboard",
-            text
-        });
-    }
-}
-
 interface ImportSegmentsProps {
     status: LoadingStatus;
     segments: SponsorTime[];
@@ -397,8 +387,8 @@ function ImportSegments(props: ImportSegmentsProps) {
                     className={props.segments.length === 0 ? "hidden" : ""}
                     title={chrome.i18n.getMessage("exportSegments")}
                     onClick={(e) => {
-                        copyToClipboard(exportTimes(props.segments), props.sendMessage);
-                        
+                        copyToClipboardPopup(exportTimes(props.segments), props.sendMessage);
+
                         const stopAnimation = AnimationUtils.applyLoadingAnimation(e.currentTarget, 0.3);
                         stopAnimation();
                         new GenericNotice(null, "exportCopied", {
diff --git a/src/popup/popupUtils.ts b/src/popup/popupUtils.ts
new file mode 100644
index 00000000..8b26b8f2
--- /dev/null
+++ b/src/popup/popupUtils.ts
@@ -0,0 +1,12 @@
+import { Message, MessageResponse } from "../messageTypes";
+
+export function copyToClipboardPopup(text: string, sendMessage: (request: Message) => Promise<MessageResponse>): void {
+    if (window === window.top) {
+        window.navigator.clipboard.writeText(text);
+    } else {
+        sendMessage({
+            message: "copyToClipboard",
+            text
+        });
+    }
+}
\ No newline at end of file