94 lines
3.6 KiB
JavaScript
94 lines
3.6 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
|
|
chrome.storage.sync.get(['rules'], (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) {
|
|
// Execute JavaScript using chrome.scripting API to bypass CSP
|
|
if (rule.javascript && rule.javascript.trim()) {
|
|
console.log(`[GreasyBoii] Sending JavaScript execution request for rule: ${rule.name}`);
|
|
|
|
// Send message to background script to execute JavaScript
|
|
chrome.runtime.sendMessage({
|
|
action: 'executeScript',
|
|
code: rule.javascript,
|
|
ruleName: rule.name
|
|
}, (response) => {
|
|
if (chrome.runtime.lastError) {
|
|
console.error(`[GreasyBoii] Error communicating with background:`, chrome.runtime.lastError);
|
|
} else if (response && response.success) {
|
|
console.log(`[GreasyBoii] ✓ JavaScript executed successfully via background script`);
|
|
} else {
|
|
console.error(`[GreasyBoii] JavaScript execution failed:`, response?.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);
|
|
}
|
|
}
|
|
}
|
|
})();
|