notes/main.js

var defaultsettings =
{
	fontsize: "16px",
	lineheight: "24px",
	margins: "20%",
	fontfamily: "helvetica,system-ui",
	savedelay: 2000,
	defaultpreviewinsplit: false,
	tagautocomplete: false,
	enablenetwork: true,
	titlebydefault: false,
	linksinnewtab: true,
	colors: true,
	tagsinlists: true,
	uselinkpopup: true,
	downloadextension: ".md",
	firstname: ""
};

//builtin
const markerslist = ["* ", "- ", "    * ", "    - ", ">> ", "> ", "=> ", "— ", "[ ] ", "    ", "• ", "- [ ]", "[x] ", "- [x]"];
const codelanguages = ["xml", "js", "sql"];
const tagmark = "+";

// globals
var previoustitle = "";
var metadata = null;
var fileindex = 0;
var workerid = null;
var backup = "";
var settings = null;
var tags = null;

var commands = [
{
	hint: "Close menu"
},
{
	shortcut: "ctrl+shift+P",
	hint: "Command palette",
	action: commandpalette,
},
{
	shortcut: "ctrl+p",
	hint: "Show notes list",
	action: searchandloadnote
},
{
	shortcut: "ctrl+n",
	hint: "New note",
	action: startnewnote
},
{
	shortcut: "ctrl+shift+N",
	hint: "Quick new note",
	action: quicknewnote
},
{
	hint: "Force save",
	action: flush,
	shortcut: "ctrl+s"
},
{
	hint: "Share note",
	action: share
},
{
	hint: "Share note (html)",
	action: sharehtml
},
{
	shortcut: "ctrl+g",
	hint: "Find in notes",
	action: showgrep
},
{
	shortcut: "ctrl+i",
	hint: "Toggle title",
	action: toggletitle
},
{
	shortcut: "ctrl+m",
	hint: "Toggle preview",
	action: togglepreview
},
{
	shortcut: "ctrl+shift+M",
	hint: "Toggle preview with merged subnotes",
	action: togglepreviewwithsubs
},
{
	shortcut: "ctrl+d",
	hint: "Delete note",
	action: deletecurrentnote
},
{
	hint: "Restore current note",
	action: restore
},
{
	hint: "Insert markdown header",
	action: insertheader
},
{
	hint: "Show help",
	action: showhelp
},
{
	hint: "Search tags",
	action: searchtags,
	shortcut: "ctrl+shift+T"
},
{
	hint: "Toggle split view",
	action: togglesplit
},
{
	hint: "Load previous note",
	action: loadprevious,
	shortcut: "alt+ArrowLeft"
},
{
	hint: "Load next note",
	action: loadnext,
	shortcut: "alt+ArrowRight"
},
{
	hint: "Settings",
	action: editsettings
},
{
	hint: "Change a setting",
	action: changesetting
},
{
	hint: "Restore default settings",
	action: restoresettings
},
{
	hint: "Note outline",
	action: showoutline,
	shortcut: "ctrl+o"
},
{
	hint: "Show connected notes",
	action: shownotelinks,
	shortcut: "ctrl+l"
},
{
	hint: "Show stats",
	action: showinfo,
	shortcut: "ctrl+w"
},
{
	hint: "Toggle spell check",
	action: togglespellcheck,
	shortcut: "F7"
},
{
	hint: "Create subnote from selection",
	action: createsubnote
},
{
	hint: "Merge subnote",
	action: includesub
},
{
	hint: "Comment selection",
	action: comment
},
{
	hint: "Download current note",
	action: downloadnote
},
{
	hint: "Download current note with merged subnotes",
	action: downloadnotewithsubs
},
{
	hint: "Download all notes (md files in zip archive)",
	action: downloadnotes,
	shortcut: "ctrl+shift+S"
},
{
	hint: "Download all notes of tag (md files in zip archive)",
	action: downloadtag
},
{
	hint: "Download all notes (html files in zip archive)",
	action: downloadhtmlnotes
},
{
	hint: "Insert text in todo",
	action: promptinserttodo
},
{
	hint: "Replace",
	shortcut: "ctrl+h",
	action: searchandreplace
},
{
	hint: "Sort text",
	action: sortselection
},
{
	hint: "Show backlinks",
	action: backlinks
},
{
	hint: "Import notes",
	action: importnotes
}];

var snippets = [
{
	command: "/code",
	hint: "Code block",
	insert: "```\n\n```",
	cursor: -4
},
{
	command: "/date",
	hint: "Current date",
	insert: (new Date).toISOString().substring(0, 10),
	cursor: 0
},
{
	command: "/bonjour",
	hint: "Standard answer (fr)",
	insert: "Bonjour ,\n\n\n\nBien cordialement,\n",
	cursor: -29
},
{
	command: "/hello",
	hint: "Standard answer (en)",
	insert: "Hello ,\n\n\n\nKind regards,\n",
	cursor: -24
},
{
	command: "/-",
	hint: "Dialog mark",
	insert: "— ",
	cursor: 0
},
{
	command: "/comment",
	hint: "Comment",
	insert: "<!--\n\n-->",
	cursor: -4
},
{
	command: "/x",
	hint: "Mark todo entry done",
	insert: "x " + (new Date).toISOString().substring(0, 10) + " "
}];

function importnotes()
{
	const input = document.createElement('input');
	input.type = "file";
	input.webkitdirectory = true;

	input.addEventListener("change", () =>
	{
		let files = Array.from(input.files);

		files.forEach(file =>
		{
		var title = file.name.replace(".md", "");
		if (getguid(title))
		{
			console.warn(title + " already exists, skip import");
		}
		else
		{
			file.text().then(content =>
			{
				var guid = createnote(title, content);
			});
		}
	  });
	});

	if ('showPicker' in HTMLInputElement.prototype)
	{
	  input.showPicker();
	}
	else
	{
	  input.click();
	}
 }

function genguid()
{
	return crypto.randomUUID();
}

function seteditorcontent(content)
{
	md.value = content;
	applycolors();
	flush();
	resize();
}

function getrangecontent(range)
{
	return md.value.substring(range.start, range.end);
}

function currentrange()
{
	return {
		start: md.selectionStart,
		end: md.selectionEnd
	};
}

function serialize(key, value)
{
	localStorage.setItem(key, value);

	var name = metadata && metadata[key] ? metadata[key].title : key;
	console.log("'" + name + "' serialized locally");
}

function createsubnote()
{
	var title = prompt("Subnote tite:");
	if (!title)
	{
		showtemporaryinfo("No title provided");
		setpos(md.selectionStart);
		md.focus();
	}
	else
	{
		var guid = getguid(title);
		if (guid)
		{
			showtemporaryinfo("'" + title + "' already exists");
			setpos(md.selectionStart);
			md.focus();
		}
		else
		{
			var range = currentrange();
			var content = getrangecontent(range);
			guid = createnote(title);
			serialize(guid, content);

			seteditorcontent(md.value.substring(0, range.start)
				+ "[[" + title + "]]"
				+ md.value.substring(range.end));
		}
	}
}

function comment()
{
	seteditorcontent(md.value.substring(0, md.selectionStart)
		+ "<!-- "
		+ md.value.substring(md.selectionStart, md.selectionEnd)
		+ " -->"
		+ md.value.substring(md.selectionEnd));
}

function includesub()
{
	var range = linkrangeatpos();
	if (range)
	{
		var title = linkatpos();
		if (confirm("Replace [[" + title + "]] by its content?"))
		{
			var subnote = getnote(title);
			seteditorcontent(md.value.substring(0, range.start)
				+ subnote.content
				+ md.value.substring(range.end));

			if (confirm("Delete '" + title + "'?"))
			{
				deletenote(title);
			}
		}
	}
}

function togglespellcheck()
{
	md.spellcheck = !md.spellcheck;
}

function formatsize(size)
{
	var unit = "b";
	if (size > 1024)
	{
		size /= 1024;
		unit = "kb";
	}
	if (size > 1024)
	{
		size /= 1024;
		unit = "mb";
	}
	return size.toFixed(2) + " " + unit;
}

function pospercent()
{
	return md.value.length > 0 ?(100 * md.selectionStart / md.value.length).toFixed(2) : 100;
}

function showinfo()
{
	var tags = gettags(md.value);
	showtemporaryinfo(
		[
			"title: " + title.value,
			"line count: " + md.value.split("\n").length,
			"word count: " + getwords(),
			"cursor position: " + md.selectionStart + " (" + pospercent() + "%)",
			(tags ? "tags: " + tags : ""),
			"notes count: " + sortedlist().length,
			"spell check: " + (md.spellcheck ? "en" : "dis") + "abled"
		].join("\n"));
}

function savesettings()
{
	localStorage.setItem("settings", JSON.stringify(settings));
}

function children(guid)
{
	var content = localStorage.getItem(guid);
	return (content
		.match(/\[\[([^\]]*)\]\]/g) || [])
		.map(l => l.replace("[[", "").replace("]]", ""))
		.filter(l => !l.includes("(deleted)"))
		.map(l => getguid(l));
}

function parents(guid)
{
	return Object.keys(metadata)
	.filter(g => localStorage.getItem(g).indexOf("[[" + metadata[guid].title + "]]") != -1);
}

function connected(guid)
{
	var list = [guid];
	var result = [];

	while (list.length)
	{
		var current = list.shift();
		if (result.indexOf(current) == -1)
		{
			result.push(current);
			list = list.concat(children(current)).concat(parents(current));
		}
	}
	return result;
}

function toggleeditor(hidden)
{
	md.hidden = hidden;

	if (settings.colors)
	{
		colored.hidden = hidden;
	}
}

function shownotelinks()
{
	if (settings.enablenetwork)
	{
		networkpage.hidden = false;
		toggleeditor(true);

		var nodes = [];
		var edges = [];

		var list = [getguid(title.value)];

		while (list.length)
		{
			var current = list.shift();
			if (!nodes.find(n => n.id == current))
			{
				nodes.push(
					{
						id: current,
						label: metadata[current].title
					});

				var buddies = children(current).concat(parents(current));

				list = list.concat(buddies);

				buddies.
				forEach(buddy => {
					if (!edges.find(edge => (edge.to == current && edge.from == buddy) || (edge.to == buddy && edge.from == current)))
					{
						edges.push({
							from: current,
							to: buddy
						});
					}
				});
			}
		}

		var data = {
			nodes: nodes,
			edges: edges
		};

		var options =
		{
			nodes:
			{
				color:
				{
					background: "white",
					border: "black",
				},
				font:
				{
					color: "black",
					size: 16
				}
			}
		};

		var graph = new vis.Network(network, data, options);
		graph.on("click", function(event)
		{
			networkpage.hidden = true;
			toggleeditor(false);
			loadnote(nodes.find(n => n.id == event.nodes[0]).label);
		});
		graph.setSelection(
		{
			nodes : [getguid(title.value)]
		});
	}
	else
	{
		searchinlist(connected(getguid(title.value)).map(g => metadata[g].title))
		.then(loadnote);
	}
}


function showoutline()
{
	var outline = {};
	var pos = 0;
	md.value.split("\n").forEach((line, index, lines) =>
	{
		pos += line.length + 1;
		if (line.startsWith("#"))
		{
			line = line
			.replace("# ", "")
			.replace(/#/g, "\xa0".repeat(4));
			outline[line] = pos;
		}
		else if (line == "---" && index != 0 && index != 3)
		{
			var next = lines.find((current, i) =>
			{
				return i > index && current != "";
			});
			if (next)
			{
				var nbcar = 80;
				next = next.length < nbcar ? next : next.substring(0, nbcar) + "...";
				outline[next] = pos;
			}
		}
	});

	var keys = Object
	.keys(outline)
	.sort((a,b) =>
		{
			return outline[a] - outline[b];
		});

	searchinlist(keys)
	.then(line =>
	{
		md.setSelectionRange(outline[line], outline[line]);
		md.focus();
	});
}

function linkrangeatpos()
{
	var start = md.value.lastIndexOf("[[", md.selectionStart);
	if (start == -1 || md.value.substring(start, md.selectionStart).indexOf("\n") != -1) return null

	var end = md.value.indexOf("]]", md.selectionStart);
	if (end == -1 || md.value.substring(md.selectionStart, end).indexOf("\n") != -1) return null;

	return {
		start: start,
		end: end + 2
	};
}

function linkatpos()
{
	var range = linkrangeatpos();
	if (range)
	{
		return md.value.substring(range.start + 2, range.end - 2);
	}
	return null;
}

function tagatpos()
{
	if (md.value.lastIndexOf("tags: ", md.selectionStart) < md.value.lastIndexOf("\n", md.selectionStart) || md.selectionStart < 6)
	{
		return null;
	}

	var start = md.value.lastIndexOf(" ", md.selectionStart);
	if (start == -1 || md.value.substring(start, md.selectionStart).indexOf("\n") != -1) return "";

	var eol = md.value.indexOf("\n", md.selectionStart);
	var end = md.value.indexOf(",", md.selectionStart);

	if (end == -1 || eol < end)
	{
		end = eol;
	}

	return md.value.substring(start + 1, end);
}

function removelinkdialog()
{
	if (typeof linkdialog != "undefined")
	{
		notepage.removeChild(linkdialog);
	}
}

function showlinkdialog(link)
{
	var div = document.createElement("div");
	div.setAttribute("style", "top:" + event.pageY + "px;left:" + event.pageX + "px");
	div.setAttribute("id", "linkdialog");

	var a = document.createElement("a");
	a.setAttribute("id", "linkelt");

	if (link.startsWith("http"))
	{
		a.setAttribute("href", link);
		a.setAttribute("target", "_blank");
		div.onclick = removelinkdialog;
		a.innerText = "Open on " +
			link.replace("https://", "")
			.replace("http://", "")
			.replace("www.", "")
			.replace(/\/.*/, "");
	}
	else
	{
		a.setAttribute("href", "#");
		a.innerText = link;
		div.onclick = function()
		{
			removelinkdialog();
			loadnote(link);
		};
	}

	div.appendChild(a);

	notepage.appendChild(div);
}

function checkatpos(pos)
{
	if (pos > 0 && md.value[pos - 1] == "[" && md.value[pos + 1] == "]")
	{
		return {
			pos: pos,
			val: md.value[pos]
		};
	}
	return null;
}

function clickedcheck()
{
	return checkatpos(md.selectionStart) || checkatpos(md.selectionStart + 1) || checkatpos(md.selectionStart - 1);
}

function clickeditor()
{
	var word, link;
	if (event.ctrlKey)
	{
		link = linkatpos();
		var tag = tagatpos();
		word =  wordatpos();
		if (link)
		{
			loadnote(link);
		}
		else if (tag)
		{
			tagslist();
			searchinlist(tags[tag.toLowerCase()])
			.then(loadnote);
		}
		else if (word.startsWith("http"))
		{
			window.open(word, '_blank');
		}
	}
	else if (clickedcheck())
	{
		var res = clickedcheck();
		seteditorcontent(md.value.substring(0, res.pos)
			+ (res.val == " " ? "x" : " ")
			+ md.value.substring(res.pos + 1));
		setpos(res.pos);
	}
	else if (settings.uselinkpopup)
	{
		removelinkdialog();
		link = linkatpos();
		if (link)
		{
			showlinkdialog(link);
		}
		else
		{
			word =  wordatpos();
			if (word.startsWith("http"))
			{
				showlinkdialog(word);
			}
		}
	}
}

function restoresettings()
{
	if (confirm("Restore default settings?"))
	{
		settings = defaultsettings;
		savesettings();
		loadsettings();
	}
}

function editsettings()
{
	bind("settings.json", JSON.stringify(settings, null, "    "));
}

function editsetting(name)
{
	if (typeof settings[name] != "undefined")
	{
		var value = settings[name];
		var type = typeof value;
		if (type != "undefined")
		{
			value = prompt(name, value);
			if (value !== null)
			{
				if (type == "number")
				{
					value = parseInt(value);
				}
				else if (type == "boolean")
				{
					value = value === "true";
				}
				settings[name] = value;
				savesettings();
				loadsettings();
			}
		}
	}
}

function changesetting()
{
	searchinlist(Object.keys(settings).map(name => name + ": " + settings[name]))
	.then(setting =>
	{
		editsetting(setting.split(":").shift());
	});
}

function showtemporaryinfo(info)
{
	alert(info);
}

function getwords()
{
	return md.value.split(/\s+\b/).length;
}

function issplit()
{
	return window.location !== window.parent.location;
}

function togglesplit()
{
	if (issplit())
	{
		window.parent.location = "index.html";
	}
	else
	{
		window.location = "split.html";
	}
}

function tagslist()
{
	tags = {};

	Object.values(metadata)
	.forEach(n =>
	{
		var ts = n.header.tags;
		ts.forEach(t =>
		{
			tags[t] = tags[t] || [];
			tags[t].push(n.title);
		});
	});

	return searchinlist(Object.keys(tags).sort());
}

function searchtags()
{
	tagslist()
	.then(tag => searchinlist(tags[tag]))
	.then(loadnote);
}

function gettags(content)
{
	var i = content.indexOf("tags: ");
	if (i > -1)
	{
		var j = content.indexOf("\n", i);
		return content.substring(i + 6, j)
			.split(",")
			.map(t => t.toLowerCase().trim())
			.filter(t => t.length);
	}
	return [];
}

function share()
{
	if (navigator.share)
	{
		navigator.share(
		{
			text: md.value,
			title: title.value
		});
	}
}

function sharehtml()
{
	if (navigator.share)
	{
		var file = new File(['<html><body>' + md2html(md.value) + '</body></html>'],
			title.value + ".html",
			{
				type: "text/html",
			});

		navigator.share(
		{
			title: title.value,
			files: [file]
		});
	}
}

function getfilename(title)
{
	return title.replace(/[\?\"<>|\*:\/\\]/g, "_") + settings.downloadextension;
}

function download(filename, content)
{
	var element = document.createElement('a');
	element.setAttribute('href', 'data:text/markdown;charset=utf-8,' + encodeURIComponent(content));
	element.setAttribute('download', filename);
	element.style.display = 'none';
	document.body.appendChild(element);
	element.click();
	document.body.removeChild(element);
	element = null;
}

function downloadtag()
{
	tagslist()
	.then(tag =>
	{
		var zip = new JSZip();
		Object.keys(metadata).forEach(guid =>
		{
			if (metadata[guid].header.tags.includes(tag))
			{
				zip.file(getfilename(metadata[guid].title), localStorage.getItem(guid));
			}
		});
		zip.generateAsync({type:"blob"})
		.then(function(content)
		{
			saveAs(content, "notes-" + tag + "-" + timestamp() + ".zip");
		});
	});
}

function downloadnotes()
{
	var zip = new JSZip();
	Object.keys(metadata).forEach(guid =>
	{
		zip.file(getfilename(metadata[guid].title), localStorage.getItem(guid));
	});
	zip.generateAsync({type:"blob"})
	.then(function(content)
	{
		saveAs(content, "notes-" + timestamp() + ".zip");
	});
}

function downloadhtmlnotes()
{
	var zip = new JSZip();
	Object.keys(metadata).forEach(guid =>
	{
		zip.file(getfilename(metadata[guid].title) + ".html", md2html(localStorage.getItem(guid)));
	});
	zip.generateAsync({type:"blob"})
	.then(function(content)
	{
		saveAs(content, "notes-html-" + timestamp() + ".zip");
	});
}

function headerandtext(content)
{
	var result =
	{
		header: "",
		text: content
	};
	if (content.startsWith("---\n"))
	{
		var end = content.indexOf("---\n", 4);
		if (end > -1)
		{
			result.header = content.substring(0, end + 4);
			result.text = content.substring(end + 4);
		}
	}
	return result;
}

function inserttodo(text)
{
	var guid = getguid("todo");
	if (!guid)
	{
		guid = createnote("todo");
	}
	var content = localStorage.getItem(guid);
	var split = headerandtext(content);
	content = split.header + text + "\n" + split.text;
	if (title.value == "todo")
	{
		seteditorcontent(content);
	}
	else
	{
		serialize(guid, content);
		metadata[guid].lastchanged = Date.now();
		flush();
	}
}

function promptinserttodo()
{
	var text = prompt("Text:");
	if (text)
	{
		inserttodo(text);
	}
}

function downloadnotewithsubs()
{
	var note = withsubs();
	if (note)
	{
		download(getfilename(note.title), note.content);
	}
}

function downloadnote()
{
	download(getfilename(title.value), md.value);
}

function getguid(title)
{
	return Object.keys(metadata).find(guid => metadata[guid].title === title);
}

function gotoline(line)
{
	var i = 0;
	var pos = 0;
	while (i < line && pos > -1)
	{
		pos = md.value.indexOf("\n", pos + 1);
		i++;
	}
	if (pos > -1)
	{
		setpos(pos + 1);
	}
}

function createnote(title, content)
{
	var guid = genguid();
	content = content || defaultheaders();
	var item = {
		lastchanged: Date.now(),
		title: title,
		pos: content.length,
		header: indexheader(content)
	};
	metadata[guid] = item;
	serializeindex()
	serialize(guid, content);
	return guid;
}

function loadstorage()
{
	metadata = JSON.parse(localStorage.getItem("index"));
	if (!metadata)
	{
		metadata = {};
		createnote(timestamp());
	}

	var params = new URLSearchParams(window.location.search);
	var clip = params.get("c");

	if (clip)
	{
		settings.savedelay = 0;
		colored.hidden = true;
		md.hidden = true;
		var msg = document.createElement("div");
		msg.innerText = "Clipping...";
		notepage.appendChild(msg);

		inserttodo("@clip " + clip)
		window.close();
	}

	var title = params.get("n") || params.get("name");
	if (window.title.value)
	{
		// reload current
		loadnote(window.title.value);
	}
	else if (title)
	{
		loadnote(title);
		var line = params.get("l");
		if (line)
		{
			gotoline(parseInt(line));
		}
	}
	else
	{
		loadlast();
	}
}

function loadsettings()
{
	settings = {...defaultsettings};
	var item = window.localStorage.getItem("settings");
	if (item)
	{
		item = JSON.parse(item);
		for (var key in settings)
		{
			if (typeof item[key] !== "undefined")
			{
				settings[key] = item[key];
			}
		}
	}

	document.body.style.fontSize = settings.fontsize;
	document.body.style.lineHeight = settings.lineheight;
	document.body.style.marginLeft = settings.margins;
	document.body.style.marginRight = settings.margins;
	document.body.style.fontFamily = settings.fontfamily;

	if (settings.titlebydefault && title.hidden)
	{
		toggletitle();
	}

	colored.hidden = !settings.colors;
	md.style.color = settings.colors ? "transparent" : "inherit";
	md.style.background = settings.colors ? "transparent" : "inherit";

	snippets.find(s => s.command == "/bonjour").insert = "Bonjour ,\n\n\n\nBien cordialement,\n" + settings.firstname;
	snippets.find(s => s.command == "/hello").insert = "Hello ,\n\n\n\nKind regards,\n" + settings.firstname;
}

function checksaved()
{
	if (!unsavedmark.hidden)
	{
		return "not saved";
	}
}

function initsnippets()
{
	// code languages
	codelanguages.forEach(lang =>
	{
		if (!snippets.find(s => s.command == "/" + lang))
		{
			snippets.push(
			{
				command: "/" + lang,
				hint: lang + " code block",
				insert: "```" + lang + "\n\n```",
				cursor: -4
			});
		}
	});
}

function indexheader(content)
{
	var indexedheader = {
		tags: []
	};
	var hat = headerandtext(content);
	var header = hat.header;
	if (header)
	{
		header.split("\n").forEach(line =>
		{
			if (line && line != "---")
			{
				var t = line.split(":");
				var val = t.pop();
				var key = t.pop();
				if (key == "tags")
				{
					val = val.split(",").map(t => t.trim());
					if (val.length == 1 && !val[0])
					{
						val.pop();
					}
				}
				indexedheader[key] = val;
			}
		});
	}
	return indexedheader;
}

function migratelegacystorage()
{
	var legacy = localStorage.getItem("data");
	if (legacy)
	{
		alert("Hey! I am about to migrate your notes to the brand new data model. No worries, I will keep a backup somewhere in case things go wrong. Take a deep breath, and click ok when you're ready.");
		localStorage.setItem("legacy", legacy);
		legacy = JSON.parse(legacy);
		var index = {};
		legacy.reverse().forEach( (note, i) =>
		{
			var guid = genguid();
			localStorage.setItem(guid, note.content);
			note.header = indexheader(note.content);
			note.lastchanged = i;
			delete note.content;
			index[guid] = note;
		});
		localStorage.setItem("index", JSON.stringify(index));
		localStorage.removeItem("data");
	}
}

function init()
{
	migratelegacystorage();
	loadsettings();

	window.onbeforeunload = checksaved;
	window.onclick = focuseditor;
	title.value = "";

	initsnippets();

	loadstorage();

	if (issplit())
	{
		if (settings.defaultpreviewinsplit && name == "right")
		{
			togglepreview();
		}
		else if (name == "left")
		{
			md.focus();
		}
	}
}

function getlinesrange()
{
	var start = md.selectionStart;
	var end = md.selectionEnd;

	while (start > 0 && md.value[start - 1] != "\n") start--;
	while (end < md.value.length && md.value[end] != "\n") end++;

	return {
		start: start,
		end: end
	};
}

function backlinks()
{
	searchinlist(Object.keys(metadata)
		.filter(guid => localStorage.getItem(guid).includes("[[" + title.value + "]]"))
		.map(guid => metadata[guid].title))
	.then(loadnote);
}

function sortselection()
{
	var content = md.value;
	var range = {start: 0, end: content.length};
	if (md.selectionStart != md.selectionEnd)
	{
		range = getlinesrange();
	}

	var selection = content.substring(range.start, range.end);
	var sorted = selection.split("\n").sort().join("\n");
	seteditorcontent(content.substring(0, range.start) + sorted + content.substring(range.end));
}

function wordatpos()
{
	var words = md.value.split(/\s/);
	var i = 0;
	var word = "";
	while (i < md.selectionStart)
	{
		word = words.shift();
		i += word.length + 1;
	}
	return word;
}

function ontopbarclick()
{
	if (title.hidden)
	{
		commandpalette();
	}
}

function md2html(content)
{
	var converter = new showdown.Converter();
	converter.setOption("simplifiedAutoLink", true);
	converter.setOption("simpleLineBreaks", true);
	converter.setOption("metadata", true);
	converter.setOption("tasklists", true);
	converter.setOption("literalMidWordUnderscores", true);

	if (settings.linksinnewtab)
	{
		converter.setOption("openLinksInNewWindow", true);
	}

	var html = converter.makeHtml(content);

	// internal links
	html = html.replace(/\[\[([^\]]*)\]\]/g, "<a href='#' onclick='loadnote(\"$1\");'>$1</a>");

	return html;
}

function loadlast()
{
	loadnote(sortedlist()[0].title);
}

function loadprevious()
{
	var list = sortedlist();
	var index = list.findIndex(i => i.title == title.value);
	if (index > -1 && index < list.length - 1)
	{
		loadnote(list[index + 1].title);
	}
}

function loadnext()
{
	var list = sortedlist();
	var index = list.findIndex(i => i.title == title.value);
	if (index > -1 && index > 0)
	{
		loadnote(list[index - 1].title);
	}
}

function sortedlist()
{
	return Object
	.values(metadata)
	.sort( (i,j) => j.lastchanged - i.lastchanged);
}

function grep(needle)
{
	var result = {};

	sortedlist()
	.forEach(item =>
	{
		if (item.title.toLowerCase().includes(needle.toLowerCase()))
		{
			result[item.title] = {};
		}
		var content = localStorage.getItem(getguid(item.title));
		content.split("\n")
		.forEach((line, nb) => {
			if (line.toLowerCase().includes(needle.toLowerCase()))
			{
				result[item.title] = result[item.title] || {};
				result[item.title][nb] = line;
			}
		});
	});

	return result;
}

function showgrepresult(needle, grepresult)
{
	var grepcontent = ["# Search results: \"" + needle + "\""];
	for (var file in grepresult)
	{
		grepcontent.push("[[" + file + "]]");
		for (var l in grepresult[file])
		{
			grepcontent.push("[<a href=?n=" + encodeURIComponent(file) + "&l=" + l + ">" + l + "</a>] " + grepresult[file][l]);
		}
		grepcontent.push("");
	}

	if (grepcontent.length == 0)
	{
		grepcontent.push("No result.");
	}

	bind("Search result", grepcontent.join("\n"));

	if (preview.hidden)
	{
		togglepreview();
	}
}

function showgrep()
{
	var text = prompt("Search:", md.selectionEnd > md.selectionStart ? md.value.substr(md.selectionStart, md.selectionEnd - md.selectionStart).trim() : "");
	if (text)
	{
		showgrepresult(text, grep(text));
	}
}

function commandpalette()
{
	searchinlist(commands
		.filter(command => !command.excludepalette)
		.map(command =>
		{
			return {
				prefix: "command ",
				text: command.hint,
				suffix: command.shortcut ? [command.shortcut.toLowerCase()] : null
			};
		})
		.concat(snippets.map(s =>
		{
			return {
				prefix: "snippet ",
				text: s.hint,
				suffix: [s.command]
			};
		}))
		.concat(
		sortedlist()
		.map(item =>
		{
			return {
				prefix: "note ",
				text: item.title,
				suffix: item.header.tags.map(t => tagmark + t)
			};
		}))
		.concat(Object.keys(settings).map(s =>
		{
			return {
				prefix: "setting ",
				text: s,
				suffix: [settings[s]]
			};
		})))
	.then(selected =>
	{
		if (selected.prefix == "snippet ")
		{
			var snippet = snippets.find(s => s.hint == selected.text);
			insert(snippet.insert, snippet.cursor);
			md.focus();
		}
		else if (selected.prefix == "note ")
		{
			loadnote(selected.text);
		}
		else if (selected.prefix == "setting ")
		{
			editsetting(selected.text);
		}
		else
		{
			var command = commands.find(c => c.hint == selected.text);
			if (command)
			{
				executecommand(command);
			}
			else
			{
				// if unknown command, create a new note
				loadnote(selected);
			}
		}
	});
}

function insert(text, cursoroffset = 0, nbtodelete = 0)
{
	var pos = md.selectionStart;
	var content = md.value;
	seteditorcontent(
		content.substring(0, pos - nbtodelete)
		+ text
		+ content.substring(pos));
	setpos(pos - nbtodelete + text.length + cursoroffset);
}

function searchinlist(list)
{
	return new Promise(selectitem =>
	{
		fileindex = 0;
		searchdialog.hidden = false;
		filteredlist.hidden = false;

		filteredlist.innerHTML = "";
		filter.value = "";

		list.forEach(item =>
		{
			var elt = document.createElement("div");
			elt.tag = item;

			if (typeof item === "string")
			{
				elt.textContent = item;
			}
			else
			{
				var ts = document.createElement("span");
				ts.setAttribute("class", "searchlistprefix");
				ts.innerHTML = item.prefix || "";
				elt.appendChild(ts);

				ts = document.createElement("span");
				ts.innerHTML = item.text;
				elt.appendChild(ts);

				if (item.suffix)
				{
					item.suffix.forEach(t =>
					{
						ts = document.createElement("span");
						ts.setAttribute("class", "searchlistsuffix");
						ts.innerHTML = "&nbsp;" + t;
						elt.appendChild(ts);
					});
				}
			}

			elt.onclick = function()
			{
				searchdialog.hidden = true;
				selectitem(elt.tag);
			}
			filteredlist.appendChild(elt);
		});

		applyfilter();

		filter.onkeydown = function()
		{
			// doesn't work if focus is lost.
			if (event.key === "Enter")
			{
				event.preventDefault();
				searchdialog.hidden = true;
				var selected = document.getElementsByClassName("selected")[0];
				selectitem(selected ? selected.tag : filter.value);
			}
		}

		filter.focus();
	});
}

function applyfileindex()
{
	var i = 0;
	[...filteredlist.children].forEach(child =>
	{
		if (child.nodeName == "DIV")
		{
			child.className = "searchitem";
			if(!child.hidden)
			{
				if (i++ == fileindex)
				{
					child.className = "selected";
					if (child.customevent)
					{
						child.customevent(child.textContent);
						filter.focus();
					}
				}
			}
		}
	});
}

function getpos()
{
	return md.selectionStart;
}

function setpos(pos)
{
	md.setSelectionRange(pos, pos);
}

function before(nb)
{
	return md.value.substring(getpos() - nb, getpos());
}

function resize()
{
	if (md.clientHeight < md.scrollHeight)
	{
		md.style.height = md.scrollHeight + 'px';
	}
}

function postpone()
{
	return new Promise(function(resolve)
	{
		clearTimeout(workerid);
		workerid = setTimeout(resolve, settings.savedelay);
	});
}

function flush()
{
	clearTimeout(workerid);
	workerid = null;

	var guid = getguid(title.value);
	if (guid)
	{
		var item = metadata[guid];
		item.title = title.value;
		item.pos = md.selectionStart;
		item.header = indexheader(md.value);
		item.lastchanged = Date.now();

		serializeindex();
		serialize(guid, md.value);
	}
	else if (title.value == "settings.json")
	{
		settings = JSON.parse(md.value);
		savesettings();
		loadsettings();
	}
	unsavedmark.hidden = true;
}

function escapeHtml(unsafe) {
	return unsafe
		.replace(/&/g, "&amp;")
		.replace(/</g, "&lt;")
		.replace(/>/g, "&gt;")
		.replace(/"/g, "&quot;")
		.replace(/'/g, "&#039;");
 }

var languagekeywords = {
	"sql": ["select", "from", "where", "and", "or", "set", "declare"],
	"js": ["var", "for", "if", "else"],
	"zsh": ["sudo"],
	"bash": ["molecule", "cd"],
	"python": ["from", "import"]
}

function currentline()
{
	return (md.value.substring(0, md.selectionStart).match(/\n/g) || []).length;
}

function lineatpos(pos)
{
	return (md.value.substring(0, pos).match(/\n/g) || []).length;
}

function currentcol()
{
	return md.selectionStart - Math.max(0, md.value.lastIndexOf("\n", md.selectionStart - 1)) - 1;
}

function rawline(index)
{
	return md.value.split("\n")[index];
}

var emptyline = "<br>";
function rawline2html(line, index, options)
{
	line = escapeHtml(line);

	// headings
	if (line.startsWith("#"))
	{
		line = line.replace(/(#* )/, "<span class='color-heading-mark'>$1</span>");
		line = "<span class='color-heading'>" + line + "</span>";
	}

	// bold and italics
	var temp = line;
	if (line.startsWith("* "))
	{
		temp = line.substring(2);
	}
	temp = temp.replace(/\*\*([^\*]*)\*\*/g, "<span class='color-bold'>&#42;&#42;$1&#42;&#42;</span>");
	temp = temp.replace(/\*([^\*]*)\*/g, "<span class='color-emphasis'>&#42;$1&#42;</span>");

	if (line.startsWith("* "))
	{
		line = "* " + temp;
	}
	else
	{
		line = temp;
	}

	// lists
	markerslist.forEach(marker =>
	{
		if (line.startsWith(marker) && marker.trim())
		{
			line = line.replace(marker, "<span class='color-list-marker'>" + marker + "</span>");
		}
	});

	// md header
	if (index == 0 && line == "---")
	{
		options.header = true;
	}
	if (options.header)
	{
		if (index > 0 && line == "---")
		{
			options.header = false;
		}
		line = line || emptyline;
		line = "<span class='color-header'>" + line + "</span>";
	}

	// code blocks
	if (line.startsWith("```") && !options.code)
	{
		options.code = true;
		options.language = line.substring(3);
		line = "<div class='color-code'>" + line.replace(new RegExp("(" + options.language + ")"), "<span class='color-code-language'>$1</span>") + "</div>";
	}
	else if (line == "```" && options.code)
	{
		options.code = false;
		options.language = "";
		line = "<div class='color-code'>" + line + "</div>";
	}
	else if (options.code)
	{
		var comment = false;
		if (line.match(/^\s*\/\//))
		{
			line = "<span class='color-code-comment'>" + line + "</span>";
			comment = true;
		}
		line = "<div class='color-code'>" + (line || emptyline) + "</div>";
		if (!comment && languagekeywords[options.language])
		{
			var keywords = languagekeywords[options.language];
			keywords.forEach(keyword =>
			{
				line = line.replace(new RegExp("\\b(" + keyword + ")\\b", "ig"), "<span class='color-code-keyword'>$1</span>");
			});
		}
	}

	// internal links
	line = line.replace(/\[\[(.*)\]\]/g, "[[<span class='color-link'>$1</span>]]");

	// comments
	line = line.replace(/&lt;\!--(.*)/g, "<span class='color-comment'>&lt;!--$1</span>");

	if (line.includes("&lt;!--") && !line.includes("--&gt;"))
	{
		options.comment = true;
	}
	else if (options.comment)
	{
		line = line || emptyline;
		line = "<span class='color-comment'>" + line
		if (line.includes("--&gt;"))
		{
			options.comment = false;
		}
		else
		{
			line += "</span>";
		}
	}

	line = line.replace(/\-\-&gt;/g, "--&gt;</span>");

	if (line.startsWith("// "))
	{
		line = "<span class='color-comment'>" + line + "</span>";
	}

	// autocomplete snippets
	if (index == currentline())
	{
		var raw = rawline(index);
		var pos = currentcol();
		var slashpos = raw.substring(0, pos).lastIndexOf("/");
		if (slashpos > -1)
		{
			var spacepos = raw.substring(0, pos).lastIndexOf(" ");
			if (slashpos > spacepos)
			{
				var snippetpart = raw.substring(slashpos);
				var matching = snippets
				.filter(s => s.command.startsWith(snippetpart))
				.map(s => s.command.substring(1));

				if (matching.length)
				{
					line += "<span class='color-autocomplete'>";
					line += matching.join().substr(pos - slashpos - 1);
					line += "</span>";
				}
			}
		}
	}

	if (line.startsWith("x "))
	{
		line = "<span class='color-todo-complete'>" + line + "</span>";
	}

	// inline code
	line = line.replace(/`(.*)`/, "<span class='color-code'>`$1`</span>");

	// links
	line = line.replace(/(http[^\s]*)/, "<span class='color-link'>$1</span>");

	return line;
}

function applycolors(currentonly)
{
	if (!settings.colors)
	{
		return;
	}

	var options =
	{
		header: false,
		code: false,
		comment: false,
		language: ""
	};

	var linediv = null;
	if (currentonly)
	{
		var index = currentline();
		linediv = document.getElementById("line" + index);
		options = JSON.parse(linediv.getAttribute("tag"));
		var line = rawline(index);
		line = rawline2html(line, index, options);
		linediv.innerHTML = line || emptyline;
	}
	else
	{
		console.log("redrawing all colored div");
		var lines = md.value.split("\n");
		var i = 0;
		for (; i < lines.length; i++)
		{
			linediv = document.getElementById("line" + i);
			if (!linediv)
			{
				linediv = document.createElement("div");
				colored.appendChild(linediv);
			}
			linediv.setAttribute("id", "line" + i);
			linediv.setAttribute("tag", JSON.stringify(options));
			linediv.innerHTML = rawline2html(lines[i], i, options) || emptyline;
		}

		// remove remanining
		linediv = document.getElementById("line" + (i++));
		while (linediv)
		{
			colored.removeChild(linediv);
			linediv = document.getElementById("line" + (i++));
		}
	}
}

function editorinput()
{
	unsavedmark.hidden = false;

	// criteria to improve. Or redraw only after?
	var multiline = md.value.substring(md.selectionStart, md.selectionEnd).includes("\n");
	applycolors(!multiline && event.data && (event.inputType == "insertText" || event.inputType == "deleteContentBackward" || event.inputType == "deleteContentForward"));

	// todo: fix if current note change during postponing, the wrong one will be saved. Or prevent binding another note?
	postpone().then(flush);
	resize();
}

function timestamp()
{
	var utc = new Date();
	var loc = new Date(utc - utc.getTimezoneOffset() * 60 * 1000);

	return loc.toISOString().replace("T", " ").replace(/\..*/, "").replace(/:/g, ".");
}

function quicknewnote()
{
	flush();
	loadnote(timestamp());
}

function startnewnote()
{
	flush();
	var title = prompt("Note title: ", timestamp());
	if (title)
	{
		loadnote(title);
	}
}

function showhelp()
{
	var help = ["# Notes"];
	help.push("## Shortcuts");

	commands
	.filter(command => Boolean(command.shortcut))
	.forEach(command => help.push(command.hint + ": " + command.shortcut.toLowerCase()));

	help.push("## Snippets");
	snippets.forEach(snippet =>
	{
		help.push(snippet.hint + ": " + snippet.command);
	});

	help.push("## Libs");
	help.push("[Showdown](https://showdownjs.com/)");
	help.push("[vis-network](https://visjs.org/)");
	help.push("[jszip](https://stuk.github.io/jszip/)");
	help.push("[FileSaver](http://eligrey.com)");

	help.push("## Inspiration");
	help.push("[rwtxt](https://rwtxt.com)");
	help.push("[Offline Notepad](https://offlinenotepad.com/)");
	help.push("[Writemonkey3](http://writemonkey.com/wm3/)");
	help.push("[Sublime Text](https://www.sublimetext.com/)");
	help.push("[Notion](https://www.notion.so/)");
	help.push("[Calmly Writer](https://calmlywriter.com/)");
	help.push("[Cryptee](https://crypt.ee/)");

	help.push("##Sources");
	help.push("https://git.ouvaton.coop/quenousimporte/notes");

	bind("Help", help.join("\n"));

	if (preview.hidden)
	{
		togglepreview();
	}
}

function toggletitle()
{
	if (title.hidden)
	{
		title.hidden = false;
		title.focus();
	}
	else
	{
		title.hidden = true;
		md.focus();
	}
}

function selectnote()
{
	return searchinlist(
		sortedlist()
		.map(item =>
		{
			return {
				text: item.title,
				suffix: item.header.tags.map(t => tagmark + t)
			}
		}));
}

function searchautocomplete()
{
	selectnote().then(selected =>
	{
		insertautocomplete(selected.text || selected);
	});
}

function searchandloadnote()
{
	selectnote().then(selected =>
	{
		var title = selected.text || selected;
		loadnote(title);
	});
}

function istodo(title, content)
{
	return title.includes("todo") || gettags(content).includes("todo");
}

function searchandreplace()
{
	var oldvalue = prompt("Search:");
	if (!oldvalue)
	{
		return;
	}

	var newvalue = prompt("Replace by:");
	if (!newvalue)
	{
		return;
	}

	var doit = confirm(`Replace '${oldvalue}' by '${newvalue}'?`);
	if (!doit)
	{
		return;
	}

	seteditorcontent(md.value.replaceAll(oldvalue, newvalue));
}

function serializeindex()
{
	serialize("index", JSON.stringify(metadata));
}

function deletenote(title)
{
	var guid = getguid(title);
	delete metadata[guid];
	renameinternallinks(title, title + " (deleted)");
	var content = localStorage.getItem(guid);
	localStorage.setItem(guid, "Deleted. Title: " + title + ". Date: " + timestamp() + "\r\n" + content);
	serializeindex();
}

function deletecurrentnote()
{
	if (confirm('delete "' + title.value + '"?'))
	{
		deletenote(title.value);
		loadlast();
	}
}

function restore()
{
	if (confirm('restore "' + title.value + '"?'))
	{
		seteditorcontent(backup);
	}
}

function insertheader()
{
	if (preview.hidden && !md.value.startsWith("---\n"))
	{
		var headers = defaultheaders();
		seteditorcontent(headers + md.value);
		setpos(27);
	}
	resize();
}

function splitshortcut(s)
{
	var r = {};
	s = s.split("+");
	r.key = s.pop();
	s.forEach(e => {
		r[e] = true;
	})
	return r;
}

function shortcutmatches(event, shortcut)
{
	var s = splitshortcut(shortcut);
	return (event.key == s.key && !(s.ctrl && !event.ctrlKey && !event.altKey) && !(s.shift && !event.shiftKey) && !(s.alt && !event.altKey))
}

function executecommand(command)
{
	if (command.action)
	{
		command.action();
	}
}

function esc(event)
{
	if (!searchdialog.hidden)
	{
		event.preventDefault();
		searchdialog.hidden = true;
		filter.placeholder = "Search...";
		md.focus();
	}
	else if (settings.uselinkpopup && typeof linkdialog != "undefined")
	{
		removelinkdialog();
	}
	else if (title.value == "Help" || title.value == "Search result")
	{
		loadlast();
	}
	else if (networkpage.hidden == false)
	{
		networkpage.hidden = true;
		toggleeditor(false);
	}
	else if (preview.hidden == false)
	{
		togglepreview();
	}
	else
	{
		commandpalette();
	}
}

function boldify()
{
	var pos = currentrange();
	var newcontent;
	var offset = 2;
	if (md.value.substr(pos.start - 2, 2) == "**" && md.value.substr(pos.end, 2) == "**")
	{
		newcontent = md.value.substr(0, pos.start - 2) + md.value.substr(pos.start, pos.end - pos.start) + md.value.substr(pos.end + 2);
		offset = -2;
	}
	else
	{
		newcontent = md.value.substr(0, pos.start) + "**" + md.value.substr(pos.start, pos.end - pos.start) + "**" + md.value.substr(pos.end);
	}

	seteditorcontent(newcontent);
	md.setSelectionRange(pos.start + offset, pos.end + offset);
}

function foreachmetadata(callback)
{
	Object.keys(metadata).forEach(guid =>
	{
		callback(guid, metadata[guid]);
	});
}

function snippetautocomplete()
{
	var tocursor = md.value.substr(0, md.selectionStart)
	var slashindex = tocursor.lastIndexOf("/");
	if (slashindex > tocursor.lastIndexOf(" ") && slashindex > tocursor.lastIndexOf("\n"))
	{
		var commandbegin = tocursor.substr(slashindex);
		var snippet = snippets.find(s => s.command.startsWith(commandbegin));
		if (snippet)
		{
			insert(snippet.insert, snippet.cursor, commandbegin.length);
			return true;
		}
	}
	return false;
}

function mainkeydownhandler()
{
	if (event.key == "Escape")
	{
		esc(event);
	}
	else if (!searchdialog.hidden && (event.key == "Tab" || event.keyCode == "40" || event.keyCode == "38"))
	{
		event.preventDefault();
		fileindex += (event.shiftKey || event.keyCode == "38") ? -1 : 1;
		fileindex = Math.min(fileindex, filteredlist.children.length - 1);
		fileindex = Math.max(fileindex, 0);
		applyfileindex();
	}
	else if (event.ctrlKey && event.key == " " || event.key == "F1")
	{
		commandpalette();
		event.preventDefault();
	}
	else if (event.ctrlKey && event.key == "b" && md.selectionStart < md.selectionEnd)
	{
		boldify();
		event.preventDefault();
	}
	else if (event.ctrlKey && event.shiftKey && (event.keyCode == "40" || event.keyCode == "38"))
	{
		var pos = currentrange();
		var direction = event.keyCode == "40" ? 1 : -1;
		var start = lineatpos(md.selectionStart);
		var end = lineatpos(md.selectionEnd);
		var lines = md.value.split("\n");
		if (direction > 0 && end < lines.length || direction < 0 && start > 0)
		{
			var block = lines.splice(start, end - start + 1);
			lines.splice(start + direction, 0, ...block);
			seteditorcontent(lines.join("\n"));
			var posshift = direction > 0 ? lines[start].length + 1 :  - 1 - lines[end].length;
			md.setSelectionRange(pos.start + posshift, pos.end + posshift);

		}
		event.preventDefault();
	}
	else if (event.ctrlKey || event.altKey)
	{
		// notes shortcuts
		var found = false;
		foreachmetadata((guid, item) =>
		{
			if (item.header.shortcut && shortcutmatches(event, item.header.shortcut))
			{
				console.log("Loading note '" + item.title + "' from header shortcut " + item.header.shortcut);
				event.preventDefault();
				loadnote(item.title);
				found = true;
			}
		});

		// commands shortcuts
		if (!found)
		{
			commands.filter(c => c.shortcut)
			.every(command =>
			{
				if (shortcutmatches(event, command.shortcut))
				{
					event.preventDefault();
					executecommand(command);
					return false;
				}
				return true;
			});
		}
	}
}

function setwindowtitle()
{
	document.title = title.value;
}

function renameinternallinks(from, to)
{
	foreachmetadata( (guid, item) =>
	{
		var content = localStorage.getItem(guid);
		var newcontent = content.replaceAll("[[" + from + "]]", "[[" + to + "]]");
		if (content != newcontent)
		{
			serialize(guid, newcontent);
			if (item.title == title.value)
			{
				seteditorcontent(newcontent);
			}
		}
	});
}

function ontitlechange()
{
	var guid = getguid(title.value);
	if (guid)
	{
		showtemporaryinfo(title.value + " alreday exists");
		title.value = previoustitle;
	}
	else
	{
		renameinternallinks(previoustitle, title.value);

		guid = getguid(previoustitle);
		previoustitle = title.value;
		metadata[guid].title = title.value;
		setwindowtitle();
		flush();

		if (!settings.titlebydefault)
		{
			toggletitle();
		}
	}
}

function simplifystring(str)
{
	return str.toLowerCase().normalize('NFD').replace(/\p{Diacritic}/gu, "");
}

function applyfilter()
{
	[...filteredlist.children].forEach(div =>
	{
		div.hidden = simplifystring(div.textContent).indexOf(simplifystring(filter.value)) < 0;
	});

	fileindex = 0;
	applyfileindex();
}

function backspace(nb)
{
	var pos = getpos();
	var c = md.value;
	seteditorcontent(c.substring(0, pos - nb) + c.substring(pos));
	setpos(pos - nb);
}

function editorkeydown()
{
	if (event.key == "Enter")
	{
		var line = md.value.substring(0, getpos()).split("\n").pop();
		markerslist.filter(marker => line.startsWith(marker))
		.every(marker =>
		{
			event.preventDefault();
			if (line != marker)
			{
				insert("\n" + marker.replace("[x]", "[ ]"));
			}
			else
			{
				backspace(marker.length);
			}
			return false;
		});
	}
	else if (event.key === "Tab")
	{
		event.preventDefault();
		if (!snippetautocomplete())
		{
			var init = currentrange();
			var range = getlinesrange();
			range.start--;
			range.end--;
			var selection = md.value.substring(range.start, range.end);
			var newtext;
			if (event.shiftKey)
			{
				newtext = selection.replaceAll("\n    ", "\n");
			}
			else
			{
				newtext = selection.replaceAll("\n", "\n    ");
			}
			seteditorcontent(md.value.substring(0, range.start)
				+ newtext
				+ md.value.substring(range.end));

			var shift = 0;
			if (newtext.length < selection.length)
			{
				shift = -4;
			}
			else if (newtext.length > selection.length)
			{
				shift = 4;
			}

			md.selectionStart = init.start + shift;
			md.selectionEnd = init.end + (newtext.length - selection.length);
		}
	}
	else if (event.key === "[" && before(1) == "[")
	{
		event.preventDefault();
		insert("[");
		searchautocomplete();
	}
	else if (settings.tagautocomplete && event.key == " " && before(1) == "," && md.value.substring(0, getpos()).split("\n").pop().startsWith("tags: "))
	{
		event.preventDefault();
		// search in tags list
		console.log(event.key);
		tagslist()
		.then(tag =>
		{
			insert(" " + tag);
			md.focus();
		})
	}
	else
	{
		var snippet = snippets.find(s => before(s.command.length - 1) + event.key == s.command);
		if (snippet)
		{
			event.preventDefault();
			insert(snippet.insert, snippet.cursor, snippet.command.length - 1);
		}
	}
}

function insertautocomplete(selectednote)
{
	md.focus();
	insert(selectednote + "]] ");
}

function togglepreview()
{
	preview.innerHTML = md2html(md.value);
	toggleeditor(!md.hidden);
	preview.hidden = !preview.hidden;

	if (preview.hidden)
	{
		resize();
		md.focus();
	}
}

function withsubs()
{
	// todo: handle loops
	var currentguid = getguid(title.value);

	var content = md.value;
	var kids = children(currentguid);
	while (kids.length)
	{
		kids.forEach(guid =>
		{
			var kidcontent = localStorage.getItem(guid);
			if (kidcontent.startsWith("---\n"))
			{
				var pos = kidcontent.indexOf("---\n", 4);
				kidcontent = kidcontent.substring(pos + 4);
			}
			content = content.replaceAll("[[" + metadata[guid].title + "]]", kidcontent);
		});
		kids = children(currentguid);
	}

	return content;
}

function togglepreviewwithsubs()
{
	var note = withsubs();
	if (note)
	{
		preview.innerHTML = md2html(note.content);
		toggleeditor(!md.hidden);
		preview.hidden = !preview.hidden;

		if (preview.hidden)
		{
			resize();
			md.focus();
		}
	}
}

function bind(title, content, pos)
{
	if (workerid)
	{
		showtemporaryinfo("Cannot open '" + title + "' because current note not yet serialized");
		return;
	}

	previoustitle = title;
	backup = content;

	window.title.value = title;
	setwindowtitle();

	md.value = content || "";
	applycolors();

	md.style.height = "0px";
	resize();

	setpos(pos || 0);

	if (!issplit() && searchdialog.hidden)
	{
		// force to scroll to cursor pos
		md.blur();
		md.focus();
	}
}

function defaultheaders(tags = "")
{
	return [
		"---",
		"date: " + timestamp().substr(0,10),
		"tags: " + (tags || ""),
		"---",
		"",""].join("\n");
}

function loadnote(title)
{
	var guid = getguid(title);
	if (!guid)
	{
		guid = createnote(title);
	}
	var content = localStorage.getItem(guid);
	var item = metadata[guid];

	if (item.header.tags.includes("journal"))
	{
		// remove empty entries
		content = content.replace(/\d{4}-\d{2}-\d{2}\n*(\d{4}-\d{2}-\d{2})/g, "$1");

		// create new entry for today
		var hat = headerandtext(content);
		var today = timestamp().substr(0,10);
		if (!hat.text.startsWith(today) && !hat.text.startsWith("\n" + today))
		{
			content = hat.header + "\n" + today + "\n\n" + hat.text;
			item.pos = hat.header.length + 12;
		}
	}

	bind(item.title, content, item.pos);
	item.lastchanged = Date.now();
	serializeindex();

	if (!preview.hidden || (preview.hidden && (gettags(md.value).indexOf("preview") !== -1)))
	{
		togglepreview();
	}
}

function focuseditor()
{
	if (document.documentElement == event.srcElement)
	{
		md.focus();
		console.log("Forced focus");
	}
}