ARCHIVE/xrpl-hooks-ide
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

No need for specific log() or error() functions anymore

Browse Source
This commit is contained in:
Valtteri Karesto
2022-06-16 00:50:16 +03:00
parent 155aa57784
commit d16e83dcfa
1 changed files with 23 additions and 9 deletions
Download Patch File Download Diff File Expand all files Collapse all files

32
components/RunScript/index.tsx
View File

@@ -22,17 +22,32 @@ const generateHtmlTemplate = (code: string) => {
<html> <html>
<head> <head>
<script> <script>
function log() { var log = console.log;
var errorLog = console.error;
var infoLog = console.info;
var warnLog = console.warn
console.log = function(){
var args = Array.from(arguments); var args = Array.from(arguments);
this.parent.window.postMessage({ type: 'log', args: args || [] }, '*'); parent.window.postMessage({ type: 'log', args: args || [] }, '*');
}; log.apply(console, args);
function error() { }
console.error = function(){
var args = Array.from(arguments); var args = Array.from(arguments);
this.parent.window.postMessage({ type: 'error', args: args || [] }, '*'); parent.window.postMessage({ type: 'error', args: args || [] }, '*');
}; errorLog.apply(console, args);
}
console.info = function(){
var args = Array.from(arguments);
parent.window.postMessage({ type: 'info', args: args || [] }, '*');
infoLog.apply(console, args);
}
console.warn = function(){
var args = Array.from(arguments);
parent.window.postMessage({ type: 'warning', args: args || [] }, '*');
warnLog.apply(console, args);
}
</script> </script>
<script type="module"> <script type="module">
log('Started running...');
${code} ${code}
</script> </script>
</head> </head>
@@ -63,7 +78,6 @@ const RunScript: React.FC<{ file: IFile }> = ({ file }) => {
useEffect(() => { useEffect(() => {
const handleEvent = (e: any) => { const handleEvent = (e: any) => {
if (e.data.type === "log" || e.data.type === "error") { if (e.data.type === "log" || e.data.type === "error") {
console.log(e.data);
const data: ILog[] = e.data.args.map((msg: any) => ({ const data: ILog[] = e.data.args.map((msg: any) => ({
type: e.data.type, type: e.data.type,
message: msg.toString(), message: msg.toString(),
@@ -159,7 +173,7 @@ const RunScript: React.FC<{ file: IFile }> = ({ file }) => {
<iframe <iframe
style={{ display: "none" }} style={{ display: "none" }}
srcDoc={iFrameCode} srcDoc={iFrameCode}
sandbox="allow-scripts allow-same-origin" sandbox="allow-scripts"
/> />
)} )}
</> </>