From 397ea9863368eb6898c5a586e75c474b97f5c546 Mon Sep 17 00:00:00 2001
From: Sven Grossmann <svennergr@gmail.com>
Date: Mon, 30 Mar 2026 14:43:54 +0200
Subject: [PATCH] fix: add HTTPS protocol support to web client

The interactsh server now emits "https" as a distinct protocol (since
projectdiscovery/interactsh@aab1b78) but the web client only recognized
"dns", "http", and "smtp", causing HTTPS interactions to be silently
filtered out.

- Add "https" to the protocols array and default filter
- Apply HTTP syntax highlighting for HTTPS request/response views
- Merge stored filter with defaults so existing users get the new
  "https" filter key without needing to clear localStorage

Made-with: Cursor
---
 src/components/detailedRequest/index.tsx | 4 ++--
 src/lib/localStorage/index.ts            | 6 +++++-
 src/lib/types/filter.ts                  | 1 +
 src/lib/types/protocol.ts                | 2 +-
 4 files changed, 9 insertions(+), 4 deletions(-)

diff --git a/src/components/detailedRequest/index.tsx b/src/components/detailedRequest/index.tsx
index c3b0438..8789a3f 100644
--- a/src/components/detailedRequest/index.tsx
+++ b/src/components/detailedRequest/index.tsx
@@ -58,10 +58,10 @@ const DetailedRequest = memo(({ title, data, view, protocol }: DetailedRequestP)
           Copy <CopyIcon />
         </button>
         <div className="pre_wrapper">
-          <pre className={protocol === 'http' ? 'language-http' : 'default'}>
+          <pre className={protocol === 'http' || protocol === 'https' ? 'language-http' : 'default'}>
             <code
               ref={codeRef}
-              className={protocol === 'http' ? 'language-http' : 'default'}
+              className={protocol === 'http' || protocol === 'https' ? 'language-http' : 'default'}
             >
               {data}
             </code>
diff --git a/src/lib/localStorage/index.ts b/src/lib/localStorage/index.ts
index 2e60cb3..0555854 100644
--- a/src/lib/localStorage/index.ts
+++ b/src/lib/localStorage/index.ts
@@ -58,7 +58,11 @@ export const getStoredData = (): StoredData => {
     const stored = localStorage.getItem(STORAGE_KEY);
     if (stored) {
       const parsed = JSON.parse(stored);
-      return { ...defaultStoredData, ...parsed };
+      return {
+        ...defaultStoredData,
+        ...parsed,
+        filter: { ...defaultStoredData.filter, ...parsed.filter },
+      };
     }
   } catch (error) {
     console.error('Failed to read from localStorage:', error);
diff --git a/src/lib/types/filter.ts b/src/lib/types/filter.ts
index b62f03e..487c4b7 100644
--- a/src/lib/types/filter.ts
+++ b/src/lib/types/filter.ts
@@ -5,6 +5,7 @@ export type Filter = Record<Protocol, boolean>;
 export const defaultFilter: Filter = {
   dns: true,
   http: true,
+  https: true,
   smtp: true,
 };
 
diff --git a/src/lib/types/protocol.ts b/src/lib/types/protocol.ts
index 3d04d17..1b5bc81 100644
--- a/src/lib/types/protocol.ts
+++ b/src/lib/types/protocol.ts
@@ -1,4 +1,4 @@
-export const protocols = ['dns', 'http', 'smtp'] as const;
+export const protocols = ['dns', 'http', 'https', 'smtp'] as const;
 export type Protocol = (typeof protocols)[number];
 
 export const Protocol = {