]> git.scottworley.com Git - vopamoi/blob - vopamoi.ts
4d6cd86bfe25289cca1a52969530f6e17851dfe2
[vopamoi] / vopamoi.ts
1 // Typescript doesn't know about MAX_SAFE_INTEGER?? This was supposed to be
2 // fixed in typescript 2.0.1 in 2016, but is not working for me in typescript
3 // 4.2.4 in 2022. :( https://github.com/microsoft/TypeScript/issues/9937
4 //const MAX_SAFE_INTEGER = Number.MAX_SAFE_INTEGER;
5 const MAX_SAFE_INTEGER = 9007199254740991;
6
7 // A sane split that splits N *times*, leaving the last chunk unsplit.
8 function splitN(str: string, delimiter: string, limit: number = MAX_SAFE_INTEGER): string[] {
9 if (limit < 1) {
10 return [str];
11 }
12 const at = str.indexOf(delimiter);
13 return at === -1 ? [str] : [str.substring(0, at)].concat(splitN(str.substring(at + delimiter.length), delimiter, limit - 1));
14 }
15
16 const Model = {
17 createTask: function (description: string) {
18 const task = document.createElement("div");
19 task.appendChild(document.createTextNode(description));
20 task.setAttribute("tabindex", "0");
21 return task;
22 },
23
24 addTask: function (description: string) {
25 document.body.appendChild(this.createTask(description)).focus();
26 },
27
28 moveCursor: function (offset: number) {
29 var active = document.activeElement;
30 if (offset === 1 && active) {
31 active = active.nextElementSibling;
32 }
33 if (offset === -1 && active) {
34 active = active.previousElementSibling;
35 }
36 if (active && active instanceof HTMLElement) active.focus();
37 },
38 };
39
40 const Log = (function () {
41 var next_log_index = 0;
42 return {
43 addTask: function (description: string) {
44 this.recordAndApplyLogEntry(`${Date.now()} Create ${description}`);
45 },
46
47 applyLogEntry: function (entry: string) {
48 const [timestamp, command, data] = splitN(entry, " ", 2);
49 if (command == "Create") {
50 Model.addTask(data);
51 }
52 },
53
54 recordLogEntry: function (entry: string) {
55 window.localStorage.setItem(`${next_log_index++}`, entry);
56 },
57
58 recordAndApplyLogEntry: function (entry: string) {
59 this.recordLogEntry(entry);
60 this.applyLogEntry(entry);
61 },
62
63 replay: function () {
64 while (true) {
65 const entry = window.localStorage.getItem(`${next_log_index}`);
66 if (entry === null) {
67 break;
68 }
69 this.applyLogEntry(entry);
70 next_log_index++;
71 }
72 },
73 };
74 })();
75
76 function handleKey(event: any) {
77 if (event.target.tagName !== "INPUT") {
78 if (event.key == "j") Model.moveCursor(1);
79 if (event.key == "k") Model.moveCursor(-1);
80 if (event.key == "c") {
81 document.getElementById("taskName")!.focus();
82 event.preventDefault();
83 }
84 }
85 }
86
87 function browserCreateTask(form: any) {
88 if (form.taskName.value) {
89 Log.addTask(form.taskName.value);
90 }
91 form.taskName.value = "";
92 return false;
93 }
94
95 function browserInit() {
96 document.body.addEventListener("keydown", handleKey, { capture: false });
97 Log.replay();
98 }