reduxjs/redux-devtools
1
1
Fork 0
mirror of https://github.com/reduxjs/redux-devtools.git synced 2025-01-31 11:51:41 +03:00
Code Issues Packages Projects Releases Wiki Activity

Open in editor

Browse Source
This commit is contained in:
Zalmoxisus 2018-12-15 03:04:34 +02:00
parent 292e5f64c4
commit 44a1a467a7
2 changed files with 57 additions and 14 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

16
packages/redux-devtools-trace-monitor/src/StackTraceTab.js
View File

@ -2,6 +2,7 @@ import React, { Component, PropTypes } from 'react';
import {getStackFrames} from './react-error-overlay/utils/getStackFrames'; import {getStackFrames} from './react-error-overlay/utils/getStackFrames';
import StackTrace from './react-error-overlay/containers/StackTrace'; import StackTrace from './react-error-overlay/containers/StackTrace';
import openFile from './openFile';
export default class StackTraceTab extends Component { export default class StackTraceTab extends Component {
constructor(props) { constructor(props) {
@ -72,20 +73,7 @@ export default class StackTraceTab extends Component {
const originalStackFrame = parsedFramesNoSourcemaps[frameIndex]; const originalStackFrame = parsedFramesNoSourcemaps[frameIndex];
console.log("Original stack frame: ", originalStackFrame); console.log("Original stack frame: ", originalStackFrame);
*/ */
const adjustedLineNumber = Math.max(lineNumber - 1, 0); openFile(fileName, lineNumber, matchingStackFrame);
chrome.devtools.panels.openResource(fileName, adjustedLineNumber, (result) => {
//console.log("openResource callback args: ", callbackArgs);
//console.log("Testing");
if(result.isError) {
const {fileName: finalFileName, lineNumber: finalLineNumber} = matchingStackFrame;
const adjustedLineNumber = Math.max(finalLineNumber - 1, 0);
chrome.devtools.panels.openResource(finalFileName, adjustedLineNumber, (result) => {
// console.log("openResource result: ", result);
});
}
});
} }
} }

55
packages/redux-devtools-trace-monitor/src/openFile.js Normal file
View File

@ -0,0 +1,55 @@
function openResource(fileName, lineNumber, stackFrame) {
const adjustedLineNumber = Math.max(lineNumber - 1, 0);
chrome.devtools.panels.openResource(fileName, adjustedLineNumber, (result) => {
//console.log("openResource callback args: ", callbackArgs);
if(result.isError) {
const {fileName: finalFileName, lineNumber: finalLineNumber} = stackFrame;
const adjustedLineNumber = Math.max(finalLineNumber - 1, 0);
chrome.devtools.panels.openResource(finalFileName, adjustedLineNumber, (result) => {
// console.log("openResource result: ", result);
});
}
});
}
function openInEditor(editor, path, stackFrame) {
const projectPath = path.replace(/\/$/, '');
const file = stackFrame._originalFileName || stackFrame.finalFileName || stackFrame.fileName || '';
const filePath = /^https?:\/\//.test(file) ? file.replace(/^https?:\/\/[^\/]*/, '') : file.replace(/^\w+:\/\//, '');
const line = stackFrame._originalLineNumber || stackFrame.lineNumber || '0';
const column = stackFrame._originalColumnNumber || stackFrame.columnNumber || '0';
let url;
switch (editor) {
case 'vscode': case 'code':
url = `vscode://file/${projectPath}${filePath}:${line}:${column}`; break;
case 'atom':
url = `atom://core/open/file?filename=${projectPath}${filePath}&line=${line}&column=${column}`; break;
case 'webstorm': case 'phpstorm': case 'idea':
url = `${editor}://open?file=${projectPath}${filePath}&line=${line}&column=${column}`; break;
default: // sublime, emacs, macvim, textmate + custom like https://github.com/eclemens/atom-url-handler
url = `${editor}://open/?url=file://${projectPath}${filePath}&line=${line}&column=${column}`;
}
if (process.env.NODE_ENV === 'development') console.log(url); // eslint-disable-line no-console
window.open(url);
}
export default function openFile(fileName, lineNumber, stackFrame) {
if (process.env.NODE_ENV === 'development') console.log(fileName, lineNumber, stackFrame); // eslint-disable-line no-console
if (!chrome || !chrome.storage || !chrome.storage.sync) return; // TODO: Pass editor settings for using outside of browser extension
if (chrome && chrome.storage && chrome.storage.sync) {
chrome.storage.sync.get(['useEditor', 'editor', 'projectPath'], function({ useEditor, editor, projectPath }) {
if (useEditor && projectPath && typeof editor === 'string' && /^\w{1,30}$/.test(editor)) {
openInEditor(editor, projectPath, stackFrame);
} else {
if (chrome.devtools && chrome.devtools.panels && chrome.devtools.panels.openResource) {
openResource(fileName, lineNumber, stackFrame);
} else if (chrome.runtime && chrome.runtime.openOptionsPage) {
if (confirm('Set the editor to open the file in?')) {
chrome.runtime.openOptionsPage();
}
}
}
});
}
}