fix eslint config and related linting issues

.eslintignore

@@ -0,0 +1,7 @@
+node_modules
+/data
+/build
+/target
+/.eslintrc.js
+/cypress.config.js
+!.cypress/

.eslintrc.js

@@ -1,7 +1,58 @@
+/*
+ * Copyright OpenSearch Contributors
+ * SPDX-License-Identifier: Apache-2.0
+ */
+
+const LICENSE_HEADER = `/*
+ * Copyright OpenSearch Contributors
+ * SPDX-License-Identifier: Apache-2.0
+ */`;
+
 module.exports = {
   root: true,
-  extends: ['@elastic/eslint-config-kibana', 'plugin:@elastic/eui/recommended'],
+  extends: [
+    '@elastic/eslint-config-kibana',
+    'plugin:@elastic/eui/recommended',
+    'plugin:react-hooks/recommended',
+    'plugin:jest/recommended',
+    'plugin:prettier/recommended',
+  ],
   rules: {
-    '@osd/eslint/require-license-header': 'off',
+    '@typescript-eslint/no-unused-vars': [
+      'error',
+      {
+        argsIgnorePattern: '^_',
+        varsIgnorePattern: '^_',
+        caughtErrorsIgnorePattern: '^_',
+      },
+    ],
+    '@osd/eslint/no-restricted-paths': [
+      'error',
+      {
+        basePath: __dirname,
+        zones: [
+          {
+            target: ['(public|server)/**/*'],
+            from: ['../../packages/**/*','packages/**/*'],
+          },
+        ],
+      },
+    ],
   },
+  overrides: [
+    {
+      files: ['**/*.{js,ts,tsx}'],
+      rules: {
+        '@typescript-eslint/no-explicit-any': 'warn',
+        'no-console': 0,
+        '@osd/eslint/require-license-header': [
+          'error',
+          {
+            licenses: [LICENSE_HEADER],
+          },
+        ],
+      },
+    },
+  ],
+  "ignorePatterns": ["**/*.d.ts"]
 };

common/index.ts

@@ -1,2 +1,7 @@
+/*
+ * Copyright OpenSearch Contributors
+ * SPDX-License-Identifier: Apache-2.0
+ */
+
 export const PLUGIN_ID = 'queryInsightsDashboards';
 export const PLUGIN_NAME = 'query-insights-dashboards';

package.json

@@ -55,5 +55,9 @@
     "lint-staged": "^10.2.0",
     "ts-loader": "^6.2.1",
     "string.prototype.replaceall": "1.0.7"
-  }
+  },
+  "eslintIgnore": [
+    "node_modules/*",
+    "target/*"
+  ]
 }

public/application.tsx

@@ -1,3 +1,8 @@
+/*
+ * Copyright OpenSearch Contributors
+ * SPDX-License-Identifier: Apache-2.0
+ */
+
 import React from 'react';
 import ReactDOM from 'react-dom';
 import { HashRouter as Router } from 'react-router-dom';

public/components/app.test.tsx

@@ -1,7 +1,6 @@
 /*
  * Copyright OpenSearch Contributors
  * SPDX-License-Identifier: Apache-2.0
- * @jest-environment jsdom
  */
 
 import React from 'react';
@@ -24,13 +23,13 @@
         <QueryInsightsDashboardsApp
           basename="/"
           core={coreStart}
           http={mockHttpStart as any}
           navigation={
             {
               ui: { TopNavMenu: () => null },
             } as any
           }
           notifications={{} as any}
         />
       </Router>
     );

public/components/app.tsx

@@ -1,3 +1,8 @@
+/*
+ * Copyright OpenSearch Contributors
+ * SPDX-License-Identifier: Apache-2.0
+ */
+
 import React from 'react';
 import { Route } from 'react-router-dom';
 import TopNQueries from '../pages/TopNQueries/TopNQueries';

public/index.ts

@@ -1,3 +1,8 @@
+/*
+ * Copyright OpenSearch Contributors
+ * SPDX-License-Identifier: Apache-2.0
+ */
+
 import './index.scss';
 
 import { QueryInsightsDashboardsPlugin } from './plugin';

public/pages/Configuration/Configuration.tsx

@@ -1,3 +1,8 @@
+/*
+ * Copyright OpenSearch Contributors
+ * SPDX-License-Identifier: Apache-2.0
+ */
+
 import React, { useMemo, useCallback, useState, useEffect } from 'react';
 import {
   EuiBottomBar,
@@ -31,7 +36,7 @@
   latencySettings: MetricSettings;
   cpuSettings: MetricSettings;
   memorySettings: MetricSettings;
   configInfo: any;
   core: CoreStart;
 }) => {
   const metricTypes = [
@@ -95,11 +100,11 @@
     ]);
   }, [core.chrome, history, location]);
 
   const onMetricChange = (e: any) => {
     setMetric(e.target.value);
   };
 
   const onEnabledChange = (e: any) => {
     setIsEnabled(e.target.checked);
   };
 

public/pages/QueryDetails/Components/QuerySummary.tsx

@@ -1,7 +1,12 @@
+/*
+ * Copyright OpenSearch Contributors
+ * SPDX-License-Identifier: Apache-2.0
+ */
+
 import React from 'react';
 import { EuiFlexGrid, EuiFlexItem, EuiHorizontalRule, EuiPanel, EuiText } from '@elastic/eui';
 
 const QuerySummary = ({ query }: { query: any }) => {
   const convertTime = (unixTime: number) => {
     const date = new Date(unixTime);
     const loc = date.toDateString().split(' ');

public/pages/QueryDetails/QueryDetails.tsx

@@ -1,3 +1,8 @@
+/*
+ * Copyright OpenSearch Contributors
+ * SPDX-License-Identifier: Apache-2.0
+ */
+
 import React, { useEffect } from 'react';
 import Plotly from 'plotly.js-dist';
 import {
@@ -18,9 +23,9 @@
 import QuerySummary from './Components/QuerySummary';
 import { QUERY_INSIGHTS } from '../TopNQueries/TopNQueries';
 
 const QueryDetails = ({ queries, core }: { queries: any; core: CoreStart }) => {
   const { hashedQuery } = useParams<{ hashedQuery: string }>();
   const query = queries.find((q: any) => hash(q) === hashedQuery);
 
   const convertTime = (unixTime: number) => {
     const date = new Date(unixTime);

public/pages/QueryInsights/QueryInsights.tsx

@@ -1,3 +1,8 @@
+/*
+ * Copyright OpenSearch Contributors
+ * SPDX-License-Identifier: Apache-2.0
+ */
+
 import React, { useEffect, useState } from 'react';
 import { EuiBasicTableColumn, EuiInMemoryTable, EuiLink, EuiSuperDatePicker } from '@elastic/eui';
 import { useHistory, useLocation } from 'react-router-dom';
@@ -24,7 +29,7 @@
   currEnd,
   core,
 }: {
   queries: any[];
   loading: boolean;
   onTimeChange: any;
   recentlyUsedRanges: any[];

public/pages/TopNQueries/TopNQueries.tsx

@@ -1,11 +1,16 @@
+/*
+ * Copyright OpenSearch Contributors
+ * SPDX-License-Identifier: Apache-2.0
+ */
+
 import React, { useCallback, useEffect, useState } from 'react';
 import { Redirect, Route, Switch, useHistory, useLocation } from 'react-router-dom';
 import { EuiTab, EuiTabs, EuiTitle, EuiSpacer } from '@elastic/eui';
 import dateMath from '@elastic/datemath';
+import { CoreStart } from 'opensearch-dashboards/public';
 import QueryInsights from '../QueryInsights/QueryInsights';
 import Configuration from '../Configuration/Configuration';
 import QueryDetails from '../QueryDetails/QueryDetails';
-import { CoreStart } from '../../../../../src/core/public';
 
 export const QUERY_INSIGHTS = '/queryInsights';
 export const CONFIGURATION = '/configuration';
@@ -142,7 +147,6 @@ const TopNQueries = ({ core }: { core: CoreStart }) => {
         ).map((item) => JSON.parse(item));
         setQueries(noDuplicates);
       } catch (error) {
-        // eslint-disable-next-line no-console
         console.error('Error retrieving queries:', error);
       } finally {
         setLoading(false);
@@ -195,7 +199,6 @@ const TopNQueries = ({ core }: { core: CoreStart }) => {
             });
           }
         } catch (error) {
-          // eslint-disable-next-line no-console
           console.error('Failed to retrieve settings:', error);
         }
       } else {
@@ -215,7 +218,6 @@ const TopNQueries = ({ core }: { core: CoreStart }) => {
             },
           });
         } catch (error) {
-          // eslint-disable-next-line no-console
           console.error('Failed to set settings:', error);
         }
       }

public/plugin.ts

@@ -1,3 +1,8 @@
+/*
+ * Copyright OpenSearch Contributors
+ * SPDX-License-Identifier: Apache-2.0
+ */
+
 import { i18n } from '@osd/i18n';
 import { AppMountParameters, CoreSetup, CoreStart, Plugin } from '../../../src/core/public';
 import { QueryInsightsDashboardsPluginSetup, QueryInsightsDashboardsPluginStart } from './types';
@@ -41,7 +46,7 @@ export class QueryInsightsDashboardsPlugin
     };
   }
 
-  public start(core: CoreStart): QueryInsightsDashboardsPluginStart {
+  public start(_core: CoreStart): QueryInsightsDashboardsPluginStart {
     return {};
   }
 

public/types.ts

@@ -1,3 +1,8 @@
+/*
+ * Copyright OpenSearch Contributors
+ * SPDX-License-Identifier: Apache-2.0
+ */
+
 import { NavigationPublicPluginStart } from '../../../src/plugins/navigation/public';
 
 export interface QueryInsightsDashboardsPluginSetup {

server/index.ts

@@ -1,3 +1,8 @@
+/*
+ * Copyright OpenSearch Contributors
+ * SPDX-License-Identifier: Apache-2.0
+ */
+
 import { PluginInitializerContext } from '../../../src/core/server';
 import { QueryInsightsDashboardsPlugin } from './plugin';
 

server/plugin.ts

@@ -1,3 +1,8 @@
+/*
+ * Copyright OpenSearch Contributors
+ * SPDX-License-Identifier: Apache-2.0
+ */
+
 import {
   PluginInitializerContext,
   CoreSetup,
@@ -42,7 +47,7 @@ export class QueryInsightsDashboardsPlugin
     return {};
   }
 
-  public start(core: CoreStart) {
+  public start(_core: CoreStart) {
     this.logger.debug('query-insights-dashboards: Started');
     return {};
   }

server/routes/index.ts

@@ -1,3 +1,8 @@
+/*
+ * Copyright OpenSearch Contributors
+ * SPDX-License-Identifier: Apache-2.0
+ */
+
 import { schema } from '@osd/config-schema';
 import { IRouter } from '../../../../src/core/server';
 export function defineRoutes(router: IRouter) {

server/types.ts

@@ -1,3 +1,8 @@
+/*
+ * Copyright OpenSearch Contributors
+ * SPDX-License-Identifier: Apache-2.0
+ */
+
 // eslint-disable-next-line @typescript-eslint/no-empty-interface
 export interface QueryInsightsDashboardsPluginSetup {}
 // eslint-disable-next-line @typescript-eslint/no-empty-interface

yarn.lock

@@ -4869,6 +4869,11 @@ object-copy@^0.1.0:
     define-property "^0.2.5"
     kind-of "^3.0.3"
 
+object-hash@^3.0.0:
+  version "3.0.0"
+  resolved "https://registry.yarnpkg.com/object-hash/-/object-hash-3.0.0.tgz#73f97f753e7baffc0e2cc9d6e079079744ac82e9"
+  integrity sha512-RSn9F68PjH9HqtltsSnqYC1XXoWe9Bju5+213R98cNGttag9q9yAOTzdbsqvIa7aNm5WffBZFpWYr2aWrklWAw==
+
 object-inspect@^1.13.1:
   version "1.13.2"
   resolved "https://registry.yarnpkg.com/object-inspect/-/object-inspect-1.13.2.tgz#dea0088467fb991e67af4058147a24824a3043ff"
@@ -5128,6 +5133,11 @@ please-upgrade-node@^3.2.0:
   dependencies:
     semver-compare "^1.0.0"
 
+plotly.js-dist@^2.34.0:
+  version "2.35.2"
+  resolved "https://registry.yarnpkg.com/plotly.js-dist/-/plotly.js-dist-2.35.2.tgz#2bda4b53e6cfe264daac25e2e6adaf1aa69d4aa6"
+  integrity sha512-zbKfz7jXGcLGoyPJxjGrKLttPiqvsEjIMHON/dEU/mnOJ+/yYoEctEEQ3qp5zQmvoovw1L47kCsQpq/GTbejBA==
+
 posix-character-classes@^0.1.0:
   version "0.1.1"
   resolved "https://registry.yarnpkg.com/posix-character-classes/-/posix-character-classes-0.1.1.tgz#01eac0fe3b5af71a2a6c02feabb8c1fef7e00eab"