☰

History

try to take over the world!

// ==UserScript==
// @name         History
// @namespace    http://github.com/kba
// @version      0.1
// @description  try to take over the world!
// @author       kba
// @match        */*
// @noframes
// @grant        GM_addStyle
// @grant        GM_setValue
// @grant        GM_getValue
// @grant        GM_getResourceText
// @grant        GM_registerMenuCommand
// @require      https://code.jquery.com/jquery-2.2.3.min.js
// @require      https://code.jquery.com/ui/1.11.4/jquery-ui.min.js
// @resource     jquery_ui_theme https://code.jquery.com/ui/1.11.4/themes/start/jquery-ui.css
// ==/UserScript==

/*jshint esversion: 6 */
/*global window */
/*global $ */
/*global GM_registerMenuCommand */
/*global GM_addStyle */
/*global GM_getResourceText */
/*global GM_setValue */
/*global GM_getValue */

var ID_CONFIG = 'gm-history-dialog';
var CLASS_VISITED = 'gm-history-visited';
var CLASS_BLURRED = 'gm-history-class-blurred';
var GM_HISTORY_CSS = `
	.${CLASS_BLURRED}, .${CLASS_BLURRED} * { opacity: 0.2 !important }
	#${ID_CONFIG} { overflow-y: scroll; max-height: 100%; }
	#${ID_CONFIG} h3 { width: 20%; float: left; }
	#${ID_CONFIG} h3 + * { width: 75%; float:right; }
	#${ID_CONFIG} div { clear: left; }
`;
var HTML_CONFIG = `
<div id="${ID_CONFIG}" title="Config GM History">
	<div>
		<h3>Current History</h3>
		<input type='text'></input>
	</div>
	<div>
		<h3>Edit History</h3>
		<textarea rows=10></textarea>
	</div>
</div>
`;


function getCurrentHistoryName() {
	return GM_getValue("current", "default");
}
function setCurrentHistoryName(name) {
	return GM_setValue("current", name);
}
function loadHistory() {
	// return {};
	return JSON.parse(GM_getValue("history_" + getCurrentHistoryName(), "{}"));
}
function saveHistory(hist) {
	var name = getCurrentHistoryName();
	return GM_setValue("history_" + name, JSON.stringify(hist));
}

function cleanURL(url) {
	if (url.substring(0, 1) === '/') {
		url = window.location.protocol + "//" + window.location.host + url;
	}
	return url
		.replace(/#.*$/, "")
		.replace(/&pkey.*$/, '')
		.toLowerCase();
}

function addHistory(url, hist) {
	if (!hist) {
		hist = loadHistory();
	}
	hist[cleanURL(url)] = new Date();
	saveHistory(hist);
}

/*
 * Public API
 */
function afterPageLoad() {
	var hist = loadHistory();
	addHistory(window.location.href, hist);
	markVisited();
}

function markVisited() {
	var hist = loadHistory();
	console.log("History size: " + Object.keys(hist).length);
	$("a[href]").each(function() {
		var $a = $(this);
		var linkUrl = cleanURL($a.attr("href"));
		if (hist[linkUrl]) {
			$a.addClass(CLASS_VISITED);
		}
	});
}

function openDialog() {
	var hist = loadHistory();
	var asText = "";
	for (var url in hist) {
		asText += hist[url] + " :: " + url + "\n";
	}
	$(`#${ID_CONFIG} textarea`).html(asText);
	$(`#${ID_CONFIG}`).dialog("open");
}

function addDialog() {
	$(HTML_CONFIG).appendTo('body').dialog({
		autoOpen: false,
		modal: true,
		resizable: true,
		height: 300,
		width: "95vw",
		buttons: {
			"Save": function() {
				var hist = {};
				var lines = $(`#${ID_CONFIG} textarea`).val().split(/\n/);
				for (var i = 0; i < lines.length ; i++) {
					var line = lines[i].split(/\s*::\s*/);
					hist[line[1]] = line[0];
				}
				saveHistory(hist);
				$(this).dialog("close");
			}
		}
	});
	$(`#${ID_CONFIG} input`).attr('placeholder',  getCurrentHistoryName());
}

function promptName() {
	var newName = window.prompt("New history name? [Current: " + getCurrentHistoryName() + "]");
	if (newName) {
		setCurrentHistoryName(newName);
	}
}

function toggleBlurVisited() {
	markVisited();
	var visited = $(`.${CLASS_VISITED}`);
	console.log(`Marking ${visited.length} links blurred`);
	visited.addClass(CLASS_BLURRED);
}

(function() {
	"use strict";
	GM_addStyle(GM_getResourceText("jquery_ui_theme"));
	GM_addStyle(GM_HISTORY_CSS);
	afterPageLoad();
	addDialog();
	GM_registerMenuCommand("Configure History", openDialog, "f");
	GM_registerMenuCommand("Blur visited", toggleBlurVisited, "b");
}());

// vim: sw=4 noet :