stylus/storage.js

var stylishDb = null;
function getDatabase(ready, error) {
	if (stylishDb != null && stylishDb.version == "1.5") {
		ready(stylishDb);
		return;
	}
	try {
		stylishDb = openDatabase('stylish', '', 'Stylish Styles', 5*1024*1024);
	} catch (ex) {
		error();
		throw ex;
	}
	if (stylishDb.version == "1.0" || stylishDb.version == "") {
		dbV11(stylishDb, error, ready);
	} else if (stylishDb.version == "1.1") {
		dbV12(stylishDb, error, ready);
	} else if (stylishDb.version == "1.2") {
		dbV13(stylishDb, error, ready);
	} else if (stylishDb.version == "1.3") {
		dbV14(stylishDb, error, ready);
	} else if (stylishDb.version == "1.4") {
		dbV15(stylishDb, error, ready);
	} else {
		ready(stylishDb);
	}
}

function dbV11(d, error, done) {
	d.changeVersion(d.version, '1.1', function (t) {
		t.executeSql('CREATE TABLE styles (id INTEGER NOT NULL PRIMARY KEY AUTOINCREMENT, url TEXT, updateUrl TEXT, md5Url TEXT, name TEXT NOT NULL, code TEXT NOT NULL, enabled INTEGER NOT NULL, originalCode TEXT NULL);');
		t.executeSql('CREATE TABLE style_meta (id INTEGER NOT NULL PRIMARY KEY AUTOINCREMENT, style_id INTEGER NOT NULL, name TEXT NOT NULL, value TEXT NOT NULL);');
		t.executeSql('CREATE INDEX style_meta_style_id ON style_meta (style_id);');
	}, error, function() {dbV12(d, error, done)});
}

function dbV12(d, error, done) {
	d.changeVersion(d.version, '1.2', function (t) {
		// add section table
		t.executeSql('CREATE TABLE sections (id INTEGER NOT NULL PRIMARY KEY AUTOINCREMENT, style_id INTEGER NOT NULL, code TEXT NOT NULL);');
		t.executeSql('INSERT INTO sections (style_id, code) SELECT id, code FROM styles;');
		// switch meta to sections
		t.executeSql('DROP INDEX style_meta_style_id;');
		t.executeSql('CREATE TABLE section_meta (id INTEGER NOT NULL PRIMARY KEY AUTOINCREMENT, section_id INTEGER NOT NULL, name TEXT NOT NULL, value TEXT NOT NULL);');
		t.executeSql('INSERT INTO section_meta (section_id, name, value) SELECT s.id, sm.name, sm.value FROM sections s INNER JOIN style_meta sm ON sm.style_id = s.style_id;');
		t.executeSql('CREATE INDEX section_meta_section_id ON section_meta (section_id);');
		t.executeSql('DROP TABLE style_meta;');
		// drop extra fields from styles table
		t.executeSql('CREATE TABLE newstyles (id INTEGER NOT NULL PRIMARY KEY AUTOINCREMENT, url TEXT, updateUrl TEXT, md5Url TEXT, name TEXT NOT NULL, enabled INTEGER NOT NULL);');
		t.executeSql('INSERT INTO newstyles (id, url, updateUrl, md5Url, name, enabled) SELECT id, url, updateUrl, md5Url, name, enabled FROM styles;');
		t.executeSql('DROP TABLE styles;');
		t.executeSql('ALTER TABLE newstyles RENAME TO styles;');
	}, error, function() {dbV13(d, error, done)});
}

function dbV13(d, error, done) {
	d.changeVersion(d.version, '1.3', function (t) {
		// clear out orphans
		t.executeSql('DELETE FROM section_meta WHERE section_id IN (SELECT sections.id FROM sections LEFT JOIN styles ON styles.id = sections.style_id WHERE styles.id IS NULL);');
		t.executeSql('DELETE FROM sections WHERE id IN (SELECT sections.id FROM sections LEFT JOIN styles ON styles.id = sections.style_id WHERE styles.id IS NULL);');
	}, error, function() { dbV14(d, error, done)});
}

function dbV14(d, error, done) {
	d.changeVersion(d.version, '1.4', function (t) {
		t.executeSql('UPDATE styles SET url = null WHERE url = "undefined";');
	}, error, function() { dbV15(d, error, done)});
}

function dbV15(d, error, done) {
	d.changeVersion(d.version, '1.5', function (t) {
		t.executeSql('ALTER TABLE styles ADD COLUMN originalMd5 TEXT NULL;');
	}, error, function() { dbV15(d, error, done)});
}

function enableStyle(id, enabled) {
	getDatabase(function(db) {
		db.transaction(function (t) {
			t.executeSql("UPDATE styles SET enabled = ? WHERE id = ?;", [enabled, id]);
		}, reportError, function() {
			chrome.extension.sendMessage({method: "styleChanged"});
			chrome.extension.sendMessage({method: "getStyles", id: id}, function(styles) {
				handleUpdate(styles[0]);
				notifyAllTabs({method:"styleUpdated", style: styles[0]});
			});
		});
	});
}

function deleteStyle(id) {
	getDatabase(function(db) {
		db.transaction(function (t) {
			t.executeSql('DELETE FROM section_meta WHERE section_id IN (SELECT id FROM sections WHERE style_id = ?);', [id]);
			t.executeSql('DELETE FROM sections WHERE style_id = ?;', [id]);
			t.executeSql("DELETE FROM styles WHERE id = ?;", [id]);
		}, reportError, function() {
			chrome.extension.sendMessage({method: "styleChanged"});
			handleDelete(id);
			notifyAllTabs({method: "styleDeleted", id: id});
		});
	});
}

function reportError() {
	for (i in arguments) {
		if ("message" in arguments[i]) {
			//alert(arguments[i].message);
			console.log(arguments[i].message);
		}
	}
}

function getDomains(url) {
	if (url.indexOf("file:") == 0) {
		return [];
	}
	var d = /.*?:\/*([^\/]+)/.exec(url)[1];
	var domains = [d];
	while (d.indexOf(".") != -1) {
		d = d.substring(d.indexOf(".") + 1);
		domains.push(d);
	}
	return domains;
}

function getType(o) {
	if (typeof o == "undefined" || typeof o == "string") {
		return typeof o;
	}
	if (o instanceof Array) {
		return "array";
	}
	throw "Not supported - " + o;
}

function isCheckbox(el) {
	return el.nodeName.toLowerCase() == "input" && "checkbox" == el.type.toLowerCase();
}

function changePref(event) {
	var el = event.target;
	prefs.setPref(el.id, isCheckbox(el) ? el.checked : el.value);
}

// Accepts a hash of pref name to default value
function loadPrefs(prefs) {
	for (var id in prefs) {
		var value = this.prefs.getPref(id, prefs[id]);
		var el = document.getElementById(id);
		if (isCheckbox(el)) {
			el.checked = value;
		} else {
			el.value = value;
		}
		el.dispatchEvent(new Event("change", {bubbles: true, cancelable: true}));
		el.addEventListener("change", changePref);
	}
}

var prefs = {
// NB: localStorage["not_key"] is undefined, localStorage.getItem("not_key") is null

	// defaults
	"openEditInWindow": false, // new editor opens in a own browser window
	"show-badge": true,        // display text on popup menu icon

	"popup.breadcrumbs": true, // display "New style" links as URL breadcrumbs
	"popup.breadcrumbs.usePath": false, // use URL path for "this URL"
	"popup.enabledFirst": true,  // display enabled styles before disabled styles

	"manage.onlyEnabled": false, // display only enabled styles
	"manage.onlyEdited": false,  // display only styles created locally
	
	"editor.options": null,    // CodeMirror.defaults.*
	"editor.lineWrapping": true,   // word wrap
	"editor.smartIndent": true,    // "smart" indent
	"editor.indentWithTabs": false,// smart indent with tabs
	"editor.tabSize": 4,           // tab width, in spaces
	"editor.keyMap": "sublime",    // keymap

	NO_DEFAULT_PREFERENCE: "No default preference for '%s'",
	UNHANDLED_DATA_TYPE: "Default '%s' is of type '%s' - what should be done with it?",

	getPref: function(key, ifUndefined) {
	// Returns localStorage[key], ifUndefined, this[key], or undefined
	//   as type of ifUndefined, this[key], or localStorage[key]
		if (ifUndefined === undefined) ifUndefined = this[key]; // default value
		var value = localStorage[key];
		if (undefined === value) { // no user preference
			if (ifUndefined === undefined) console.error(this.NO_DEFAULT_PREFERENCE, key);
			return ifUndefined;
		}
		switch (typeof ifUndefined) {
			case "boolean": return value.toLowerCase() === "true";
			case "number": return Number(value);
			case "object": return JSON.parse(value);
			case "string": break;
			case "undefined":  console.warn(this.NO_DEFAULT_PREFERENCE, key); break;
			default: console.error(UNHANDLED_DATA_TYPE, key, typeof ifUndefined);
		}
		return value;
	},
	setPref: function(key, value) {
		if (!(key in this)) console.warn(this.NO_DEFAULT_PREFERENCE, key);
		var oldValue = this.getPref(key);

		if (undefined === value || this[key] === value) {
			localStorage.removeItem(key); // (deleted || default)
		} else {
			var strValue = ("string" === typeof value ||
			               undefined === value) ? value : JSON.stringify(value);
			localStorage.setItem(key, strValue);
		}

		var newValue = this.getPref(key);
		if (newValue !== oldValue) {
			notifyAllTabs({method: "prefChanged", prefName: key, value: value});
		}
	},
	removePref: function(key) { setPref(key, undefined) }
};