Migrate API entries from .wazuh index to wazuh.yml

.kibana-plugin-helpers.json

@@ -3,7 +3,7 @@
       "package.json",
       "LICENSE",
       "tsconfig.json",
-      "config.yml",
+      "wazuh.yml",
       "index.js",
         "init.js",
       "server/**/*",

init.js

@@ -13,9 +13,9 @@
 // Imports all server modules
 import { Initialize } from './server/initialize';
 import { WazuhElasticRouter } from './server/routes/wazuh-elastic';
-import { WazuhApiElasticRoutes } from './server/routes/wazuh-api-elastic';
 import { Monitoring } from './server/monitoring';
 import { WazuhApiRoutes } from './server/routes/wazuh-api';
+import { WazuhHostsRoutes } from './server/routes/wazuh-hosts'
 import { WazuhReportingRoutes } from './server/routes/wazuh-reporting';
 import { WazuhUtilsRoutes } from './server/routes/wazuh-utils';
 import { IndexPatternCronJob } from './server/index-pattern-cron-job';
@@ -37,11 +37,11 @@ export function initApp(server) {
       );
       Initialize(server);
       WazuhElasticRouter(server);
-      WazuhApiElasticRoutes(server);
       monitoringInstance.run();
       indexPatternCronJobInstance.run();
       Queue.launchCronJob();
       WazuhApiRoutes(server);
+      WazuhHostsRoutes(server);
       WazuhReportingRoutes(server);
       WazuhUtilsRoutes(server);
     })

public/components/eui-loader.js

@@ -22,14 +22,12 @@ import {
   EuiButtonEmpty,
   EuiHealth,
   EuiCallOut,
-  EuiSwitch
+  EuiSwitch,
+  EuiSpacer
 } from '@elastic/eui';
 
 import { BasicTable } from '../directives/wz-table-eui/components/table';
 import { Tabs } from '../directives/wz-tabs-eui/components/tabs';
-import { Logtest } from '../directives/wz-logtest/components/logtest';
-import { ToolsWelcomeCards } from '../controllers/dev-tools/components/tools-welcome-cards';
-import { TestConfiguration } from '../controllers/dev-tools/components/test-configuration';
 
 const app = uiModules.get('app/wazuh', ['react']);
 
@@ -46,7 +44,5 @@ app
   .value('EuiCallOut', EuiCallOut)
   .value('BasicTable', BasicTable)
   .value('Tabs', Tabs)
-  .value('Logtest', Logtest)
-  .value('ToolsWelcomeCards', ToolsWelcomeCards)
-  .value('TestConfiguration', TestConfiguration)
-  .value('EuiSwitch', EuiSwitch);
+  .value('EuiSwitch', EuiSwitch)
+  .value('EuiSpacer',EuiSpacer);

public/controllers/misc/health-check.js

@@ -139,10 +139,9 @@ export class HealthCheck {
    */
   async checkApiConnection() {
     try {
-      if (this.checks.api) {
-        const data = await this.testAPI.checkStored(
-          JSON.parse(this.appState.getCurrentAPI()).id
-        );
+      const currentApi = JSON.parse(this.appState.getCurrentAPI() || '{}');
+      if (this.checks.api && currentApi && currentApi.id) {     
+        const data = await this.testAPI.checkStored(currentApi.id);
 
         if (((data || {}).data || {}).idChanged) {
           const apiRaw = JSON.parse(this.appState.getCurrentAPI());
@@ -204,7 +203,11 @@ export class HealthCheck {
       this.$scope.$applyAsync();
       return;
     } catch (error) {
-      this.handleError(error);
+      if (error && error.data && error.data.code && error.data.code === 3002) {
+        return error;
+      } else {
+        this.handleError(error);
+      }
     }
   }
 
@@ -214,7 +217,7 @@ export class HealthCheck {
   async load() {
     try {
       const configuration = this.wazuhConfig.getConfig();
-
+      
       this.appState.setPatternSelector(configuration['ip.selector']);
 
       this.checks.pattern = configuration['checks.pattern'];

public/controllers/settings/components/add-api.js

@@ -15,88 +15,185 @@ import PropTypes from 'prop-types';
 import {
   EuiFlexGroup,
   EuiFlexItem,
-  EuiFormRow,
-  EuiFieldText,
-  EuiFieldPassword,
-  EuiFieldNumber,
+  EuiCodeBlock,
+  EuiText,
+  EuiSpacer,
+  EuiCode,
   EuiButton,
-  EuiPanel
+  EuiButtonEmpty,
+  EuiSteps,
+  EuiCallOut
 } from '@elastic/eui';
 
 export class AddApi extends Component {
   constructor(props) {
     super(props);
-
     this.state = {
-      user: '',
-      password: '',
-      url: '',
-      port: 55000
+      status: 'incomplete',
+      fetchingData: false,
+      blockClose: false
     };
   }
 
-  onChangeEdit(e, field) {
-    this.setState({
-      [field]: e.target.value
-    });
+
+  componentDidMount() {
+    this.setState({enableClose: this.props.enableClose});
+    this.checkErrorsAtInit();
+  }
+
+  /**
+   * Checks if the component was initialized with some error in order to show it
+   */
+  checkErrorsAtInit() {
+    if (this.props.errorsAtInit) {
+      const error = this.props.errorsAtInit;
+      this.setState({
+        status: error.type || 'danger',
+        blockClose: true,
+        message: (error.data || error).message || 'Wazuh API not reachable, please review your configuration',
+        fetchingData: false
+      });
+    }
+  }
+
+  /**
+   * Check the APIs connections
+   */
+  async checkConnection() {
+    //TODO handle this
+    try {
+      this.setState({
+        status: 'incomplete',
+        fetchingData: true,
+        blockClose: false,
+      });
+
+      await this.props.checkForNewApis();
+
+      this.setState({
+        status: 'complete',
+        fetchingData: false,
+        closedEnabled: true
+      });
+    } catch (error) {
+      const close = (error.data && error.data.code && error.data.code === 2001) ? false : (error.closedEnabled || false);
+      this.setState({
+        status: error.type || 'danger',
+        closedEnabled: close,
+        blockClose: !close,
+        enableClose: false,
+        message: (error.data || error).message || 'Wazuh API not reachable, please review your configuration',
+        fetchingData: false
+      });
+    }
   }
 
   render() {
-    return (
-      <EuiPanel>
-        <EuiFlexGroup>
-          <EuiFlexItem>
-            <EuiFormRow label="Username">
-              <EuiFieldText
-                onChange={e => this.onChangeEdit(e, 'user')}
-                placeholder="foo"
-              />
-            </EuiFormRow>
-          </EuiFlexItem>
-          <EuiFlexItem>
-            <EuiFormRow label="Password">
-              <EuiFieldPassword
-                onChange={e => this.onChangeEdit(e, 'password')}
-                placeholder="bar"
-              />
-            </EuiFormRow>
-          </EuiFlexItem>
-          <EuiFlexItem>
-            <EuiFormRow label="Host">
-              <EuiFieldText
-                onChange={e => this.onChangeEdit(e, 'url')}
-                placeholder="http://localhost"
-              />
-            </EuiFormRow>
-          </EuiFlexItem>
-          <EuiFlexItem>
-            <EuiFormRow label="Port">
-              <EuiFieldNumber
-                max={99999}
-                onChange={e => this.onChangeEdit(e, 'port')}
-                placeholder={55000}
-              />
-            </EuiFormRow>
-          </EuiFlexItem>
+    const apiExample = `hosts:  
+  - <id>:
+     url: <api_url>
+     port: <api_port>
+     user: <api_user>
+     password: <api_password>`;
+
+    const checkConnectionChildren = (
+      <div>
+        {(this.state.status === 'warning' || this.state.status === 'danger') && (
+          <EuiCallOut
+            color={this.state.status}
+            iconType="help"
+            title={this.state.message}
+          />
+        )}
+        {(this.state.status === 'warning' || this.state.status === 'danger') && <EuiSpacer />}
+        <EuiText>
+          Check that the Kibana server can reach the configured Wazuh API(s).
+        </EuiText>
+        <EuiSpacer />
+        <EuiButton
+          onClick={async () => await this.checkConnection()}
+          isLoading={this.state.fetchingData}
+        >
+          Check connection
+        </EuiButton>
+        {((this.state.closedEnabled || this.state.enableClose) && !this.state.blockClose) && (
+          <EuiButtonEmpty
+            onClick={() => this.props.closeAddApi()}
+          >
+            Close
+          </EuiButtonEmpty>
+        )}
+      </div>
+    );
 
-          <EuiFlexItem grow={false}>
-            <EuiFormRow label="Actions">
-              <EuiButton
-                aria-label="Save"
-                iconType="save"
-                color="primary"
-                onClick={() => this.props.saveSettings({ ...this.state })}
-              >
-                Save
-              </EuiButton>
-            </EuiFormRow>
-          </EuiFlexItem>
-        </EuiFlexGroup>
-      </EuiPanel>
+    const editConfigChildren = (
+      <div>
+        <EuiText>
+          Modify <EuiCode>kibana/plugins/wazuh/wazuh.yml</EuiCode> to set the
+          connection information.
+        </EuiText>
+        <EuiSpacer />
+        <EuiCodeBlock language="yaml">{apiExample}</EuiCodeBlock>
+        <EuiSpacer />
+        <EuiText>
+          Where <EuiCode>{'<id>'}</EuiCode> is an arbitrary ID,{' '}
+          <EuiCode>{'<api_url>'}</EuiCode> is the URL of the Wazuh API,{' '}
+          <EuiCode>{'<api_port>'}</EuiCode> is the port,{' '}
+          <EuiCode>{'<api_user>'}</EuiCode> and{' '}
+          <EuiCode>{'<api_password>'}</EuiCode> are the credentials to
+          authenticate.
+        </EuiText>
+      </div>
     );
+
+    const steps = [
+      {
+        title: 'Edit the configuration',
+        children: editConfigChildren
+      },
+      {
+        title: 'Test the configuration',
+        children: checkConnectionChildren,
+        status: this.state.status
+      }
+    ];
+
+    const view = (
+      <EuiFlexGroup>
+        <EuiFlexItem />
+        <EuiFlexItem>
+          <EuiFlexGroup>
+            <EuiFlexItem grow={false}>
+              <EuiText>
+                <h2>Getting started</h2>
+              </EuiText>
+            </EuiFlexItem>
+            <EuiFlexItem />
+            <EuiFlexItem grow={false}>
+              {(this.state.enableClose && !this.state.blockClose) && (
+                <EuiButtonEmpty
+                  size="s"
+                  onClick={() => this.props.closeAddApi()}
+                  iconType="cross"
+                >
+                  close
+                </EuiButtonEmpty>
+              )}
+            </EuiFlexItem>
+          </EuiFlexGroup>
+          <EuiSpacer />
+          <EuiSteps firstStepNumber={1} steps={steps} />
+        </EuiFlexItem>
+        <EuiFlexItem />
+      </EuiFlexGroup>
+    );
+
+    return view;
   }
 }
 
 AddApi.propTypes = {
-  saveSettings: PropTypes.func
+  checkForNewApis: PropTypes.func,
+  closeAddApi: PropTypes.func,
+  enableClose: PropTypes.bool
 };