From d82f8e2687347ee551ed8f665018402bfaf3fd96 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Antonio=20David=20Guti=C3=A9rrez?= Date: Thu, 21 Mar 2024 11:08:27 +0100 Subject: [PATCH 1/4] feat: remove dev tools and tools controllers - Remove dev tools and tools controllers - Replace the render using an AngularJS template by a ReactJS component - Create ToolsRouter component to manage the routing of Dev Tools and Ruleset Test views - Move logic and render of dev tools to a ReactJS component - Remove unused definitions of controllers and variables in AngularJS --- .../tools/devtools/devtools-old.tsx | 1085 +++++++++++++++++ .../excluded-devtools-autocomplete-keys.ts | 0 .../public/components/tools/tools-router.tsx | 44 + .../controllers/dev-tools/dev-tools.test.tsx | 82 -- .../public/controllers/dev-tools/dev-tools.ts | 1067 ---------------- .../public/controllers/dev-tools/index.js | 17 - .../main/public/controllers/tools/index.ts | 9 +- .../main/public/templates/tools/tools.html | 73 +- 8 files changed, 1133 insertions(+), 1244 deletions(-) create mode 100644 plugins/main/public/components/tools/devtools/devtools-old.tsx rename plugins/main/public/{controllers/dev-tools => components/tools/devtools}/excluded-devtools-autocomplete-keys.ts (100%) create mode 100644 plugins/main/public/components/tools/tools-router.tsx delete mode 100644 plugins/main/public/controllers/dev-tools/dev-tools.test.tsx delete mode 100644 plugins/main/public/controllers/dev-tools/dev-tools.ts delete mode 100644 plugins/main/public/controllers/dev-tools/index.js diff --git a/plugins/main/public/components/tools/devtools/devtools-old.tsx b/plugins/main/public/components/tools/devtools/devtools-old.tsx new file mode 100644 index 0000000000..2b8fce1852 --- /dev/null +++ b/plugins/main/public/components/tools/devtools/devtools-old.tsx @@ -0,0 +1,1085 @@ +import React, { useState, useEffect, useRef } from 'react'; +import CodeMirror from '../../../utils/codemirror/lib/codemirror'; +import jsonLint from '../../../utils/codemirror/json-lint'; +import { ExcludedIntelliSenseTriggerKeys } from './excluded-devtools-autocomplete-keys'; +import queryString from 'querystring-browser'; +import $ from 'jquery'; +import * as FileSaver from '../../../services/file-saver'; +import { DynamicHeight } from '../../../utils/dynamic-height'; +import { + GenericRequest, + WzRequest, + AppState, + ErrorHandler, +} from '../../../react-services'; +import store from '../../../redux/store'; +import { getUiSettings } from '../../../kibana-services'; +import { UI_LOGGER_LEVELS } from '../../../../common/constants'; +import { + UI_ERROR_SEVERITIES, + UIErrorLog, + UIErrorSeverity, + UILogLevel, +} from '../../../react-services/error-orchestrator/types'; +import { getErrorOrchestrator } from '../../../react-services/common-services'; +import { webDocumentationLink } from '../../../../common/services/web_documentation'; + +/** + * Detect de groups of instructions + */ +function analyzeGroups(editor) { + try { + const currentState = editor.getValue().toString(); + AppState.setCurrentDevTools(currentState); + const tmpgroups = []; + const splitted = currentState + .split(/[\r\n]+(?=(?:GET|PUT|POST|DELETE)\b)/gm) + .filter(item => item.replace(/\s/g, '').length); + + let start = 0; + let end = 0; + let starts = []; + const slen = splitted.length; + for (let i = 0; i < slen; i++) { + let tmp = splitted[i].split('\n'); + if (Array.isArray(tmp)) tmp = tmp.filter(item => !item.startsWith('#')); + const cursor = editor.getSearchCursor(splitted[i], null, { + multiline: true, + }); + + if (cursor.findNext()) start = cursor.from().line; + else return []; + + /** + * Prevents from user frustation when there are duplicated queries. + * We want to look for the next query when available, even if it + * already exists but it's not the selected query. + */ + if (tmp.length) { + // It's a safe loop since findNext method returns null if there is no next query. + while ( + editor.getLine(cursor.from().line) !== tmp[0] && + cursor.findNext() + ) { + start = cursor.from().line; + } + // It's a safe loop since findNext method returns null if there is no next query. + while (starts.includes(start) && cursor.findNext()) { + start = cursor.from().line; + } + } + starts.push(start); + + end = start + tmp.length; + + const tmpRequestText = tmp[0]; + let tmpRequestTextJson = ''; + + const tmplen = tmp.length; + for (let j = 1; j < tmplen; ++j) { + if (!!tmp[j] && !tmp[j].startsWith('#')) { + tmpRequestTextJson += tmp[j]; + } + } + + if (tmpRequestTextJson && typeof tmpRequestTextJson === 'string') { + let rtjlen = tmp.length; + while (rtjlen--) { + if (tmp[rtjlen].trim() === '}') break; + else end -= 1; + } + } + + if (!tmpRequestTextJson && tmp.length > 1) { + tmp = [tmp[0]]; + end = start + 1; + } + + if (i === slen - 1 && !tmpRequestTextJson) { + if (tmp.length > 1) end -= tmp.length - 1; + } + + end--; + + tmpgroups.push({ + requestText: tmpRequestText, + requestTextJson: tmpRequestTextJson, + start, + end, + }); + } + starts = []; + return tmpgroups; + } catch (error) { + const options: UIErrorLog = { + context: `analyzeGroups`, + level: UI_LOGGER_LEVELS.ERROR as UILogLevel, + severity: UI_ERROR_SEVERITIES.UI as UIErrorSeverity, + error: { + error: error, + message: error.message || error, + title: error.name || error, + }, + }; + getErrorOrchestrator().handleError(options); + return []; + } +} + +/** + * This method highlights one of the groups the first time + */ +function calculateWhichGroup(editor, firstTime = false, groups = []) { + try { + const selection = editor.getCursor(); + const desiredGroup = firstTime + ? groups.filter(item => item.requestText) + : groups.filter( + item => + item.requestText && + item.end >= selection.line && + item.start <= selection.line, + ); + + // Place play button at first line from the selected group + let cords; + try { + cords = editor.cursorCoords({ + line: desiredGroup[0].start, + ch: 0, + }); + } catch { + $('#play_button').hide(); + $('#wazuh_dev_tools_documentation').hide(); + return null; + } + + if (!$('#play_button').is(':visible')) $('#play_button').show(); + if (!$('#wazuh_dev_tools_documentation').is(':visible')) + $('#wazuh_dev_tools_documentation').show(); + const currentPlayButton = $('#play_button').offset(); + $('#play_button').offset({ + top: cords.top /*+ 2*/, + left: currentPlayButton.left, + }); + $('#wazuh_dev_tools_documentation').offset({ + top: cords.top /*+ 2*/, + }); + if (firstTime) highlightGroup(editor, desiredGroup[0]); + if (desiredGroup[0]) { + const [ + inputRequest, + inputHttpMethod, + inputPath, + inputQueryParamsStart, + inputQueryParams, + ] = + (desiredGroup[0] && + desiredGroup[0].requestText && + desiredGroup[0].requestText.match( + /^(GET|PUT|POST|DELETE) ([^\?]*)(\?)?(\S+)?/, + )) || + []; + // Split the input request path as array and lowercase + const inputEndpoint = + (inputPath && + inputPath + .split('/') + .filter(item => item) + .map(item => item.toLowerCase())) || + []; + // Get all API endpoints with http method in the request + const inputHttpMethodEndpoints = + (editor.model.find(item => item.method === inputHttpMethod) || {}) + .endpoints || []; + // Find the API endpoint in the request + const apiEndpoint = inputHttpMethodEndpoints + .map(endpoint => ({ + ...endpoint, + splitURL: endpoint.name.split('/').filter(item => item), + })) + .filter(endpoint => endpoint.splitURL.length === inputEndpoint.length) + .find(endpoint => + endpoint.splitURL.reduce( + (accum, str, index) => + accum && + (str.startsWith(':') + ? true + : str.toLowerCase() === inputEndpoint[index]), + true, + ), + ); + if (apiEndpoint && apiEndpoint.documentation) { + $('#wazuh_dev_tools_documentation') + .attr('href', apiEndpoint.documentation) + .show(); + } else { + $('#wazuh_dev_tools_documentation').attr('href', '').hide(); + } + } + return desiredGroup[0]; + } catch (error) { + $('#play_button').hide(); + $('#wazuh_dev_tools_documentation').hide(); + const options: UIErrorLog = { + context: `calculateWhichGroup`, + level: UI_LOGGER_LEVELS.WARNING as UILogLevel, + severity: UI_ERROR_SEVERITIES.UI as UIErrorSeverity, + error: { + error: error, + message: error.message || error, + title: error.name, + }, + }; + getErrorOrchestrator().handleError(options); + + return null; + } +} + +/** + * This seta group as active, and highlight it + */ +function highlightGroup(editor, group) { + editor.eachLine(line => + editor.removeLineClass(line, 'background', 'CodeMirror-styled-background'), + ); + if (group) { + if ( + !group.requestTextJson || + (group.requestText.includes('{') && group.requestText.includes('}')) + ) { + editor.addLineClass( + group.start, + 'background', + 'CodeMirror-styled-background', + ); + return; + } + for (let i = group.start; i <= group.end; i++) { + editor.addLineClass(i, 'background', 'CodeMirror-styled-background'); + } + } +} + +/** + * This validate format of JSON group + */ +function checkJsonParseError(editor, groups = []) { + const affectedGroups = []; + for (const widget of editor.__widgets) { + editor.removeLineWidget(widget.widget); + } + editor.__widgets = []; + for (const item of groups) { + if (item.requestTextJson) { + try { + jsonLint.parse(item.requestTextJson); + } catch (error) { + affectedGroups.push(item.requestText); + const msg = window.document.createElement('div'); + msg.id = new Date().getTime() / 1000; + const icon = msg.appendChild(window.document.createElement('div')); + + icon.className = 'lint-error-icon'; + icon.id = new Date().getTime() / 1000; + icon.onmouseover = () => { + const advice = msg.appendChild(window.document.createElement('span')); + advice.id = new Date().getTime() / 1000; + advice.innerText = error.message || 'Error parsing query'; + advice.className = 'lint-block-wz'; + }; + + icon.onmouseleave = () => { + msg.removeChild(msg.lastChild); + }; + + editor.__widgets.push({ + start: item.start, + widget: editor.addLineWidget(item.start, msg, { + coverGutter: false, + noHScroll: true, + }), + }); + } + } + } + return affectedGroups; +} + +/** + * This set some required settings at init + */ +function init(editorInput, editorOutput) { + editorInput.setSize('auto', '100%'); + editorInput.on('keyup', function (cm, e) { + if (!ExcludedIntelliSenseTriggerKeys[(e.keyCode || e.which).toString()]) { + cm.execCommand('autocomplete', null, { + completeSingle: false, + }); + } + }); + editorOutput.setSize('auto', '100%'); + const currentState = AppState.getCurrentDevTools(); + if (!currentState) { + const demoStr = + 'GET /agents?status=active\n\n# Example comment\n\n# You can use ? after the endpoint \n# in order to get suggestions \n# for your query params\n\nGET /manager/info\n\nGET /syscollector/000/packages?search=ssh&limit=1\n\nPOST /agents\n' + + JSON.stringify({ name: 'NewAgent' }, null, 2) + + '\n\nPUT /logtest\n' + + JSON.stringify( + { + log_format: 'syslog', + location: 'logtest', + event: + 'Jul 06 22:00:22 linux-agent sshd[29205]: Invalid user blimey from 1.3.1.3 port 48928', + }, + null, + 2, + ); + + AppState.setCurrentDevTools(demoStr); + editorInput.getDoc().setValue(demoStr); + } else { + editorInput.getDoc().setValue(currentState); + } + const groups = analyzeGroups(editorInput); + const currentGroup = calculateWhichGroup(editorInput, undefined, groups); + highlightGroup(editorInput, currentGroup); + // Register our custom Codemirror hint plugin. + CodeMirror.registerHelper('hint', 'dictionaryHint', function (editor) { + const model = editorInput.model; + function getDictionary(line, word) { + let hints = []; + const exp = line.split(/\s+/g); + const groups = analyzeGroups(editorInput); + const currentGroup = calculateWhichGroup(editor, undefined, groups); + const editorCursor = editor.getCursor(); + // Get http method, path, query params from API request + const [ + inputRequest, + inputHttpMethod, + inputPath, + inputQueryParamsStart, + inputQueryParams, + ] = + (currentGroup && + currentGroup.requestText && + currentGroup.requestText.match( + /^(GET|PUT|POST|DELETE) ([^\?]*)(\?)?(\S+)?/, + )) || + []; + // Split the input request path as array and lowercase + const inputEndpoint = + (inputPath && + inputPath + .split('/') + .filter(item => item) + .map(item => item.toLowerCase())) || + []; + // Get all API endpoints with http method in the request + const inputHttpMethodEndpoints = + (model.find(item => item.method === inputHttpMethod) || {}).endpoints || + []; + // Find the API endpoint in the request + const apiEndpoint = inputHttpMethodEndpoints + .map(endpoint => ({ + ...endpoint, + splitURL: endpoint.name.split('/').filter(item => item), + })) + .filter(endpoint => endpoint.splitURL.length === inputEndpoint.length) + .find(endpoint => + endpoint.splitURL.reduce( + (accum, str, index) => + accum && + (str.startsWith(':') + ? true + : str.toLowerCase() === inputEndpoint[index]), + true, + ), + ); + // Get API endpoint path hints + if ( + exp[0] && + currentGroup && + currentGroup.start === editorCursor.line && + !word.includes('{') + ) { + // Get hints for requests as: http_method api_path?query_params + if (inputHttpMethod && inputPath && inputQueryParamsStart) { + // Split the query params as {key, value}[] where key=value in query param + const inputQuery = + (inputQueryParams && + inputQueryParams + .split('&') + .filter(item => item) + .map(item => { + const [key, value] = item.split('='); + return { key, value }; + })) || + []; + // It is defining query param value query_param= + const definingQueryParamValue = + inputQueryParams && inputQueryParams.includes('&') + ? inputRequest.lastIndexOf('=') > inputRequest.lastIndexOf('&') + : !!(inputQueryParams || '').includes('?') || + inputRequest.lastIndexOf('=') > inputRequest.lastIndexOf('?'); + + if (!definingQueryParamValue && apiEndpoint && apiEndpoint.query) { + const inputQueryPreviousEntriesKeys = inputQuery + .filter(query => query.key && query.value) + .map(query => query.key); + hints = apiEndpoint.query + .filter( + query => !inputQueryPreviousEntriesKeys.includes(query.name), + ) + .map( + item => + `${inputPath}${inputQuery + .filter(query => query.key && query.value) + .reduce( + (accum, query, index) => + `${accum}${index > 0 ? '&' : ''}${query.key}=${ + query.value + }`, + '?', + )}${ + inputQuery.filter(query => query.key && query.value) + .length > 0 + ? '&' + : '' + }${item.name}=`, + ); + } + } else if (inputHttpMethod) { + // Get hints for all http method endpoint + if (!inputPath) { + hints = inputHttpMethodEndpoints.map(endpoint => endpoint.name); + } else { + // Get hints for requests as: http_method api_path + hints = inputHttpMethodEndpoints + .map(endpoint => ({ + ...endpoint, + splitURL: endpoint.name.split('/').filter(item => item), + })) + .filter(endpoint => + endpoint.splitURL.reduce((accum, splitPath, index) => { + if (!accum) { + return accum; + } + if ( + splitPath.startsWith(':') || + !inputEndpoint[index] || + (inputEndpoint[index] && + splitPath.startsWith(inputEndpoint[index])) + ) { + return true; + } + }, true), + ) + .map(endpoint => + endpoint.splitURL.reduce( + (accum, splitPath, index) => + `${accum}/${ + (splitPath.startsWith(':') && inputEndpoint[index]) || + splitPath + }`, + '', + ), + ); + } + } + // Get API endpoint body params hints + } else if ( + currentGroup && + currentGroup.requestText && + currentGroup.requestTextJson && + currentGroup.start < editorCursor.line && + currentGroup.end > editorCursor.line + ) { + const reLineStart = /^(\s*)(?:"|')(\S*)(?::)?$/; // Line starts with + const spaceLineStart = (line.match(reLineStart) || [])[1] || ''; + const inputKeyBodyParam = (line.match(reLineStart) || [])[2] || ''; + + const renderBodyParam = (parameter, spaceLineStart) => { + let valueBodyParam = ''; + if (parameter.type === 'string') { + valueBodyParam = '""'; + } else if (parameter.type === 'array') { + valueBodyParam = '[]'; + } else if (parameter.type === 'object') { + const paramPropertiesKeys = Object.keys( + parameter.properties, + ).sort(); + const lastIndex = paramPropertiesKeys.length - 1; + valueBodyParam = `{\n${paramPropertiesKeys + .map( + (keyProperty, index) => + `${spaceLineStart}\t${renderBodyParam( + { + name: keyProperty, + ...parameter.properties[keyProperty], + }, + spaceLineStart + '\t', + )}${lastIndex !== index ? ',' : ''}`, + ) + .join('\n')}\n${spaceLineStart}}`; + } + return `"${parameter.name}": ${valueBodyParam}`; + }; + + const getInnerKeysBodyRequest = () => { + let jsonBodyKeyCurrent = []; + let jsonBodyKeyCurrentPosition = { + start: { line: currentGroup.start, ch: 0 }, + end: { line: currentGroup.start, ch: 0 }, + }; + return [ + ...Array(currentGroup.end + 1 - currentGroup.start).keys(), + ].reduce((jsonBodyKeyCursor, lineNumberRange) => { + const editorLineNumber = currentGroup.start + lineNumberRange; + const editorLineContent = editor.getLine(editorLineNumber); + const openBracket = editorLineContent.indexOf('{'); + const closeBracket = editorLineContent.indexOf('}'); + const keyOpenBracket = (editorLineContent.match( + /\s*"(\S+)"\s*:\s*\{/, + ) || [])[1]; + keyOpenBracket && + jsonBodyKeyCurrent.push(keyOpenBracket) && + (jsonBodyKeyCurrentPosition.start = { + line: editorLineNumber, + ch: openBracket, + }); + + closeBracket !== -1 && + (jsonBodyKeyCurrentPosition.end = { + line: editorLineNumber, + ch: closeBracket, + }); + if ( + !jsonBodyKeyCursor && + editorCursor.line > jsonBodyKeyCurrentPosition.start.line && + editorCursor.line < jsonBodyKeyCurrentPosition.end.line + ) { + jsonBodyKeyCursor = [...jsonBodyKeyCurrent]; + } + closeBracket !== -1 && jsonBodyKeyCurrent.pop(); + return jsonBodyKeyCursor; + }, false); + }; + const getInnerPropertyBodyParamObject = (object, keys) => { + if (!keys || !keys.length) { + return object; + } + const key = keys.shift(); + if ( + !object.properties || + !object.properties[key] || + object.properties[key].type !== 'object' + ) { + return []; + } + return getInnerPropertyBodyParamObject(object.properties[key], keys); + }; + + if (apiEndpoint && apiEndpoint.body && reLineStart.test(line)) { + let inputBodyPreviousKeys; + let paramsBody = apiEndpoint.body; + let requestBodyCursorKeys; + if (apiEndpoint.body[0].type === 'object') { + requestBodyCursorKeys = getInnerKeysBodyRequest(); + const paramInnerBody = getInnerPropertyBodyParamObject( + apiEndpoint.body[0], + [...requestBodyCursorKeys], + ); + paramsBody = Object.keys(paramInnerBody.properties) + .sort() + .map(keyBodyParam => ({ + name: keyBodyParam, + ...paramInnerBody.properties[keyBodyParam], + })); + } + try { + const bodySanitizedBodyParam = currentGroup.requestTextJson.replace( + /(,?\s*"\S*\s*)\}/g, + '}', + ); + inputBodyPreviousKeys = Object.keys( + (requestBodyCursorKeys || []).reduce( + (acumm, key) => acumm[key], + JSON.parse(bodySanitizedBodyParam), + ), + ); + } catch (error) { + inputBodyPreviousKeys = []; + const options: UIErrorLog = { + context: `getDictionary`, + level: UI_LOGGER_LEVELS.ERROR as UILogLevel, + severity: UI_ERROR_SEVERITIES.UI as UIErrorSeverity, + error: { + error: error, + message: error.message || error, + title: error.name, + }, + }; + getErrorOrchestrator().handleError(options); + } + + hints = paramsBody + .filter( + bodyParam => + !inputBodyPreviousKeys.includes(bodyParam.name) && + bodyParam.name && + (inputKeyBodyParam + ? bodyParam.name.includes(inputKeyBodyParam) + : true), + ) + .map(bodyParam => ({ + text: renderBodyParam(bodyParam, spaceLineStart), + _moveCursor: ['string', 'array'].includes(bodyParam.type), + displayText: bodyParam.name, + bodyParam, + hint: (cm, self, data) => { + editor.replaceRange( + line.replace(/\S+/, '') + data.text, + { line: editorCursor.line, ch: editorCursor.ch }, + { line: editorCursor.line, ch: 0 }, + ); + const textReplacedLine = editor.getLine(editorCursor.line); + editor.setCursor({ + line: editorCursor.line, + ch: data._moveCursor + ? textReplacedLine.length - 1 + : textReplacedLine.length, + }); + }, + })); + } + } else { + hints = model.map(a => a.method); + } + const final_hints = hints.map(chain => { + /* This avoids the errors when the hint is not a string. + The request body parameters is an object and the chain.replace + statement causes an error + */ + if (typeof chain !== 'string') { + return chain; + } + let t = 0; + return (chain = chain.replace(/\?/g, match => { + t++; + return t > 1 ? '' : match; + })); + }); + return final_hints; + } + + const cur = editor.getCursor(); + const curLine = editor.getLine(cur.line); + let start = cur.ch; + let end = start; + const whiteSpace = /\s/; + while (end < curLine.length && !whiteSpace.test(curLine.charAt(end))) ++end; + while (start && !whiteSpace.test(curLine.charAt(start - 1))) --start; + const curWord = start !== end && curLine.slice(start, end); + return { + list: (!curWord + ? [] + : getDictionary(curLine, curWord).filter(function (item) { + const text = item.text || item; + return text.toUpperCase().includes(curWord.toUpperCase()); + }) + ).sort(), + from: CodeMirror.Pos(cur.line, start), + to: CodeMirror.Pos(cur.line, end), + }; + }); + const evtDocument = window.document; + $('.wz-dev-column-separator').mousedown(function (e) { + e.preventDefault(); + $('.wz-dev-column-separator').addClass('active'); + const leftOrigWidth = $('#wz-dev-left-column').width(); + const rightOrigWidth = $('#wz-dev-right-column').width(); + $(evtDocument).mousemove(function (e) { + const leftWidth = e.pageX - 85 + 14; + let rightWidth = leftOrigWidth - leftWidth; + $('#wz-dev-left-column').css('width', leftWidth); + $('#wz-dev-right-column').css('width', rightOrigWidth + rightWidth); + }); + }); + + $(evtDocument).mouseup(function () { + $('.wz-dev-column-separator').removeClass('active'); + $(evtDocument).unbind('mousemove'); + }); + + window.onresize = () => { + $('#wz-dev-left-column').attr( + 'style', + 'width: calc(30% - 7px); !important', + ); + $('#wz-dev-right-column').attr( + 'style', + 'width: calc(70% - 7px); !important', + ); + dynamicHeight(); + }; + + const dynamicHeight = () => + DynamicHeight.dynamicHeightDevTools(editorInput, window); + dynamicHeight(); +} + +/** + * This perfoms the typed request to API + */ +async function send(editorInput, editorOutput, firstTime = false) { + try { + const groups = analyzeGroups(editorInput); + + const desiredGroup = calculateWhichGroup(editorInput, firstTime, groups); + + if (desiredGroup) { + if (firstTime) { + const cords = editorInput.cursorCoords({ + line: desiredGroup.start, + ch: 0, + }); + const currentPlayButton = $('#play_button').offset(); + $('#play_button').offset({ + top: cords.top /*+ 2*/, + left: currentPlayButton.left, + }); + } + + const affectedGroups = checkJsonParseError(editorInput, groups); + const filteredAffectedGroups = affectedGroups.filter( + item => item === desiredGroup.requestText, + ); + if (filteredAffectedGroups.length) { + this.apiOutputBox.setValue('Error parsing JSON query'); + return; + } + + const method = desiredGroup.requestText.startsWith('GET') + ? 'GET' + : desiredGroup.requestText.startsWith('POST') + ? 'POST' + : desiredGroup.requestText.startsWith('PUT') + ? 'PUT' + : desiredGroup.requestText.startsWith('DELETE') + ? 'DELETE' + : 'GET'; + + let requestCopy = desiredGroup.requestText.includes(method) + ? desiredGroup.requestText.split(method)[1].trim() + : desiredGroup.requestText; + + // Checks for inline parameters + let paramsInline = false; + if (requestCopy.includes('{') && requestCopy.includes('}')) { + paramsInline = `{${requestCopy.split('{')[1]}`; + requestCopy = requestCopy.split('{')[0]; + } + const inlineSplit = requestCopy.split('?'); + + const extra = + inlineSplit && inlineSplit[1] ? queryString.parse(inlineSplit[1]) : {}; + + const req = requestCopy + ? requestCopy.startsWith('/') + ? requestCopy + : `/${requestCopy}` + : '/'; + + let JSONraw = {}; + try { + JSONraw = JSON.parse(paramsInline || desiredGroup.requestTextJson); + } catch (error) { + JSONraw = {}; + } + + if (typeof extra.pretty !== 'undefined') delete extra.pretty; + if (typeof JSONraw.pretty !== 'undefined') delete JSONraw.pretty; + + // Assign inline parameters + //for (const key in extra) JSONraw[key] = extra[key]; + const path = req; + + if (typeof JSONraw === 'object') JSONraw.devTools = true; + if (!firstTime) { + const response = await WzRequest.apiReq(method, path, JSONraw); + + if (typeof response === 'string' && response.includes('3029')) { + editorOutput.setValue( + 'This method is not allowed without admin mode', + ); + } else { + editorOutput.setValue( + JSON.stringify((response || {}).data || {}, null, 2), + ); + } + } + } + + (firstTime || !desiredGroup) && editorOutput.setValue('Welcome!'); + } catch (error) { + //TODO: for the moment we will only add the new orchestrator to leave a message of this error in UI, but we have to deprecate the old ErrorHandler :) + const options: UIErrorLog = { + context: `send`, + level: UI_LOGGER_LEVELS.ERROR as UILogLevel, + severity: UI_ERROR_SEVERITIES.UI as UIErrorSeverity, + error: { + error: error, + message: error.message || error, + title: error.name, + }, + }; + getErrorOrchestrator().handleError(options); + + return editorOutput.setValue(parseError(error)); + } +} + +function parseError(error) { + if ((error || {}).status === -1) { + return 'Wazuh API is not reachable. Reason: timeout.'; + } else { + const parsedError = ErrorHandler.handle(error, '', { silent: true }); + if (typeof parsedError === 'string') { + return parsedError; + } else if (error && error.data && typeof error.data === 'object') { + return JSON.stringify(error); + } else { + return 'Empty'; + } + } +} + +function exportOutput(editor) { + try { + // eslint-disable-next-line + const blob = new Blob([editor.getValue()], { + type: 'application/json', + }); + FileSaver.saveAs(blob, 'export.json'); + } catch (error) { + const options: UIErrorLog = { + context: `exportOutput`, + level: UI_LOGGER_LEVELS.ERROR as UILogLevel, + severity: UI_ERROR_SEVERITIES.UI as UIErrorSeverity, + error: { + error: error, + message: error.message || error, + title: `${error.name}: Export JSON`, + }, + }; + getErrorOrchestrator().handleError(options); + } +} + +export const ToolDevTools = () => { + const [multipleKeyPressed, setMultipleKeyPressed] = useState([]); + const editorInputRef = useRef(); + const editorOutputRef = useRef(); + + useEffect(() => { + (async function () { + const isDarkThemeEnabled = getUiSettings().get('theme:darkMode'); + if ( + store.getState() && + store.getState().appStateReducers && + !store.getState().appStateReducers.showMenu + ) { + AppState.setWzMenu(); + } + $(window.document).keydown(e => { + if (!multipleKeyPressed.includes(e.which)) { + setMultipleKeyPressed(state => [...state, e.which]); + } + if ( + multipleKeyPressed.includes(13) && + multipleKeyPressed.includes(16) && + multipleKeyPressed.length === 2 + ) { + e.preventDefault(); + return send(editorInputRef.current, editorOutputRef.current); + } + }); + + // eslint-disable-next-line + $(window.document).keyup(e => { + setMultipleKeyPressed([]); + }); + const editorInput = (editorInputRef.current = CodeMirror.fromTextArea( + window.document.getElementById('api_input'), + { + lineNumbers: true, + matchBrackets: true, + mode: { name: 'javascript', json: true }, + theme: isDarkThemeEnabled ? 'lesser-dark' : 'ttcn', + foldGutter: true, + styleSelectedText: true, + gutters: ['CodeMirror-foldgutter'], + }, + )); + + // Create custom varible in the editor instance + editorInput.__widgets = []; + editorInput.model = []; + // Register plugin for code mirror + CodeMirror.commands.autocomplete = function (cm) { + CodeMirror.showHint(cm, CodeMirror.hint.dictionaryHint, { + completeSingle: false, + }); + }; + + editorInput.on('change', () => { + const groups = analyzeGroups(editorInput); + // this.groups = this.analyzeGroups(); + const currentState = editorInput.getValue().toString(); + AppState.setCurrentDevTools(currentState); + const currentGroup = calculateWhichGroup( + editorInput, + undefined, + groups, + ); + if (currentGroup) { + const hasWidget = editorInput.__widgets.filter( + item => item.start === currentGroup.start, + ); + if (hasWidget.length) + editorInput.removeLineWidget(hasWidget[0].widget); + setTimeout(() => checkJsonParseError(editorInput), 150); + } + }); + + editorInput.on('cursorActivity', () => { + const groups = analyzeGroups(editorInput); + const currentGroup = calculateWhichGroup( + editorInput, + undefined, + groups, + ); + highlightGroup(editorInput, currentGroup); + checkJsonParseError(editorInput, groups); + }); + + editorOutputRef.current = CodeMirror.fromTextArea( + window.document.getElementById('api_output'), + { + lineNumbers: true, + matchBrackets: true, + mode: { name: 'javascript', json: true }, + readOnly: true, + lineWrapping: true, + styleActiveLine: true, + theme: isDarkThemeEnabled ? 'lesser-dark' : 'ttcn', + foldGutter: true, + gutters: ['CodeMirror-foldgutter'], + }, + ); + + /** + * This loads all available paths of the API to show them in the autocomplete + */ + try { + const response = await GenericRequest.request('GET', '/api/routes', {}); + editorInput.model = !response.error ? response.data : []; + } catch (error) { + editorInput.model = []; + + const options: UIErrorLog = { + context: `getAvailableMethods`, + level: UI_LOGGER_LEVELS.ERROR as UILogLevel, + severity: UI_ERROR_SEVERITIES.UI as UIErrorSeverity, + error: { + error: error, + message: error.message || error, + title: error.name, + }, + }; + getErrorOrchestrator().handleError(options); + } + + init(editorInputRef.current, editorOutputRef.current); + send(editorInputRef.current, editorOutputRef.current, true); + })(); + }, []); + + return ( +
+ {/* */} + +
+
+ + Console + + send(editorInputRef.current, editorOutputRef.current) + } + title='Click to send the request' + className='fa fa-play wz-play-dev-color cursor-pointer pull-right fa-fw wz-always-top CodeMirror-styled-background' + id='play_button' + aria-hidden='true' + > + + + + +
+
+ ︙ +
+
+ + + + + {/* */} + exportOutput(editorOutputRef.current)} + tooltip='Export as JSON' + tooltip-placement='bottom' + className='fa fa-download wz-question-dev-color cursor-pointer pull-right fa-fw' + aria-hidden='true' + > + + +
+
+ {/* */} +
+ ); +}; diff --git a/plugins/main/public/controllers/dev-tools/excluded-devtools-autocomplete-keys.ts b/plugins/main/public/components/tools/devtools/excluded-devtools-autocomplete-keys.ts similarity index 100% rename from plugins/main/public/controllers/dev-tools/excluded-devtools-autocomplete-keys.ts rename to plugins/main/public/components/tools/devtools/excluded-devtools-autocomplete-keys.ts diff --git a/plugins/main/public/components/tools/tools-router.tsx b/plugins/main/public/components/tools/tools-router.tsx new file mode 100644 index 0000000000..1d0a30e4e8 --- /dev/null +++ b/plugins/main/public/components/tools/tools-router.tsx @@ -0,0 +1,44 @@ +import React from 'react'; +import { getAngularModule } from '../../kibana-services'; +import { Logtest } from '../../directives/wz-logtest/components/logtest'; +import { ToolDevTools } from './devtools/devtools-old'; +import { devTools, rulesetTest } from '../../utils/applications'; +import { + withGlobalBreadcrumb, + withGuardAsync, + withReduxProvider, +} from '../common/hocs'; +import { compose } from 'redux'; + +const views = { + devTools: { + breadcrumb: devTools.breadcrumbLabel, + component: ToolDevTools, + }, + logtest: { + breadcrumb: rulesetTest.breadcrumbLabel, + component: Logtest, + }, +}; + +export const ToolsRouter = compose( + withReduxProvider, + withGuardAsync( + () => { + const tab = getAngularModule().$injector.get('$location').search().tab; + if (views[tab]) { + return { ok: false, data: { tab } }; + } + return { ok: true, data: { tab } }; + }, + () => null, + ), + withGlobalBreadcrumb(({ tab }) => [ + { + text: views[tab].breadcrumb, + }, + ]), +)(({ tab }) => { + const View = views[tab].component; + return ; +}); diff --git a/plugins/main/public/controllers/dev-tools/dev-tools.test.tsx b/plugins/main/public/controllers/dev-tools/dev-tools.test.tsx deleted file mode 100644 index 5559c6d19a..0000000000 --- a/plugins/main/public/controllers/dev-tools/dev-tools.test.tsx +++ /dev/null @@ -1,82 +0,0 @@ -import { ErrorHandler } from '../../react-services'; -import { DevToolsController } from './dev-tools'; - -// mocked some required kibana-services -jest.mock('../../kibana-services', () => ({ - ...(jest.requireActual('../../kibana-services') as object), - getUiSettings: jest.fn().mockReturnValue({ - get: (name) => { - return true; - }, - }), -})); - -// mocked window object -Object.defineProperty(window, 'location', { - value: { - hash: { - endsWith: jest.fn(), - includes: jest.fn(), - }, - href: jest.fn(), - assign: jest.fn(), - search: jest.fn().mockResolvedValue({ - tab: 'api', - }), - path: jest.fn(), - }, - writable: true, -}); -// mocked scope dependency -const $scope = { - $applyAsync: jest.fn(), -}; -// mocked getErrorOrchestrator -const mockedGetErrorOrchestrator = { - handleError: jest.fn(), -}; - -jest.mock('../../react-services/common-services', () => { - return { - getErrorOrchestrator: () => mockedGetErrorOrchestrator, - }; -}); - -describe('Devtools Controller', () => { - afterEach(() => { - jest.clearAllMocks(); - }); - - describe('Devtools.Send()', () => { - it('Should return string type errors to print in the codemirror textarea output', async () => { - - // Create new instance of the devtools controller - const controller = new DevToolsController($scope, window, ErrorHandler, [window.document]); - - // Define possible error structures to parse - const errorTypes = { - dataObject: { - data: { message: 'Data Object Error' } - }, - invalidObject: { - error: 'Invalid Object Error' - }, - object: { - data: 'Object Error', - status: -1 - }, - string: "String Error", - null: null, - undefined: undefined, - number: 1, - } - - expect(controller.parseError(errorTypes.object)).toEqual('Wazuh API is not reachable. Reason: timeout.'); - expect(controller.parseError(errorTypes.string)).toEqual('String Error'); - expect(controller.parseError(errorTypes.dataObject)).toEqual(errorTypes.dataObject.data.message); - expect(controller.parseError(errorTypes.invalidObject)).toEqual(JSON.stringify(errorTypes.invalidObject)); - - }) - }) - -}); \ No newline at end of file diff --git a/plugins/main/public/controllers/dev-tools/dev-tools.ts b/plugins/main/public/controllers/dev-tools/dev-tools.ts deleted file mode 100644 index f0492c6c44..0000000000 --- a/plugins/main/public/controllers/dev-tools/dev-tools.ts +++ /dev/null @@ -1,1067 +0,0 @@ -/* - * Wazuh app - Dev tools controller - * Copyright (C) 2015-2022 Wazuh, Inc. - * - * This program is free software; you can redistribute it and/or modify - * it under the terms of the GNU General Public License as published by - * the Free Software Foundation; either version 2 of the License, or - * (at your option) any later version. - * - * Find more information about this on the LICENSE file. - */ -import CodeMirror from '../../utils/codemirror/lib/codemirror'; -import jsonLint from '../../utils/codemirror/json-lint'; -import { ExcludedIntelliSenseTriggerKeys } from './excluded-devtools-autocomplete-keys'; -import queryString from 'querystring-browser'; -import $ from 'jquery'; -import * as FileSaver from '../../services/file-saver'; -import { DynamicHeight } from '../../utils/dynamic-height'; -import { AppState } from '../../react-services/app-state'; -import { GenericRequest } from '../../react-services/generic-request'; -import store from '../../redux/store'; -import { WzRequest } from '../../react-services/wz-request'; -import { ErrorHandler } from '../../react-services/error-handler'; -import { getUiSettings } from '../../kibana-services'; -import { UI_LOGGER_LEVELS } from '../../../common/constants'; -import { - UI_ERROR_SEVERITIES, - UIErrorLog, - UIErrorSeverity, - UILogLevel, -} from '../../react-services/error-orchestrator/types'; -import { getErrorOrchestrator } from '../../react-services/common-services'; -import { webDocumentationLink } from '../../../common/services/web_documentation'; - -export class DevToolsController { - /** - * Constructor - * @param {*} $scope - * @param {*} $window - * @param {*} errorHandler - * @param {*} $document - */ - constructor($scope, $window, errorHandler, $document) { - this.wzRequest = WzRequest; - this.genericReq = GenericRequest; - this.$window = $window; - this.errorHandler = errorHandler; - this.$document = $document; - this.groups = []; - this.linesWithClass = []; - this.widgets = []; - this.multipleKeyPressed = []; - this.IS_DARK_THEME = getUiSettings().get('theme:darkMode'); - this.$scope = $scope; - } - - /** - * When controller loads - */ - $onInit() { - if ( - store.getState() && - store.getState().appStateReducers && - !store.getState().appStateReducers.showMenu - ) { - AppState.setWzMenu(); - } - $(this.$document[0]).keydown(e => { - if (!this.multipleKeyPressed.includes(e.which)) { - this.multipleKeyPressed.push(e.which); - } - if ( - this.multipleKeyPressed.includes(13) && - this.multipleKeyPressed.includes(16) && - this.multipleKeyPressed.length === 2 - ) { - e.preventDefault(); - return this.send(); - } - }); - - // eslint-disable-next-line - $(this.$document[0]).keyup(e => { - this.multipleKeyPressed = []; - }); - const element = this.$document[0].getElementById('api_input'); - this.apiInputBox = CodeMirror.fromTextArea(element, { - lineNumbers: true, - matchBrackets: true, - mode: { name: 'javascript', json: true }, - theme: this.IS_DARK_THEME ? 'lesser-dark' : 'ttcn', - foldGutter: true, - styleSelectedText: true, - gutters: ['CodeMirror-foldgutter'], - }); - // Register plugin for code mirror - CodeMirror.commands.autocomplete = function (cm) { - CodeMirror.showHint(cm, CodeMirror.hint.dictionaryHint, { - completeSingle: false, - }); - }; - - this.apiInputBox.on('change', () => { - this.groups = this.analyzeGroups(); - const currentState = this.apiInputBox.getValue().toString(); - AppState.setCurrentDevTools(currentState); - const currentGroup = this.calculateWhichGroup(); - if (currentGroup) { - const hasWidget = this.widgets.filter( - item => item.start === currentGroup.start, - ); - if (hasWidget.length) - this.apiInputBox.removeLineWidget(hasWidget[0].widget); - setTimeout(() => this.checkJsonParseError(), 150); - } - }); - - this.apiInputBox.on('cursorActivity', () => { - const currentGroup = this.calculateWhichGroup(); - this.highlightGroup(currentGroup); - this.checkJsonParseError(); - }); - - this.apiOutputBox = CodeMirror.fromTextArea( - this.$document[0].getElementById('api_output'), - { - lineNumbers: true, - matchBrackets: true, - mode: { name: 'javascript', json: true }, - readOnly: true, - lineWrapping: true, - styleActiveLine: true, - theme: this.IS_DARK_THEME ? 'lesser-dark' : 'ttcn', - foldGutter: true, - gutters: ['CodeMirror-foldgutter'], - }, - ); - - this.init(); - this.send(true); - } - - /** - * Open API reference documentation - */ - help() { - this.$window.open(webDocumentationLink('user-manual/api/reference.html')); - } - - /** - * Detect de groups of instructions - */ - analyzeGroups() { - try { - const currentState = this.apiInputBox.getValue().toString(); - AppState.setCurrentDevTools(currentState); - const tmpgroups = []; - const splitted = currentState - .split(/[\r\n]+(?=(?:GET|PUT|POST|DELETE)\b)/gm) - .filter(item => item.replace(/\s/g, '').length); - - let start = 0; - let end = 0; - let starts = []; - const slen = splitted.length; - for (let i = 0; i < slen; i++) { - let tmp = splitted[i].split('\n'); - if (Array.isArray(tmp)) tmp = tmp.filter(item => !item.startsWith('#')); - const cursor = this.apiInputBox.getSearchCursor(splitted[i], null, { - multiline: true, - }); - - if (cursor.findNext()) start = cursor.from().line; - else return []; - - /** - * Prevents from user frustation when there are duplicated queries. - * We want to look for the next query when available, even if it - * already exists but it's not the selected query. - */ - if (tmp.length) { - // It's a safe loop since findNext method returns null if there is no next query. - while ( - this.apiInputBox.getLine(cursor.from().line) !== tmp[0] && - cursor.findNext() - ) { - start = cursor.from().line; - } - // It's a safe loop since findNext method returns null if there is no next query. - while (starts.includes(start) && cursor.findNext()) { - start = cursor.from().line; - } - } - starts.push(start); - - end = start + tmp.length; - - const tmpRequestText = tmp[0]; - let tmpRequestTextJson = ''; - - const tmplen = tmp.length; - for (let j = 1; j < tmplen; ++j) { - if (!!tmp[j] && !tmp[j].startsWith('#')) { - tmpRequestTextJson += tmp[j]; - } - } - - if (tmpRequestTextJson && typeof tmpRequestTextJson === 'string') { - let rtjlen = tmp.length; - while (rtjlen--) { - if (tmp[rtjlen].trim() === '}') break; - else end -= 1; - } - } - - if (!tmpRequestTextJson && tmp.length > 1) { - tmp = [tmp[0]]; - end = start + 1; - } - - if (i === slen - 1 && !tmpRequestTextJson) { - if (tmp.length > 1) end -= tmp.length - 1; - } - - end--; - - tmpgroups.push({ - requestText: tmpRequestText, - requestTextJson: tmpRequestTextJson, - start, - end, - }); - } - starts = []; - return tmpgroups; - } catch (error) { - const options: UIErrorLog = { - context: `${DevToolsController.name}.analyzeGroups`, - level: UI_LOGGER_LEVELS.ERROR as UILogLevel, - severity: UI_ERROR_SEVERITIES.UI as UIErrorSeverity, - error: { - error: error, - message: error.message || error, - title: error.name || error, - }, - }; - getErrorOrchestrator().handleError(options); - return []; - } - } - - /** - * This seta group as active, and highlight it - * @param {Object} group - */ - highlightGroup(group) { - for (const line of this.linesWithClass) { - this.apiInputBox.removeLineClass( - line, - 'background', - 'CodeMirror-styled-background', - ); - } - this.linesWithClass = []; - if (group) { - if ( - !group.requestTextJson || - (group.requestText.includes('{') && group.requestText.includes('}')) - ) { - this.linesWithClass.push( - this.apiInputBox.addLineClass( - group.start, - 'background', - 'CodeMirror-styled-background', - ), - ); - return; - } - for (let i = group.start; i <= group.end; i++) { - this.linesWithClass.push( - this.apiInputBox.addLineClass( - i, - 'background', - 'CodeMirror-styled-background', - ), - ); - } - } - } - - /** - * This validate fromat of JSON group - */ - checkJsonParseError() { - const affectedGroups = []; - for (const widget of this.widgets) { - this.apiInputBox.removeLineWidget(widget.widget); - } - this.widgets = []; - for (const item of this.groups) { - if (item.requestTextJson) { - try { - jsonLint.parse(item.requestTextJson); - } catch (error) { - affectedGroups.push(item.requestText); - const msg = this.$document[0].createElement('div'); - msg.id = new Date().getTime() / 1000; - const icon = msg.appendChild(this.$document[0].createElement('div')); - - icon.className = 'lint-error-icon'; - icon.id = new Date().getTime() / 1000; - icon.onmouseover = () => { - const advice = msg.appendChild( - this.$document[0].createElement('span'), - ); - advice.id = new Date().getTime() / 1000; - advice.innerText = error.message || 'Error parsing query'; - advice.className = 'lint-block-wz'; - }; - - icon.onmouseleave = () => { - msg.removeChild(msg.lastChild); - }; - - this.widgets.push({ - start: item.start, - widget: this.apiInputBox.addLineWidget(item.start, msg, { - coverGutter: false, - noHScroll: true, - }), - }); - } - } - } - return affectedGroups; - } - - /** - * This loads all available paths of the API to show them in the autocomplete - */ - async getAvailableMethods() { - try { - const response = await this.genericReq.request('GET', '/api/routes', {}); - this.apiInputBox.model = !response.error ? response.data : []; - } catch (error) { - this.apiInputBox.model = []; - - const options: UIErrorLog = { - context: `${DevToolsController.name}.getAvailableMethods`, - level: UI_LOGGER_LEVELS.ERROR as UILogLevel, - severity: UI_ERROR_SEVERITIES.UI as UIErrorSeverity, - error: { - error: error, - message: error.message || error, - title: error.name, - }, - }; - getErrorOrchestrator().handleError(options); - } - } - - getPosition(element) { - var xPosition = 0; - var yPosition = 0; - - while (element) { - xPosition += element.offsetLeft - element.scrollLeft + element.clientLeft; - yPosition += element.offsetTop - element.scrollTop + element.clientTop; - element = element.offsetParent; - } - - return { x: xPosition, y: yPosition }; - } - - /** - * This set some required settings at init - */ - init() { - this.apiInputBox.setSize('auto', '100%'); - this.apiInputBox.model = []; - this.getAvailableMethods(); - this.apiInputBox.on('keyup', function (cm, e) { - if (!ExcludedIntelliSenseTriggerKeys[(e.keyCode || e.which).toString()]) { - cm.execCommand('autocomplete', null, { - completeSingle: false, - }); - } - }); - this.apiOutputBox.setSize('auto', '100%'); - const currentState = AppState.getCurrentDevTools(); - if (!currentState) { - const demoStr = - 'GET /agents?status=active\n\n# Example comment\n\n# You can use ? after the endpoint \n# in order to get suggestions \n# for your query params\n\nGET /manager/info\n\nGET /syscollector/000/packages?search=ssh&limit=1\n\nPOST /agents\n' + - JSON.stringify({ name: 'NewAgent' }, null, 2) + - '\n\nPUT /logtest\n' + - JSON.stringify( - { - log_format: 'syslog', - location: 'logtest', - event: - 'Jul 06 22:00:22 linux-agent sshd[29205]: Invalid user blimey from 1.3.1.3 port 48928', - }, - null, - 2, - ); - - AppState.setCurrentDevTools(demoStr); - this.apiInputBox.getDoc().setValue(demoStr); - } else { - this.apiInputBox.getDoc().setValue(currentState); - } - this.groups = this.analyzeGroups(); - const currentGroup = this.calculateWhichGroup(); - this.highlightGroup(currentGroup); - const self = this; - // Register our custom Codemirror hint plugin. - CodeMirror.registerHelper('hint', 'dictionaryHint', function (editor) { - const model = editor.model; - function getDictionary(line, word) { - let hints = []; - const exp = line.split(/\s+/g); - const currentGroup = self.calculateWhichGroup(); - const editorCursor = editor.getCursor(); - // Get http method, path, query params from API request - const [ - inputRequest, - inputHttpMethod, - inputPath, - inputQueryParamsStart, - inputQueryParams, - ] = - (currentGroup && - currentGroup.requestText && - currentGroup.requestText.match( - /^(GET|PUT|POST|DELETE) ([^\?]*)(\?)?(\S+)?/, - )) || - []; - // Split the input request path as array and lowercase - const inputEndpoint = - (inputPath && - inputPath - .split('/') - .filter(item => item) - .map(item => item.toLowerCase())) || - []; - // Get all API endpoints with http method in the request - const inputHttpMethodEndpoints = - (model.find(item => item.method === inputHttpMethod) || {}) - .endpoints || []; - // Find the API endpoint in the request - const apiEndpoint = inputHttpMethodEndpoints - .map(endpoint => ({ - ...endpoint, - splitURL: endpoint.name.split('/').filter(item => item), - })) - .filter(endpoint => endpoint.splitURL.length === inputEndpoint.length) - .find(endpoint => - endpoint.splitURL.reduce( - (accum, str, index) => - accum && - (str.startsWith(':') - ? true - : str.toLowerCase() === inputEndpoint[index]), - true, - ), - ); - // Get API endpoint path hints - if ( - exp[0] && - currentGroup && - currentGroup.start === editorCursor.line && - !word.includes('{') - ) { - // Get hints for requests as: http_method api_path?query_params - if (inputHttpMethod && inputPath && inputQueryParamsStart) { - // Split the query params as {key, value}[] where key=value in query param - const inputQuery = - (inputQueryParams && - inputQueryParams - .split('&') - .filter(item => item) - .map(item => { - const [key, value] = item.split('='); - return { key, value }; - })) || - []; - // It is defining query param value query_param= - const definingQueryParamValue = - inputQueryParams && inputQueryParams.includes('&') - ? inputRequest.lastIndexOf('=') > inputRequest.lastIndexOf('&') - : !!(inputQueryParams || '').includes('?') || - inputRequest.lastIndexOf('=') > inputRequest.lastIndexOf('?'); - - if (!definingQueryParamValue && apiEndpoint && apiEndpoint.query) { - const inputQueryPreviousEntriesKeys = inputQuery - .filter(query => query.key && query.value) - .map(query => query.key); - hints = apiEndpoint.query - .filter( - query => !inputQueryPreviousEntriesKeys.includes(query.name), - ) - .map( - item => - `${inputPath}${inputQuery - .filter(query => query.key && query.value) - .reduce( - (accum, query, index) => - `${accum}${index > 0 ? '&' : ''}${query.key}=${ - query.value - }`, - '?', - )}${ - inputQuery.filter(query => query.key && query.value) - .length > 0 - ? '&' - : '' - }${item.name}=`, - ); - } - } else if (inputHttpMethod) { - // Get hints for all http method endpoint - if (!inputPath) { - hints = inputHttpMethodEndpoints.map(endpoint => endpoint.name); - } else { - // Get hints for requests as: http_method api_path - hints = inputHttpMethodEndpoints - .map(endpoint => ({ - ...endpoint, - splitURL: endpoint.name.split('/').filter(item => item), - })) - .filter(endpoint => - endpoint.splitURL.reduce((accum, splitPath, index) => { - if (!accum) { - return accum; - } - if ( - splitPath.startsWith(':') || - !inputEndpoint[index] || - (inputEndpoint[index] && - splitPath.startsWith(inputEndpoint[index])) - ) { - return true; - } - }, true), - ) - .map(endpoint => - endpoint.splitURL.reduce( - (accum, splitPath, index) => - `${accum}/${ - (splitPath.startsWith(':') && inputEndpoint[index]) || - splitPath - }`, - '', - ), - ); - } - } - // Get API endpoint body params hints - } else if ( - currentGroup && - currentGroup.requestText && - currentGroup.requestTextJson && - currentGroup.start < editorCursor.line && - currentGroup.end > editorCursor.line - ) { - const reLineStart = /^(\s*)(?:"|')(\S*)(?::)?$/; // Line starts with - const spaceLineStart = (line.match(reLineStart) || [])[1] || ''; - const inputKeyBodyParam = (line.match(reLineStart) || [])[2] || ''; - - const renderBodyParam = (parameter, spaceLineStart) => { - let valueBodyParam = ''; - if (parameter.type === 'string') { - valueBodyParam = '""'; - } else if (parameter.type === 'array') { - valueBodyParam = '[]'; - } else if (parameter.type === 'object') { - const paramPropertiesKeys = Object.keys( - parameter.properties, - ).sort(); - const lastIndex = paramPropertiesKeys.length - 1; - valueBodyParam = `{\n${paramPropertiesKeys - .map( - (keyProperty, index) => - `${spaceLineStart}\t${renderBodyParam( - { - name: keyProperty, - ...parameter.properties[keyProperty], - }, - spaceLineStart + '\t', - )}${lastIndex !== index ? ',' : ''}`, - ) - .join('\n')}\n${spaceLineStart}}`; - } - return `"${parameter.name}": ${valueBodyParam}`; - }; - - const getInnerKeysBodyRequest = () => { - let jsonBodyKeyCurrent = []; - let jsonBodyKeyCurrentPosition = { - start: { line: currentGroup.start, ch: 0 }, - end: { line: currentGroup.start, ch: 0 }, - }; - return [ - ...Array(currentGroup.end + 1 - currentGroup.start).keys(), - ].reduce((jsonBodyKeyCursor, lineNumberRange) => { - const editorLineNumber = currentGroup.start + lineNumberRange; - const editorLineContent = editor.getLine(editorLineNumber); - const openBracket = editorLineContent.indexOf('{'); - const closeBracket = editorLineContent.indexOf('}'); - const keyOpenBracket = (editorLineContent.match( - /\s*"(\S+)"\s*:\s*\{/, - ) || [])[1]; - keyOpenBracket && - jsonBodyKeyCurrent.push(keyOpenBracket) && - (jsonBodyKeyCurrentPosition.start = { - line: editorLineNumber, - ch: openBracket, - }); - - closeBracket !== -1 && - (jsonBodyKeyCurrentPosition.end = { - line: editorLineNumber, - ch: closeBracket, - }); - if ( - !jsonBodyKeyCursor && - editorCursor.line > jsonBodyKeyCurrentPosition.start.line && - editorCursor.line < jsonBodyKeyCurrentPosition.end.line - ) { - jsonBodyKeyCursor = [...jsonBodyKeyCurrent]; - } - closeBracket !== -1 && jsonBodyKeyCurrent.pop(); - return jsonBodyKeyCursor; - }, false); - }; - const getInnerPropertyBodyParamObject = (object, keys) => { - if (!keys || !keys.length) { - return object; - } - const key = keys.shift(); - if ( - !object.properties || - !object.properties[key] || - object.properties[key].type !== 'object' - ) { - return []; - } - return getInnerPropertyBodyParamObject( - object.properties[key], - keys, - ); - }; - - if (apiEndpoint && apiEndpoint.body && reLineStart.test(line)) { - let inputBodyPreviousKeys; - let paramsBody = apiEndpoint.body; - let requestBodyCursorKeys; - if (apiEndpoint.body[0].type === 'object') { - requestBodyCursorKeys = getInnerKeysBodyRequest(); - const paramInnerBody = getInnerPropertyBodyParamObject( - apiEndpoint.body[0], - [...requestBodyCursorKeys], - ); - paramsBody = Object.keys(paramInnerBody.properties) - .sort() - .map(keyBodyParam => ({ - name: keyBodyParam, - ...paramInnerBody.properties[keyBodyParam], - })); - } - try { - const bodySanitizedBodyParam = - currentGroup.requestTextJson.replace(/(,?\s*"\S*\s*)\}/g, '}'); - inputBodyPreviousKeys = Object.keys( - (requestBodyCursorKeys || []).reduce( - (acumm, key) => acumm[key], - JSON.parse(bodySanitizedBodyParam), - ), - ); - } catch (error) { - inputBodyPreviousKeys = []; - const options: UIErrorLog = { - context: `${DevToolsController.name}.getDictionary`, - level: UI_LOGGER_LEVELS.ERROR as UILogLevel, - severity: UI_ERROR_SEVERITIES.UI as UIErrorSeverity, - error: { - error: error, - message: error.message || error, - title: error.name, - }, - }; - getErrorOrchestrator().handleError(options); - } - - hints = paramsBody - .filter( - bodyParam => - !inputBodyPreviousKeys.includes(bodyParam.name) && - bodyParam.name && - (inputKeyBodyParam - ? bodyParam.name.includes(inputKeyBodyParam) - : true), - ) - .map(bodyParam => ({ - text: renderBodyParam(bodyParam, spaceLineStart), - _moveCursor: ['string', 'array'].includes(bodyParam.type), - displayText: bodyParam.name, - bodyParam, - hint: (cm, self, data) => { - editor.replaceRange( - line.replace(/\S+/, '') + data.text, - { line: editorCursor.line, ch: editorCursor.ch }, - { line: editorCursor.line, ch: 0 }, - ); - const textReplacedLine = editor.getLine(editorCursor.line); - editor.setCursor({ - line: editorCursor.line, - ch: data._moveCursor - ? textReplacedLine.length - 1 - : textReplacedLine.length, - }); - }, - })); - } - } else { - hints = model.map(a => a.method); - } - const final_hints = hints.map(chain => { - /* This avoids the errors when the hint is not a string. - The request body parameters is an object and the chain.replace - statement causes an error - */ - if (typeof chain !== 'string') { - return chain; - } - let t = 0; - return (chain = chain.replace(/\?/g, match => { - t++; - return t > 1 ? '' : match; - })); - }); - return final_hints; - } - - const cur = editor.getCursor(); - const curLine = editor.getLine(cur.line); - let start = cur.ch; - let end = start; - const whiteSpace = /\s/; - while (end < curLine.length && !whiteSpace.test(curLine.charAt(end))) - ++end; - while (start && !whiteSpace.test(curLine.charAt(start - 1))) --start; - const curWord = start !== end && curLine.slice(start, end); - return { - list: (!curWord - ? [] - : getDictionary(curLine, curWord).filter(function (item) { - const text = item.text || item; - return text.toUpperCase().includes(curWord.toUpperCase()); - }) - ).sort(), - from: CodeMirror.Pos(cur.line, start), - to: CodeMirror.Pos(cur.line, end), - }; - }); - const evtDocument = this.$document[0]; - $('.wz-dev-column-separator').mousedown(function (e) { - e.preventDefault(); - $('.wz-dev-column-separator').addClass('active'); - const leftOrigWidth = $('#wz-dev-left-column').width(); - const rightOrigWidth = $('#wz-dev-right-column').width(); - $(evtDocument).mousemove(function (e) { - const leftWidth = e.pageX - 85 + 14; - let rightWidth = leftOrigWidth - leftWidth; - $('#wz-dev-left-column').css('width', leftWidth); - $('#wz-dev-right-column').css('width', rightOrigWidth + rightWidth); - }); - }); - - $(evtDocument).mouseup(function () { - $('.wz-dev-column-separator').removeClass('active'); - $(evtDocument).unbind('mousemove'); - }); - - this.$window.onresize = () => { - $('#wz-dev-left-column').attr( - 'style', - 'width: calc(30% - 7px); !important', - ); - $('#wz-dev-right-column').attr( - 'style', - 'width: calc(70% - 7px); !important', - ); - dynamicHeight(); - }; - - const dynamicHeight = () => - DynamicHeight.dynamicHeightDevTools(this, this.$window); - dynamicHeight(); - } - - /** - * This method highlights one of the groups the first time - * @param {Boolean} firstTime - */ - calculateWhichGroup(firstTime) { - try { - const selection = this.apiInputBox.getCursor(); - const desiredGroup = firstTime - ? this.groups.filter(item => item.requestText) - : this.groups.filter( - item => - item.requestText && - item.end >= selection.line && - item.start <= selection.line, - ); - - // Place play button at first line from the selected group - let cords; - try { - cords = this.apiInputBox.cursorCoords({ - line: desiredGroup[0].start, - ch: 0, - }); - } catch { - $('#play_button').hide(); - $('#wazuh_dev_tools_documentation').hide(); - return null; - } - - if (!$('#play_button').is(':visible')) $('#play_button').show(); - if (!$('#wazuh_dev_tools_documentation').is(':visible')) - $('#wazuh_dev_tools_documentation').show(); - const currentPlayButton = $('#play_button').offset(); - $('#play_button').offset({ - top: cords.top + 2, - left: currentPlayButton.left, - }); - $('#wazuh_dev_tools_documentation').offset({ - top: cords.top + 2, - }); - if (firstTime) this.highlightGroup(desiredGroup[0]); - if (desiredGroup[0]) { - const [ - inputRequest, - inputHttpMethod, - inputPath, - inputQueryParamsStart, - inputQueryParams, - ] = - (desiredGroup[0] && - desiredGroup[0].requestText && - desiredGroup[0].requestText.match( - /^(GET|PUT|POST|DELETE) ([^\?]*)(\?)?(\S+)?/, - )) || - []; - // Split the input request path as array and lowercase - const inputEndpoint = - (inputPath && - inputPath - .split('/') - .filter(item => item) - .map(item => item.toLowerCase())) || - []; - // Get all API endpoints with http method in the request - const inputHttpMethodEndpoints = - ( - this.apiInputBox.model.find( - item => item.method === inputHttpMethod, - ) || {} - ).endpoints || []; - // Find the API endpoint in the request - const apiEndpoint = inputHttpMethodEndpoints - .map(endpoint => ({ - ...endpoint, - splitURL: endpoint.name.split('/').filter(item => item), - })) - .filter(endpoint => endpoint.splitURL.length === inputEndpoint.length) - .find(endpoint => - endpoint.splitURL.reduce( - (accum, str, index) => - accum && - (str.startsWith(':') - ? true - : str.toLowerCase() === inputEndpoint[index]), - true, - ), - ); - if (apiEndpoint && apiEndpoint.documentation) { - $('#wazuh_dev_tools_documentation') - .attr('href', apiEndpoint.documentation) - .show(); - } else { - $('#wazuh_dev_tools_documentation').attr('href', '').hide(); - } - } - return desiredGroup[0]; - } catch (error) { - $('#play_button').hide(); - $('#wazuh_dev_tools_documentation').hide(); - const options: UIErrorLog = { - context: `${DevToolsController.name}.calculateWhichGroup`, - level: UI_LOGGER_LEVELS.WARNING as UILogLevel, - severity: UI_ERROR_SEVERITIES.UI as UIErrorSeverity, - error: { - error: error, - message: error.message || error, - title: error.name, - }, - }; - getErrorOrchestrator().handleError(options); - - return null; - } - } - - /** - * This perfoms the typed request to API - * @param {Boolean} firstTime - */ - async send(firstTime) { - try { - this.groups = this.analyzeGroups(); - - const desiredGroup = this.calculateWhichGroup(firstTime); - - if (desiredGroup) { - if (firstTime) { - const cords = this.apiInputBox.cursorCoords({ - line: desiredGroup.start, - ch: 0, - }); - const currentPlayButton = $('#play_button').offset(); - $('#play_button').offset({ - top: cords.top + 2, - left: currentPlayButton.left, - }); - } - - const affectedGroups = this.checkJsonParseError(); - const filteredAffectedGroups = affectedGroups.filter( - item => item === desiredGroup.requestText, - ); - if (filteredAffectedGroups.length) { - this.apiOutputBox.setValue('Error parsing JSON query'); - return; - } - - const method = desiredGroup.requestText.startsWith('GET') - ? 'GET' - : desiredGroup.requestText.startsWith('POST') - ? 'POST' - : desiredGroup.requestText.startsWith('PUT') - ? 'PUT' - : desiredGroup.requestText.startsWith('DELETE') - ? 'DELETE' - : 'GET'; - - let requestCopy = desiredGroup.requestText.includes(method) - ? desiredGroup.requestText.split(method)[1].trim() - : desiredGroup.requestText; - - // Checks for inline parameters - let paramsInline = false; - if (requestCopy.includes('{') && requestCopy.includes('}')) { - paramsInline = `{${requestCopy.split('{')[1]}`; - requestCopy = requestCopy.split('{')[0]; - } - const inlineSplit = requestCopy.split('?'); - - const extra = - inlineSplit && inlineSplit[1] - ? queryString.parse(inlineSplit[1]) - : {}; - - const req = requestCopy - ? requestCopy.startsWith('/') - ? requestCopy - : `/${requestCopy}` - : '/'; - - let JSONraw = {}; - try { - JSONraw = JSON.parse(paramsInline || desiredGroup.requestTextJson); - } catch (error) { - JSONraw = {}; - } - - if (typeof extra.pretty !== 'undefined') delete extra.pretty; - if (typeof JSONraw.pretty !== 'undefined') delete JSONraw.pretty; - - // Assign inline parameters - //for (const key in extra) JSONraw[key] = extra[key]; - const path = req; - - if (typeof JSONraw === 'object') JSONraw.devTools = true; - if (!firstTime) { - const output = await this.wzRequest.apiReq(method, path, JSONraw); - - if (typeof output === 'string' && output.includes('3029')) { - this.apiOutputBox.setValue( - 'This method is not allowed without admin mode', - ); - } else { - this.apiOutputBox.setValue( - JSON.stringify((output || {}).data || {}, null, 2), - ); - } - } - } - - (firstTime || !desiredGroup) && this.apiOutputBox.setValue('Welcome!'); - } catch (error) { - //TODO: for the moment we will only add the new orchestrator to leave a message of this error in UI, but we have to deprecate the old ErrorHandler :) - const options: UIErrorLog = { - context: `${DevToolsController.name}.send`, - level: UI_LOGGER_LEVELS.ERROR as UILogLevel, - severity: UI_ERROR_SEVERITIES.UI as UIErrorSeverity, - error: { - error: error, - message: error.message || error, - title: error.name, - }, - }; - getErrorOrchestrator().handleError(options); - - return this.apiOutputBox.setValue(this.parseError(error)); - } - } - - parseError(error) { - if ((error || {}).status === -1) { - return 'Wazuh API is not reachable. Reason: timeout.'; - } else { - const parsedError = ErrorHandler.handle(error, '', { silent: true }); - if (typeof parsedError === 'string') { - return parsedError; - } else if (error && error.data && typeof error.data === 'object') { - return JSON.stringify(error); - } else { - return 'Empty'; - } - } - } - - exportOutput() { - try { - // eslint-disable-next-line - const blob = new Blob([this.apiOutputBox.getValue()], { - type: 'application/json', - }); - FileSaver.saveAs(blob, 'export.json'); - } catch (error) { - const options: UIErrorLog = { - context: `${DevToolsController.name}.exportOutput`, - level: UI_LOGGER_LEVELS.ERROR as UILogLevel, - severity: UI_ERROR_SEVERITIES.UI as UIErrorSeverity, - error: { - error: error, - message: error.message || error, - title: `${error.name}: Export JSON`, - }, - }; - getErrorOrchestrator().handleError(options); - } - } -} diff --git a/plugins/main/public/controllers/dev-tools/index.js b/plugins/main/public/controllers/dev-tools/index.js deleted file mode 100644 index 5fee85d166..0000000000 --- a/plugins/main/public/controllers/dev-tools/index.js +++ /dev/null @@ -1,17 +0,0 @@ -/* - * Wazuh app - Load the Dev Tools controller. - * Copyright (C) 2015-2022 Wazuh, Inc. - * - * This program is free software; you can redistribute it and/or modify - * it under the terms of the GNU General Public License as published by - * the Free Software Foundation; either version 2 of the License, or - * (at your option) any later version. - * - * Find more information about this on the LICENSE file. - */ -import { DevToolsController } from './dev-tools'; -import { getAngularModule } from '../../kibana-services'; - -const app = getAngularModule(); - -app.controller('devToolsController', DevToolsController); diff --git a/plugins/main/public/controllers/tools/index.ts b/plugins/main/public/controllers/tools/index.ts index eb40fae2e8..b5cbe749fd 100644 --- a/plugins/main/public/controllers/tools/index.ts +++ b/plugins/main/public/controllers/tools/index.ts @@ -9,15 +9,12 @@ * * Find more information about this on the LICENSE file. */ -import { ToolsController } from './tools'; import { getAngularModule } from '../../kibana-services'; import { Logtest } from '../../directives/wz-logtest/components/logtest'; -import { DevToolsController } from '../dev-tools/dev-tools'; + +import { ToolsRouter } from '../../components/tools/tools-router'; const app = getAngularModule(); Logtest.displayName = 'Logtest'; -app - .controller('devToolsController', DevToolsController) - .controller('toolsController', ToolsController) - .value('Logtest', Logtest); +app.value('ToolsRouter', ToolsRouter).value('Logtest', Logtest); diff --git a/plugins/main/public/templates/tools/tools.html b/plugins/main/public/templates/tools/tools.html index de5cb072b2..f30dc1f6d2 100644 --- a/plugins/main/public/templates/tools/tools.html +++ b/plugins/main/public/templates/tools/tools.html @@ -1,72 +1 @@ - -
-
- -
- -
-
- -
-
- Console - - - - - - -
-
- ︙ -
-
- - - - - -
-
- -
-
-
- -
-
- + From 70795c5dbe1d938e7df5148ff0cfbf5644072b2a Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Antonio=20David=20Guti=C3=A9rrez?= Date: Thu, 21 Mar 2024 11:11:56 +0100 Subject: [PATCH 2/4] fix: prettier --- .../tools/devtools/excluded-devtools-autocomplete-keys.ts | 4 ++-- 1 file changed, 2 insertions(+), 2 deletions(-) diff --git a/plugins/main/public/components/tools/devtools/excluded-devtools-autocomplete-keys.ts b/plugins/main/public/components/tools/devtools/excluded-devtools-autocomplete-keys.ts index 20d95cce3c..127cce1040 100644 --- a/plugins/main/public/components/tools/devtools/excluded-devtools-autocomplete-keys.ts +++ b/plugins/main/public/components/tools/devtools/excluded-devtools-autocomplete-keys.ts @@ -9,7 +9,7 @@ * * Find more information about this on the LICENSE file. */ -export const ExcludedIntelliSenseTriggerKeys: {[key: string]: string} = { +export const ExcludedIntelliSenseTriggerKeys: { [key: string]: string } = { '9': 'tab', '13': 'enter', '16': 'shift', @@ -43,5 +43,5 @@ export const ExcludedIntelliSenseTriggerKeys: {[key: string]: string} = { '122': 'f11', '123': 'f12', '144': 'numlock', - '145': 'scrolllock' + '145': 'scrolllock', }; From 6c3b8788ef90144ac67db867ea9e8ec406c4615b Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Antonio=20David=20Guti=C3=A9rrez?= Date: Thu, 21 Mar 2024 11:34:37 +0100 Subject: [PATCH 3/4] changelog: add pull request entry --- CHANGELOG.md | 1 + 1 file changed, 1 insertion(+) diff --git a/CHANGELOG.md b/CHANGELOG.md index e03809bb52..9c67c858fd 100644 --- a/CHANGELOG.md +++ b/CHANGELOG.md @@ -23,6 +23,7 @@ All notable changes to the Wazuh app project will be documented in this file. - Change the view of API is down and check connection to Server APIs application [#6337](https://github.com/wazuh/wazuh-dashboard-plugins/pull/6337) - Changed the usage of the endpoint GET /groups/{group_id}/files/{file_name} [#6385](https://github.com/wazuh/wazuh-dashboard-plugins/pull/6385) - Refactoring and redesign endpoints summary visualizations [#6268](https://github.com/wazuh/wazuh-dashboard-plugins/pull/6268) +- Remove AngularJS controllers and views of Tools and Dev Tools [#6544](https://github.com/wazuh/wazuh-dashboard-plugins/pull/6544) ### Fixed From 9e0f6b9953f73e24065eaedcbe68a360d8f57f12 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Antonio=20David=20Guti=C3=A9rrez?= Date: Wed, 3 Apr 2024 09:53:08 +0200 Subject: [PATCH 4/4] changelog: move and edit entries --- CHANGELOG.md | 4 ++-- 1 file changed, 2 insertions(+), 2 deletions(-) diff --git a/CHANGELOG.md b/CHANGELOG.md index 599a71f7df..b92b744758 100644 --- a/CHANGELOG.md +++ b/CHANGELOG.md @@ -24,6 +24,8 @@ All notable changes to the Wazuh app project will be documented in this file. - Change the view of API is down and check connection to Server APIs application [#6337](https://github.com/wazuh/wazuh-dashboard-plugins/pull/6337) - Changed the usage of the endpoint GET /groups/{group_id}/files/{file_name} [#6385](https://github.com/wazuh/wazuh-dashboard-plugins/pull/6385) - Refactoring and redesign endpoints summary visualizations [#6268](https://github.com/wazuh/wazuh-dashboard-plugins/pull/6268) +- Move AngularJS controller and view for manage groups to ReactJS [#6543](https://github.com/wazuh/wazuh-dashboard-plugins/pull/6543) +- Move AngularJS controllers and views of Tools and Dev Tools to ReactJS [#6544](https://github.com/wazuh/wazuh-dashboard-plugins/pull/6544) ### Fixed @@ -31,8 +33,6 @@ All notable changes to the Wazuh app project will be documented in this file. ### Removed -- Remove AngularJS controller for manage groups [#6543](https://github.com/wazuh/wazuh-dashboard-plugins/pull/6543) -- Remove AngularJS controllers and views of Tools and Dev Tools [#6544](https://github.com/wazuh/wazuh-dashboard-plugins/pull/6544) - Remove some branding references across the application. [#6155](https://github.com/wazuh/wazuh-dashboard-plugins/pull/6155) ## Wazuh v4.8.2 - OpenSearch Dashboards 2.10.0 - Revision 00