in the event |target|
contentEditable: true,
});
root = div.attachShadow({mode: 'open'});
root.innerHTML = `
${GM_info.script.name}
x
Copied to clipboard.
`;
// rules
const rules = UI.rules;
rules.addEventListener('input', checkRule);
rules.addEventListener('focusin', focusRule);
rules.addEventListener('paste', focusRule);
blankRuleElement =
setup.blankRuleElement =
setup.blankRuleElement || rules.firstElementChild.cloneNode();
for (const rule of config.hosts || []) {
const el = blankRuleElement.cloneNode();
el.value = typeof rule === 'string' ? rule : Ruler.format(rule);
rules.appendChild(el);
checkRule({target: el});
}
// search rules
const search = UI.search;
search.oninput = () => {
setup.search = search.value;
const s = search.value.toLowerCase();
for (const el of rules.children)
el.hidden = s && !el.value.toLowerCase().includes(s);
};
search.value = setup.search || '';
if (search.value)
search.oninput();
// prevent the main page from interpreting key presses in inputs as hotkeys
// which may happen since it sees only the outer
in the event |target|
root.addEventListener('keydown', e =>
!e.altKey && !e.ctrlKey && !e.metaKey && e.stopPropagation(), true);
UI.apply.onclick = UI.cancel.onclick = UI.ok.onclick = UI.x.onclick = closeSetup;
UI.css.value = config.css;
UI.delay.value = config.delay;
UI.export.onclick = exportSettings;
UI.import.onclick = importSettings;
UI.install.onclick = setupRuleInstaller;
UI.scale.value = config.scale;
UI.scales.value = config.scales.join(' ');
UI.start.value = config.start;
UI.start.onchange = function () {
UI.delay.closest('label').hidden =
UI.preload.closest('label').hidden =
this.value !== 'auto';
};
UI.start.onchange();
UI.xhr.onclick = ({target: el}) => el.checked || confirm(el.closest('[title]').title);
UI.zoom.value = config.zoom;
UI.zoomOut.value = config.zoomOut;
for (const el of $$('[type="checkbox"]', root))
el.checked = config[el.id];
for (const el of $$('a[href^="http"]', root)) {
el.target = '_blank';
el.rel = 'noreferrer noopener external';
}
doc.body.appendChild(div);
requestAnimationFrame(() => {
UI.css.style.minHeight = clamp(UI.css.scrollHeight, 40, div.clientHeight / 4) + 'px';
});
}
}
async function setupRuleInstaller(e) {
dropEvent(e);
const parent = this.parentElement;
parent.children.installLoading.hidden = false;
this.remove();
let rules;
try {
rules = extractRules((await Remoting.getDoc(this.href)).doc);
const selector = $create('select', {
size: 8,
style: 'width: 100%',
ondblclick: e => e.target !== selector && maybeSetup(e),
onkeyup: e => e.key === 'Enter' && maybeSetup(e),
});
selector.append(...rules.map(renderRule));
selector.selectedIndex = findMatchingRuleIndex();
// remove "name" since the installed rules don't need it
for (const r of rules)
delete r.name;
parent.children.installLoading.remove();
parent.children.installHint.hidden = false;
parent.appendChild(selector);
} catch (e) {
parent.textContent = 'Error loading rules: ' + (e.message || e);
}
function extractRules(doc) {
const code = $('script', doc).textContent;
// sort by name
return JSON.parse(code.match(/var\s+rules\s*=\s*(\[.+]);?[\r\n]/)[1])
.filter(r => !r.d || hostname.includes(r.d))
.sort((a, b) =>
(a = a.name.toLowerCase()) < (b = b.name.toLowerCase()) ? -1 :
a > b ? 1 :
0);
}
function findMatchingRuleIndex() {
// get the core part of the current domain that's not "www", "m", etc.
const h = hostname.split('.');
const core = h[0] === 'www' || h.length > 2 && h[0].length === 1 ? h[1] : h[0];
// find a rule matching the domain core
return rules.findIndex(r =>
r.name.toLowerCase().includes(core) ||
r.d && hostname.includes(r.d));
}
function renderRule(r) {
const {name, ...copy} = r;
return $create('option', {
textContent: name,
title: Ruler.format(copy, {expand: true})
.replace(/^{|\s*}$/g, '')
.split('\n')
.slice(0, 12)
.map(renderTitleLine)
.filter(Boolean)
.join('\n'),
});
}
function renderTitleLine(line, i, arr) {
return (
// show ... on 10th line if there are more lines
i === 9 && arr.length > 10 ? '...' :
i > 10 ? '' :
// truncate to 100 chars
(line.length > 100 ? line.slice(0, 100) + '...' : line)
// strip the leading space
.replace(/^\s/, ''));
}
function maybeSetup(e) {
if (!e.altKey && !e.ctrlKey && !e.shiftKey && !e.metaKey)
setup({rule: rules[e.currentTarget.selectedIndex]});
}
}
App.init();