- Set the browser target to ES6 and reduce the JS bundle size considerably

- Upgrade ESLint to v9.x and migrate the .eslintrc.js file to make it work

web/pgadmin/browser/server_groups/servers/roles/static/js/role.ui.js

@@ -32,8 +32,8 @@ export default class RoleSchema extends BaseUISchema {
       variables: [],
       rolbypassrls: false,
     });
-    this.getVariableSchema = getVariableSchema;
-    this.getMembershipSchema = getMembershipSchema;
+    this.variableSchema = getVariableSchema();
+    this.membershipSchema = getMembershipSchema();
     this.fieldOptions = {
       role: [],
       ...fieldOptions,
@@ -165,7 +165,7 @@ export default class RoleSchema extends BaseUISchema {
         disabled: obj.readOnly,
         mode: ['edit', 'create'], cell: 'text',
         type: 'collection',
-        schema: new obj.getMembershipSchema(),
+        schema: obj.membershipSchema,
         helpMessage: obj.isReadOnly ? gettext('Select the checkbox for roles to include WITH ADMIN OPTION.') : gettext('Roles shown with a check mark have the WITH ADMIN OPTION set.'),
       },
       {
@@ -183,7 +183,7 @@ export default class RoleSchema extends BaseUISchema {
         id: 'rolmembers', label: gettext('Members'), group: gettext('Membership'),
         mode: ['edit', 'create'], cell: 'text',
         type: 'collection',
-        schema: new obj.getMembershipSchema(),
+        schema: obj.membershipSchema,
         disabled: obj.readOnly,
         helpMessage: obj.isReadOnly ? gettext('Select the checkbox for roles to include WITH ADMIN OPTION.') : gettext('Roles shown with a check mark have the WITH ADMIN OPTION set.') ,
       },
@@ -201,7 +201,7 @@ export default class RoleSchema extends BaseUISchema {
       {
         id: 'variables', label: '', type: 'collection',
         group: gettext('Parameters'),
-        schema: this.getVariableSchema(),
+        schema: this.variableSchema,
         mode: [ 'edit', 'create'], canAdd: true, canDelete: true,
         disabled: obj.readOnly,
       },

web/pgadmin/dashboard/static/js/Dashboard.jsx

@@ -468,7 +468,7 @@ function Dashboard({
         link.click();
       }
       document.body.removeChild(link);
-    } catch (error) {
+    } catch {
       setSsMsg(gettext('Failed to download the logs.'));
     }
   };

web/pgadmin/dashboard/static/js/SystemStats/CpuDetails.jsx

@@ -6,7 +6,7 @@
 // This software is released under the PostgreSQL Licence
 //
 //////////////////////////////////////////////////////////////
-// eslint-disable-next-line react/display-name
+ 
 import React, { useState, useEffect, useRef, useReducer, useMemo } from 'react';
 import PgTable from 'sources/components/PgTable';
 import gettext from 'sources/gettext';

web/pgadmin/static/js/clipboard.js

@@ -3,7 +3,7 @@ import pgAdmin from 'sources/pgadmin';
 export async function copyToClipboard(text) {
   try {
     await navigator.clipboard.writeText(text);
-  } catch(err) {
+  } catch {
     /* Suppress error */
     pgAdmin.Browser.notifier.error('Does not have clipboard access');
   }

web/pgadmin/static/js/components/ReactCodeMirror/components/Editor.jsx

@@ -66,7 +66,7 @@ function handleDrop(e, editor) {
     if (e.stopPropagation) {
       e.stopPropagation();
     }
-  } catch (error) {
+  } catch {
     /* if parsing fails, it must be the drag internal of codemirror text */
     return false;
   }

web/pgadmin/static/js/helpers/withColorPicker.js

@@ -15,7 +15,7 @@ import PropTypes from 'prop-types';
 import { fullHexColor } from '../utils';
 
 export function withColorPicker(Component) {
-  // eslint-disable-next-line react/display-name
+   
   const HOCComponent = ({value, currObj, onChange, onSave, options, ...props})=>{
     const pickrOptions = {
       showPalette: true,

web/pgadmin/static/js/helpers/withStandardTabInfo.jsx

@@ -14,7 +14,7 @@ import { usePgAdmin } from '../../../static/js/BrowserComponent';
 import ErrorBoundary from './ErrorBoundary';
 
 export default function withStandardTabInfo(Component, tabId) {
-  // eslint-disable-next-line react/display-name
+   
   const HOCComponent = (props)=>{
     const [[isStale, nodeItem, nodeData], setNodeInfo] = useState([true, undefined, undefined]);
     const pgAdmin = usePgAdmin();

web/pgadmin/static/js/to_px.js

@@ -84,7 +84,7 @@ export default function toPx(value, prop, force, el) {
     // set the style on the target element
     try {
       style[prop] = value;
-    } catch (e) {
+    } catch {
       // IE 8 and below throw an exception when setting unsupported units
       return 0;
     }

web/pgadmin/static/js/tree/ObjectExplorer.jsx

@@ -141,7 +141,7 @@ export default function ObjectExplorer() {
     try {
       const _node_path = parentPath + '/' + _data.id;
       return mtree.addNode(parentPath, _node_path, _data);
-    } catch (error) {
+    } catch {
       return null; // or throw error as you see fit
     }
   };
@@ -151,7 +151,7 @@ export default function ObjectExplorer() {
     try {
       await mtree.removeNode(path, _removeOnlyChild);
       return true;
-    } catch (error) {
+    } catch {
       return false; // or throw error as you see fit
     }
   };
@@ -161,7 +161,7 @@ export default function ObjectExplorer() {
     try {
       await mtree.updateNode(path, data);
       return true;
-    } catch (error) {
+    } catch {
       return false; // or throw error as you see fit
     }
   };

web/pgadmin/static/js/window.js

@@ -24,7 +24,7 @@ const pgWindow = function() {
     } else {
       localPgWindow = window;
     }
-  } catch (error) {
+  } catch {
     localPgWindow = window;
   }
   return localPgWindow;

web/pgadmin/tools/debugger/static/js/DebuggerModule.js

@@ -367,7 +367,7 @@ export default class DebuggerModule {
 
             let browser_preferences = usePreferences.getState().getPreferencesForModule('browser');
             let open_new_tab = browser_preferences.new_browser_tab_open;
-            const db_label = self.checkDbNameChange(data, dbNode, newTreeInfo, db_label);
+            const db_label = self.checkDbNameChange(data, dbNode, newTreeInfo);
             let label = getAppropriateLabel(newTreeInfo);
             pgAdmin.Browser.Events.trigger(
               'pgadmin:tool:show',

web/pgadmin/tools/debugger/static/js/components/DebuggerComponent.jsx

@@ -147,7 +147,7 @@ export default function DebuggerComponent({ pgAdmin, selectedNodeInfo, panelId,
           }
         });
       }
-    } catch (e) {
+    } catch {
       alert(xhr);
       pgAdmin.Browser.notifier.alert(
         gettext('Debugger Error'),

web/pgadmin/tools/sqleditor/static/js/components/sections/GeometryViewer.jsx

@@ -87,7 +87,7 @@ function parseEwkbData(rows, column) {
       }
       supportedGeometries.push(geometry);
       geometryItemMap.set(geometry, item);
-    } catch (e) {
+    } catch {
       unsupportedRows.push(item);
     }
     return true;

web/pgadmin/tools/sqleditor/static/js/components/sections/ResultSet.jsx

@@ -1075,7 +1075,7 @@ export function ResultSet() {
             'info': gettext('This query was generated by pgAdmin as part of a "Save Data" operation'),
           });
         });
-      } catch (_e) {/* History errors should not bother others */}
+      } catch {/* History errors should not bother others */}
 
       if(!respData.data.status) {
         eventBus.fireEvent(QUERY_TOOL_EVENTS.SAVE_DATA_DONE, false);