fix: add HTTPS protocol support to web client

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>

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);

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,
 };
 

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 = {