notes/main.js

1788 lines
32 KiB
JavaScript
Raw Normal View History

2023-01-18 12:34:55 +01:00
var defaultsettings =
{
bgcolor: "white",
fontfamily: "'Inconsolata', 'Consolas', monospace",
fontsize: "90%",
fontcolor: "black",
lineheight: "130%",
savedelay: 5000,
2023-01-18 12:34:55 +01:00
foldmarkstart: 22232,
defaultpreviewinsplit: false,
enablefolding: false,
tagautocomplete: false,
light: false
2023-01-18 12:34:55 +01:00
};
//builtin
var markerslist = ["* ", "- ", " * ", " - ", ">> ", "> ", "=> ", "— "];
2023-01-18 12:34:55 +01:00
var sectionmarks = ["---", "### ", "## ", "# ", "```"];
var codelanguages = ["xml", "js", "sql"];
// globals
var currentnote = null;
var fileindex = 0;
var workerid = null;
2023-01-18 12:34:55 +01:00
var folds = [];
var backup = "";
var localdata = null;
var saved = true;
var settings = null;
var tags = null;
var currentvault = "";
var currenttag = "";
2023-01-18 12:34:55 +01:00
var themes =
{
Default:
{
bgcolor: "white",
fontfamily: "'Inconsolata', 'Consolas', monospace",
fontsize: "90%",
fontcolor: "black",
lineheight: "130%"
},
Notion:
{
bgcolor: "white",
fontfamily: "ui-sans-serif, -apple-system, BlinkMacSystemFont, 'Segoe UI', Helvetica, 'Apple Color Emoji', Arial, sans-serif, 'Segoe UI Emoji', 'Segoe UI Symbol'",
fontsize: "16px",
fontcolor: "rgb(55,53,47)",
lineheight: "24px"
},
Monkey:
{
bgcolor: "rgb(227,227,227)",
fontfamily: "'Hack', 'Consolas', monospace",
fontsize: "14px",
fontcolor: "rgb(55,55,55)",
lineheight: "26px"
2023-01-23 13:42:04 +01:00
},
Mariana:
{
bgcolor: "rgb(48,56,65)",
fontfamily: "'Consolas', monospace",
fontsize: "15px",
fontcolor: "rgb(216,222,233)",
lineheight: "100%"
}
};
2023-01-18 12:34:55 +01:00
var commands = [
{
hint: "Close menu"
},
{
shortcut: "ctrl+p",
hint: "Show notes list",
savedonly: true,
action: searchandloadnote
},
{
hint: "Share note",
savedonly: true,
action: share
}/*,
{
hint: "Share note (html)",
savedonly: true,
action: sharehtml
}*/,
{
shortcut: "ctrl+n",
hint: "New note",
savedonly: true,
action: startnewnote
},
{
shortcut: "ctrl+shift+P",
hint: "Command palette",
savedonly: false,
action: commandpalette,
excludepalette: true
},
{
shortcut: "ctrl+t",
hint: "Open todo",
savedonly: true,
action: loadtodo
},
{
shortcut: "ctrl+q",
hint: "Open quick note",
savedonly: true,
action: loadquicknote
},
{
shortcut: "ctrl+g",
2023-01-18 12:34:55 +01:00
hint: "Find in notes",
savedonly: true,
action: showgrep
},
{
shortcut: "ctrl+i",
hint: "Toggle title",
savedonly: true,
action: toggletitle
},
{
shortcut: "ctrl+m",
hint: "Toggle preview",
savedonly: true,
action: togglepreview
},
{
shortcut: "ctrl+d",
hint: "Delete note",
savedonly: true,
action: deletenote
},
{
hint: "Restore note",
savedonly: true,
action: restore
},
{
shortcut: "ctrl+h",
hint: "Insert markdown header",
action: insertheader
},
{
savedonly: true,
shortcut: "F1",
hint: "Show help",
action: showhelp
},
{
savedonly: true,
shortcut: "ctrl+shift+C",
hint: "Fold",
action: fold
},
{
savedonly: true,
shortcut: "ctrl+shift+O",
hint: "Unfold",
action: unfold
},
{
savedonly: true,
hint: "Unfold all",
action: unfoldall
},
{
savedonly: true,
hint: "Download note",
action: downloadnote
},
{
savedonly: true,
hint: "Download local data",
action: downloadlocal,
shortcut: "ctrl+shift+S"
}/*,
{
savedonly: true,
hint: "Download all notes",
action: downloadnotes
}*/,
{
hint: "Force save",
action: save,
2023-01-18 12:34:55 +01:00
shortcut: "ctrl+s"
},
{
hint: "Search tags",
action: searchtags,
savedonly: true,
shortcut: "ctrl+shift+T"
},
{
hint: "Log out",
action: logout,
savedonly: true
},
{
hint: "Toggle split view",
savedonly: true,
action: togglesplit
},
{
hint: "Load previous note",
2023-01-18 12:34:55 +01:00
savedonly: true,
action: loadprevious,
shortcut: "ctrl+b"
2023-01-18 12:34:55 +01:00
},
{
hint: "Sort text",
savedonly: true,
action: sortselection
},
{
hint: "Word count",
action: wordcount,
shortcut: "ctrl+w"
},
{
hint: "Settings",
savedonly: true,
action: editsettings
},
{
hint: "Restore default settings",
savedonly: true,
action: restoresettings
},
{
hint: "Note outline",
2023-01-18 12:34:55 +01:00
savedonly: true,
action: showoutline,
shortcut: "ctrl+o"
2023-01-18 12:34:55 +01:00
},
{
hint: "Internal links",
savedonly: true,
action: showinternallinks
},
{
hint: "Switch vault",
savedonly: true,
action: switchvault,
shortcut: "ctrl+shift+V"
},
{
hint: "Add tag filter",
action: addtagfilter,
shortcut: "ctrl+shift+F",
savedonly: true
},
{
hint: "Select theme",
savedonly: true,
action: selecttheme
2023-01-18 12:34:55 +01:00
}];
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,\nSimon",
cursor: -29
},
{
command: "/hello",
hint: "Standard answer (en)",
insert: "Hello ,\n\n\n\nKind regards,\nSimon",
cursor: -24
},
{
command: "/-",
hint: "Dialog mark",
insert: "— ",
cursor: 0
2023-01-18 12:34:55 +01:00
}];
function loadtheme(theme)
{
for (var i in themes[theme])
{
settings[i] = themes[theme][i];
}
applystyle();
resize();
}
function savesettings()
{
window.localStorage.setItem("settings", JSON.stringify(settings));
}
function selecttheme()
{
searchinlist(Object.keys(themes), loadtheme)
.then(savesettings);
}
function addtagfilter()
{
var command = commands.find(c => c.action == addtagfilter);
if (!currenttag)
{
tagslist()
.then(t =>
{
currenttag = t;
command.hint = "Remove tag filter '" + currenttag + "'";
setwindowtitle();
});
}
else
{
currenttag = "";
command.hint = "Add tag filter";
setwindowtitle();
}
}
function switchvault()
{
var other = othervault();
if (confirm("Switch to " + other + "?"))
{
2023-01-22 21:20:19 +01:00
clearInterval(workerid);
window.localStorage.setItem("vault", other);
init();
}
}
2023-01-18 12:34:55 +01:00
function showinternallinks()
{
searchinlist(
getnotecontent()
.match(/\[\[([^\]]*)\]\]/g || [])
.map(l => l.replace("[[", "").replace("]]", "")))
.then(loadnote);
2023-01-18 12:34:55 +01:00
}
function showoutline()
{
var outline = {};
var pos = 0;
getnotecontent().split("\n").forEach(line =>
{
pos += line.length + 1;
if (line.startsWith("#"))
{
line = line
.replace("# ", "")
.replace(/#/g, "\xa0\xa0\xa0\xa0");
outline[line] = pos;
}
});
searchinlist(Object.keys(outline))
.then(line =>
{
md.setSelectionRange(outline[line], outline[line]);
md.focus();
});
}
function linkatpos()
{
var s = md.selectionStart;
while (s > 2 && md.value[s] != "\n")
{
if (md.value.substring(s - 2, s) == "[[")
{
var e = md.selectionStart;
while (e < md.value.length - 2 && md.value[e-2] != "\n")
{
if (md.value.substring(e, e + 2) == "]]")
{
return md.value.substring(s, e);
}
e++;
}
}
s--;
}
return "";
}
function tagatpos()
{
if (md.value.substring(0, getpos()).split("\n").pop().startsWith("tags: "))
{
var s = md.selectionStart;
while (s > 1 && md.value[s] != "\n")
{
var c = md.value[s-1];
if (c == " " || c == ",")
{
var e = md.selectionStart;
while (e < md.value.length - 1 && md.value[e-1] != "\n")
{
c = md.value[e];
if (c == " " || c == "," || c == "\n")
{
return md.value.substring(s, e);
}
e++;
}
}
s--;
}
return "";
}
}
function clickeditor()
{
if (event.ctrlKey)
{
var link = linkatpos();
var tag = tagatpos();
if (link)
{
loadnote(link);
}
else if (tag)
{
tagslist();
2023-01-23 12:59:46 +01:00
searchinlist(tags[tag.toLowerCase()])
.then(loadnote);
}
else
{
checkfolding();
}
}
}
2023-01-18 12:34:55 +01:00
function restoresettings()
{
if (confirm("Restore default settings?"))
{
settings = defaultsettings;
savesettings();
2023-01-18 12:34:55 +01:00
loadsettings();
}
}
function editsettings()
{
bindfile(
{
title: "settings.json",
content: JSON.stringify(settings, null, " ")
});
}
function showtemporaryinfo(str)
{
alert(str);
}
function wordcount()
{
showtemporaryinfo(getnotecontent().split(/\s+\b/).length + " words");
2023-01-18 12:34:55 +01:00
}
function issplit()
{
return window.location !== window.parent.location;
}
function togglesplit()
{
if (issplit())
{
window.parent.location = "index.html";
}
else
{
window.location = "split.html";
}
}
function isremote()
{
return currentvault == "remote";
}
2023-01-18 12:34:55 +01:00
function logout()
{
if (isremote())
{
window.localStorage.removeItem("password");
togglepassword();
}
2023-01-18 12:34:55 +01:00
}
function tagslist()
2023-01-18 12:34:55 +01:00
{
tags = {};
2023-01-18 12:34:55 +01:00
localdata
.filter(n => !n.title.startsWith("."))
.forEach(n =>
{
var ts = gettags(n);
ts.forEach(t =>
{
tags[t] = tags[t] || [];
tags[t].push(n.title);
});
});
return searchinlist(Object.keys(tags).sort());
}
function searchtags()
{
tagslist()
2023-01-18 12:34:55 +01:00
.then(tag => searchinlist(tags[tag]))
.then(loadnote);
2023-01-18 12:34:55 +01:00
}
function gettags(note)
{
var i = note.content.indexOf("tags: ");
if (i > -1)
{
var j = note.content.indexOf("\n", i);
return note.content.substring(i + 6, j).split(",").map(t => t.toLowerCase().trim());
}
return [];
}
function marksaved()
{
saved = true;
mark.textContent = "\xa0";
}
function markunsaved(text)
{
saved = false;
if (text)
{
mark.textContent = text;
}
}
function share(html)
{
if (navigator.share)
{
navigator.share(
{
text: html ? md2html(getnotecontent()) : getnotecontent(),
2023-01-18 12:34:55 +01:00
title: currentnote.title
});
}
}
function sharehtml()
{
share(true);
}
function download(filename, content)
{
// trick: https://www.bitdegree.org/learn/javascript-download
// to improve...
var element = document.createElement('a');
element.setAttribute('href', 'data:text/plain;charset=utf-8,' + encodeURIComponent(content));
element.setAttribute('download', filename);
element.style.display = 'none';
document.body.appendChild(element);
element.click();
document.body.removeChild(element);
}
function downloadnotes()
{
localdata
.filter(note => !note.title.startsWith("."))
.forEach(note =>
{
download(note.title + ".md", note.content);
});
}
function downloadlocal()
{
download(timestamp() + " " + currentvault + " notes.json", JSON.stringify(localdata));
2023-01-18 12:34:55 +01:00
}
function downloadnote()
{
download(currentnote.title + ".md", getnotecontent());
}
function save()
{
var content = getnotecontent();
if ((content == "" && backup != "") || content == "null" || content == "undefined")
2023-01-18 12:34:55 +01:00
{
console.warn("Invalid content '" + content + "', file '" + currentnote.title + "' not saved");
2023-01-18 12:34:55 +01:00
}
else
{
2023-01-23 12:59:46 +01:00
currentnote.pos = md.selectionStart;
currentnote.content = content;
window.localStorage.setItem(currentvault, JSON.stringify(localdata));
if (currentnote.title == "settings.json")
{
settings = JSON.parse(content);
savesettings();
}
console.log("data serialized in local storage")
if (isremote())
{
pushtoremote();
}
else
{
marksaved();
}
2023-01-18 12:34:55 +01:00
}
2023-01-18 12:34:55 +01:00
}
function remotecallfailed(error)
{
markunsaved("!");
if (error)
{
console.warn(error);
showtemporaryinfo(error);
}
}
function loadstorage()
{
currentvault = window.localStorage.getItem("vault");
var item = window.localStorage.getItem(currentvault);
2023-01-18 12:34:55 +01:00
localdata = item ? JSON.parse(item) : [];
if (currentnote)
{
currentnote = localdata.find(n => n.title == currentnote.title);
}
if (currentnote)
{
bindfile(currentnote);
}
else
{
loadlast();
}
}
function applystyle()
{
document.body.style.background = settings.bgcolor;
document.body.style.fontFamily = settings.fontfamily;
document.body.style.fontSize = settings.fontsize;
document.body.style.lineHeight = settings.lineheight;
document.body.style.color = settings.fontcolor;
}
2023-01-18 12:34:55 +01:00
function loadsettings()
{
settings = {...defaultsettings};
var item = window.localStorage.getItem("settings");
if (item)
{
item = JSON.parse(item);
for (var key in settings)
2023-01-18 12:34:55 +01:00
{
if (item[key])
{
settings[key] = item[key];
}
2023-01-18 12:34:55 +01:00
}
}
applystyle();
2023-01-18 12:34:55 +01:00
if (!settings.enablefolding)
{
commands = commands.filter(c => !c.hint.toLowerCase().includes("fold"));
}
}
function checksaved()
{
if (!saved)
{
return "not saved";
}
}
function initsnippets()
2023-01-18 12:34:55 +01:00
{
// code languages
2023-01-18 12:34:55 +01:00
codelanguages.forEach(lang =>
{
if (!snippets.find(s => s.command == "/" + lang))
2023-01-18 12:34:55 +01:00
{
snippets.push(
{
command: "/" + lang,
hint: lang + " code block",
insert: "```" + lang + "\n\n```",
cursor: -4
});
}
});
// md headings
for (var i = 1; i <= 3; i++)
{
if (!snippets.find(s => s.command == "/" + i))
{
snippets.push(
{
command: "/" + i,
hint: "Heading " + i,
insert: "#".repeat(i) + " ",
cursor: 0
});
}
}
}
function othervault()
{
return isremote() ? "local" : "remote";
}
function initvault()
{
currentvault = window.localStorage.getItem("vault") || "local";
}
function startworker()
{
workerid = setInterval(function()
{
if (!saved)
{
save();
}
}, settings.savedelay);
}
function init()
{
loadsettings();
initvault();
commands.find(c => c.action == switchvault).hint = "Switch to " + othervault() + " vault";
window.onbeforeunload = checksaved;
window.onclick = focuseditor;
initsnippets();
if (isremote())
2023-01-18 12:34:55 +01:00
{
queryremote({action: "fetch"})
.then(data =>
{
localdata = data;
loadlast();
startworker();
2023-01-18 12:34:55 +01:00
})
.catch(remotecallfailed);
}
else
{
loadstorage();
startworker();
2023-01-18 12:34:55 +01:00
}
if (issplit())
{
window.onstorage = loadstorage;
2023-01-18 12:34:55 +01:00
if (settings.defaultpreviewinsplit && name == "right")
{
togglepreview();
}
else if (name == "left")
{
md.focus();
}
}
}
function togglepassword()
{
2023-01-22 21:20:19 +01:00
clearInterval(workerid);
2023-01-18 12:34:55 +01:00
password.value = "";
authentpage.hidden = false;
notepage.style.display = "none";
document.title = "notes";
password.focus();
}
function pushtoremote()
2023-01-18 12:34:55 +01:00
{
console.log("sending data to php server");
markunsaved("⇅");
2023-01-18 12:34:55 +01:00
if (localdata)
{
var content = getnotecontent();
queryremote({action: "push", data: JSON.stringify(localdata)})
.then(() => {
console.log("data saved on server");
2023-01-18 12:34:55 +01:00
if (getnotecontent() == content)
{
marksaved();
}
else
{
console.warn("Content changed in the meantime, keep as unsaved");
markunsaved("*");
2023-01-18 12:34:55 +01:00
}
})
.catch(remotecallfailed);
}
else
{
console.warn("Cannot push empty data");
}
}
function queryremote(params)
{
return new Promise( (apply, failed) => {
params.password = window.localStorage.getItem("password");
var paramlist = [];
for (var i in params)
{
paramlist.push(i + "=" + encodeURIComponent(params[i]));
}
var xhr = new XMLHttpRequest();
xhr.open("POST", "handler.php");
xhr.setRequestHeader('Content-type', 'application/x-www-form-urlencoded');
xhr.onerror = function()
{
failed("XMLHttpRequest error");
}
xhr.onload = function()
{
if (xhr.status !== 200)
{
failed("Http status " + xhr.status);
}
else
{
var data = {};
try
{
data = JSON.parse(xhr.responseText);
if (data.error)
{
if (data.error == "authent")
{
failed();
2023-01-18 12:34:55 +01:00
togglepassword();
}
else
{
failed("Remote handler returned an error: " + data.error);
}
}
else
{
authentpage.hidden = true;
notepage.style.display = "table";
apply(data);
}
}
catch(error)
{
failed("Handler result is not valid. JS error: " + error);
}
}
}
xhr.send(paramlist.join("&"));
});
}
function applyfolds(content)
{
for (var i = folds.length - 1; i >= 0; i--)
{
content = content.replace(String.fromCodePoint(settings.foldmarkstart + i), folds[i]);
}
return content;
}
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 sortselection()
{
var content = getnotecontent();
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");
md.value = content.substring(0, range.start) + sorted + content.substring(range.end);
notecontentchanged();
}
function selectlines()
{
var range = getlinesrange();
md.selectionStart = range.start;
md.selectionEnd = range.end;
}
function isfold(linecontent)
{
var res = linecontent.length == 1 && linecontent.codePointAt(0) >= settings.foldmarkstart;
if (res)
{
//security: if > 100, probably not a fold. Maybe an emoji. To improve.
res &= foldindex(linecontent) < 100;
}
return res;
}
function foldindex(foldmark)
{
return foldmark.codePointAt(0) - settings.foldmarkstart;
}
function fold()
{
// todo: forbid if > 100?
var start = md.selectionStart;
selectlines();
var content = md.value;
var char = String.fromCodePoint(settings.foldmarkstart + folds.length);
var value = content.substring(md.selectionStart, md.selectionEnd)
folds.push(value);
setnotecontent(content.substring(0, md.selectionStart)
+ char
+ content.substring(md.selectionEnd));
md.focus();
setpos(start);
resize();
}
function unfold()
{
var range = getlinesrange();
var linecontent = md.value.substring(range.start, range.end);
if (isfold(linecontent))
{
var i = foldindex(linecontent);
md.value = md.value.replace(linecontent, folds[i]);
md.focus();
setpos(range.start + folds[i].length);
}
resize();
}
function unfoldall()
{
md.value = getnotecontent();
resetfolds();
setpos(0);
md.focus();
resize();
}
function checkfolding()
{
if (!settings.enablefolding)
{
console.log("folding is disabled.");
return;
}
var range = getlinesrange();
var line = md.value.substring(range.start, range.end);
var sectionmark = sectionmarks.find(m => line.startsWith(m));
if (sectionmark)
{
event.preventDefault();
// move to next line
setpos(range.end + 1);
range = getlinesrange();
var nextline = md.value.substring(range.start, range.end);
if (isfold(nextline))
{
unfold();
}
else
{
// find next occurence. If not found take all the remaining file.
if (md.value.includes("\n" + sectionmark, range.end))
{
sectionend = md.value.indexOf("\n" + sectionmark, range.end);
}
else
{
sectionend = md.value.length;
}
// keep last empty line if any
if (md.value[sectionend] == "\n")
{
sectionend--;
}
md.setSelectionRange(range.start, sectionend);
fold();
}
}
else if (isfold(line))
{
event.preventDefault();
2023-01-18 12:34:55 +01:00
unfold();
}
}
function setnotecontent(content)
{
md.value = content;
}
function getnotecontent()
{
return applyfolds(md.value);
}
function ontopbarclick()
{
if (title.hidden)
{
commandpalette();
}
}
/*function checkfoldmismatch()
{
start = settings.foldmarkstart.toString(16);
end = (settings.foldmarkstart + 100).toString(16);
var match = md.value.match(new RegExp("[\\u" + start + "-\\u" + end + "]", "g"));
var markcount = 0;
if (match)
{
markcount = match.length;
}
var diff = folds.length - markcount;
if (diff)
{
console.warn(diff + " fold(s) missing.");
}
}*/
function md2html(content)
{
// dumb fallback for offline mode
if (typeof showdown == "undefined") return content
.replace(/\*\*([^\*]*)\*\*/g, "<strong>$1</strong>")
.replace(/\*([^\*]*)\*/g, "<em>$1</em>")
.replace(/\## (.*)/g, "<h2>$1</h2>")
.replace(/\# (.*)/g, "<h1>$1</h1>")
.replace(/\n/g, "<br>");
var converter = new showdown.Converter();
converter.setOption("simplifiedAutoLink", true);
converter.setOption("simpleLineBreaks", true);
converter.setOption("metadata", true);
var html = converter.makeHtml(content);
// internal links
html = html.replace(/\[\[([^\]]*)\]\]/g, "<a href='#' onclick='loadnote(\"$1\");'>$1</a>");
2023-01-18 12:34:55 +01:00
return html;
}
function list()
{
return localdata
.filter(n => currenttag == "" || gettags(n).includes(currenttag))
.map(n => n.title)
.filter(t => !t.startsWith("."));
2023-01-18 12:34:55 +01:00
}
function loadlast()
{
loadnote(list().shift() || timestamp());
}
function loadprevious()
{
loadnote(list()[1]);
2023-01-18 12:34:55 +01:00
}
function grep(needle)
{
var result = {};
localdata
.filter(n => !n.title.startsWith("."))
.forEach(note =>
{
if (note.title.toLowerCase().includes(needle.toLowerCase()))
{
result[note.title] = {};
}
note.content.split("\n")
.forEach((line, nb) => {
if (line.toLowerCase().includes(needle.toLowerCase()))
{
result[note.title] = result[note.title] || {};
result[note.title][nb] = line;
}
});
});
return result;
}
function showgrepresult(grepresult)
{
var grepcontent = ["# Search results: \"" + filter.value + "\""];
for (var file in grepresult)
{
grepcontent.push("[[" + file + "]]");
for (var l in grepresult[file])
{
grepcontent.push("[" + l + "] " + grepresult[file][l].replace(new RegExp("(" + filter.value + ")", "gi"), "**$1**"));
}
grepcontent.push("");
}
if (grepcontent.length == 0)
{
grepcontent.push("No result.");
}
bindfile(
{
title: "Search result",
content: grepcontent.join("\n")
});
if (preview.hidden)
{
togglepreview();
}
}
function showgrep()
{
filteredlist.hidden = true;
searchdialog.hidden = false;
filter.focus();
filter.select();
filter.onkeydown = function()
{
if (event.key === "Enter")
{
event.preventDefault();
searchdialog.hidden = true;
showgrepresult(grep(filter.value));
}
}
// live search
/*filter.oninput = function()
{
if (filter.value.length > 1)
{
showgrepresult(grep(filter.value));
}
}*/
}
function commandpalette()
{
searchinlist(commands
.filter(c => !c.excludepalette)
.map(c => c.hint)
.concat(snippets.map(s => "Insert snippet: " + s.hint)))
.then(hint =>
{
var command = commands.find(c => c.hint == hint);
if (command && command.action)
{
command.action();
}
else
{
var snippet = snippets.find(s => "Insert snippet: " + s.hint == hint);
if (snippet)
{
insert(snippet.insert, snippet.cursor);
md.focus();
}
}
});
}
function insert(text, cursoroffset = 0, nbtodelete = 0)
{
var pos = md.selectionStart;
var content = md.value;
md.value =
content.substring(0, pos - nbtodelete)
+ text
+ content.substring(pos);
setpos(pos - nbtodelete + text.length + cursoroffset);
2023-01-21 21:25:09 +01:00
notecontentchanged();
2023-01-18 12:34:55 +01:00
}
function searchinlist(list, customevent)
2023-01-18 12:34:55 +01:00
{
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.textContent = item;
elt.onclick = function()
{
searchdialog.hidden = true;
selectitem(item);
}
elt.customevent = customevent;
2023-01-18 12:34:55 +01:00
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.textContent : filter.value);
}
}
filter.focus();
2023-01-18 12:34:55 +01:00
});
}
function applyfileindex()
{
var i = 0;
[...filteredlist.children].forEach(child =>
{
if (child.nodeName == "DIV")
{
child.className = "";
if(!child.hidden)
{
if (i++ == fileindex)
{
child.className = "selected";
if (child.customevent)
{
child.customevent(child.textContent);
filter.focus();
}
2023-01-18 12:34:55 +01:00
}
}
}
});
}
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) return;
//console.log("resize");
md.style.height = md.scrollHeight + 'px';
/*md.rows = (md.value.match(/\n/g) || []).length + 1;
2023-01-18 12:34:55 +01:00
while (md.scrollHeight > md.clientHeight)
{
md.rows *= 1.5;
}*/
2023-01-18 12:34:55 +01:00
}
function putontop()
{
if (localdata.find(n => n == currentnote))
{
localdata.splice(localdata.indexOf(currentnote), 1);
localdata.unshift(currentnote);
}
}
function notecontentchanged()
{
resize();
markunsaved("*");
2023-01-18 12:34:55 +01:00
}
function loadtodo()
{
loadnote("todo");
2023-01-18 12:34:55 +01:00
}
function loadquicknote()
{
loadnote("Quick note");
2023-01-18 12:34:55 +01:00
}
function timestamp()
{
return (new Date).toISOString().replace("T", " ").replace(/\..*/, "").replace(/:/g, ".");
}
function startnewnote()
{
loadnote(timestamp());
2023-01-18 12:34:55 +01:00
}
function showhelp()
{
var help = ["# Notes"];
help.push("## Shortcuts");
commands
.filter(command => Boolean(command.shortcut))
.forEach(command => help.push(command.hint + ": " + command.shortcut));
help.push("## Snippets");
snippets.forEach(snippet =>
{
help.push(snippet.hint + ": " + snippet.command);
});
help.push("## Libs");
help.push("[Showdown](https://showdownjs.com/)");
help.push("[Inconsolata](https://levien.com/type/myfonts/inconsolata.html)");
2023-01-18 12:34:55 +01:00
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/)");
bindfile(
{
title: "Help",
content: 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(list()/*, loadnote*/);
2023-01-18 12:34:55 +01:00
}
function searchautocomplete()
{
selectnote().then(insertautocomplete);
}
function searchandloadnote()
{
selectnote().then(loadnote);
2023-01-18 12:34:55 +01:00
}
function rename(newname)
{
if (localdata.find(n => n.title == newname))
{
var error = newname + " alreday exists";
console.warn(error);
return error;
}
// rename internal references
localdata
.filter(note => note != currentnote)
.forEach(note =>
{
note.content = note.content.replaceAll("[[" + currentnote.title + "]]", "[[" + newname + "]]");
});
currentnote.title = newname;
markunsaved("*");
2023-01-18 12:34:55 +01:00
return "";
}
function deletenote()
{
if (confirm('delete "' + currentnote.title + '"?'))
{
var error = rename(".deleted_" + currentnote.title);
2023-01-18 12:34:55 +01:00
if (!error)
{
loadlast();
}
else
{
console.warn("Failed to delete '" + currentnote.title + "'");
}
}
}
function restore()
{
if (confirm('restore "' + currentnote.title + '"?'))
{
setnotecontent(backup);
notecontentchanged();
}
}
function insertheader()
{
if (!getnotecontent().startsWith("---"))
{
var headers = "---\ndate: " + (new Date).toISOString().substring(0, 10) + "\ntags: \n---\n\n";
md.value = 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 mainkeydownhandler()
{
2023-01-22 21:28:53 +01:00
if (settings.light)
{
return;
}
2023-01-18 12:34:55 +01:00
if (event.key == "Escape")
{
if (!searchdialog.hidden)
{
event.preventDefault();
searchdialog.hidden = true;
md.focus();
}
else if (currentnote.title == "Help")
{
loadlast();
}
2023-01-18 12:34:55 +01:00
else if (preview.hidden == false)
{
togglepreview();
}
}
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();
}
commands.filter(c => c.shortcut)
.forEach(command =>
{
var s = splitshortcut(command.shortcut);
if (event.key == s.key && !(s.ctrl && !event.ctrlKey && !event.altKey) && !(s.shift && !event.shiftKey))
{
event.preventDefault();
if (command.savedonly && !saved)
{
console.log("Data note saved, try again")
}
else if (command.action)
{
command.action();
}
}
});
}
function setwindowtitle()
{
document.title = title.value;
if (currenttag)
{
document.title = "tag:" + currenttag + " - " + document.title;
}
}
2023-01-18 12:34:55 +01:00
function ontitlechange()
{
var oldname = currentnote.title;
var error = rename(title.value);
if (!error)
{
console.log("'" + oldname + "' renamed to '" + currentnote.title + "'");
setwindowtitle();
2023-01-18 12:34:55 +01:00
}
else
{
title.value = currentnote.title;
}
}
function applyfilter()
{
[...filteredlist.children].forEach(div =>
{
div.hidden = div.textContent.toLowerCase().indexOf(filter.value.toLowerCase()) < 0;
});
fileindex = 0;
applyfileindex();
}
function backspace(nb)
{
var pos = getpos();
var c = md.value;
md.value = c.substring(0, pos - nb) + c.substring(pos);
setpos(pos - nb);
2023-01-21 21:25:09 +01:00
notecontentchanged();
2023-01-18 12:34:55 +01:00
}
function editorkeydown()
{
if (event.key == "Enter")
{
var line = md.value.substring(0, getpos()).split("\n").pop();
markerslist.filter(marker => line.startsWith(marker))
2023-01-18 12:34:55 +01:00
.forEach(marker =>
{
event.preventDefault();
if (line != marker)
2023-01-18 12:34:55 +01:00
{
insert("\n" + marker);
}
else
{
backspace(marker.length);
}
});
}
else if (event.key === "Tab")
{
event.preventDefault();
// todo: reverse with shift
if (before(2) == "* " || before(2) == "- ")
{
setpos(getpos() - 2);
insert(" ", 2);
}
// disable tab
/*else
{
insert(" ");
}*/
}
2023-01-21 21:25:09 +01:00
else if (event.key === "[" && before(1) == "[")
{
event.preventDefault();
insert("[");
searchautocomplete();
}
2023-01-22 21:28:53 +01:00
else if (!settings.light && settings.tagautocomplete && event.key == " " && before(1) == "," && md.value.substring(0, getpos()).split("\n").pop().startsWith("tags: "))
2023-01-21 21:25:09 +01:00
{
event.preventDefault();
// search in tags list
console.log(event.key);
tagslist()
.then(tag =>
{
insert(" " + tag);
md.focus();
})
}
else if (!settings.light)
{
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);
}
}
2023-01-18 12:34:55 +01:00
}
function insertautocomplete(selectednote)
{
md.focus();
insert(selectednote + "]] ");
}
function togglepreview()
{
preview.innerHTML = md2html(getnotecontent());
md.hidden = !md.hidden;
preview.hidden = !preview.hidden;
if (preview.hidden)
{
resize();
md.focus();
}
}
function resetfolds()
{
folds = [];
}
function bindfile(note)
{
if (currentnote && currentnote.title == "settings.json")
{
loadsettings();
}
backup = note.content;
currentnote = note;
title.value = note.title;
setwindowtitle();
2023-01-18 12:34:55 +01:00
setnotecontent(note.content || "");
preview.innerHTML = md2html(getnotecontent());
resetfolds();
resize();
2023-01-23 12:59:46 +01:00
setpos(note.pos || 0);
2023-01-18 12:34:55 +01:00
// to improve...
if (!issplit())
{
md.focus();
}
}
function loadnote(name)
2023-01-18 12:34:55 +01:00
{
var note = localdata.find(n => n.title == name);
if (!note)
{
note = {title: name, content: ""};
localdata.unshift(note);
}
if (!preview.hidden)
{
togglepreview();
}
bindfile(note);
putontop();
2023-01-18 12:34:55 +01:00
}
function sendpassword()
{
if (event.type == "blur" || event.key == "Enter")
{
event.preventDefault();
window.localStorage.setItem("password", password.value);
init();
}
}
function focuseditor()
{
if (document.documentElement == event.srcElement)
{
md.focus();
console.log("Forced focus");
}
}