reduxjs/redux-devtools
1
1
Fork 0
mirror of https://github.com/reduxjs/redux-devtools.git synced 2025-07-22 06:00:07 +03:00
Code Issues Packages Projects Releases Wiki Activity

Restore usage of @babel/code-frame

Browse Source
This commit is contained in:
Nathan Bierema 2021-08-29 13:01:04 -04:00
parent 451e1adfd0
commit 6e805db8a3
1 changed files with 19 additions and 20 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

39
packages/redux-devtools-inspector-monitor-trace-tab/src/react-error-overlay/containers/StackFrameCodeBlock.tsx
View File

@ -12,7 +12,7 @@ import { absolutifyCaret } from '../utils/dom/absolutifyCaret';
import { ScriptLine } from '../utils/stack-frame'; import { ScriptLine } from '../utils/stack-frame';
import generateAnsiHTML from '../utils/generateAnsiHTML'; import generateAnsiHTML from '../utils/generateAnsiHTML';
// import { codeFrameColumns } from '@babel/code-frame'; import { codeFrameColumns } from '@babel/code-frame';
import { nicinabox as theme } from 'redux-devtools-themes'; import { nicinabox as theme } from 'redux-devtools-themes';
interface StackFrameCodeBlockPropsType { interface StackFrameCodeBlockPropsType {
@ -48,25 +48,24 @@ function StackFrameCodeBlock(props: StackFrameCodeBlockPropsType) {
} }
sourceCode[line - 1] = text; sourceCode[line - 1] = text;
}); });
// const ansiHighlight = codeFrameColumns( const ansiHighlight = codeFrameColumns(
// sourceCode.join('\n'), sourceCode.join('\n'),
// { {
// start: { start: {
// line: lineNum, line: lineNum,
// column: column:
// columnNum == null columnNum == null
// ? 0 ? 0
// : columnNum - (isFinite(whiteSpace) ? whiteSpace : 0), : columnNum - (isFinite(whiteSpace) ? whiteSpace : 0),
// }, },
// }, },
// { {
// forceColor: true, forceColor: true,
// linesAbove: contextSize, linesAbove: contextSize,
// linesBelow: contextSize, linesBelow: contextSize,
// } }
// ); );
// const htmlHighlight = generateAnsiHTML(ansiHighlight); const htmlHighlight = generateAnsiHTML(ansiHighlight);
const htmlHighlight = generateAnsiHTML(sourceCode.join('\n'));
const code = document.createElement('code'); const code = document.createElement('code');
code.innerHTML = htmlHighlight; code.innerHTML = htmlHighlight;
absolutifyCaret(code); absolutifyCaret(code);