105 lines
2.9 KiB
JavaScript
105 lines
2.9 KiB
JavaScript
|
import {
|
||
|
|
EXTERNAL_LINK_REGEX
|
||
|
|
} from '../../server/utils/fileUtils';
|
||
|
|
|
||
|
|
export const hijackConsole = `var iframeWindow = window;
|
||
|
|
var originalConsole = iframeWindow.console;
|
||
|
|
iframeWindow.console = {};
|
||
|
|
|
||
|
|
var methods = [
|
||
|
|
'debug', 'clear', 'error', 'info', 'log', 'warn'
|
||
|
|
];
|
||
|
|
|
||
|
|
var consoleBuffer = [];
|
||
|
|
var LOGWAIT = 500;
|
||
|
|
|
||
|
|
methods.forEach( function(method) {
|
||
|
|
iframeWindow.console[method] = function() {
|
||
|
|
originalConsole[method].apply(originalConsole, arguments);
|
||
|
|
|
||
|
|
var args = Array.from(arguments);
|
||
|
|
args = args.map(function(i) {
|
||
|
|
// catch objects
|
||
|
|
return (typeof i === 'string') ? i : JSON.stringify(i);
|
||
|
|
});
|
||
|
|
|
||
|
|
consoleBuffer.push({
|
||
|
|
method: method,
|
||
|
|
arguments: args,
|
||
|
|
source: 'sketch'
|
||
|
|
});
|
||
|
|
};
|
||
|
|
});
|
||
|
|
|
||
|
|
setInterval(function() {
|
||
|
|
if (consoleBuffer.length > 0) {
|
||
|
|
window.parent.postMessage(consoleBuffer, '*');
|
||
|
|
consoleBuffer.length = 0;
|
||
|
|
}
|
||
|
|
}, LOGWAIT);`;
|
||
|
|
|
||
|
|
export const hijackConsoleErrorsScript = (offs) => {
|
||
|
|
const s = `
|
||
|
|
function getScriptOff(line) {
|
||
|
|
var offs = ${offs};
|
||
|
|
var l = 0;
|
||
|
|
var file = '';
|
||
|
|
for (var i=0; i<offs.length; i++) {
|
||
|
|
var n = offs[i][0];
|
||
|
|
if (n < line && n > l) {
|
||
|
|
l = n;
|
||
|
|
file = offs[i][1];
|
||
|
|
}
|
||
|
|
}
|
||
|
|
return [line - l, file];
|
||
|
|
}
|
||
|
|
// catch reference errors, via http://stackoverflow.com/a/12747364/2994108
|
||
|
|
window.onerror = function (msg, url, lineNumber, columnNo, error) {
|
||
|
|
var string = msg.toLowerCase();
|
||
|
|
var substring = "script error";
|
||
|
|
var data = {};
|
||
|
|
if (url.match(${EXTERNAL_LINK_REGEX}) !== null && error.stack){
|
||
|
|
var errorNum = error.stack.split('about:srcdoc:')[1].split(':')[0];
|
||
|
|
var fileInfo = getScriptOff(errorNum);
|
||
|
|
data = msg + ' (' + fileInfo[1] + ': line ' + fileInfo[0] + ')';
|
||
|
|
} else {
|
||
|
|
var fileInfo = getScriptOff(lineNumber);
|
||
|
|
data = msg + ' (' + fileInfo[1] + ': line ' + fileInfo[0] + ')';
|
||
|
|
}
|
||
|
|
window.parent.postMessage([{
|
||
|
|
method: 'error',
|
||
|
|
arguments: data,
|
||
|
|
source: fileInfo[1]
|
||
|
|
}], '*');
|
||
|
|
return false;
|
||
|
|
};
|
||
|
|
`;
|
||
|
|
return s;
|
||
|
|
};
|
||
|
|
|
||
|
|
export const startTag = '@fs-';
|
||
|
|
|
||
|
|
export const getAllScriptOffsets = (htmlFile) => {
|
||
|
|
const offs = [];
|
||
|
|
let found = true;
|
||
|
|
let lastInd = 0;
|
||
|
|
let ind = 0;
|
||
|
|
let endFilenameInd = 0;
|
||
|
|
let filename = '';
|
||
|
|
let lineOffset = 0;
|
||
|
|
while (found) {
|
||
|
|
ind = htmlFile.indexOf(startTag, lastInd);
|
||
|
|
if (ind === -1) {
|
||
|
|
found = false;
|
||
|
|
} else {
|
||
|
|
endFilenameInd = htmlFile.indexOf('.js', ind + startTag.length + 3);
|
||
|
|
filename = htmlFile.substring(ind + startTag.length, endFilenameInd);
|
||
|
|
// the length of hijackConsoleErrorsScript is 33 lines
|
||
|
|
lineOffset = htmlFile.substring(0, ind).split('\n').length + 33;
|
||
|
|
offs.push([lineOffset, filename]);
|
||
|
|
lastInd = ind + 1;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
return offs;
|
||
|
|
};
|