127 lines
4.1 KiB
JavaScript
127 lines
4.1 KiB
JavaScript
/**
|
|
* Brightwheel Exporter - Content Script
|
|
* Injected on https://schools.mybrightwheel.com/*
|
|
*/
|
|
|
|
(function () {
|
|
console.log('[Brightwheel Exporter] Content script initialized.');
|
|
|
|
// Extract student ID from URL if present
|
|
function detectCurrentStudentId() {
|
|
const match = window.location.pathname.match(/\/students\/([a-zA-Z0-9-]+)/);
|
|
if (match && match[1]) {
|
|
chrome.storage.local.set({ lastActiveStudentId: match[1] });
|
|
return match[1];
|
|
}
|
|
return null;
|
|
}
|
|
|
|
detectCurrentStudentId();
|
|
|
|
// Watch for SPA URL changes
|
|
let lastUrl = location.href;
|
|
new MutationObserver(() => {
|
|
const url = location.href;
|
|
if (url !== lastUrl) {
|
|
lastUrl = url;
|
|
detectCurrentStudentId();
|
|
}
|
|
}).observe(document, { subtree: true, childList: true });
|
|
|
|
// Listen for messages from extension popup or dashboard
|
|
chrome.runtime.onMessage.addListener((message, sender, sendResponse) => {
|
|
if (message.action === 'GET_PAGE_CONTEXT') {
|
|
const studentId = detectCurrentStudentId();
|
|
sendResponse({
|
|
url: window.location.href,
|
|
studentId: studentId,
|
|
cookiesPresent: document.cookie.includes('_brightwheel_v2')
|
|
});
|
|
return true;
|
|
}
|
|
|
|
if (message.action === 'FETCH_WITH_CREDENTIALS') {
|
|
// Execute fetch inside page context with credentials
|
|
fetch(message.url, {
|
|
method: message.method || 'GET',
|
|
headers: {
|
|
'Accept': 'application/json',
|
|
...(message.headers || {})
|
|
},
|
|
credentials: 'include'
|
|
})
|
|
.then(async (res) => {
|
|
if (!res.ok) {
|
|
const errorText = await res.text().catch(() => '');
|
|
return sendResponse({ success: false, status: res.status, statusText: res.statusText, body: errorText });
|
|
}
|
|
const json = await res.json();
|
|
sendResponse({ success: true, status: res.status, data: json });
|
|
})
|
|
.catch((err) => {
|
|
sendResponse({ success: false, error: err.message });
|
|
});
|
|
return true; // async
|
|
}
|
|
});
|
|
|
|
// Inject a discreet floating button on Brightwheel page
|
|
function injectExporterButton() {
|
|
if (document.getElementById('bw-exporter-floating-btn')) return;
|
|
|
|
const btn = document.createElement('button');
|
|
btn.id = 'bw-exporter-floating-btn';
|
|
btn.innerHTML = `
|
|
<svg width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round" style="margin-right: 6px;">
|
|
<path d="M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4"></path>
|
|
<polyline points="7 10 12 15 17 10"></polyline>
|
|
<line x1="12" y1="15" x2="12" y2="3"></line>
|
|
</svg>
|
|
Export Brightwheel Data
|
|
`;
|
|
|
|
Object.assign(btn.style, {
|
|
position: 'fixed',
|
|
bottom: '24px',
|
|
right: '24px',
|
|
zIndex: '999999',
|
|
display: 'inline-flex',
|
|
alignItems: 'center',
|
|
padding: '10px 18px',
|
|
background: 'linear-gradient(135deg, #FF6B35 0%, #FF8E53 100%)',
|
|
color: '#FFFFFF',
|
|
fontFamily: '-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif',
|
|
fontSize: '14px',
|
|
fontWeight: '600',
|
|
border: 'none',
|
|
borderRadius: '30px',
|
|
boxShadow: '0 4px 16px rgba(255, 107, 53, 0.4), 0 2px 6px rgba(0, 0, 0, 0.1)',
|
|
cursor: 'pointer',
|
|
transition: 'all 0.25s ease',
|
|
});
|
|
|
|
btn.addEventListener('mouseenter', () => {
|
|
btn.style.transform = 'translateY(-2px) scale(1.03)';
|
|
btn.style.boxShadow = '0 6px 20px rgba(255, 107, 53, 0.5), 0 3px 8px rgba(0, 0, 0, 0.15)';
|
|
});
|
|
|
|
btn.addEventListener('mouseleave', () => {
|
|
btn.style.transform = 'translateY(0) scale(1)';
|
|
btn.style.boxShadow = '0 4px 16px rgba(255, 107, 53, 0.4), 0 2px 6px rgba(0, 0, 0, 0.1)';
|
|
});
|
|
|
|
btn.addEventListener('click', () => {
|
|
chrome.runtime.sendMessage({ action: 'OPEN_DASHBOARD' });
|
|
});
|
|
|
|
document.body.appendChild(btn);
|
|
}
|
|
|
|
// Inject when DOM is ready
|
|
if (document.readyState === 'loading') {
|
|
document.addEventListener('DOMContentLoaded', injectExporterButton);
|
|
} else {
|
|
injectExporterButton();
|
|
}
|
|
})();
|