Improve loading speed

CHANGELOG.md

@@ -37,6 +37,7 @@ All notable changes to the Wazuh app project will be documented in this file.
 - Fixed vulnerabilities inventory table scroll [#7118](https://github.com/wazuh/wazuh-dashboard-plugins/pull/7118)
 - Fixed the filter are displayed cropped on screens of 575px to 767px in vulnerability detection module [#7047](https://github.com/wazuh/wazuh-dashboard-plugins/pull/7047)
 - Fixed ability to filter from files inventory details flyout of File Integrity Monitoring [#7119](https://github.com/wazuh/wazuh-dashboard-plugins/pull/7119)
+- Fixed loading speed [#7099](https://github.com/wazuh/wazuh-dashboard-plugins/pull/7099)
 
 ### Removed
 

plugins/main/common/constants.ts

@@ -530,3 +530,8 @@ export const OSD_URL_STATE_STORAGE_ID = 'state:storeInSessionStorage';
 
 export const APP_STATE_URL_KEY = '_a';
 export const GLOBAL_STATE_URL_KEY = '_g';
+
+export enum ERROR_CODES {
+  EPROTO = 'EPROTO',
+  ECONNREFUSED = 'ECONNREFUSED',
+}

plugins/main/common/types.ts

@@ -0,0 +1,199 @@
+import { RequestHandlerContext } from 'opensearch-dashboards/server';
+import type { ManageHosts } from '../../wazuh-core/server/services';
+import { OpenSearchDashboardsRequest } from 'src/core/server/http';
+
+export type UserAuthenticate = (apiHostID: string) => Promise<string>;
+
+export type UserRequestOptions = { apiHostID: string; forceRefresh?: boolean };
+export type UserRequest = (
+  method: string,
+  path: string,
+  data: any,
+  options: UserRequestOptions,
+) => Promise<any>;
+
+export type AsUser = {
+  authenticate: UserAuthenticate;
+  request: UserRequest;
+};
+
+export type ApiClient = {
+  asInternalUser: AsUser;
+  asCurrentUser: AsUser;
+};
+
+type CurrentUser = {
+  username?: string;
+  authContext: { [key: string]: any };
+};
+
+export interface ISecurityFactory {
+  platform?: string;
+  getCurrentUser(
+    request: OpenSearchDashboardsRequest,
+    context?: RequestHandlerContext,
+  ): Promise<CurrentUser>;
+  isAdministratorUser(
+    context: RequestHandlerContext,
+    request: OpenSearchDashboardsRequest,
+  ): Promise<{ administrator: any; administrator_requirements: any }>;
+}
+
+export enum EpluginSettingType {
+  text = 'text',
+  password = 'password',
+  textarea = 'textarea',
+  switch = 'switch',
+  number = 'number',
+  editor = 'editor',
+  select = 'select',
+  filepicker = 'filepicker',
+}
+
+type TConfigurationSettingOptionsPassword = {
+  password: {
+    dual?: 'text' | 'password' | 'dual';
+  };
+};
+
+type TConfigurationSettingOptionsTextArea = {
+  maxRows?: number;
+  minRows?: number;
+  maxLength?: number;
+};
+
+type TConfigurationSettingOptionsSelect = {
+  select: { text: string; value: any }[];
+};
+
+type TConfigurationSettingOptionsEditor = {
+  editor: {
+    language: string;
+  };
+};
+
+type TConfigurationSettingOptionsFile = {
+  file: {
+    type: 'image';
+    extensions?: string[];
+    size?: {
+      maxBytes?: number;
+      minBytes?: number;
+    };
+    recommended?: {
+      dimensions?: {
+        width: number;
+        height: number;
+        unit: string;
+      };
+    };
+    store?: {
+      relativePathFileSystem: string;
+      filename: string;
+      resolveStaticURL: (filename: string) => string;
+    };
+  };
+};
+
+type TConfigurationSettingOptionsNumber = {
+  number: {
+    min?: number;
+    max?: number;
+    integer?: boolean;
+  };
+};
+
+type TConfigurationSettingOptionsSwitch = {
+  switch: {
+    values: {
+      disabled: { label?: string; value: any };
+      enabled: { label?: string; value: any };
+    };
+  };
+};
+
+export type TConfigurationSetting = {
+  // Define the text displayed in the UI.
+  title: string;
+  // Description.
+  description: string;
+  // Category.
+  category: number;
+  // Type.
+  type: EpluginSettingType;
+  // Default value.
+  defaultValue: any;
+  /* Special: This is used for the settings of customization to get the hidden default value, because the default value is empty to not to be displayed on the App Settings. */
+  defaultValueIfNotSet?: any;
+  // Configurable from the configuration file.
+  isConfigurableFromSettings: boolean;
+  // Modify the setting requires running the plugin health check (frontend).
+  requiresRunningHealthCheck?: boolean;
+  // Modify the setting requires reloading the browser tab (frontend).
+  requiresReloadingBrowserTab?: boolean;
+  // Modify the setting requires restarting the plugin platform to take effect.
+  requiresRestartingPluginPlatform?: boolean;
+  // Define options related to the `type`.
+  options?:
+    | TConfigurationSettingOptionsEditor
+    | TConfigurationSettingOptionsFile
+    | TConfigurationSettingOptionsNumber
+    | TConfigurationSettingOptionsPassword
+    | TConfigurationSettingOptionsSelect
+    | TConfigurationSettingOptionsSwitch
+    | TConfigurationSettingOptionsTextArea;
+  store?: {
+    file: {
+      // Define if the setting is managed by the ConfigurationStore service
+      configurableManaged?: boolean;
+      // Define a text to print as the default in the configuration block
+      defaultBlock?: string;
+      /* Transform the value defined in the configuration file to be consumed by the Configuration
+        service */
+      transformFrom?: (value: any) => any;
+    };
+  };
+  // Transform the input value. The result is saved in the form global state of Settings/Configuration
+  uiFormTransformChangedInputValue?: (value: any) => any;
+  // Transform the configuration value or default as initial value for the input in Settings/Configuration
+  uiFormTransformConfigurationValueToInputValue?: (value: any) => any;
+  // Transform the input value changed in the form of Settings/Configuration and returned in the `changed` property of the hook useForm
+  uiFormTransformInputValueToConfigurationValue?: (value: any) => any;
+  // Validate the value in the form of App Settings. It returns a string if there is some validation error.
+  validateUIForm?: (value: any) => string | undefined;
+  // Validate function creator to validate the setting in the backend.
+  validate?: (value: string) => string | undefined;
+};
+
+type TConfigurationSettings = { [key: string]: any };
+export interface IConfigurationStore {
+  setup: () => Promise<any>;
+  start: () => Promise<any>;
+  stop: () => Promise<any>;
+  get: (...settings: string[]) => Promise<TConfigurationSettings>;
+  set: (settings: TConfigurationSettings) => Promise<any>;
+  clear: (...settings: string[]) => Promise<any>;
+  setConfiguration: (configuration: IConfiguration) => void;
+}
+
+export interface IConfiguration {
+  setStore(store: IConfigurationStore): void;
+  setup(): Promise<any>;
+  start(): Promise<any>;
+  stop(): Promise<any>;
+  register(id: string, value: any): void;
+  get(...settings: string[]): Promise<TConfigurationSettings>;
+  set(settings: TConfigurationSettings): Promise<any>;
+  clear(...settings: string[]): Promise<any>;
+  reset(...settings: string[]): Promise<any>;
+  _settings: Map<string, TConfigurationSetting>;
+  getSettingValue(settingKey: string, value?: any): any;
+  getSettingValueIfNotSet(settingKey: string, value?: any): any;
+}
+
+export type WazuhCore = {
+  api: { client: ApiClient };
+  dashboardSecurity: ISecurityFactory;
+  configuration: IConfiguration;
+  manageHosts: ManageHosts;
+};

plugins/main/public/components/health-check/services/check-api.service.ts

@@ -18,6 +18,7 @@ import { CheckLogger } from '../types/check_logger';
 import {
   PLUGIN_PLATFORM_WAZUH_DOCUMENTATION_URL_PATH_TROUBLESHOOTING,
   PLUGIN_APP_NAME,
+  WAZUH_ERROR_DAEMONS_NOT_READY,
 } from '../../../../common/constants';
 import { webDocumentationLink } from '../../../../common/services/web_documentation';
 
@@ -52,7 +53,11 @@ const trySetDefault = async (checkLogger: CheckLogger) => {
       }
       if (errors.length) {
         for (var j = 0; j < errors.length; j++) {
-          if (errors[j].includes('ERROR3099 - 405: Method Not Allowed')) {
+          if (
+            errors[j].includes(
+              `${WAZUH_ERROR_DAEMONS_NOT_READY} - 405: Method Not Allowed`,
+            )
+          ) {
             return Promise.reject(
               `No API available to connect. This may be related to a version mismatch between server and ${PLUGIN_APP_NAME}. Please check the versions and try again. Read more about this in our troubleshooting guide: ${webDocumentationLink(
                 PLUGIN_PLATFORM_WAZUH_DOCUMENTATION_URL_PATH_TROUBLESHOOTING,

plugins/main/public/controllers/management/components/management/configuration/utils/wz-fetch.js

@@ -14,7 +14,10 @@ import { WzRequest } from '../../../../../../react-services/wz-request';
 import { replaceIllegalXML } from './xml';
 import { getToasts } from '../../../../../../kibana-services';
 import { delayAsPromise } from '../../../../../../../common/utils';
-import { AGENT_SYNCED_STATUS } from '../../../../../../../common/constants';
+import {
+  AGENT_SYNCED_STATUS,
+  WAZUH_ERROR_DAEMONS_NOT_READY,
+} from '../../../../../../../common/constants';
 
 /**
  * Get configuration for an agent/manager of request sections
@@ -144,7 +147,7 @@ export const handleError = async (
   const message = extractMessage(error);
   const messageIsString = typeof message === 'string';
   try {
-    if (messageIsString && message.includes('ERROR3099')) {
+    if (messageIsString && message.includes(WAZUH_ERROR_DAEMONS_NOT_READY)) {
       updateWazuhNotReadyYet('Server not ready yet.');
       await makePing(updateWazuhNotReadyYet, isCluster);
       return;

plugins/main/public/kibana-services.ts

@@ -15,6 +15,7 @@ import { VisualizationsStart } from '../../../src/plugins/visualizations/public'
 import { NavigationPublicPluginStart } from '../../../src/plugins/navigation/public';
 import { AppPluginStartDependencies } from './types';
 import { WazuhCheckUpdatesPluginStart } from '../../wazuh-check-updates/public';
+import { WazuhCorePluginStart } from 'plugins/wazuh-core/public';
 
 let angularModule: any = null;
 let discoverModule: any = null;
@@ -46,7 +47,7 @@ export const [getWzCurrentAppID, setWzCurrentAppID] =
 export const [getWazuhCheckUpdatesPlugin, setWazuhCheckUpdatesPlugin] =
   createGetterSetter<WazuhCheckUpdatesPluginStart>('WazuhCheckUpdatesPlugin');
 export const [getWazuhCorePlugin, setWazuhCorePlugin] =
-  createGetterSetter<WazuhCheckUpdatesPluginStart>('WazuhCorePlugin');
+  createGetterSetter<WazuhCorePluginStart>('WazuhCorePlugin');
 export const [getHeaderActionMenuMounter, setHeaderActionMenuMounter] =
   createGetterSetter<AppMountParameters['setHeaderActionMenu']>(
     'headerActionMenuMounter',

plugins/main/public/react-services/error-handler.ts

@@ -14,6 +14,7 @@ import store from '../redux/store';
 import { updateWazuhNotReadyYet } from '../redux/actions/appStateActions';
 import { WzMisc } from '../factories/misc';
 import { CheckDaemonsStatus } from './check-daemons-status';
+import { WAZUH_ERROR_DAEMONS_NOT_READY } from '../../common/constants';
 
 interface IHistoryItem {
   text: string;
@@ -142,7 +143,7 @@ export class ErrorHandler {
   static handle(error, location, params = { warning: false, silent: false }) {
     const message = ErrorHandler.extractMessage(error);
     const messageIsString = typeof message === 'string';
-    if (messageIsString && message.includes('ERROR3099')) {
+    if (messageIsString && message.includes(WAZUH_ERROR_DAEMONS_NOT_READY)) {
       const updateNotReadyYet = updateWazuhNotReadyYet('Server not ready yet.');
       store.dispatch(updateNotReadyYet);
       CheckDaemonsStatus.makePing().catch(error => {});

plugins/main/public/types.ts

@@ -20,6 +20,7 @@ import {
 import { WazuhCheckUpdatesPluginStart } from '../../wazuh-check-updates/public';
 import { WazuhCorePluginStart } from '../../wazuh-core/public';
 import { DashboardStart } from '../../../src/plugins/dashboard/public';
+import { WazuhCore } from '../common/types';
 
 export interface AppPluginStartDependencies {
   navigation: NavigationPublicPluginStart;
@@ -46,6 +47,7 @@ export type WazuhSetupPlugins = {
   data: DataPublicPluginSetup;
   navigation: NavigationPublicPluginStart;
   telemetry: TelemetryPluginSetup;
+  wazuhCore: WazuhCore;
 };
 
 export type WazuhStartPlugins = AppPluginStartDependencies;

plugins/main/server/controllers/decorators.ts

@@ -1,8 +1,23 @@
+import {
+  OpenSearchDashboardsRequest,
+  OpenSearchDashboardsResponseFactory,
+  RequestHandlerContext,
+} from 'opensearch-dashboards/server';
 import { ErrorResponse } from '../lib/error-response';
 
 export function routeDecoratorProtectedAdministrator(errorCode: number) {
-  return handler => {
-    return async (context, request, response) => {
+  return (
+    handler: (
+      context: RequestHandlerContext,
+      request: OpenSearchDashboardsRequest,
+      response: OpenSearchDashboardsResponseFactory,
+    ) => Promise<unknown>,
+  ) => {
+    return async (
+      context: RequestHandlerContext,
+      request: OpenSearchDashboardsRequest,
+      response: OpenSearchDashboardsResponseFactory,
+    ) => {
       try {
         const { administrator, administrator_requirements } =
           await context.wazuh_core.dashboardSecurity.isAdministratorUser(
@@ -20,9 +35,19 @@ export function routeDecoratorProtectedAdministrator(errorCode: number) {
   };
 }
 
-export function routeDecoratorConfigurationAPIEditable(errorCode) {
-  return handler => {
-    return async (context, request, response) => {
+export function routeDecoratorConfigurationAPIEditable(errorCode: number) {
+  return (
+    handler: (
+      context: RequestHandlerContext,
+      request: OpenSearchDashboardsRequest,
+      response: OpenSearchDashboardsResponseFactory,
+    ) => Promise<unknown>,
+  ) => {
+    return async (
+      context: RequestHandlerContext,
+      request: OpenSearchDashboardsRequest,
+      response: OpenSearchDashboardsResponseFactory,
+    ) => {
       try {
         const canEditConfiguration = await context.wazuh_core.configuration.get(
           'configuration.ui_api_editable',

plugins/main/server/controllers/types.ts

@@ -0,0 +1,10 @@
+export interface WzToken {
+  iss: string;
+  aud: string;
+  nbf: number;
+  exp: number;
+  sub: string;
+  run_as: boolean;
+  rbac_roles: number[];
+  rbac_mode: string;
+}