451 lines
15 KiB
JavaScript
451 lines
15 KiB
JavaScript
document.addEventListener('DOMContentLoaded', (event) => {
|
|
if (window.location.hostname.indexOf('vault.bitwarden.com') > -1) {
|
|
return;
|
|
}
|
|
|
|
var pageDetails = [],
|
|
formData = [],
|
|
barType = null,
|
|
pageHref = null,
|
|
observer = null,
|
|
domObservationCollectTimeout = null,
|
|
collectIfNeededTimeout = null,
|
|
observeDomTimeout = null,
|
|
iframed = isIframed(),
|
|
submitButtonNames = ['log in', 'sign in', 'login', 'go', 'submit', 'continue', 'next'],
|
|
notificationBarData = null,
|
|
isSafari = (typeof safari !== 'undefined') && navigator.userAgent.indexOf(' Safari/') !== -1 &&
|
|
navigator.userAgent.indexOf('Chrome') === -1;
|
|
|
|
if (isSafari) {
|
|
const responseCommand = 'notificationBarDataResponse';
|
|
safari.self.tab.dispatchMessage('bitwarden', {
|
|
command: 'bgGetDataForTab',
|
|
responseCommand: responseCommand
|
|
});
|
|
safari.self.addEventListener('message', (msgEvent) => {
|
|
const msg = msgEvent.message;
|
|
if (msg.command === responseCommand && msg.data) {
|
|
notificationBarData = msg.data;
|
|
if (notificationBarData.neverDomains &&
|
|
notificationBarData.neverDomains.hasOwnProperty(window.location.hostname)) {
|
|
return;
|
|
}
|
|
|
|
if (notificationBarData.disabledNotification === true) {
|
|
return;
|
|
}
|
|
|
|
collectIfNeededWithTimeout();
|
|
return;
|
|
}
|
|
|
|
processMessages(msg, () => { /* do nothing on send response for Safari */ });
|
|
}, false);
|
|
return;
|
|
} else {
|
|
chrome.storage.local.get('neverDomains', (obj) => {
|
|
var domains = obj.neverDomains;
|
|
if (domains && domains.hasOwnProperty(window.location.hostname)) {
|
|
return;
|
|
}
|
|
|
|
chrome.storage.local.get('disableAddLoginNotification', (obj) => {
|
|
if (!obj || !obj.disableAddLoginNotification) {
|
|
collectIfNeededWithTimeout();
|
|
}
|
|
});
|
|
});
|
|
|
|
chrome.runtime.onMessage.addListener((msg, sender, sendResponse) => {
|
|
processMessages(msg, sendResponse);
|
|
});
|
|
}
|
|
|
|
function processMessages(msg, sendResponse) {
|
|
if (msg.command === 'openNotificationBar') {
|
|
if (iframed) {
|
|
return;
|
|
}
|
|
closeExistingAndOpenBar(msg.data.type, msg.data.typeData);
|
|
sendResponse();
|
|
return true;
|
|
} else if (msg.command === 'closeNotificationBar') {
|
|
if (iframed) {
|
|
return;
|
|
}
|
|
closeBar(true);
|
|
sendResponse();
|
|
return true;
|
|
} else if (msg.command === 'adjustNotificationBar') {
|
|
if (iframed) {
|
|
return;
|
|
}
|
|
adjustBar(msg.data);
|
|
sendResponse();
|
|
return true;
|
|
} else if (msg.command === 'notificationBarPageDetails') {
|
|
pageDetails.push(msg.data.details);
|
|
watchForms(msg.data.forms);
|
|
sendResponse();
|
|
return true;
|
|
}
|
|
}
|
|
|
|
function isIframed() {
|
|
try {
|
|
return window.self !== window.top;
|
|
} catch (e) {
|
|
return true;
|
|
}
|
|
}
|
|
|
|
function observeDom() {
|
|
var bodies = document.querySelectorAll('body');
|
|
if (bodies && bodies.length > 0) {
|
|
observer = new window.MutationObserver((mutations) => {
|
|
if (!mutations || !mutations.length || pageHref !== window.location.href) {
|
|
return;
|
|
}
|
|
|
|
var doCollect = false;
|
|
for (var i = 0; i < mutations.length; i++) {
|
|
if (!mutations[i].addedNodes || !mutations[i].addedNodes.length) {
|
|
continue;
|
|
}
|
|
|
|
for (var j = 0; j < mutations[i].addedNodes.length; j++) {
|
|
var addedNode = mutations[i].addedNodes[j];
|
|
if (!addedNode) {
|
|
continue;
|
|
}
|
|
|
|
if (addedNode.tagName && addedNode.tagName.toLowerCase() == 'form' &&
|
|
(!addedNode.dataset || !addedNode.dataset.bitwardenWatching)) {
|
|
doCollect = true;
|
|
break;
|
|
}
|
|
|
|
if (!addedNode.querySelectorAll) {
|
|
continue;
|
|
}
|
|
|
|
var forms = mutations[i].addedNodes[j].querySelectorAll('form:not([data-bitwarden-watching])');
|
|
if (forms && forms.length) {
|
|
doCollect = true;
|
|
break;
|
|
}
|
|
}
|
|
|
|
if (doCollect) {
|
|
break;
|
|
}
|
|
}
|
|
|
|
if (doCollect) {
|
|
if (domObservationCollectTimeout) {
|
|
clearTimeout(domObservationCollectTimeout);
|
|
}
|
|
|
|
domObservationCollectTimeout = setTimeout(collect, 1000);
|
|
}
|
|
});
|
|
|
|
observer.observe(bodies[0], { childList: true, subtree: true });
|
|
}
|
|
}
|
|
|
|
function collectIfNeededWithTimeout() {
|
|
if (collectIfNeededTimeout) {
|
|
clearTimeout(collectIfNeededTimeout);
|
|
}
|
|
collectIfNeededTimeout = setTimeout(collectIfNeeded, 1000);
|
|
}
|
|
|
|
function collectIfNeeded() {
|
|
if (pageHref !== window.location.href) {
|
|
pageHref = window.location.href;
|
|
if (observer) {
|
|
observer.disconnect();
|
|
observer = null;
|
|
}
|
|
|
|
collect();
|
|
|
|
if (observeDomTimeout) {
|
|
clearTimeout(observeDomTimeout);
|
|
}
|
|
observeDomTimeout = setTimeout(observeDom, 1000);
|
|
}
|
|
|
|
if (collectIfNeededTimeout) {
|
|
clearTimeout(collectIfNeededTimeout);
|
|
}
|
|
collectIfNeededTimeout = setTimeout(collectIfNeeded, 1000);
|
|
}
|
|
|
|
function collect() {
|
|
sendPlatformMessage({
|
|
command: 'bgCollectPageDetails',
|
|
sender: 'notificationBar'
|
|
});
|
|
}
|
|
|
|
function watchForms(forms) {
|
|
if (!forms || !forms.length) {
|
|
return;
|
|
}
|
|
|
|
for (var i = 0; i < forms.length; i++) {
|
|
var form = null,
|
|
formId = forms[i].form ? forms[i].form.htmlID : null;
|
|
|
|
if (formId && formId !== '') {
|
|
form = document.getElementById(formId);
|
|
}
|
|
|
|
if (!form) {
|
|
var index = parseInt(forms[i].form.opid.split('__')[2]);
|
|
form = document.getElementsByTagName('form')[index];
|
|
}
|
|
|
|
if (form && form.dataset.bitwardenWatching !== '1') {
|
|
var formDataObj = {
|
|
data: forms[i],
|
|
formEl: form,
|
|
usernameEl: null,
|
|
passwordEl: null
|
|
};
|
|
locateFields(formDataObj);
|
|
formData.push(formDataObj);
|
|
listen(form);
|
|
form.dataset.bitwardenWatching = '1';
|
|
}
|
|
}
|
|
}
|
|
|
|
function listen(form) {
|
|
form.removeEventListener('submit', formSubmitted, false);
|
|
form.addEventListener('submit', formSubmitted, false);
|
|
var submitButton = form.querySelector(
|
|
'input[type="submit"], input[type="image"], button[type="submit"], button:not([type])');
|
|
if (submitButton) {
|
|
submitButton.removeEventListener('click', formSubmitted, false);
|
|
submitButton.addEventListener('click', formSubmitted, false);
|
|
} else {
|
|
var possibleSubmitButtons = form.querySelectorAll('a, span, button[type="button"], input[type="button"]');
|
|
for (var i = 0; i < possibleSubmitButtons.length; i++) {
|
|
var button = possibleSubmitButtons[i];
|
|
if (!button || !button.tagName) {
|
|
continue;
|
|
}
|
|
|
|
var buttonText;
|
|
if (button.tagName.toLowerCase() === 'input') {
|
|
buttonText = button.value;
|
|
} else {
|
|
buttonText = button.innerText;
|
|
}
|
|
|
|
if (!buttonText) {
|
|
continue;
|
|
}
|
|
|
|
buttonText = buttonText.trim().toLowerCase();
|
|
if (submitButtonNames.indexOf(buttonText) > -1) {
|
|
button.removeEventListener('click', formSubmitted, false);
|
|
button.addEventListener('click', formSubmitted, false);
|
|
}
|
|
}
|
|
}
|
|
}
|
|
|
|
function locateFields(formDataObj) {
|
|
var passwordId = formDataObj.data.password ? formDataObj.data.password.htmlID : null,
|
|
usernameId = formDataObj.data.username ? formDataObj.data.username.htmlID : null,
|
|
passwordName = formDataObj.data.password ? formDataObj.data.password.htmlName : null,
|
|
usernameName = formDataObj.data.username ? formDataObj.data.username.htmlName : null,
|
|
inputs = document.getElementsByTagName('input');
|
|
|
|
if (passwordId && passwordId !== '') {
|
|
try {
|
|
formDataObj.passwordEl = formDataObj.formEl.querySelector('#' + passwordId);
|
|
}
|
|
catch (e) { }
|
|
}
|
|
if (!formDataObj.passwordEl && passwordName !== '') {
|
|
formDataObj.passwordEl = formDataObj.formEl.querySelector('input[name="' + passwordName + '"]');
|
|
}
|
|
if (!formDataObj.passwordEl && formDataObj.passwordEl) {
|
|
formDataObj.passwordEl = inputs[formDataObj.data.password.elementNumber];
|
|
if (formDataObj.passwordEl && formDataObj.passwordEl.type !== 'password') {
|
|
formDataObj.passwordEl = null;
|
|
}
|
|
}
|
|
if (!formDataObj.passwordEl) {
|
|
formDataObj.passwordEl = formDataObj.formEl.querySelector('input[type="password"]');
|
|
}
|
|
|
|
if (usernameId && usernameId !== '') {
|
|
try {
|
|
formDataObj.usernameEl = formDataObj.formEl.querySelector('#' + usernameId);
|
|
}
|
|
catch (e) { }
|
|
}
|
|
if (!formDataObj.usernameEl && usernameName !== '') {
|
|
formDataObj.usernameEl = formDataObj.formEl.querySelector('input[name="' + usernameName + '"]');
|
|
}
|
|
if (!formDataObj.usernameEl && formDataObj.data.username) {
|
|
formDataObj.usernameEl = inputs[formDataObj.data.username.elementNumber];
|
|
}
|
|
}
|
|
|
|
function formSubmitted(e) {
|
|
var form = null;
|
|
if (e.type === 'click') {
|
|
form = e.target.closest('form');
|
|
} else {
|
|
form = e.target;
|
|
}
|
|
|
|
if (!form || form.dataset.bitwardenProcessed === '1') {
|
|
return;
|
|
}
|
|
|
|
for (var i = 0; i < formData.length; i++) {
|
|
if (formData[i].formEl === form) {
|
|
if (!formData[i].usernameEl || !formData[i].passwordEl) {
|
|
break;
|
|
}
|
|
|
|
var login = {
|
|
username: formData[i].usernameEl.value,
|
|
password: formData[i].passwordEl.value,
|
|
url: document.URL
|
|
};
|
|
|
|
if (login.username && login.username !== '' && login.password && login.password !== '') {
|
|
form.dataset.bitwardenProcessed = '1';
|
|
setTimeout(() => {
|
|
form.dataset.bitwardenProcessed = '0';
|
|
}, 500);
|
|
|
|
sendPlatformMessage({
|
|
command: 'bgAddLogin',
|
|
login: login
|
|
});
|
|
break;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
|
|
function closeExistingAndOpenBar(type, typeData) {
|
|
var barPage = 'notification/bar.html';
|
|
switch (type) {
|
|
case 'info':
|
|
barPage = barPage + '?info=' + typeData.text;
|
|
break;
|
|
case 'warning':
|
|
barPage = barPage + '?warning=' + typeData.text;
|
|
break;
|
|
case 'error':
|
|
barPage = barPage + '?error=' + typeData.text;
|
|
break;
|
|
case 'success':
|
|
barPage = barPage + '?success=' + typeData.text;
|
|
break;
|
|
case 'add':
|
|
barPage = barPage + '?add=1';
|
|
break;
|
|
default:
|
|
break;
|
|
}
|
|
|
|
var frame = document.getElementById('bit-notification-bar-iframe');
|
|
if (frame && frame.src.indexOf(barPage) >= 0) {
|
|
return;
|
|
}
|
|
|
|
closeBar(false);
|
|
openBar(type, barPage);
|
|
}
|
|
|
|
function openBar(type, barPage) {
|
|
barType = type;
|
|
|
|
if (!document.body) {
|
|
return;
|
|
}
|
|
|
|
var barPageUrl = isSafari ? (safari.extension.baseURI + barPage) : chrome.extension.getURL(barPage);
|
|
|
|
var iframe = document.createElement('iframe');
|
|
iframe.style.cssText = 'height: 42px; width: 100%; border: 0;';
|
|
iframe.id = 'bit-notification-bar-iframe';
|
|
|
|
var frameDiv = document.createElement('div');
|
|
frameDiv.id = 'bit-notification-bar';
|
|
frameDiv.style.cssText = 'height: 42px; width: 100%; top: 0; left: 0; padding: 0; position: fixed; z-index: 2147483647; visibility: visible;';
|
|
frameDiv.appendChild(iframe);
|
|
document.body.appendChild(frameDiv);
|
|
|
|
iframe.contentWindow.location = barPageUrl;
|
|
|
|
var spacer = document.createElement('div');
|
|
spacer.id = 'bit-notification-bar-spacer';
|
|
spacer.style.cssText = 'height: 42px;';
|
|
document.body.insertBefore(spacer, document.body.firstChild);
|
|
}
|
|
|
|
function closeBar(explicitClose) {
|
|
var el = document.getElementById('bit-notification-bar');
|
|
if (el) {
|
|
el.parentElement.removeChild(el);
|
|
}
|
|
|
|
el = document.getElementById('bit-notification-bar-spacer');
|
|
if (el) {
|
|
el.parentElement.removeChild(el);
|
|
}
|
|
|
|
if (!explicitClose) {
|
|
return;
|
|
}
|
|
|
|
switch (barType) {
|
|
case 'add':
|
|
sendPlatformMessage({
|
|
command: 'bgAddClose'
|
|
});
|
|
break;
|
|
default:
|
|
break;
|
|
}
|
|
}
|
|
|
|
function adjustBar(data) {
|
|
if (data.height !== 42) {
|
|
var newHeight = data.height + 'px';
|
|
doHeightAdjustment('bit-notification-bar-iframe', newHeight);
|
|
doHeightAdjustment('bit-notification-bar', newHeight);
|
|
doHeightAdjustment('bit-notification-bar-spacer', newHeight);
|
|
}
|
|
}
|
|
|
|
function doHeightAdjustment(elId, heightStyle) {
|
|
var el = document.getElementById(elId);
|
|
if (el) {
|
|
el.style.height = heightStyle;
|
|
}
|
|
}
|
|
|
|
function sendPlatformMessage(msg) {
|
|
if (isSafari) {
|
|
safari.self.tab.dispatchMessage('bitwarden', msg);
|
|
} else {
|
|
chrome.runtime.sendMessage(msg);
|
|
}
|
|
}
|
|
});
|