// ==UserScript==
// @name AO3: Fic's Style and Bookmarks
// @namespace https://github.com/Schegge
// @version 2.2
// @description Change font, size, width, background.. + number of words for every chapter + estimated reading time + full screen mode + bookmarks: save the position you stopped reading a fic
// @author Schegge
// @include http://archiveofourown.org/*
// @include https://archiveofourown.org/*
// @grant none
// @icon data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAC4AAAAuCAYAAABXuSs3AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyBpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMC1jMDYwIDYxLjEzNDc3NywgMjAxMC8wMi8xMi0xNzozMjowMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNSBXaW5kb3dzIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjc0REE4QjE3Qjk1ODExRTY4MEZCQTc3RERGMTNGQ0Y0IiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjc0REE4QjE4Qjk1ODExRTY4MEZCQTc3RERGMTNGQ0Y0Ij4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6NzREQThCMTVCOTU4MTFFNjgwRkJBNzdEREYxM0ZDRjQiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6NzREQThCMTZCOTU4MTFFNjgwRkJBNzdEREYxM0ZDRjQiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz78uZUsAAACeUlEQVR42uxZvW7bMBCWDaFLuih9A3bJrqJLVhVdigwFZGQPIHdpO9aPYC+dGz1CNXXpEiFzFq0NMtjIE0QvYNQ9Bh+BA6Mf0rKkBuABHyxQJPHxdPfdSZ7sdjvvOdrUe6bmiDvijrgj7og/mn/oDX/4T7YMCAkhxLW0nJARNnzip+32v/H4N8KaEIHsipASBMYv2WHG9TizS3haEp1r96S3C8yRT+IdobTZfNLUq1Q89iYLQEJ6Nib8RCi8NjicfBKLsUJFhsUViCwxlrasSdlaMZaqJPi9YCSKljX8fjwG8YQl2Vs2nhusVXPCMYjHB9gjGJq4gNyV3oA2PVCYyFhd1BzK5OAm+dAL8RTarHs9NAiPUYirpFSkM+3+R8Pc2FSs7ZV4BG+XNbp93uD1gOn9fMgYF/BYpukyb5z+oihF2tozwh/CS8KtasBsKnUX4jFI5jXVUO3/G+V/jUPcE37hkCeEL6zqBkMQT2pKuj72gnBMmKEneYXQ+sAOnsLrcd/EY4RKFfFSG1dzC5C80/twliPGHvc7EC8aEm9TMX+F6zcNWp6bEtinrVUvATbW1N5GiG+pLKlpa+t3SMo2CQuZ3An2FsTbYHV/ZePtfT2+RgyvDKrig5a08wY9l8k+I49nfSSnSjSTzfUkTWqSr2ROWPalKklFkTHptZV9RYgENcks+lAVFacLizXqE4Qi9Bma7mmhJmrUqLPHA1S/fYyH1bGm2zxRPRun+AbKECFEBItDVVCKmnZUYG3I3kW5fUfneEM4xfyZTYfYRnxZ0SDxF+Mc30Sqkrgp0Y4I7wnXUJqN7WOcuP+AHHFH3BF3xB1xR9zC/gkwALX7mp/233xAAAAAAElFTkSuQmCC
// @downloadURL none
// ==/UserScript==
(function($) {
/*function debugging(varName, variable) {
var message = '{FICSTYLE} [' + varName + ']';
if (variable !== undefined) {
message += ' (' + typeof variable + ') ' + variable;
}
console.log(message);
}*/
//localStorage.getItem("ficstyle_version")) // not used
// BOOKMARKS
var Bookmarks = {
getAll: function() {
var bookmarks = localStorage.getItem('ficstyle_bookmarks');
if (!bookmarks) {
bookmarks = '';
localStorage.setItem('ficstyle_bookmarks', bookmarks);
}
//debugging('getAll', bookmarks);
return bookmarks;
},
getSingles: function() {
var all = this.getAll();
return all.split('@');
},
getElements: function() { // 0 = url, 1 = title, 2 = scrolltop
var els = [];
var singles = this.getSingles();
for(var i = 1; i < singles.length; i++) { // from 1 because the first element is empty (storage starts with a @)
els.push( singles[i].split('#') );
}
//debugging('getElements', els);
return els;
},
getUrl: window.location.pathname.split('/works/')[1], // work id
getTitle: function() {
var title = $('#workskin .preface.group h2.title.heading').text().trim();
//debugging('getTitle heading', title);
title = title.substring(0, 28); // to cut long titles
if (/chapters/.test(window.location.pathname)) { // if chapter by chapter, also storaging the number of the chapter
var chapter = $('#chapters > .chapter > div.chapter.preface.group > h3 > a').text();
chapter = chapter.replace('Chapter ', 'ch');
title += ' (' + chapter + ')';
//debugging('getTitle chapter', chapter);
}
title = title.replace(/[#@]/g, ' '); // just in case
//debugging('getTitle final', title);
return title;
},
getNewBook: function() {
var newbook = $(document).scrollTop(); // current position of the scroll bar
//debugging('getNewBook px', newbook);
var chs = $('dl.stats dd.chapters').text(); // # chapters
//debugging('getNewBook chapters', chs);
if (/(\d+)\/\1/.test(chs) || /chapters/.test(window.location.pathname)) { // if work completed (if number/number is the same) or chapter by chapter view
newbook = (newbook / $(document).height()).toFixed(4) + '%'; // calculate in percent
//debugging('getNewBook %', newbook);
}
//debugging('getNewBook final', newbook);
return newbook;
},
checkIfExist: function(a) {
var url = this.getUrl;
var els = this.getElements();
//debugging('getUrl', url);
for(var i = 0; i < els.length; i++) {
// if a bookmark already existed for the current chapter
if (els[i][0] === url) {
//debugging('same fic');
if (a === 'book') { // retrieve the bookmark
var book = els[i][2];
if (book.indexOf('%') !== -1) {
book = book.replace('%', '');
book = parseFloat(book);
book = book * $(document).height();
}
book = parseFloat(book);
//debugging('checkIfExist(book)', book);
return book;
} else if (a === 'cancel') { // delete the old bookmark
//debugging('checkIfExist(cancel)', els[i]);
return '@' + els[i][0] + '#' + els[i][1] + '#' + els[i][2];
} else {
//debugging('checkIfExist()', true);
return true;
}
// if a bookmark already existed for the current fic
} else if (a === 'cancel' && els[i][0].split('/chapters/')[0] === url.split('/chapters/')[0]) { // delete the old bookmark
//debugging('same chapter');
return '@' + els[i][0] + '#' + els[i][1] + '#' + els[i][2];
}
}
//debugging('checkIfExist', false);
},
cancel: function() {
var newBookmarks = this.getAll();
var cancel = this.checkIfExist('cancel');
if (cancel) {
newBookmarks = newBookmarks.replace(cancel, '');
}
return newBookmarks;
},
getNew: function() {
var newBookmarks = this.cancel(); // if the the fic was already bookmarked, delete the old bookmark
newBookmarks += '@' + this.getUrl + '#' + this.getTitle() + '#' + this.getNewBook(); // add new bookmark
//debugging('getNew', newBookmarks);
localStorage.setItem('ficstyle_bookmarks', newBookmarks);
}
};
// create bookmarks' menu
$('#header > ul').append('');
var els = Bookmarks.getElements();
if (els.length) {
for(var z = 0; z < els.length; z++) {
$('#menu-bookmarks > ul.menu').append('' + els[z][1] + '');
}
} else {
$('#menu-bookmarks > ul.menu').append('No bookmarks yet.');
}
// add estimated reading time
var $words = $('dl.stats dd.words');
if ($words.length) {
$words.each(function() {
var numWords = $(this).text();
numWords = numWords.replace(',', '');
//debugging('numWorkWords', numWords);
$(this).after('Time:' + countTime(numWords) + '');
});
}
function countTime(num) {
var timeReading = parseInt(num) / 200; // 200 words per minute
if (timeReading < 60) {
timeReading = Math.round(timeReading) + 'min';
} else {
timeReading = (timeReading / 60).toFixed(2);
timeReading = timeReading.toString();
timeReading = timeReading.split('.');
var hours = timeReading[0];
var minutes = Math.round(parseInt(timeReading[1]) / 100 * 60);
timeReading = hours + 'hr ' + minutes.toString() + 'min';
}
return timeReading;
}
// BELOW ONLY ON THE FIC'S PAGE
var windowUrl = window.location.pathname;
// include: (whatever)/works/(numbers) and (whatever)/works/(numbers)/chapters/(numbers) and exclude: navigate
if (!/.*\/works\/\d+(\/chapters\/\d+)?(?!.*navigate)/.test(windowUrl)) return 'stop';
var $workskin = $('#workskin');
// default values
var Options = {
fontName: [
'inherit', // default (AO3 font)
'Georgia',
'Garamond',
'Book Antiqua',
'Verdana',
'Segoe UI'
],
fontSize: 100, //(%)
padding: 7, //(%) (min = 0; max = 40) to change text's width
colors: {//background, font color
light: ['#ffffff', '#000000'], // default
grey: ['#eeeeee', '#111111'],
sepia: ['#fbf0d9', '#54331b'],
dark: ['#3c3c3c', '#d2d2d2']
}
};
// CSS changes
function addCSS(id, css) {
//debugging('addCSS '+ id + '.length', $('style#' + id).length);
if (!$('style#' + id).length) $('head').append('');
else $('style#' + id).html(css);
//debugging('addCSS '+ id, css);
}
addCSS('ficstyle-general',
'#workskin { margin: 0; text-align: justify; max-width: none!important; } ' +
'#main > div.wrapper, #main > div.work > div.wrapper { margin-bottom: 1em; } ' +
'.actions { font-family: \'Lucida Grande\', \'Lucida Sans Unicode\', \'GNU Unifont\', Verdana, Helvetica, sans-serif; font-size: 14px; } ' +
'.chapter .preface { margin-bottom: 0; } ' +
'.chapter .preface[role=\'complementary\'] { margin-top: 0; padding-top: 0; } ' +
'#workskin .notes, #workskin .summary { font-family: inherit; font-size: 15px } ' +
'#chapters .userstuff p { font-family: inherit; margin: .6em auto; text-align: justify; } ' +
'#chapters .userstuff br { display: block; margin-top: .6em; content: " "; } ' +
'div.afterword { font-size: 14px } ' +
'#chapters a, #chapters a:link, #chapters a:visited { color: inherit; } ' +
'blockquote { font-family: inherit; } ' +
'#chapters .userstuff blockquote { padding-top: 1px; padding-bottom: 1px; margin: 0 .5em; } ' +
'.userstuff hr { width: 100%; height: 1px; border: 0; background-image: linear-gradient(to right, transparent, rgba(0, 0, 0, .5), transparent); } ' +
'.userstuff img { max-width: 100%; height: auto; display: block; margin: auto; } ' +
'#options, .ficleft { position: fixed; bottom: 10px; margin: 0; padding: 0; font-family: Consolas, monospace; font-size: 16px; line-height: 18px; color: #000; text-shadow: 0 0 2px rgba(0, 0, 0, .4); z-index: 999; } ' +
'#options { right: 10px; } ' +
'.ficleft { display: none; left: 10px; } ' +
'#options > div { display: none; margin: 5px 0 0 0; padding: 0 5px; cursor: pointer; } ' +
'#options > div:last-child { display: block; padding: 2px 5px; color: #fff; background-color: rgba(0, 0, 0, .2); } ' +
'.ficleft a, #options a { border: 0; } ' +
'div.preface .notes, div.preface .summary, div.preface .series, div.preface .children { min-height: 0; } ' +
'.notes-hidden { cursor: pointer; position: fixed; width: 50%; max-height: 50%; left: 50px; bottom: 50px; color: rgb(42, 42, 42); background-color: #fff; padding: 10px; box-shadow: 0 0 2px 1px rgba(0, 0, 0, .4); margin: 0; overflow: auto; z-index: 999; display: none; } ' +
'.notes-headings { cursor: pointer; border-bottom-width: 0!important; margin: 0; text-align: center; color: #666; } ' +
'.chapterWords { font-size: .9em; color: inherit; font-family: verdana, sans-serif; font-variant: small-caps; text-align: center; margin: 2em 0 .6em; }'
);
// CSS changes depending on the user
var Variables = {
fontName: function() {
var fontName = localStorage.getItem('ficstyle_fontName');
if (!fontName) {
fontName = Options.fontName[0];
localStorage.setItem('ficstyle_fontName', fontName);
}
return fontName;
},
fontSize: function() {
var fontSize = localStorage.getItem('ficstyle_fontSize');
if (!fontSize) {
fontSize = Options.fontSize;
localStorage.setItem('ficstyle_fontSize', fontSize);
}
return fontSize;
},
padding: function() {
var padding = localStorage.getItem('ficstyle_padding');
if (!padding) {
padding = Options.padding;
localStorage.setItem('ficstyle_padding', padding);
}
return padding;
},
colors: function() {
var colors = localStorage.getItem('ficstyle_colors');
if (!colors) {
colors = Object.keys(Options.colors)[0];
localStorage.setItem('ficstyle_colors', colors);
}
return colors;
},
colorsDo: function() {
for(var i in Options.colors) {
if (i === this.colors()) {
return [Options.colors[i][0], Options.colors[i][1]];
}
}
},
changingCSS: function() {
addCSS('ficstyle-user-changes',
'#workskin { padding: 0 ' + this.padding() + '%; font-family: ' + this.fontName() + '; font-size: ' + this.fontSize() + '%; background-color: ' + this.colorsDo()[0] + '; color: ' + this.colorsDo()[1] + '; }'
);
}
};
Variables.changingCSS(); // saved changes by user
// remove all the non-breaking white spaces
$('#chapters').html($('#chapters').html().replace(/ /g, ''));
// # words and time for every chapter
var numChapters = $('#chapters > .chapter').length; // if the fic has chapters
//debugging('numChapters', numChapters);
if (numChapters) {
var chTexts = $('#chapters > .chapter > div.userstuff.module');
chTexts.each(function() {
var text = $(this).text();
text = text.replace(/(\s-\s)|(-)/g, '');
text = text.replace(/[\."“”?!\)\(]/g, ' ');
var words = text.match(/\S+\s/g);
//debugging('wordsChapter', text);
//debugging('wordsChapter', words.join(' | '));
var numWords = words.length;
numWords = numWords - 2; // because of Chapter Text
$(this).siblings('.chapter.preface.group[role=\'complementary\']').before(
'this chapter has ' + numWords + ' words (time: ' + countTime(numWords) + ')
'
);
});
}
// the options displayed on the page
$('body').append('' +
'
«
' +
'
»
' +
'
-
' +
'
+
' +
'
▫
' +
'
□
' +
'
▪
' +
'
r
' +
'
☰
' +
'