/**
* 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 Platform from '../../Utilities/Platform';
import ScrollView from '../../Components/ScrollView/ScrollView';
import StyleSheet from '../../StyleSheet/StyleSheet';
import Text from '../../Text/Text';
import View from '../../Components/View/View';
import * as LogBoxStyle from './LogBoxStyle';
import type {CodeFrame} from '../Data/parseLogBoxLog';
import LogBoxButton from './LogBoxButton';
import openFileInEditor from '../../Core/Devtools/openFileInEditor';
import AnsiHighlight from './AnsiHighlight';
import LogBoxInspectorSection from './LogBoxInspectorSection';
import * as LogBoxData from '../Data/LogBoxData';
type Props = $ReadOnly<{|
codeFrame: ?CodeFrame,
|}>;
function LogBoxInspectorCodeFrame(props: Props): React.Node {
const codeFrame = props.codeFrame;
if (codeFrame == null) {
return null;
}
function getFileName() {
const matches = /[^/]*$/.exec(codeFrame.fileName);
if (matches && matches.length > 0) {
return matches[0];
}
return codeFrame.fileName;
}
function getLocation() {
const location = codeFrame.location;
if (location != null) {
return ` (${location.row}:${
location.column + 1 /* Code frame columns are zero indexed */
})`;
}
return null;
}
return (
}>
{
openFileInEditor(codeFrame.fileName, codeFrame.location?.row ?? 0);
}}>
{getFileName()}
{getLocation()}
);
}
function AppInfo() {
const appInfo = LogBoxData.getAppInfo();
if (appInfo == null) {
return null;
}
return (
{appInfo.appVersion} ({appInfo.engine})
);
}
const appInfoStyles = StyleSheet.create({
text: {
color: LogBoxStyle.getTextColor(0.4),
fontSize: 12,
lineHeight: 12,
},
buildButton: {
flex: 0,
flexGrow: 0,
paddingVertical: 4,
paddingHorizontal: 5,
borderRadius: 5,
marginRight: -8,
},
});
const styles = StyleSheet.create({
box: {
backgroundColor: LogBoxStyle.getBackgroundColor(),
marginLeft: 10,
marginRight: 10,
marginTop: 5,
borderRadius: 3,
},
frame: {
padding: 10,
borderBottomColor: LogBoxStyle.getTextColor(0.1),
borderBottomWidth: 1,
},
button: {
paddingTop: 10,
paddingBottom: 10,
},
content: {
color: LogBoxStyle.getTextColor(1),
fontSize: 12,
includeFontPadding: false,
lineHeight: 20,
fontFamily: Platform.select({android: 'monospace', ios: 'Menlo'}),
},
fileText: {
color: LogBoxStyle.getTextColor(0.5),
textAlign: 'center',
flex: 1,
fontSize: 12,
includeFontPadding: false,
lineHeight: 16,
fontFamily: Platform.select({android: 'monospace', ios: 'Menlo'}),
},
});
export default LogBoxInspectorCodeFrame;