2023-03-01 17:04:40 +01:00
|
|
|
/*******************************************************************************
|
|
|
|
|
|
|
|
uBlock Origin - a browser extension to block requests.
|
|
|
|
Copyright (C) 2023-present Raymond Hill
|
|
|
|
|
|
|
|
This program is free software: you can redistribute it and/or modify
|
|
|
|
it under the terms of the GNU General Public License as published by
|
|
|
|
the Free Software Foundation, either version 3 of the License, or
|
|
|
|
(at your option) any later version.
|
|
|
|
|
|
|
|
This program is distributed in the hope that it will be useful,
|
|
|
|
but WITHOUT ANY WARRANTY; without even the implied warranty of
|
|
|
|
MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
|
|
|
|
GNU General Public License for more details.
|
|
|
|
|
|
|
|
You should have received a copy of the GNU General Public License
|
|
|
|
along with this program. If not, see {http://www.gnu.org/licenses/}.
|
|
|
|
|
|
|
|
Home: https://github.com/gorhill/uBlock
|
|
|
|
*/
|
|
|
|
|
|
|
|
/* globals CodeMirror, uBlockDashboard, beautifier */
|
|
|
|
|
|
|
|
'use strict';
|
|
|
|
|
|
|
|
/******************************************************************************/
|
|
|
|
|
|
|
|
import { dom, qs$ } from './dom.js';
|
|
|
|
|
|
|
|
/******************************************************************************/
|
|
|
|
|
|
|
|
(async ( ) => {
|
|
|
|
const params = new URLSearchParams(document.location.search);
|
|
|
|
const url = params.get('url');
|
2023-03-08 18:31:39 +01:00
|
|
|
|
2023-03-01 17:04:40 +01:00
|
|
|
const a = qs$('.cm-search-widget .sourceURL');
|
|
|
|
dom.attr(a, 'href', url);
|
|
|
|
dom.attr(a, 'title', url);
|
2023-03-08 18:31:39 +01:00
|
|
|
|
2023-03-01 17:04:40 +01:00
|
|
|
const response = await fetch(url);
|
|
|
|
const text = await response.text();
|
2023-03-08 18:31:39 +01:00
|
|
|
|
2023-03-07 19:40:52 +01:00
|
|
|
let mime = response.headers.get('Content-Type') || '';
|
|
|
|
mime = mime.replace(/\s*;.*$/, '').trim();
|
|
|
|
let value = '';
|
|
|
|
switch ( mime ) {
|
|
|
|
case 'text/css':
|
2023-03-02 23:11:40 +01:00
|
|
|
value = beautifier.css(text, { indent_size: 2 });
|
2023-03-01 17:04:40 +01:00
|
|
|
break;
|
2023-03-07 19:40:52 +01:00
|
|
|
case 'text/html':
|
|
|
|
case 'application/xhtml+xml':
|
|
|
|
case 'application/xml':
|
|
|
|
case 'image/svg+xml':
|
2023-03-02 23:11:40 +01:00
|
|
|
value = beautifier.html(text, { indent_size: 2 });
|
2023-03-01 17:04:40 +01:00
|
|
|
break;
|
2023-03-07 19:40:52 +01:00
|
|
|
case 'text/javascript':
|
|
|
|
case 'application/javascript':
|
|
|
|
case 'application/x-javascript':
|
2023-03-02 23:11:40 +01:00
|
|
|
value = beautifier.js(text, { indent_size: 4 });
|
2023-03-01 17:04:40 +01:00
|
|
|
break;
|
2023-03-07 19:40:52 +01:00
|
|
|
case 'application/json':
|
|
|
|
value = beautifier.js(text, { indent_size: 2 });
|
|
|
|
break;
|
2023-03-01 17:04:40 +01:00
|
|
|
default:
|
2023-03-07 19:40:52 +01:00
|
|
|
value = text;
|
2023-03-01 17:04:40 +01:00
|
|
|
break;
|
|
|
|
}
|
2023-03-08 18:31:39 +01:00
|
|
|
|
2023-03-01 17:04:40 +01:00
|
|
|
const cmEditor = new CodeMirror(qs$('#content'), {
|
|
|
|
autofocus: true,
|
|
|
|
gutters: [ 'CodeMirror-linenumbers' ],
|
|
|
|
lineNumbers: true,
|
|
|
|
lineWrapping: true,
|
2023-03-02 23:11:40 +01:00
|
|
|
matchBrackets: true,
|
2023-03-07 19:40:52 +01:00
|
|
|
mode: mime,
|
2023-03-01 17:04:40 +01:00
|
|
|
styleActiveLine: {
|
|
|
|
nonEmpty: true,
|
|
|
|
},
|
|
|
|
value,
|
|
|
|
});
|
2023-03-08 18:31:39 +01:00
|
|
|
|
2023-03-01 17:04:40 +01:00
|
|
|
uBlockDashboard.patchCodeMirrorEditor(cmEditor);
|
|
|
|
if ( dom.cl.has(dom.html, 'dark') ) {
|
|
|
|
dom.cl.add('#content .cm-s-default', 'cm-s-night');
|
|
|
|
dom.cl.remove('#content .cm-s-default', 'cm-s-default');
|
|
|
|
}
|
2023-03-08 18:31:39 +01:00
|
|
|
|
|
|
|
// Convert resource URLs into clickable links to code viewer
|
|
|
|
cmEditor.addOverlay({
|
|
|
|
re: /\b(?:href|src)=["']([^"']+)["']/g,
|
|
|
|
match: null,
|
|
|
|
token: function(stream) {
|
|
|
|
if ( stream.sol() ) {
|
|
|
|
this.re.lastIndex = 0;
|
|
|
|
this.match = this.re.exec(stream.string);
|
|
|
|
}
|
|
|
|
if ( this.match === null ) {
|
|
|
|
stream.skipToEnd();
|
|
|
|
return null;
|
|
|
|
}
|
|
|
|
const end = this.re.lastIndex - 1;
|
|
|
|
const beg = end - this.match[1].length;
|
|
|
|
if ( stream.pos < beg ) {
|
|
|
|
stream.pos = beg;
|
|
|
|
return null;
|
|
|
|
}
|
|
|
|
if ( stream.pos < end ) {
|
|
|
|
stream.pos = end;
|
|
|
|
return 'href';
|
|
|
|
}
|
|
|
|
if ( stream.pos < this.re.lastIndex ) {
|
|
|
|
stream.pos = this.re.lastIndex;
|
|
|
|
this.match = this.re.exec(stream.string);
|
|
|
|
return null;
|
|
|
|
}
|
|
|
|
stream.skipToEnd();
|
|
|
|
return null;
|
|
|
|
},
|
|
|
|
});
|
|
|
|
|
|
|
|
dom.on('#content', 'click', '.cm-href', ev => {
|
|
|
|
const href = ev.target.textContent;
|
|
|
|
try {
|
|
|
|
const toURL = new URL(href, url);
|
|
|
|
vAPI.messaging.send('codeViewer', {
|
|
|
|
what: 'gotoURL',
|
|
|
|
details: {
|
|
|
|
url: `code-viewer.html?url=${encodeURIComponent(toURL.href)}`,
|
|
|
|
select: true,
|
|
|
|
},
|
|
|
|
});
|
|
|
|
} catch(ex) {
|
|
|
|
}
|
|
|
|
});
|
2023-03-01 17:04:40 +01:00
|
|
|
})();
|