mirror of
https://github.com/alexadam/save-as-ebook.git
synced 2025-09-05 23:19:16 +00:00
463 lines
13 KiB
JavaScript
463 lines
13 KiB
JavaScript
var isBusy = false;
|
|
|
|
var defaultStyles = [
|
|
{
|
|
title: 'Reddit Comments',
|
|
url: 'reddit\\.com\\/r\\/[^\\/]+\\/comments',
|
|
style: `.side {
|
|
display: none;
|
|
}
|
|
#header {
|
|
display: none;
|
|
}
|
|
.arrow, .expand, .score, .live-timestamp, .flat-list, .buttons, .morecomments, .footer-parent, .icon {
|
|
display: none !important;
|
|
}
|
|
`
|
|
},{
|
|
title: 'Wikipedia Article',
|
|
url: 'wikipedia\\.org\\/wiki\\/',
|
|
style: `#mw-navigation {
|
|
display: none;
|
|
}
|
|
#footer {
|
|
display: none;
|
|
}
|
|
#mw-panel {
|
|
display: none;
|
|
}
|
|
#mw-head {
|
|
display: none;
|
|
}
|
|
`
|
|
},{
|
|
title: 'YCombinator News Comments',
|
|
url: 'news\\.ycombinator\\.com\\/item\\?id=[0-9]+',
|
|
style: `#hnmain > tbody > tr:nth-child(1) > td > table {
|
|
display: none;
|
|
}
|
|
* {
|
|
background-color: white;
|
|
}
|
|
.title, .storylink {
|
|
text-align: left;
|
|
font-weight: bold;
|
|
font-size: 20px;
|
|
}
|
|
.score {
|
|
display: none;
|
|
}
|
|
.age {
|
|
display: none;
|
|
}
|
|
.hnpast {
|
|
display: none;
|
|
}
|
|
.togg {
|
|
display: none;
|
|
}
|
|
.votelinks, .rank {
|
|
display: none;
|
|
}
|
|
.votearrow {
|
|
display: none;
|
|
}
|
|
.yclinks {
|
|
display: none;
|
|
}
|
|
form {
|
|
display: none;
|
|
}
|
|
a.hnuser {
|
|
font-weight: bold;
|
|
color: black !important;
|
|
padding: 3px;
|
|
}
|
|
.subtext > span, .subtext > a:not(:nth-child(2)) {
|
|
display: none;
|
|
}
|
|
`
|
|
},{
|
|
title: 'Medium Article',
|
|
url: 'medium\\.com',
|
|
style: `.metabar {
|
|
display: none !important;
|
|
}
|
|
header.container {
|
|
display: none;
|
|
}
|
|
.js-postShareWidget {
|
|
display: none;
|
|
}
|
|
footer, canvas {
|
|
display: none !important;
|
|
}
|
|
.u-fixed, .u-bottom0 {
|
|
display: none;
|
|
}
|
|
`
|
|
},{
|
|
title: 'Twitter',
|
|
url: 'twitter\\.com\\/.+',
|
|
style: `.topbar {
|
|
display: none !important;
|
|
}
|
|
.ProfileCanopy, .ProfileCanopy-inner {
|
|
display: none;
|
|
}
|
|
.ProfileSidebar {
|
|
display: none;
|
|
}
|
|
.ProfileHeading {
|
|
display: none !important;
|
|
}
|
|
.ProfileTweet-actionList {
|
|
display: none;
|
|
}
|
|
`
|
|
}
|
|
|
|
];
|
|
|
|
chrome.commands.onCommand.addListener((command) => {
|
|
if (isBusy) {
|
|
chrome.tabs.query({
|
|
currentWindow: true,
|
|
active: true
|
|
}, (tab) => {
|
|
chrome.tabs.sendMessage(tab[0].id, {'alert': 'Work in progress! Please wait until the current eBook is generated!'}, (r) => {
|
|
console.log(r);
|
|
});
|
|
})
|
|
return;
|
|
}
|
|
if (command === 'save-page') {
|
|
dispatch('extract-page', false, []);
|
|
isBusy = true;
|
|
} else if (command === 'save-selection') {
|
|
dispatch('extract-selection', false, []);
|
|
isBusy = true;
|
|
} else if (command === 'add-page') {
|
|
dispatch('extract-page', true, []);
|
|
isBusy = true;
|
|
} else if (command === 'add-selection') {
|
|
dispatch('extract-selection', true, []);
|
|
isBusy = true;
|
|
}
|
|
});
|
|
|
|
function dispatch(action, justAddToBuffer, appliedStyles) {
|
|
if (!justAddToBuffer) {
|
|
removeEbook();
|
|
}
|
|
chrome.browserAction.setBadgeBackgroundColor({color:"red"});
|
|
chrome.browserAction.setBadgeText({text: "Busy"});
|
|
|
|
chrome.tabs.query({
|
|
currentWindow: true,
|
|
active: true
|
|
}, (tab) => {
|
|
|
|
chrome.storage.local.get('styles', (data) => {
|
|
let styles = defaultStyles;
|
|
if (data && data.styles) {
|
|
styles = data.styles;
|
|
}
|
|
let currentUrl = tab[0].url;
|
|
let currentStyle = null;
|
|
|
|
if (styles && styles.length > 0) {
|
|
let allMatchingStyles = [];
|
|
|
|
for (let i = 0; i < styles.length; i++) {
|
|
currentUrl = currentUrl.replace(/(http[s]?:\/\/|www\.)/i, '').toLowerCase();
|
|
let styleUrl = styles[i].url;
|
|
let styleUrlRegex = null;
|
|
|
|
try {
|
|
styleUrlRegex = new RegExp(styleUrl, 'i');
|
|
} catch (e) {
|
|
}
|
|
|
|
if (styleUrlRegex && styleUrlRegex.test(currentUrl)) {
|
|
allMatchingStyles.push({
|
|
index: i,
|
|
length: styleUrl.length
|
|
});
|
|
}
|
|
}
|
|
|
|
if (allMatchingStyles.length >= 1) {
|
|
allMatchingStyles.sort((a, b) => b.length - a.length);
|
|
let selStyle = allMatchingStyles[0];
|
|
currentStyle = styles[selStyle.index];
|
|
// setCurrentStyle(currentStyle);
|
|
|
|
if (currentStyle && currentStyle.style) {
|
|
chrome.tabs.insertCSS(tab[0].id, {code: currentStyle.style});
|
|
appliedStyles.push(currentStyle);
|
|
}
|
|
}
|
|
}
|
|
|
|
chrome.tabs.executeScript(tab[0].id, {file: '/jquery.js'});
|
|
chrome.tabs.executeScript(tab[0].id, {file: '/utils.js'});
|
|
chrome.tabs.executeScript(tab[0].id, {file: '/filesaver.js'});
|
|
chrome.tabs.executeScript(tab[0].id, {file: '/jszip.js'});
|
|
chrome.tabs.executeScript(tab[0].id, {file: '/jszip-utils.js'});
|
|
chrome.tabs.executeScript(tab[0].id, {file: '/saveEbook.js'});
|
|
|
|
chrome.tabs.sendMessage(tab[0].id, {
|
|
type: action,
|
|
appliedStyles: appliedStyles
|
|
}, (response) => {
|
|
|
|
if (!response) {
|
|
isBusy = false;
|
|
chrome.browserAction.setBadgeText({text: ""});
|
|
chrome.tabs.sendMessage(tab[0].id, {'alert': 'Save as eBook does not work on this web site!'}, (r) => {
|
|
console.log(r);
|
|
});
|
|
return;
|
|
}
|
|
|
|
if (response.length === 0) {
|
|
if (justAddToBuffer) {
|
|
// FIXME does not work on chrome ?
|
|
chrome.tabs.sendMessage(tab[0].id, {'alert': 'Cannot add an empty selection as chapter!'}, (r) => {
|
|
console.log(r);
|
|
});
|
|
} else {
|
|
chrome.tabs.sendMessage(tab[0].id, {'alert': 'Cannot generate the eBook from an empty selection!'}, (r) => {
|
|
console.log(r);
|
|
});
|
|
}
|
|
isBusy = false;
|
|
chrome.browserAction.setBadgeText({text: ""});
|
|
return;
|
|
}
|
|
if (!justAddToBuffer) {
|
|
chrome.tabs.sendMessage(tab[0].id, {'shortcut': 'build-ebook', response: [response]}, (r) => {
|
|
console.log(r);
|
|
});
|
|
isBusy = false;
|
|
chrome.browserAction.setBadgeText({text: ""});
|
|
} else {
|
|
chrome.storage.local.get('allPages', function (data) {
|
|
if (!data || !data.allPages) {
|
|
data.allPages = [];
|
|
}
|
|
data.allPages.push(response);
|
|
chrome.storage.local.set({'allPages': data.allPages});
|
|
isBusy = false;
|
|
chrome.browserAction.setBadgeText({text: ""});
|
|
chrome.tabs.sendMessage(tab[0].id, {'alert': 'Page or selection added as chapter!'}, (r) => {
|
|
console.log(r);
|
|
});
|
|
})
|
|
}
|
|
});
|
|
// FIXME set timeout
|
|
// isBusy = false;
|
|
// chrome.browserAction.setBadgeText({text: ""});
|
|
// sendMessage(tab[0].id, action, justAddToBuffer, appliedStyles);
|
|
});
|
|
});
|
|
}
|
|
|
|
chrome.runtime.onMessage.addListener(function(request, sender, sendResponse) {
|
|
if (request.type === 'get') {
|
|
chrome.storage.local.get('allPages', function (data) {
|
|
if (!data || !data.allPages) {
|
|
sendResponse({allPages: []});
|
|
}
|
|
sendResponse({allPages: data.allPages});
|
|
})
|
|
}
|
|
if (request.type === 'set') {
|
|
chrome.storage.local.set({'allPages': request.pages});
|
|
}
|
|
if (request.type === 'remove') {
|
|
chrome.storage.local.remove('allPages');
|
|
chrome.storage.local.remove('title');
|
|
}
|
|
if (request.type === 'get title') {
|
|
chrome.storage.local.get('title', function (data) {
|
|
if (!data || !data.title || data.title.trim().length === 0) {
|
|
sendResponse({title: 'eBook'});
|
|
} else {
|
|
sendResponse({title: data.title});
|
|
}
|
|
})
|
|
}
|
|
if (request.type === 'set title') {
|
|
chrome.storage.local.set({'title': request.title});
|
|
}
|
|
if (request.type === 'get styles') {
|
|
chrome.storage.local.get('styles', function (data) {
|
|
if (!data || !data.styles) {
|
|
// TODO move defaultStyles in a different file/location ?
|
|
var defaultStyles = [
|
|
{
|
|
title: 'Reddit Comments',
|
|
url: 'reddit\\.com\\/r\\/[^\\/]+\\/comments',
|
|
style: `.side {
|
|
display: none;
|
|
}
|
|
#header {
|
|
display: none;
|
|
}
|
|
.arrow, .expand, .score, .live-timestamp, .flat-list, .buttons, .morecomments, .footer-parent, .icon {
|
|
display: none !important;
|
|
}
|
|
`
|
|
},{
|
|
title: 'Wikipedia Article',
|
|
url: 'wikipedia\\.org\\/wiki\\/',
|
|
style: `#mw-navigation {
|
|
display: none;
|
|
}
|
|
#footer {
|
|
display: none;
|
|
}
|
|
#mw-panel {
|
|
display: none;
|
|
}
|
|
#mw-head {
|
|
display: none;
|
|
}
|
|
`
|
|
},{
|
|
title: 'YCombinator News Comments',
|
|
url: 'news\\.ycombinator\\.com\\/item\\?id=[0-9]+',
|
|
style: `#hnmain > tbody > tr:nth-child(1) > td > table {
|
|
display: none;
|
|
}
|
|
* {
|
|
background-color: white;
|
|
}
|
|
.title, .storylink {
|
|
text-align: left;
|
|
font-weight: bold;
|
|
font-size: 20px;
|
|
}
|
|
.score {
|
|
display: none;
|
|
}
|
|
.age {
|
|
display: none;
|
|
}
|
|
.hnpast {
|
|
display: none;
|
|
}
|
|
.togg {
|
|
display: none;
|
|
}
|
|
.votelinks, .rank {
|
|
display: none;
|
|
}
|
|
.votearrow {
|
|
display: none;
|
|
}
|
|
.yclinks {
|
|
display: none;
|
|
}
|
|
form {
|
|
display: none;
|
|
}
|
|
a.hnuser {
|
|
font-weight: bold;
|
|
color: black !important;
|
|
padding: 3px;
|
|
}
|
|
.subtext > span, .subtext > a:not(:nth-child(2)) {
|
|
display: none;
|
|
}
|
|
`
|
|
},{
|
|
title: 'Medium Article',
|
|
url: 'medium\\.com',
|
|
style: `.metabar {
|
|
display: none !important;
|
|
}
|
|
header.container {
|
|
display: none;
|
|
}
|
|
.js-postShareWidget {
|
|
display: none;
|
|
}
|
|
footer, canvas {
|
|
display: none !important;
|
|
}
|
|
.u-fixed, .u-bottom0 {
|
|
display: none;
|
|
}
|
|
`
|
|
},{
|
|
title: 'Twitter',
|
|
url: 'twitter\\.com\\/.+',
|
|
style: `.topbar {
|
|
display: none !important;
|
|
}
|
|
.ProfileCanopy, .ProfileCanopy-inner {
|
|
display: none;
|
|
}
|
|
.ProfileSidebar {
|
|
display: none;
|
|
}
|
|
.ProfileHeading {
|
|
display: none !important;
|
|
}
|
|
.ProfileTweet-actionList {
|
|
display: none;
|
|
}
|
|
`
|
|
}
|
|
|
|
/*
|
|
|
|
|
|
*/
|
|
|
|
];
|
|
sendResponse({styles: defaultStyles});
|
|
} else {
|
|
sendResponse({styles: data.styles});
|
|
}
|
|
});
|
|
}
|
|
if (request.type === 'set styles') {
|
|
chrome.storage.local.set({'styles': request.styles});
|
|
}
|
|
if (request.type === 'get current style') {
|
|
chrome.storage.local.get('currentStyle', function (data) {
|
|
if (!data || !data.currentStyle) {
|
|
sendResponse({currentStyle: 0});
|
|
} else {
|
|
sendResponse({currentStyle: data.currentStyle});
|
|
}
|
|
});
|
|
}
|
|
if (request.type === 'set current style') {
|
|
chrome.storage.local.set({'currentStyle': request.currentStyle});
|
|
}
|
|
if (request.type === 'get include style') {
|
|
chrome.storage.local.get('includeStyle', function (data) {
|
|
if (!data) {
|
|
sendResponse({includeStyle: false});
|
|
} else {
|
|
sendResponse({includeStyle: data.includeStyle});
|
|
}
|
|
});
|
|
}
|
|
if (request.type === 'set include style') {
|
|
chrome.storage.local.set({'includeStyle': request.includeStyle});
|
|
}
|
|
if (request.type === 'is busy?') {
|
|
sendResponse({isBusy: isBusy})
|
|
}
|
|
if (request.type === 'set is busy') {
|
|
isBusy = request.isBusy
|
|
}
|
|
return true;
|
|
});
|