Add frontend http client

.eslintrc.js

@@ -53,14 +53,20 @@ module.exports = {
             message:
               "Don't use arrow functions in class properties. Use a function instead.",
           },
+          {
+            selector:
+              'MemberExpression > LogicalExpression[operator="||"]:has(Identifier):has(ObjectExpression[properties.length=0])',
+            message: 'Use optional chaining operator instead (?.).',
+          },
+          {
+            selector:
+              'MemberExpression > LogicalExpression[operator="||"]:has(Identifier):has(ArrayExpression[elements.length=0])',
+            message: 'Use optional chaining operator instead (?.).',
+          },
         ],
         'prefer-arrow-callback': 'error',
         'func-style': ['error', 'declaration', { allowArrowFunctions: true }],
-        'arrow-body-style': [
-          'error',
-          'as-needed',
-          { requireReturnForObjectLiteral: true },
-        ],
+        'arrow-body-style': ['error', 'as-needed'],
         'no-unreachable': 'error',
         'no-fallthrough': [
           'error',
@@ -82,7 +88,7 @@ module.exports = {
         'block-scoped-var': 'error',
         'default-case': 'error',
         'default-case-last': 'error',
-        'default-param-last': 'error',
+        'default-param-last': 'off',
         eqeqeq: ['error', 'always'],
         'no-var': 'error',
         /* -------------------------------------------------------------------------- */
@@ -163,6 +169,7 @@ module.exports = {
         /* -------------------------------------------------------------------------- */
         /*                                   unicorn                                  */
         /* -------------------------------------------------------------------------- */
+        'unicorn/prefer-module': 'off',
         'unicorn/prefer-ternary': 'off',
         // https://github.com/sindresorhus/eslint-plugin-unicorn/blob/main/docs/rules/custom-error-definition.md
         'unicorn/custom-error-definition': 'error',
@@ -203,19 +210,43 @@ module.exports = {
         /* -------------------------------------------------------------------------- */
         /*                             @typescript-eslint                             */
         /* -------------------------------------------------------------------------- */
+        '@typescript-eslint/no-dynamic-delete': 'off',
+        '@typescript-eslint/no-unused-vars': [
+          'error',
+          {
+            // Whether to check all, some, or no arguments.
+            args: 'after-used',
+            // Regular expressions of argument names to not check for usage.
+            argsIgnorePattern: '^_',
+            // Whether to check catch block arguments.
+            caughtErrors: 'all',
+            // Regular expressions of catch block argument names to not check for usage.
+            caughtErrorsIgnorePattern: '^_',
+            // Regular expressions of destructured array variable names to not check for usage.
+            destructuredArrayIgnorePattern: '^_',
+            // Whether to ignore classes with at least one static initialization block.
+            ignoreClassWithStaticInitBlock: false,
+            // Whether to ignore sibling properties in `...` destructurings.
+            ignoreRestSiblings: false,
+            // Whether to report variables that match any of the valid ignore pattern options if they have been used.
+            reportUsedIgnorePattern: true,
+            // Whether to check all variables or only locally-declared variables.
+            vars: 'all',
+            // Regular expressions of variable names to not check for usage.
+            varsIgnorePattern: '[iI]gnored$',
+          },
+        ],
         '@typescript-eslint/prefer-readonly': 'error',
         '@typescript-eslint/no-extraneous-class': 'off',
         '@typescript-eslint/method-signature-style': ['error', 'property'],
         '@typescript-eslint/no-explicit-any': 'off',
         '@typescript-eslint/no-empty-function': 'off',
         '@typescript-eslint/naming-convention': [
           'error',
-          { selector: 'default', format: ['camelCase'] },
-          { selector: 'import', format: ['camelCase', 'PascalCase'] },
           {
-            selector: 'variable',
-            types: ['function'],
+            selector: 'default',
             format: ['camelCase', 'PascalCase'],
+            leadingUnderscore: 'allow',
           },
           {
             selector: ['objectLiteralProperty', 'typeProperty'],
@@ -232,7 +263,12 @@ module.exports = {
           {
             selector: ['variable'],
             modifiers: ['global'],
-            types: ['number', 'string'],
+            format: ['UPPER_CASE', 'camelCase', 'PascalCase'],
+          },
+          {
+            selector: ['variable'],
+            modifiers: ['global'],
+            types: ['boolean', 'number', 'string'],
             format: ['UPPER_CASE'],
           },
           {
@@ -316,5 +352,29 @@ module.exports = {
         ],
       },
     },
+    {
+      // constants files
+      files: ['plugins/**/constants.{ts,js}'],
+      rules: {
+        '@typescript-eslint/naming-convention': [
+          'error',
+          {
+            selector: 'variable',
+            modifiers: ['global'],
+            format: ['UPPER_CASE'],
+          },
+        ],
+      },
+    },
+    {
+      files: ['plugins/**/*.test.{js,jsx,ts,tsx}'],
+      rules: {
+        '@typescript-eslint/no-empty-function': [
+          'error',
+          { allow: ['arrowFunctions'] },
+        ],
+        '@typescript-eslint/no-unused-vars': 'off',
+      },
+    },
   ],
 };

CHANGELOG.md

@@ -8,6 +8,7 @@ All notable changes to the Wazuh app project will be documented in this file.
 
 - Support for Wazuh 5.0.0
 - Added creation of report definition when creating dashboard by reference and the button to reset the report [#7091](https://github.com/wazuh/wazuh-dashboard-plugins/pull/7091)
+- Added a frontend http client to core plugin [#7000](https://github.com/wazuh/wazuh-dashboard-plugins/pull/7000)
 - Added an initilization service to core plugin to run the initilization tasks related to user scope [#7145](https://github.com/wazuh/wazuh-dashboard-plugins/pull/7145)
 
 ### Removed

plugins/main/public/components/search-bar/query-language/index.ts

@@ -1,32 +1,58 @@
+import { suggestItem } from '../../wz-search-bar';
 import { AQL } from './aql';
 import { WQL } from './wql';
 
-type SearchBarQueryLanguage = {
-  description: string;
-  documentationLink?: string;
+interface SearchBarProps {
+  suggestions: suggestItem[];
+  onItemClick: (currentInput: string) => (item: suggestItem) => void;
+  prepend?: React.ReactNode;
+  disableFocusTrap?: boolean;
+  isInvalid?: boolean;
+  onKeyPress?: (event: React.KeyboardEvent<HTMLInputElement>) => void;
+}
+
+interface SearchBarQueryLanguage {
   id: string;
   label: string;
+  description: string;
+  documentationLink?: string;
   getConfiguration?: () => any;
-  run: (input: string | undefined, params: any) => Promise<{
-    searchBarProps: any,
+  run: (
+    input: string | undefined,
+    params: any,
+  ) => Promise<{
+    filterButtons?: React.ReactElement | null;
+    searchBarProps: SearchBarProps;
     output: {
-      language: string,
-      unifiedQuery: string,
-      query: string
-    }
+      language: string;
+      unifiedQuery?: string;
+      apiQuery?: {
+        q: string;
+      };
+      query: string;
+    };
   }>;
-  transformInput: (unifiedQuery: string, options: {configuration: any, parameters: any}) => string;
-};
+  transformInput?: (
+    unifiedQuery: string,
+    options: { configuration: any; parameters: any },
+  ) => string;
+  transformUQLToQL?: (unifiedQuery: string) => string;
+}
 
 // Register the query languages
-export const searchBarQueryLanguages: {
-  [key: string]: SearchBarQueryLanguage;
-} = [AQL, WQL].reduce((accum, item) => {
-  if (accum[item.id]) {
-    throw new Error(`Query language with id: ${item.id} already registered.`);
+function initializeSearchBarQueryLanguages() {
+  const languages = [AQL, WQL];
+  const result: Record<string, SearchBarQueryLanguage> = {};
+
+  for (const item of languages) {
+    if (result[item.id]) {
+      throw new Error(`Query language with id: ${item.id} already registered.`);
+    }
+
+    result[item.id] = item;
   }
-  return {
-    ...accum,
-    [item.id]: item,
-  };
-}, {});
+
+  return result;
+}
+
+export const searchBarQueryLanguages = initializeSearchBarQueryLanguages();