Files
react-native/Libraries/LogBox/Data/LogBoxLog.js
T
Christoph Nakazawa fa4f23e4e8 Add codeFrame to each warning and error in LogBox
Summary:
This diff changes the LogBox to show the code frame for the first non-collapsed stack frame. Let me know what you think about this change!

Changelog: [Internal] LogBox changes

Reviewed By: rickhanlonii

Differential Revision: D18372456

fbshipit-source-id: ddf6d6c53ab28d11d8355f4cb1cb071a00a7366e
2019-11-08 08:31:01 -08:00

140 lines
3.1 KiB
JavaScript

/**
* 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
* @format
*/
'use strict';
import * as LogBoxSymbolication from './LogBoxSymbolication';
import type {
Category,
Message,
ComponentStack,
CodeFrame,
} from './parseLogBoxLog';
import type {Stack} from './LogBoxSymbolication';
export type LogLevel = 'warn' | 'error' | 'fatal' | 'syntax';
export type SymbolicationRequest = $ReadOnly<{|
abort: () => void,
|}>;
class LogBoxLog {
message: Message;
category: Category;
componentStack: ComponentStack;
stack: Stack;
count: number;
level: LogLevel;
codeFrame: ?CodeFrame;
symbolicated:
| $ReadOnly<{|error: null, stack: null, status: 'NONE'|}>
| $ReadOnly<{|error: null, stack: null, status: 'PENDING'|}>
| $ReadOnly<{|error: null, stack: Stack, status: 'COMPLETE'|}>
| $ReadOnly<{|error: Error, stack: null, status: 'FAILED'|}> = {
error: null,
stack: null,
status: 'NONE',
};
constructor(
level: LogLevel,
message: Message,
stack: Stack,
category: string,
componentStack: ComponentStack,
codeFrame?: ?CodeFrame,
) {
this.level = level;
this.message = message;
this.stack = stack;
this.category = category;
this.componentStack = componentStack;
this.codeFrame = codeFrame;
this.count = 1;
}
incrementCount(): void {
this.count += 1;
}
getAvailableStack(): Stack {
return this.symbolicated.status === 'COMPLETE'
? this.symbolicated.stack
: this.stack;
}
retrySymbolicate(callback?: () => void): SymbolicationRequest {
if (this.symbolicated.status !== 'COMPLETE') {
LogBoxSymbolication.deleteStack(this.stack);
}
return this.symbolicate(callback);
}
symbolicate(callback?: () => void): SymbolicationRequest {
let aborted = false;
if (this.symbolicated.status !== 'COMPLETE') {
const updateStatus = (
error: ?Error,
stack: ?Stack,
codeFrame: ?CodeFrame,
): void => {
if (error != null) {
this.symbolicated = {
error,
stack: null,
status: 'FAILED',
};
} else if (stack != null) {
if (codeFrame) {
this.codeFrame = codeFrame;
}
this.symbolicated = {
error: null,
stack,
status: 'COMPLETE',
};
} else {
this.symbolicated = {
error: null,
stack: null,
status: 'PENDING',
};
}
if (!aborted) {
if (callback != null) {
callback();
}
}
};
updateStatus(null, null);
LogBoxSymbolication.symbolicate(this.stack).then(
data => {
updateStatus(null, data?.stack, data?.codeFrame);
},
error => {
updateStatus(error, null);
},
);
}
return {
abort(): void {
aborted = true;
},
};
}
}
export default LogBoxLog;