/** * Copyright (c) Facebook, Inc. and its affiliates. * * This source code is licensed under the MIT license found in the * LICENSE file in the root directory of this source tree. * * @flow strict-local * @format */ 'use strict'; import * as React from 'react'; import Text from '../../Text/Text'; import type {TextStyleProp} from '../../StyleSheet/StyleSheet'; import type {Message} from '../Data/parseLogBoxLog'; type Props = { message: Message, style: TextStyleProp, plaintext?: ?boolean, maxLength?: ?number, ... }; const cleanContent = content => content.replace(/^(TransformError |Warning: (Warning: )?|Error: )/g, ''); function LogBoxMessage(props: Props): React.Node { const {content, substitutions}: Message = props.message; if (props.plaintext === true) { return {cleanContent(content)}; } const maxLength = props.maxLength != null ? props.maxLength : Infinity; const substitutionStyle: TextStyleProp = props.style; const elements = []; let length = 0; const createUnderLength = (key, message, style) => { let cleanMessage = cleanContent(message); if (props.maxLength != null) { cleanMessage = cleanMessage.slice(0, props.maxLength - length); } if (length < maxLength) { elements.push( {cleanMessage} , ); } length += cleanMessage.length; }; const lastOffset = substitutions.reduce((prevOffset, substitution, index) => { const key = String(index); if (substitution.offset > prevOffset) { const prevPart = content.substr( prevOffset, substitution.offset - prevOffset, ); createUnderLength(key, prevPart); } const substititionPart = content.substr( substitution.offset, substitution.length, ); createUnderLength(key + '.5', substititionPart, substitutionStyle); return substitution.offset + substitution.length; }, 0); if (lastOffset < content.length) { const lastPart = content.substr(lastOffset); createUnderLength('-1', lastPart); } return <>{elements}; } export default LogBoxMessage;