added feature for user agent

package.json

@@ -300,6 +300,7 @@
     "solid-js": "1.9.7",
     "solid-styled-components": "0.28.5",
     "solid-transition-group": "0.3.0",
+    "ua-parser-js": "2.0.3",
     "ts-morph": "26.0.0",
     "vudio": "2.1.1",
     "x11": "2.3.0",

src/config/defaults.ts

@@ -32,6 +32,8 @@ export interface DefaultConfig {
     proxy: string;
     startingPage: string;
     overrideUserAgent: boolean;
+    overrideUserAgentValue: string;
+    customUserAgent: string[];
     usePodcastParticipantAsArtist: boolean;
     themes: string[];
   };
@@ -67,6 +69,8 @@ const defaultConfig: DefaultConfig = {
     proxy: '',
     startingPage: '',
     overrideUserAgent: false,
+    overrideUserAgentValue: '',
+    customUserAgent: [],
     usePodcastParticipantAsArtist: false,
     themes: [],
   },

src/i18n/resources/en.json

@@ -100,6 +100,8 @@
               "disable-hardware-acceleration": "Disable hardware acceleration",
               "edit-config-json": "Edit config.json",
               "override-user-agent": "Override User-Agent",
+              "add-override-user-agent": "Add user agent",
+              "reset-override-user-agent": "Reset user agent",
               "restart-on-config-changes": "Restart on config changes",
               "set-proxy": {
                 "label": "Set proxy",

src/menu.ts

@@ -7,7 +7,9 @@ import {
   Menu,
   MenuItem,
   shell,
+  session,
 } from 'electron';
+import { UAParser } from 'ua-parser-js';
 import prompt from 'custom-electron-prompt';
 import { satisfies } from 'semver';
 
@@ -483,11 +485,98 @@ export const mainMenuTemplate = async (
               label: t(
                 'main.menu.options.submenu.advanced-options.submenu.override-user-agent',
               ),
-              type: 'checkbox',
-              checked: config.get('options.overrideUserAgent'),
-              click(item: MenuItem) {
-                config.setMenuOption('options.overrideUserAgent', item.checked);
-              },
+              submenu: [
+                {
+                  label: t(
+                    'main.menu.options.submenu.advanced-options.submenu.reset-override-user-agent',
+                  ),
+                  type: 'normal' as const,
+                  click() {
+                    // Clear the override value from config
+                    config.set('options.overrideUserAgentValue', '');
+
+                    // Remove the onBeforeSendHeaders listener
+                    session.defaultSession.webRequest.onBeforeSendHeaders(
+                      { urls: ['*://*/*'] },
+                      () => {},
+                    );
+
+                    // Reset to original user agent
+                    const originalUserAgent = win.webContents.userAgent;
+                    win.webContents.userAgent = originalUserAgent;
+                    app.userAgentFallback = originalUserAgent;
+                  },
+                } satisfies Electron.MenuItemConstructorOptions,
+                {
+                  label: t(
+                    'main.menu.options.submenu.advanced-options.submenu.add-override-user-agent',
+                  ),
+                  type: 'normal',
+                  click() {
+                    prompt(
+                      {
+                        title: t(
+                          'main.menu.options.submenu.advanced-options.submenu.add-override-user-agent',
+                        ),
+                        label: t(
+                          'main.menu.options.submenu.advanced-options.submenu.add-override-user-agent',
+                        ),
+                        value: '',
+                        type: 'input',
+                        width: 450,
+                        height: 150,
+                        alwaysOnTop: true,
+                        ...promptOptions,
+                      },
+                      win,
+                    )
+                      .then((result) => {
+                        if (result === null) {
+                          return;
+                        }
+                        const existingConfig =
+                          config.get('options.customUserAgent') || [];
+                        config.set('options.customUserAgent', [
+                          ...existingConfig,
+                          result,
+                        ]);
+                        refreshMenu(win);
+                      })
+                      .catch(console.error);
+                  },
+                },
+              ].concat(
+                config.get('options.customUserAgent').map((userAgent) => {
+                  const parser = new UAParser(userAgent);
+                  const result = parser.getResult();
+                  return {
+                    label: `${result.os.name} ${result.browser.name} ${result.browser.version}`,
+                    type: 'radio',
+                    checked:
+                      config.get('options.overrideUserAgentValue') ===
+                      userAgent,
+                    click() {
+                      session.defaultSession.webRequest.onBeforeSendHeaders(
+                        (details, callback) => {
+                          config.set(
+                            'options.overrideUserAgentValue',
+                            userAgent,
+                          );
+                          const overrideUA = config.get(
+                            'options.overrideUserAgentValue',
+                          );
+                          if (overrideUA) {
+                            details.requestHeaders['User-Agent'] = overrideUA;
+                          }
+                          callback({
+                            requestHeaders: details.requestHeaders,
+                          });
+                        },
+                      );
+                    },
+                  } satisfies Electron.MenuItemConstructorOptions;
+                }),
+              ),
             },
             {
               label: t(