118 lines
4.3 KiB
JavaScript
118 lines
4.3 KiB
JavaScript
// Content script that runs on all pages
|
|
(function() {
|
|
'use strict';
|
|
|
|
console.log('[GreasyBoii] Content script loaded on:', window.location.href);
|
|
|
|
// Wait for DOM to be ready
|
|
if (document.readyState === 'loading') {
|
|
document.addEventListener('DOMContentLoaded', initGreasyBoii);
|
|
} else {
|
|
initGreasyBoii();
|
|
}
|
|
|
|
function initGreasyBoii() {
|
|
console.log('[GreasyBoii] Initializing...');
|
|
|
|
// Get rules from storage and execute matching ones
|
|
browser.storage.sync.get(['rules']).then((result) => {
|
|
const rules = result.rules || [];
|
|
const currentUrl = window.location.href;
|
|
|
|
console.log('[GreasyBoii] Found', rules.length, 'rule(s) in storage');
|
|
|
|
rules.forEach((rule) => {
|
|
if (!rule.enabled) {
|
|
console.log('[GreasyBoii] Skipping disabled rule:', rule.name);
|
|
return;
|
|
}
|
|
|
|
let shouldExecute = false;
|
|
|
|
// Check conditions
|
|
if (rule.matchType === 'url') {
|
|
shouldExecute = currentUrl.includes(rule.urlPattern);
|
|
console.log(`[GreasyBoii] URL match test for "${rule.name}": ${currentUrl} includes "${rule.urlPattern}" = ${shouldExecute}`);
|
|
} else if (rule.matchType === 'element') {
|
|
shouldExecute = document.querySelector(rule.elementSelector) !== null;
|
|
console.log(`[GreasyBoii] Element match test for "${rule.name}": selector "${rule.elementSelector}" found = ${shouldExecute}`);
|
|
} else if (rule.matchType === 'both') {
|
|
const urlMatches = currentUrl.includes(rule.urlPattern);
|
|
const elementExists = document.querySelector(rule.elementSelector) !== null;
|
|
shouldExecute = urlMatches && elementExists;
|
|
console.log(`[GreasyBoii] Combined match test for "${rule.name}": URL=${urlMatches}, Element=${elementExists}, Result=${shouldExecute}`);
|
|
}
|
|
|
|
if (shouldExecute) {
|
|
console.log(`[GreasyBoii] ✓ Executing rule: ${rule.name}`);
|
|
executeRule(rule);
|
|
} else {
|
|
console.log(`[GreasyBoii] ✗ Rule "${rule.name}" conditions not met`);
|
|
}
|
|
});
|
|
});
|
|
}
|
|
|
|
function executeRule(rule) {
|
|
// For Firefox, we'll use exportFunction and cloneInto to bypass CSP
|
|
if (rule.javascript && rule.javascript.trim()) {
|
|
console.log(`[GreasyBoii] Injecting JavaScript for rule: ${rule.name}`);
|
|
|
|
try {
|
|
// Method 1: Try wrappedJSObject (Firefox specific)
|
|
if (typeof wrappedJSObject !== 'undefined') {
|
|
try {
|
|
const code = `
|
|
(function() {
|
|
try {
|
|
${rule.javascript}
|
|
} catch (e) {
|
|
console.error('[GreasyBoii] Error in injected script:', e);
|
|
}
|
|
})();
|
|
`;
|
|
wrappedJSObject.eval(code);
|
|
console.log(`[GreasyBoii] ✓ JavaScript executed via wrappedJSObject`);
|
|
return;
|
|
} catch (e) {
|
|
console.log(`[GreasyBoii] wrappedJSObject method failed, trying alternative...`);
|
|
}
|
|
}
|
|
|
|
// Method 2: Script injection (works on most sites)
|
|
const script = document.createElement('script');
|
|
script.textContent = `
|
|
(function() {
|
|
try {
|
|
${rule.javascript}
|
|
} catch (e) {
|
|
console.error('[GreasyBoii] Error in injected script:', e);
|
|
}
|
|
})();
|
|
`;
|
|
(document.head || document.documentElement).appendChild(script);
|
|
script.remove();
|
|
console.log(`[GreasyBoii] ✓ JavaScript injected successfully`);
|
|
} catch (error) {
|
|
console.error(`[GreasyBoii] Error executing JavaScript for rule "${rule.name}":`, error);
|
|
}
|
|
}
|
|
|
|
// Execute CSS - CSS injection doesn't have CSP issues
|
|
if (rule.css && rule.css.trim()) {
|
|
try {
|
|
console.log(`[GreasyBoii] Injecting CSS for rule: ${rule.name}`);
|
|
|
|
const style = document.createElement('style');
|
|
style.textContent = rule.css;
|
|
style.setAttribute('data-greasyboii-rule', rule.name);
|
|
(document.head || document.documentElement).appendChild(style);
|
|
|
|
console.log(`[GreasyBoii] ✓ CSS injected successfully`);
|
|
} catch (error) {
|
|
console.error(`[GreasyBoii] Error applying CSS for rule "${rule.name}":`, error);
|
|
}
|
|
}
|
|
}
|
|
})();
|