Improve loading speed

CHANGELOG.md

@@ -34,6 +34,7 @@ All notable changes to the Wazuh app project will be documented in this file.
 - Fixed export formatted csv data with special characters from tables [#7048](https:/wazuh/wazuh-dashboard-plugins/pull/7048)
 - Fixed column reordering feature [#7072](https:/wazuh/wazuh-dashboard-plugins/pull/7072)
 - Fixed filter management to prevent hiding when adding multiple filters [#7077](https:/wazuh/wazuh-dashboard-plugins/pull/7077)
+- Fixed loading speed [#7099](https:/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;
+}