├── .gitignore
├── LICENSE
├── Makefile
├── README.md
├── albatross.service
├── data
    └── .keep
├── lib
    ├── torus.js.oak
    └── uid.oak
├── src
    ├── app.js.oak
    ├── dateutils.js.oak
    ├── defaults.js.oak
    └── main.oak
└── static
    ├── css
        └── main.css
    ├── dyn-index.html
    ├── img
        ├── albatross-github.png
        ├── albatross-social.png
        ├── egg.jpg
        └── empty-page.jpg
    ├── index.html
    └── js
        ├── bundle.js
        ├── libsearch.js
        └── torus.min.js


/.gitignore:
--------------------------------------------------------------------------------
1 | db.json
2 | 


--------------------------------------------------------------------------------
/LICENSE:
--------------------------------------------------------------------------------
 1 | MIT License
 2 | 
 3 | Copyright (c) 2022 Linus Lee
 4 | 
 5 | Permission is hereby granted, free of charge, to any person obtaining a copy
 6 | of this software and associated documentation files (the "Software"), to deal
 7 | in the Software without restriction, including without limitation the rights
 8 | to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
 9 | copies of the Software, and to permit persons to whom the Software is
10 | furnished to do so, subject to the following conditions:
11 | 
12 | The above copyright notice and this permission notice shall be included in all
13 | copies or substantial portions of the Software.
14 | 
15 | THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
16 | IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
17 | FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
18 | AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
19 | LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
20 | OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
21 | SOFTWARE.
22 | 


--------------------------------------------------------------------------------
/Makefile:
--------------------------------------------------------------------------------
 1 | all: serve
 2 | 
 3 | # run server
 4 | serve:
 5 | 	oak src/main.oak
 6 | 
 7 | # build app client
 8 | build:
 9 | 	oak build --entry src/app.js.oak --output static/js/bundle.js --web
10 | b: build
11 | 
12 | # build whenever Oak sources change
13 | watch:
14 | 	ls lib/*.oak src/*.oak | entr -cr make build
15 | w: watch
16 | 
17 | # format changed Oak source
18 | fmt:
19 | 	oak fmt --changes --fix
20 | f: fmt
21 | 
22 | 


--------------------------------------------------------------------------------
/README.md:
--------------------------------------------------------------------------------
 1 | # Albatross 🪶
 2 | 
 3 | **Albatross** is a little to-do list app I made for myself and [Karina](https://karinanguyen.com/) to distract myself from [more important responsibilities](https://twitter.com/thesephist/status/1588795933096964096). It's designed mainly for the two of us, so it prioritizes simplicity and fitting our specific needs and preferences. However, if you really must try it, you can go see a [demo here](https://albatross.oaklang.org/).
 4 | 
 5 | ![Albatross's desktop web view](static/img/albatross-social.png)
 6 | 
 7 | Like many of my projects, Albatross is written in [Oak](https://oaklang.org/) and [Torus](https://github.com/thesephist/torus). Search is handled with [libsearch](https://github.com/thesephist/libsearch). Illustrations used in the empty states in the app were generated with DALL-E 2.
 8 | 
 9 | ## Feature set
10 | 
11 | - Tasks that support categories, due dates, and an extra detail/comment field
12 | - Fast as-you-type search with [libsearch](https://github.com/thesephist/libsearch)
13 | - Light and dark themes
14 | - Speed 🏃‍♂️
15 | 
16 | I've also considered adding some ✨AI features✨ because doing that seems very hype these days, but haven't gotten around to it yet. Here are some ideas I've thought about, though:
17 | 
18 | - Natural language "quick create" for tasks, e.g. being able to type in _Call Rob about improving deploy playbook @ next Tues_ and have it be parsed into the right shape
19 | - Automatically "cleaning up" notes under a task, especially for tasks or notes that are sloppy records of conversations
20 | - Custom encouragements whenever a task is completed, e.g. checking off "Get back to Theo via email" should elicit some encouragement message like "Great job sending that email!"
21 | - A tool for breaking down larger tasks into smaller sub-tasks and making them more approachable
22 | 
23 | ## Development
24 | 
25 | Like many of my projects, Albatross is built and managed with [Oak](https://oaklang.org/). There's a short [Makefile](Makefile) that wraps common `oak` commands:
26 | 
27 | - `make` runs the Flask web server, and is equivalent to `flask run`
28 | - `make fmt` or `make f` auto-formats any tracked changes in the repository
29 | - `make build` or `make b` builds the client JavaScript bundle from `src/app.js.oak`
30 | - `make watch` or `make w` watches for file changes and runs the `make build` on any change
31 | 
32 | ### Deployments
33 | 
34 | Albatross is a bit unique in that it's **designed to be deployable as both a server-backed full-stack web app, persisting data on the backend; and a client-only static single-page app, persisting to browser `localStorage`**. Both versions run very nearly the same code, except for the bits that concern syncing.
35 | 
36 | The static SPA is deployed via Vercel, with `./static/` as the "build output directory".
37 | 
38 | The full-stack app is defined by `albatross.service` and runs as a systemd service in a Linux box.
39 | 


--------------------------------------------------------------------------------
/albatross.service:
--------------------------------------------------------------------------------
 1 | [Unit]
 2 | Description=Albatross
 3 | ConditionPathExists=/home/albatross-user/go/bin/oak
 4 | After=network.target
 5 | 
 6 | [Service]
 7 | Type=simple
 8 | User=albatross-user
 9 | LimitNOFILE=1024
10 | PermissionsStartOnly=true
11 | 
12 | Restart=on-failure
13 | RestartSec=100ms
14 | StartLimitIntervalSec=60
15 | 
16 | Environment="PORT=9888"
17 | Environment="PWD=/home/albatross-user/albatross"
18 | 
19 | WorkingDirectory=/home/albatross-user/albatross
20 | ExecStart=/home/albatross-user/go/bin/oak ./src/main.oak
21 | 
22 | # make sure log directory exists and owned by syslog
23 | PermissionsStartOnly=true
24 | ExecStartPre=/bin/mkdir -p /var/log/albatross
25 | ExecStartPre=/bin/chown syslog:adm /var/log/albatross
26 | ExecStartPre=/bin/chmod 755 /var/log/albatross
27 | StandardOutput=syslog
28 | StandardError=syslog
29 | SyslogIdentifier=albatross
30 | 
31 | [Install]
32 | WantedBy=multi-user.target
33 | 


--------------------------------------------------------------------------------
/data/.keep:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/thesephist/albatross/c6d0c2aa25629b08db83e31dca8575e87f7f9432/data/.keep


--------------------------------------------------------------------------------
/lib/torus.js.oak:
--------------------------------------------------------------------------------
 1 | // torus.js.oak is an Oak wrapper around Torus
 2 | 
 3 | {
 4 | 	default: default
 5 | 	map: map
 6 | } := import('std')
 7 | 
 8 | fn h(tag, args...) {
 9 | 	if len(args) {
10 | 		0 -> ?
11 | 		1 -> [children] := args
12 | 		2 -> [classes, children] := args
13 | 		3 -> [classes, attrs, children] := args
14 | 		_ -> [classes, attrs, events, children] := args
15 | 	}
16 | 	classes := classes |> default([])
17 | 	attrs := attrs |> default({})
18 | 	events := events |> default({})
19 | 	children := children |> default([])
20 | 	{
21 | 		tag: String(tag |> string())
22 | 		attrs: attrs.'class' := classes |> map(String)
23 | 		events: events
24 | 		children: children |> with map() fn(child) if type(child) {
25 | 			:string -> String(child)
26 | 			_ -> child
27 | 		}
28 | 	}
29 | }
30 | 
31 | fn Renderer(root) {
32 | 	if type(root) = :string -> root <- document.querySelector(root)
33 | 
34 | 	render := window.Torus.render
35 | 	initialDOM := h(:div)
36 | 	node := render(?, ?, initialDOM)
37 | 	root.appendChild(node)
38 | 
39 | 	self := {
40 | 		node: node
41 | 		prev: initialDOM
42 | 		update: fn update(jdom) {
43 | 			self.node := render(self.node, self.prev, jdom)
44 | 			self.prev := jdom
45 | 			self.node
46 | 		}
47 | 	}
48 | }
49 | 
50 | 


--------------------------------------------------------------------------------
/lib/uid.oak:
--------------------------------------------------------------------------------
 1 | // uid creates unique short IDs
 2 | 
 3 | {
 4 | 	map: map
 5 | } := import('std')
 6 | {
 7 | 	choice: choice
 8 | } := import('random')
 9 | 
10 | fn newChar {
11 | 	choice('ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789')
12 | }
13 | 
14 | fn new {
15 | 	// 16-char IDs
16 | 	'1234567890123456' |> map(newChar)
17 | }
18 | 


--------------------------------------------------------------------------------
/src/app.js.oak:
--------------------------------------------------------------------------------
  1 | {
  2 | 	println: println
  3 | 	default: default
  4 | 	is: is
  5 | 	map: map
  6 | 	find: find
  7 | 	last: last
  8 | 	slice: slice
  9 | 	filter: filter
 10 | 	append: append
 11 | 	reverse: reverse
 12 | 	debounce: debounce
 13 | } := import('std')
 14 | {
 15 | 	lower: lower
 16 | 	trim: trim
 17 | 	contains?: strContains?
 18 | } := import('str')
 19 | fmt := import('fmt')
 20 | sort := import('sort')
 21 | random := import('random')
 22 | datetime := import('datetime')
 23 | json := {
 24 | 	parse: __native_json_parse
 25 | 	serialize: __native_json_serialize
 26 | }
 27 | uid := import('../lib/uid')
 28 | {
 29 | 	Renderer: Renderer
 30 | 	h: h
 31 | } := import('../lib/torus.js')
 32 | {
 33 | 	dayList: dayList
 34 | 	today: today
 35 | 	tomorrow: tomorrow
 36 | 	yesterday: yesterday
 37 | 	addDays: addDays
 38 | } := import('dateutils.js')
 39 | defaults := import('defaults.js')
 40 | 
 41 | SyncInterval := 3
 42 | LocalStorageKey := 'albatross:0'
 43 | ColorSchemeKey := 'albatross:theme'
 44 | Colors := [
 45 | 	'#11b6a5'
 46 | 	'#4e70c1'
 47 | 	'#715d8c'
 48 | 	'#8b5cb2'
 49 | 	'#8c5d5d'
 50 | 	'#90b847'
 51 | 	'#969696'
 52 | 	'#b25c5c'
 53 | 	'#cfab4a'
 54 | ]
 55 | UseLocalStorage? := Preload = ?
 56 | ClientRenderer := if {
 57 | 	navigator.userAgent |> strContains?('Firefox') -> :gecko
 58 | 	navigator.userAgent |> strContains?('Chrome') -> :blink
 59 | 	navigator.userAgent |> strContains?('Safari') -> :webkit
 60 | 	_ -> :unknownRenderer
 61 | }
 62 | 
 63 | if Preload = ? -> {
 64 | 	Preload <- if persisted := window.localStorage.getItem(LocalStorageKey) {
 65 | 		? -> defaults.DefaultData
 66 | 		_ -> json.parse(persisted)
 67 | 	}
 68 | }
 69 | 
 70 | State := {
 71 | 	// constants
 72 | 	Today: today()
 73 | 	WeekDays: dayList(7)
 74 | 	MonthDays: dayList(30)
 75 | 
 76 | 	// state
 77 | 	theme: window.localStorage.getItem(ColorSchemeKey) |> default('light')
 78 | 	syncing?: false
 79 | 	editingCategories?: false
 80 | 	task: ?
 81 | 	range: 'week'
 82 | 	search: ''
 83 | 	showDone: false
 84 | 	categories: Preload.categories
 85 | 	tasks: Preload.tasks
 86 | 	results: []
 87 | }
 88 | 
 89 | enqueueSync := with debounce(SyncInterval) fn syncImmediately {
 90 | 	State.syncing? := true
 91 | 	render()
 92 | 
 93 | 	if UseLocalStorage? {
 94 | 		true -> {
 95 | 			window.localStorage.setItem(LocalStorageKey, json.serialize({
 96 | 				categories: State.categories
 97 | 				tasks: State.tasks
 98 | 			}))
 99 | 			State.syncing? := false
100 | 			render()
101 | 		}
102 | 		_ -> {
103 | 			resp := fetch('/tasks', {
104 | 				method: 'PUT'
105 | 				headers: {
106 | 					'Content-Type': 'application/json'
107 | 				}
108 | 				body: json.serialize({
109 | 					categories: State.categories
110 | 					tasks: State.tasks
111 | 				})
112 | 			})
113 | 			resp |> call(:catch, fn(err) {
114 | 				State.syncing? := String(err)
115 | 				render()
116 | 			})
117 | 			resp.then(fn {
118 | 				State.syncing? := false
119 | 				render()
120 | 			})
121 | 		}
122 | 	}
123 | }
124 | 
125 | fn sync {
126 | 	State.syncing? := true
127 | 	enqueueSync()
128 | }
129 | 
130 | fn dayName(day) {
131 | 	d := datetime.parse(day + 'T00:00:00') |>
132 | 		datetime.timestamp() |>
133 | 		datetime.describe()
134 | 	jsd := new(Date)
135 | 	jsd.setFullYear(d.year)
136 | 	jsd.setMonth(d.month - 1)
137 | 	jsd.setDate(d.day)
138 | 
139 | 	if jsd.getDay() {
140 | 		0 -> 'Sun'
141 | 		1 -> 'Mon'
142 | 		2 -> 'Tue'
143 | 		3 -> 'Wed'
144 | 		4 -> 'Thu'
145 | 		5 -> 'Fri'
146 | 		6 -> 'Sat'
147 | 	}
148 | }
149 | 
150 | fn fmtDay(day) {
151 | 	d := datetime.parse(day + 'T00:00:00') |>
152 | 		datetime.timestamp() |>
153 | 		datetime.describe()
154 | 
155 | 	monthName := if d.month {
156 | 		1 -> 'Jan'
157 | 		2 -> 'Feb'
158 | 		3 -> 'Mar'
159 | 		4 -> 'Apr'
160 | 		5 -> 'May'
161 | 		6 -> 'Jun'
162 | 		7 -> 'Jul'
163 | 		8 -> 'Aug'
164 | 		9 -> 'Sep'
165 | 		10 -> 'Oct'
166 | 		11 -> 'Nov'
167 | 		12 -> 'Dec'
168 | 	}
169 | 
170 | 	if day {
171 | 		today() -> 'Today'
172 | 		tomorrow() -> 'Tomorrow'
173 | 		yesterday() -> 'Yesterday'
174 | 		_ -> '{{0}}, {{1}} {{2}}' |> fmt.format(dayName(day), monthName, d.day)
175 | 	}
176 | }
177 | 
178 | fn editCategories() {
179 | 	State.editingCategories? := true
180 | 	render()
181 | 
182 | 	document.querySelector('dialog.category-editor').showModal() // show backdrop
183 | }
184 | 
185 | fn focusSearchField {
186 | 	if el := document.querySelector('.task-list-search-input') {
187 | 		? -> {}
188 | 		_ -> el.focus()
189 | 	}
190 | }
191 | 
192 | fn focusFieldWithDataID(id) {
193 | 	if el := document.querySelector('[data-id="' + id + '"]') {
194 | 		? -> {}
195 | 		_ -> el.focus()
196 | 	}
197 | }
198 | 
199 | fn addTaskAndFocus() {
200 | 	id := uid.new()
201 | 	State.tasks << {
202 | 		id: id
203 | 		text: ''
204 | 		body: ''
205 | 		due: today()
206 | 		done: ?
207 | 		cat: ?
208 | 	}
209 | 	State.task := id
210 | 	sync()
211 | 	updateSearchResults()
212 | 
213 | 	focusFieldWithDataID(id)
214 | }
215 | 
216 | fn updateSearchResults() {
217 | 	tasks := State.tasks
218 | 	if !State.showDone -> tasks <- tasks |> filter(fn(t) t.done = ?)
219 | 
220 | 	State.results := tasks |> libsearch.search(
221 | 		String(State.search)
222 | 		fn(t) String(t.text + ' ' + t.body)
223 | 		{
224 | 			mode: String('autocomplete')
225 | 		}
226 | 	)
227 | 	render()
228 | }
229 | 
230 | r := Renderer('#root')
231 | 
232 | fn FlexSpacer h(:div, ['flex-spacer'], [])
233 | 
234 | fn Editable(attrs, allowTab?, handleInput, handleEnter) {
235 | 	handleEnter := handleEnter |> default(fn {})
236 | 
237 | 	h(:div, ['textarea-group'], [
238 | 		h(:div, [
239 | 			'textarea-shadow'
240 | 			if attrs.value |> last() {
241 | 				'\n' -> 'extra-height'
242 | 				_ -> ''
243 | 			}
244 | 		], [attrs.value])
245 | 		h(:textarea, ['textarea-itself'], attrs, {
246 | 			input: handleInput
247 | 			keydown: fn(evt) if evt.key {
248 | 				'Enter' -> handleEnter(evt)
249 | 				'Tab' -> if allowTab? -> {
250 | 					evt.preventDefault()
251 | 
252 | 					if ? != idx := evt.target.selectionStart -> {
253 | 						val := evt.target.value
254 | 						front := val |> slice(0, idx)
255 | 						back := val |> slice(idx)
256 | 						evt.target.value := front + '\t' + back
257 | 						evt.target.setSelectionRange(idx + 1, idx + 1)
258 | 
259 | 						handleInput(evt)
260 | 					}
261 | 				}
262 | 			}
263 | 		}, [])
264 | 	])
265 | }
266 | 
267 | fn Category(id) {
268 | 	cat := State.categories.(
269 | 		State.categories |> find(fn(c) c.id = id)
270 | 	)
271 | 
272 | 	if cat {
273 | 		? -> h(:div, ['category'], ['Unknown category'])
274 | 		_ -> h(:div, ['category'], {
275 | 			style: {
276 | 				background: cat.color
277 | 			}
278 | 		}, [
279 | 			if cat.name {
280 | 				'' -> 'Unnamed category'
281 | 				_ -> cat.name
282 | 			}
283 | 		])
284 | 	}
285 | }
286 | 
287 | fn Task(task) {
288 | 	h(:li, ['task-li'], [
289 | 		h(:div, [
290 | 			'task'
291 | 			if task.done {
292 | 				? -> 'task-undone'
293 | 				_ -> 'task-done'
294 | 			}
295 | 			if State.task {
296 | 				task.id -> 'active'
297 | 				_ -> ''
298 | 			}
299 | 		], {
300 | 			'data-task-id': task.id
301 | 		}, [
302 | 			h(:label, ['task-status'], [
303 | 				h(:input, ['task-checkbox'], {
304 | 					type: 'checkbox'
305 | 					checked: task.done != ?
306 | 				}, {
307 | 					change: fn(evt) {
308 | 						task.done := if task.done {
309 | 							? -> today()
310 | 							_ -> ?
311 | 						}
312 | 						sync()
313 | 						render()
314 | 
315 | 						// give user a second to visually confirm checked
316 | 						// before removing it from view
317 | 						with wait(1) fn {
318 | 							updateSearchResults()
319 | 						}
320 | 					}
321 | 				}, [])
322 | 			])
323 | 			h(:div, ['task-content'], {
324 | 				tabIndex: 0
325 | 			}, {
326 | 				click: fn {
327 | 					State.task := if State.task {
328 | 						task.id -> ?
329 | 						_ -> task.id
330 | 					}
331 | 					render()
332 | 				}
333 | 				keydown: fn(evt) if evt.key = 'Enter' -> {
334 | 					State.task := if State.task {
335 | 						task.id -> ?
336 | 						_ -> task.id
337 | 					}
338 | 					render()
339 | 				}
340 | 			}, [
341 | 				h(:div, ['task-text'], [
342 | 					if task.text |> trim() {
343 | 						'' -> 'Unnamed task'
344 | 						_ -> task.text
345 | 					}
346 | 				])
347 | 				h(:div, ['task-body-preview'], [
348 | 					if {
349 | 						State.search |> trim() != ''
350 | 						State.range = 'all' -> if task.due != ? -> {
351 | 							h(:span, [], [
352 | 								h(:span, ['task-due'], [fmtDay(task.due)])
353 | 								if task.body |> trim() != '' -> ' · '
354 | 							])
355 | 						}
356 | 					}
357 | 					task.body
358 | 				])
359 | 				if task.cat != ? -> h(:div, ['task-category'], [
360 | 					Category(task.cat)
361 | 				])
362 | 			])
363 | 		])
364 | 	])
365 | }
366 | 
367 | fn Tasks(tasks) {
368 | 	h(:ul, ['tasks', 'flex-col'], {
369 | 		tasks |> with map() fn(task) {
370 | 			Task(task)
371 | 		}
372 | 	})
373 | }
374 | 
375 | fn Day(day) {
376 | 	if dayTasks := State.results |> filter(fn(task) task.due = day) {
377 | 		[] -> ?
378 | 		_ -> h(:div, ['day', 'day-' + dayName(day) |> lower()], [
379 | 			h(:div, ['day-header', 'flex-row'], [
380 | 				fmtDay(day)
381 | 				FlexSpacer()
382 | 				string(len(dayTasks))
383 | 			])
384 | 			Tasks(dayTasks)
385 | 		])
386 | 	}
387 | }
388 | 
389 | fn TaskList() {
390 | 	h(:div, ['task-list'], [
391 | 		h(:div, ['task-list-search', 'flex-col'], [
392 | 			h(:div, ['task-list-search-row', 'flex-row'], [
393 | 				h(:input, ['task-list-search-input'], {
394 | 					placeholder: 'Search {{0}} tasks...' |> fmt.format(State.tasks |> len())
395 | 					value: State.search
396 | 				}, {
397 | 					input: fn(evt) {
398 | 						State.search := evt.target.value
399 | 						updateSearchResults()
400 | 					}
401 | 					keydown: fn(evt) if evt.key = 'Escape' -> {
402 | 						if evt.target.value {
403 | 							'' -> evt.target.blur()
404 | 							_ -> {
405 | 								State.search := ''
406 | 								updateSearchResults()
407 | 							}
408 | 						}
409 | 					}
410 | 				}, [])
411 | 				h(:button, ['task-list-new-task'], { title: 'New task' }, {
412 | 					click: fn() addTaskAndFocus()
413 | 				}, ['+'])
414 | 			])
415 | 			h(:div, ['task-list-search-row', 'flex-row'], [
416 | 				h(:button, ['task-list-show-done'], { title: 'Show tasks marked as done' }, {
417 | 					click: fn {
418 | 						State.showDone := !State.showDone
419 | 						sync()
420 | 						updateSearchResults()
421 | 					}
422 | 				}, [
423 | 					if State.showDone {
424 | 						true -> 'Hide done'
425 | 						_ -> 'Show done'
426 | 					}
427 | 				])
428 | 				h(:select, ['task-list-range-select'], {
429 | 					value: State.range
430 | 				}, {
431 | 					change: fn(evt) {
432 | 						State.range := evt.target.value
433 | 						render()
434 | 					}
435 | 				}, {
436 | 					[
437 | 						['today', 'Today']
438 | 						['week', 'This week']
439 | 						['month', 'Next 30 days']
440 | 						['all', 'All tasks']
441 | 					] |> with map() fn(option) {
442 | 						[value, text] := option
443 | 						h(:option, [], { value: value }, {
444 | 							selected: State.range = value
445 | 						}, [text])
446 | 
447 | 					}
448 | 				})
449 | 			])
450 | 		])
451 | 		h(:div, ['task-list-list'], {
452 | 			if State.search |> trim() {
453 | 				'' -> {
454 | 					past := if overdues := State.results |> filter(fn(t) t.due < State.Today) {
455 | 						[] -> []
456 | 						_ -> [
457 | 							h(:div, ['day', 'day-overdue'], [
458 | 								h(:div, ['day-header', 'flex-row'], [
459 | 									'Overdue'
460 | 									FlexSpacer()
461 | 									len(overdues)
462 | 								])
463 | 								Tasks(overdues)
464 | 							])
465 | 						]
466 | 					}
467 | 					if State.range {
468 | 						'today' -> past |> append([State.Today] |> map(Day))
469 | 						'week' -> past |> append(State.WeekDays |> map(Day))
470 | 						'month' -> past |> append(State.MonthDays |> map(Day))
471 | 						'all' -> State.results |> sort.sort(:due) |> reverse() |> map(Task)
472 | 					}
473 | 				}
474 | 				_ -> State.results |> map(Task)
475 | 			}
476 | 		})
477 | 	])
478 | }
479 | 
480 | fn TaskPageHeader(task) {
481 | 	fn swapTasks(t1, t2) {
482 | 		State.tasks := State.tasks |> map(fn(t) if t.id {
483 | 			t1.id -> t2
484 | 			t2.id -> t1
485 | 			_ -> t
486 | 		})
487 | 		sync()
488 | 		updateSearchResults()
489 | 	}
490 | 
491 | 	h(:div, ['task-page-header', 'flex-row'], [
492 | 		h(:button, ['task-page-header-close'], { title: 'Close' }, {
493 | 			click: fn {
494 | 				State.task := ?
495 | 				render()
496 | 			}
497 | 		}, ['Close'])
498 | 		h(:button, ['task-page-header-up'], { title: 'Move up in list' }, {
499 | 			click: fn {
500 | 				taskIDs := Array.from(document.querySelectorAll('[data-task-id]')) |>
501 | 					map(fn(e) e.getAttribute('data-task-id'))
502 | 				if ? != prevTaskID := taskIDs.(taskIDs |> find(is(task.id)) - 1) -> {
503 | 					swapTasks(
504 | 						State.tasks.(State.tasks |> find(fn(t) t.id = prevTaskID))
505 | 						task
506 | 					)
507 | 				}
508 | 			}
509 | 		}, ['↖'])
510 | 		h(:button, ['task-page-header-down'], { title: 'Move down in list' }, {
511 | 			click: fn {
512 | 				taskIDs := Array.from(document.querySelectorAll('[data-task-id]')) |>
513 | 					map(fn(e) e.getAttribute('data-task-id'))
514 | 				if ? != nextTaskID := taskIDs.(taskIDs |> find(is(task.id)) + 1) -> {
515 | 					swapTasks(
516 | 						State.tasks.(State.tasks |> find(fn(t) t.id = nextTaskID))
517 | 						task
518 | 					)
519 | 				}
520 | 			}
521 | 		}, ['↘'])
522 | 		FlexSpacer()
523 | 		h(:button, ['task-page-header-delete'], { title: 'Delete task' }, {
524 | 			click: fn() if confirm('Delete this task?') -> {
525 | 				State.task := ?
526 | 				State.tasks := State.tasks |> filter(fn(t) t.id != task.id)
527 | 				sync()
528 | 				updateSearchResults()
529 | 			}
530 | 		}, ['Delete'])
531 | 		h(:button, ['task-page-header-prev'], { title: 'Pull forward 1 day' }, {
532 | 			click: fn {
533 | 				task.due := addDays(task.due, -1)
534 | 				sync()
535 | 				updateSearchResults()
536 | 			}
537 | 		}, ['←'])
538 | 		h(:button, ['task-page-header-today'], { title: 'Make due day' }, {
539 | 			click: fn {
540 | 				task.due := today()
541 | 				sync()
542 | 				updateSearchResults()
543 | 			}
544 | 		}, ['↓'])
545 | 		h(:button, ['task-page-header-next'], { title: 'Postpone 1 day' }, {
546 | 			click: fn {
547 | 				task.due := addDays(task.due, 1)
548 | 				sync()
549 | 				updateSearchResults()
550 | 			}
551 | 		}, ['→'])
552 | 	])
553 | }
554 | 
555 | fn TaskPage(task) {
556 | 	h(:div, ['task-page'], {
557 | 		if task {
558 | 			? -> [h(:div, ['task-page-empty'], [])]
559 | 			_ -> [
560 | 				TaskPageHeader(task)
561 | 				h(:div, ['task-editor', 'flex-col'], [
562 | 					h(:div, ['task-editor-text'], [
563 | 						Editable({
564 | 							value: task.text
565 | 							placeholder: 'Do this'
566 | 							'data-id': task.id
567 | 						}, false, fn(evt) {
568 | 							task.text := evt.target.value
569 | 							sync()
570 | 							render()
571 | 						}, fn(evt) {
572 | 							evt.preventDefault()
573 | 							focusFieldWithDataID(string(task.id) + '-body')
574 | 						})
575 | 					])
576 | 					h(:div, ['task-editor-option-row'], [
577 | 						h(:div, ['task-editor-option-subrow'], [
578 | 							h(:input, ['task-editor-due-input'], {
579 | 								type: 'date'
580 | 								value: task.due
581 | 							}, {
582 | 								change: fn(evt) {
583 | 									task.due := evt.target.value
584 | 									sync()
585 | 									render()
586 | 								}
587 | 							}, [])
588 | 							h(:button, ['task-editor-due-reset'], { title: 'Unset due date' }, {
589 | 								click: fn {
590 | 									task.due := ?
591 | 									sync()
592 | 									render()
593 | 								}
594 | 							}, ['Unset'])
595 | 						])
596 | 						h(:div, ['task-editor-option-subrow'], [
597 | 							h(:select, ['task-editor-category-select'], {}, {
598 | 								change: fn(evt) {
599 | 									task.cat := if value := evt.target.value {
600 | 										'' -> ?
601 | 										_ -> value
602 | 									}
603 | 									sync()
604 | 									render()
605 | 								}
606 | 							}, [
607 | 								h(:option, [], {
608 | 									value: ''
609 | 									selected: task.cat = ?
610 | 								}, ['No category'])
611 | 								h(:optgroup, [], { label: 'Categories' }, {
612 | 									State.categories |> with map() fn(cat) {
613 | 										h(:option, [], {
614 | 											value: cat.id
615 | 											selected: task.cat = cat.id
616 | 										}, [
617 | 											if cat.name {
618 | 												'' -> 'Unnamed category'
619 | 												_ -> cat.name
620 | 											}
621 | 										])
622 | 									}
623 | 								})
624 | 							])
625 | 							h(:button, ['task-editor-category-edit'], {}, {
626 | 								click: fn() editCategories()
627 | 							}, ['Edit'])
628 | 						])
629 | 					])
630 | 					h(:div, ['task-editor-body'], [
631 | 						Editable({
632 | 							value: task.body
633 | 							placeholder: 'Some more context'
634 | 							'data-id': string(task.id) + '-body'
635 | 						}, true, fn(evt) {
636 | 							task.body := evt.target.value
637 | 							sync()
638 | 							render()
639 | 						})
640 | 					])
641 | 				])
642 | 			]
643 | 		}
644 | 	})
645 | }
646 | 
647 | fn CategoryEditor() {
648 | 	h(:dialog, ['category-editor', 'flex-col'], [
649 | 		h(:div, ['category-editor-header', 'flex-row'], [
650 | 			h(:h2, ['Categories'])
651 | 			FlexSpacer()
652 | 			h(:button, ['dialog-close'], { title: 'Save and close' }, {
653 | 				click: fn {
654 | 					State.editingCategories? := false
655 | 					render()
656 | 				}
657 | 			}, ['Done'])
658 | 		])
659 | 		h(:ul, ['category-editor-list', 'flex-col'], {
660 | 			State.categories |> with map() fn(cat) {
661 | 				h(:li, ['category-editor-item', 'flex-row'], [
662 | 					h(:input, ['category-editor-color-input'], {
663 | 						type: 'color'
664 | 						value: cat.color
665 | 					}, {
666 | 						input: fn(evt) {
667 | 							cat.color := evt.target.value
668 | 							sync()
669 | 							render()
670 | 						}
671 | 					}, [])
672 | 					h(:input, ['category-editor-name-input'], {
673 | 						value: cat.name
674 | 						placeholder: 'New category'
675 | 						'data-id': cat.id
676 | 					}, {
677 | 						input: fn(evt) {
678 | 							cat.name := evt.target.value
679 | 							sync()
680 | 							render()
681 | 						}
682 | 					}, [])
683 | 					if State.tasks |> filter(fn(t) t.cat = cat.id) = [] -> h(:button, ['category-editor-delete'], { title: 'Delete category' }, {
684 | 						click: fn {
685 | 							State.categories := State.categories |> filter(fn(c) c.id != cat.id)
686 | 							sync()
687 | 							render()
688 | 						}
689 | 					}, ['X'])
690 | 				])
691 | 			}
692 | 		})
693 | 		h(:button, ['category-editor-add'], { title: 'Add category' }, {
694 | 			click: fn {
695 | 				id := uid.new()
696 | 				State.categories << {
697 | 					id: id
698 | 					name: ''
699 | 					color: random.choice(Colors)
700 | 				}
701 | 				sync()
702 | 				render()
703 | 
704 | 				focusFieldWithDataID(id)
705 | 			}
706 | 		}, ['+ New Category'])
707 | 	])
708 | }
709 | 
710 | fn render {
711 | 	document.body.classList.toggle('dark', State.theme = 'dark')
712 | 
713 | 	with r.update() h(:div, [
714 | 		'app'
715 | 		if State.task {
716 | 			? -> 'no-active-task'
717 | 			_ -> 'active-task'
718 | 		}
719 | 	], [
720 | 		h(:header, ['flex-row'], [
721 | 			h(:a, ['logo'], { href: '/' }, ['Albatross'])
722 | 			FlexSpacer()
723 | 			if errMsg := State.syncing? {
724 | 				true, false -> ? // don't report normal states
725 | 				_ -> h(:button, ['sync-try-again'], {
726 | 					title: 'Sync error: {{0}}\nClick to try again.' |> fmt.format(errMsg)
727 | 				}, {
728 | 					click: fn() syncImmediately()
729 | 				}, ['⚠️'])
730 | 			}
731 | 			h(:button, ['theme-button'], {
732 | 				title: if State.theme {
733 | 					'light' -> 'Dark mode'
734 | 					_ -> 'Light mode'
735 | 				}
736 | 			}, {
737 | 				click: fn {
738 | 					State.theme := if State.theme {
739 | 						'light' -> 'dark'
740 | 						_ -> 'light'
741 | 					}
742 | 					window.localStorage.setItem(ColorSchemeKey, State.theme)
743 | 					render()
744 | 				}
745 | 			}, [
746 | 				if State.theme {
747 | 					'light' -> '🌘'
748 | 					_ -> '☀️'
749 | 				}
750 | 			])
751 | 		])
752 | 		h(:main, ['flex-row'], [
753 | 			TaskList()
754 | 			TaskPage(
755 | 				State.tasks.(
756 | 					State.tasks |> find(fn(t) t.id = State.task)
757 | 				)
758 | 			)
759 | 		])
760 | 		h(:footer, [
761 | 			h(:a, [], { href: 'https://github.com/thesephist/albatross', target: '_blank' }, ['Albatross'])
762 | 			', a way to organize life, by '
763 | 			h(:a, [], { href: 'https://thesephist.com', target: '_blank' }, ['L'])
764 | 			' for '
765 | 			h(:a, [], { href: 'https://karinanguyen.com', target: '_blank' }, ['K'])
766 | 			'.'
767 | 		])
768 | 		if State.editingCategories? -> CategoryEditor()
769 | 	])
770 | }
771 | 
772 | with document.body.addEventListener('keydown') fn(evt) if [evt.ctrlKey | evt.metaKey, evt.shiftKey, evt.key] {
773 | 	[true, false, '/'] -> focusSearchField()
774 | 	[true, false, 'k'] -> if State.task != ? -> focusFieldWithDataID(State.task)
775 | 	[true, true, 'k'] -> addTaskAndFocus()
776 | }
777 | 
778 | // prevent close if persisting
779 | with window.addEventListener('beforeunload') fn(evt) if State.syncing? {
780 | 	false -> evt.returnValue := _
781 | 	_ -> {
782 | 		evt.preventDefault()
783 | 		evt.returnValue := 0 // cannot be null or undefined
784 | 	}
785 | }
786 | 
787 | fn enqueueMinutelyUpdate {
788 | 	render()
789 | 	with wait(30) fn {
790 | 		enqueueMinutelyUpdate()
791 | 	}
792 | }
793 | enqueueMinutelyUpdate()
794 | 
795 | // for browser renderer- or engine-dependent hacks, mark the body
796 | document.body.classList.add(string(ClientRenderer))
797 | 
798 | // default blank search on first load
799 | updateSearchResults()
800 | 
801 | render()
802 | 
803 | 


--------------------------------------------------------------------------------
/src/dateutils.js.oak:
--------------------------------------------------------------------------------
 1 | {
 2 | 	default: default
 3 | 	range: range
 4 | 	map: map
 5 | 	take: take
 6 | } := import('std')
 7 | datetime := import('datetime')
 8 | 
 9 | OneDay := 86400
10 | 
11 | fn dayList(n, dir) {
12 | 	dir := dir |> default(:future)
13 | 	dayCounts := if dir {
14 | 		:future -> range(n)
15 | 		:past -> range(1 - n, 1)
16 | 	}
17 | 	now := int(time())
18 | 	tzOffset := new(Date).getTimezoneOffset()
19 | 	dayCounts |> map(fn(n) {
20 | 		datetime.format(now + n * OneDay, -tzOffset) |> take(10)
21 | 	})
22 | }
23 | 
24 | fn today() dayList(1).0
25 | 
26 | fn tomorrow() dayList(2).1
27 | 
28 | fn yesterday() dayList(2, :past).0
29 | 
30 | fn addDays(day, n) {
31 | 	desc := datetime.parse(day + 'T00:00:00')
32 | 	(datetime.timestamp(desc) + n * OneDay) |>
33 | 		datetime.format() |>
34 | 		take(10)
35 | }
36 | 
37 | 


--------------------------------------------------------------------------------
/src/defaults.js.oak:
--------------------------------------------------------------------------------
 1 | {
 2 | 	today: today
 3 | 	tomorrow: tomorrow
 4 | } := import('dateutils.js')
 5 | 
 6 | DefaultData := {
 7 | 	categories: [
 8 | 		{
 9 | 			id: 'xmFWgdzyhWVHmkMA'
10 | 			name: 'Side Projects'
11 | 			color: '#11b6a5'
12 | 		}
13 | 		{
14 | 			id: 'JuVAgJQzI6IQCquO'
15 | 			name: 'Networking'
16 | 			color: '#90b847'
17 | 		}
18 | 		{
19 | 			id: 'TQkckfPUXfsOnQFK'
20 | 			name: 'Writing'
21 | 			color: '#4e70c1'
22 | 		}
23 | 	]
24 | 	tasks: [
25 | 		{
26 | 			id: 'ckgtqfVmMPrzn5jv'
27 | 			text: 'How to use Albatross 🤔'
28 | 			body: 'Albatross is very minimal\n- Create todos and filter/search in the left sidebar\n- If you click on a todo, it\'ll open on the right side (or in a new view on mobile)\n- The diagonal arrow buttons move the todo up/down in the left sidebar (it\'s a little buggy)\n- The left/bottom/right buttons above move the current todo\'s due date forward 1 day, to today, or backward 1 day, respectively\n- Use the \"Edit\" button to create new categories or edit existing ones\n- Switch light/dark theme with the button in the top right corner\n\nKeyboard shortcuts\n- Ctrl/Cmd+K to focus the title field of a todo\n- Ctrl/Cmd+/ to focus the search field\n- Ctrl/Cmd+Shift+K to create a new todo\n\nMore information at https://github.com/thesephist/albatross'
29 | 			due: today()
30 | 			done: ?
31 | 			cat: 'xmFWgdzyhWVHmkMA'
32 | 		}
33 | 		{
34 | 			id: 'HWqMlNluXUtYRBqN'
35 | 			text: 'Send email connecting Theo and James'
36 | 			body: 'They should talk more about tools for thought!'
37 | 			due: today()
38 | 			done: ?
39 | 			cat: 'JuVAgJQzI6IQCquO'
40 | 		}
41 | 		{
42 | 			id: 'by3oDreliq6EKrMK'
43 | 			text: 'Write a short sci-fi piece about LLMs and in-context learning'
44 | 			body: 'Geoffrey told me this could be an interesting idea for a sci-fi story!'
45 | 			due: today()
46 | 			done: ?
47 | 			cat: 'TQkckfPUXfsOnQFK'
48 | 		}
49 | 		{
50 | 			id: '9rxjTrmIGs2JpaOV'
51 | 			text: 'Launch Albatross 🪶'
52 | 			body: 'Before launch\n- Make sure page has social images + head tags\n- Finish writing a README\n\nAfter launch\n- Post to Twitter\n- Post to Linkedin'
53 | 			due: tomorrow()
54 | 			done: ?
55 | 			cat: 'xmFWgdzyhWVHmkMA'
56 | 		}
57 | 		{
58 | 			id: 'yOkTFzRnYCCVwKfv'
59 | 			text: 'Write research report about latent space models'
60 | 			body: ''
61 | 			due: tomorrow()
62 | 			done: ?
63 | 			cat: 'TQkckfPUXfsOnQFK'
64 | 		}
65 | 	]
66 | }
67 | 
68 | 


--------------------------------------------------------------------------------
/src/main.oak:
--------------------------------------------------------------------------------
 1 | // albatross
 2 | 
 3 | std := import('std')
 4 | str := import('str')
 5 | fmt := import('fmt')
 6 | fs := import('fs')
 7 | path := import('path')
 8 | http := import('http')
 9 | 
10 | Port := 9888
11 | StaticDir := './static'
12 | DataFile := './data/db.json'
13 | 
14 | // create DataFile if not already exists
15 | if fs.statFile(DataFile) = ? -> {
16 | 	if fs.writeFile(DataFile, '{ "categories": [], "tasks": [] }') = ? -> {
17 | 		std.println('error: could not create db')
18 | 		exit(1)
19 | 	}
20 | }
21 | 
22 | server := http.Server()
23 | 
24 | fn err(msg) {
25 | 	status: 500
26 | 	headers: { 'Content-Type': http.MimeTypes.txt }
27 | 	body: msg
28 | }
29 | 
30 | fn serveIndex(end) with fs.readFile(path.join(StaticDir, 'dyn-index.html')) fn(file) if file {
31 | 	? -> end(http.NotFound)
32 | 	_ -> with fs.readFile(DataFile) fn(dataFile) if dataFile {
33 | 		? -> end(http.NotFound)
34 | 		_ -> end({
35 | 			status: 200
36 | 			headers: { 'Content-Type': http.MimeTypes.html }
37 | 			body: file |> fmt.format({ preload: dataFile })
38 | 		})
39 | 	}
40 | }
41 | 
42 | with server.route('/tasks') fn(params) fn(req, end) if req.method {
43 | 	'GET' -> with fs.readFile(DataFile) fn(file) if file {
44 | 		? -> end(http.NotFound)
45 | 		_ -> end({
46 | 			status: 200
47 | 			headers: { 'Content-Type': http.MimeTypes.json }
48 | 			body: file
49 | 		})
50 | 	}
51 | 	'PUT' -> with fs.writeFile(DataFile, req.body) fn(res) if res {
52 | 		? -> end({
53 | 			status: 500
54 | 			headers: { 'Content-Type': http.MimeTypes.txt }
55 | 			body: 'error: could not save'
56 | 		})
57 | 		_ -> end({
58 | 			status: 201
59 | 			headers: { 'Content-Type': http.MimeTypes.txt }
60 | 			body: ''
61 | 		})
62 | 	}
63 | 	_ -> end(http.MethodNotAllowed)
64 | }
65 | 
66 | with server.route('/*staticPath') fn(params) {
67 | 	http.handleStatic(path.join(StaticDir, params.staticPath))
68 | }
69 | 
70 | with server.route('/') fn(params) fn(req, end) if req.method {
71 | 	'GET' -> serveIndex(end)
72 | 	_ -> end(http.MethodNotAllowed)
73 | }
74 | 
75 | server.start(Port)
76 | std.println('Albatross running at port', Port)
77 | 
78 | 


--------------------------------------------------------------------------------
/static/css/main.css:
--------------------------------------------------------------------------------
  1 | html,
  2 | body {
  3 |     margin: 0;
  4 | }
  5 | 
  6 | body,
  7 | dialog::backdrop,
  8 | *::before,
  9 | *::after {
 10 |     --primary-bg: #fdfeff;
 11 |     --primary-text: #111111;
 12 |     --secondary-bg: #eeeef3;
 13 |     --secondary-text: #9b9b9b;
 14 |     --hover-bg: #dde1e5;
 15 |     --active-bg: #cdcfd2;
 16 |     --shadow-soft: rgba(0, 0, 0, .15);
 17 |     --shadow-hard: rgba(0, 0, 0, .36);
 18 |     --red: #bc0c0c;
 19 | 
 20 |     --dark-primary-bg: #30373a;
 21 |     --dark-primary-text: #ebebeb;
 22 |     --dark-secondary-bg: #141516;
 23 |     --dark-secondary-text: #a4a7a9;
 24 |     --dark-hover-bg: #474c50;
 25 |     --dark-active-bg: #626569;
 26 |     --dark-shadow-soft: rgba(255, 255, 255, .15);
 27 |     --dark-shadow-hard: rgba(255, 255, 255, .36);
 28 |     --dark-red: #d46060;
 29 | 
 30 |     --accent: #bd4444;
 31 |     --hover-accent: #ac3232;
 32 |     --active-accent: #891111;
 33 | }
 34 | 
 35 | .dark,
 36 | .dark dialog::backdrop,
 37 | .dark *::before,
 38 | .dark *::after {
 39 |     --primary-bg: var(--dark-primary-bg);
 40 |     --primary-text: var(--dark-primary-text);
 41 |     --secondary-bg: var(--dark-secondary-bg);
 42 |     --secondary-text: var(--dark-secondary-text);
 43 |     --hover-bg: var(--dark-hover-bg);
 44 |     --active-bg: var(--dark-active-bg);
 45 |     --red: var(--dark-red);
 46 | }
 47 | 
 48 | body {
 49 |     font-family: system-ui, sans-serif;
 50 |     color: var(--primary-text);
 51 |     background: var(--secondary-bg);
 52 | }
 53 | 
 54 | input,
 55 | button,
 56 | select,
 57 | textarea {
 58 |     font-size: inherit;
 59 |     font-family: inherit;
 60 |     color: inherit;
 61 |     background: inherit;
 62 |     margin: 0;
 63 | }
 64 | 
 65 | input::placeholder,
 66 | textarea::placeholder {
 67 |     color: var(--secondary-text);
 68 | }
 69 | 
 70 | p,
 71 | li {
 72 |     line-height: 1.5em;
 73 |     max-width: 64ch;
 74 | }
 75 | 
 76 | dialog {
 77 |     color: var(--primary-text);
 78 |     background: var(--primary-bg);
 79 |     border: 0;
 80 |     border-radius: 6px;
 81 |     box-shadow: 0 2px 52px -6px var(--shadow-hard);
 82 | }
 83 | 
 84 | dialog::backdrop {
 85 |     background: var(--shadow-soft);
 86 | }
 87 | 
 88 | /* textarea trick */
 89 | 
 90 | .textarea-group {
 91 |     position: relative;
 92 |     tab-size: 4;
 93 | }
 94 | 
 95 | body.webkit .textarea-group,
 96 | body.webkit .textarea-itself {
 97 |     /* When path highlight <mark>s are placed into .text-annotations, they
 98 |      * disrupt kerning between letters and punctuation around words in a way
 99 |      * that can't be replicated in a <textarea>. To make text layout in both
100 |      * environments identical, we turn off kerning. */
101 |     font-kerning: none;
102 | }
103 | 
104 | .textarea-shadow {
105 |     visibility: hidden;
106 | }
107 | 
108 | .textarea-shadow,
109 | .textarea-itself {
110 |     border: 0;
111 |     padding: 0;
112 |     outline: 0;
113 |     box-sizing: border-box;
114 |     line-height: 1.5em;
115 |     min-height: 1.5em; /* line-height */
116 |     color: inherit;
117 |     text-decoration: inherit;
118 |     width: 100%;
119 |     margin: 0;
120 |     background: transparent;
121 |     word-wrap: break-word;
122 |     white-space: pre-wrap;
123 |     -webkit-text-size-adjust: none;
124 | }
125 | 
126 | .textarea-itself {
127 |     resize: none;
128 |     position: absolute;
129 |     top: 0;
130 |     left: 0;
131 |     right: 0;
132 |     bottom: 0;
133 |     /* Firefox doesn't extend this block to the bottom of .textarea-group
134 |      * unless height is set to 100%. */
135 |     height: 100%;
136 | }
137 | 
138 | .textarea-shadow.extra-height {
139 |     padding-bottom: 1.5em;
140 | }
141 | 
142 | /* components */
143 | 
144 | input:not([type="checkbox"]),
145 | button,
146 | select {
147 |     background: var(--primary-bg);
148 |     line-height: 1.5em;
149 |     border: 1px solid var(--hover-bg);
150 |     box-sizing: border-box;
151 |     margin: 0;
152 |     padding: .3em .7em;
153 |     border-radius: 4px;
154 |     box-shadow: 0 1px 3px var(--shadow-soft);
155 | }
156 | 
157 | button,
158 | select,
159 | input[type="date"],
160 | input[type="color"] {
161 |     cursor: pointer;
162 |     transition: background .2s, box-shadow .3s;
163 | }
164 | 
165 | button:hover,
166 | select:hover,
167 | input[type="date"]:active,
168 | input[type="color"]:hover {
169 |     box-shadow: 0 2px 6px var(--shadow-soft);
170 | }
171 | 
172 | button:active,
173 | select:active,
174 | input[type="date"]:focus,
175 | input[type="date"]:active,
176 | input[type="color"]:focus,
177 | input[type="color"]:active {
178 |     background: var(--secondary-bg);
179 |     box-shadow: 0 1px 4px var(--shadow-soft);
180 | }
181 | 
182 | select {
183 |     height: 2.25em;
184 | }
185 | 
186 | input[type="checkbox"] {
187 |     position: relative;
188 |     cursor: pointer;
189 | }
190 | 
191 | input[type="checkbox"]::before {
192 |     content: '';
193 |     visibility: visible;
194 |     position: absolute;
195 |     top: -1px;
196 |     left: 0;
197 |     height: 1em;
198 |     width: 1em;
199 |     border-radius: 4px;
200 |     background: var(--primary-bg);
201 |     border: 2px solid var(--accent);
202 |     box-sizing: border-box;
203 | }
204 | 
205 | input[type="checkbox"]:checked::before {
206 |     background: var(--accent);
207 | }
208 | 
209 | input[type="checkbox"]:checked::after {
210 |     content: '';
211 |     visibility: visible;
212 |     position: absolute;
213 |     top: 2px;
214 |     left: 3px;
215 |     height: 0.4em;
216 |     width: 0.7em;
217 |     transform: rotate(-45deg);
218 |     background: transparent;
219 |     box-sizing: border-box;
220 |     border-left: 2px solid var(--primary-bg);
221 |     border-bottom: 2px solid var(--primary-bg);
222 | }
223 | 
224 | .flex-row {
225 |     display: flex;
226 |     flex-direction: row;
227 |     align-items: center;
228 |     gap: 8px;
229 | }
230 | 
231 | .flex-col {
232 |     display: flex;
233 |     flex-direction: column;
234 |     align-items: center;
235 |     gap: 8px;
236 | }
237 | 
238 | .flex-spacer {
239 |     width: 0;
240 |     height: 0;
241 |     flex-grow: 1;
242 | }
243 | 
244 | /* layout */
245 | 
246 | .app {
247 |     width: 100%;
248 |     height: 100vh;
249 |     overflow: hidden;
250 |     display: flex;
251 |     flex-direction: column;
252 | }
253 | 
254 | header,
255 | main,
256 | footer {
257 |     width: calc(100% - 36px);
258 |     max-width: 1024px;
259 |     margin: 16px auto;
260 | }
261 | 
262 | header,
263 | footer {
264 |     flex-grow: 0;
265 |     flex-shrink: 1;
266 | }
267 | 
268 | header a.logo {
269 |     color: var(--primary-text);
270 |     font-weight: bold;
271 |     text-decoration: none;
272 | }
273 | 
274 | header a.logo:hover {
275 |     text-decoration: underline;
276 | }
277 | 
278 | main.flex-row {
279 |     display: flex;
280 |     flex-direction: row;
281 |     gap: 24px;
282 |     align-items: flex-start;
283 |     height: 0;
284 |     flex-grow: 1;
285 |     margin-bottom: 0;
286 | }
287 | 
288 | footer {
289 |     line-height: 1.5em;
290 |     font-size: calc(1em - 2px);
291 |     color: var(--secondary-text);
292 | }
293 | 
294 | footer a {
295 |     color: inherit;
296 | }
297 | 
298 | .task-list-list {
299 |     height: 0;
300 |     flex-grow: 1;
301 |     overflow-y: auto;
302 | }
303 | 
304 | .task-list {
305 |     flex-grow: 1;
306 |     flex-shrink: 0;
307 |     width: 256px;
308 |     height: 100%;
309 |     display: flex;
310 |     flex-direction: column;
311 | }
312 | 
313 | .task-list-list:empty {
314 |     background: url(/img/egg.jpg);
315 |     background-size: 200px;
316 |     background-position: center 100px;
317 |     background-repeat: no-repeat;
318 |     mix-blend-mode: color-burn;
319 |     animation: lift-up 1s forwards;
320 | }
321 | 
322 | .task-list-search {
323 |     margin-bottom: 8px;
324 |     flex-grow: 0;
325 |     flex-shrink: 1;
326 | }
327 | 
328 | .task-list-search-row {
329 |     width: 100%;
330 | }
331 | 
332 | .task-list-search-input {
333 |     width: 0;
334 |     flex-grow: 1;
335 | }
336 | 
337 | .task-list-new-task,
338 | .category-editor-add {
339 |     color: var(--primary-bg);
340 |     background: var(--accent);
341 | }
342 | 
343 | .dark .task-list-new-task,
344 | .dark .category-editor-add {
345 |     color: var(--primary-text);
346 | }
347 | 
348 | .task-list-new-task:hover,
349 | .category-editor-add:hover {
350 |     background: var(--hover-accent);
351 | }
352 | 
353 | .task-list-new-task:active,
354 | .category-editor-add:active {
355 |     background: var(--active-accent);
356 | }
357 | 
358 | .task-list-range-select {
359 |     width: 0;
360 |     flex-grow: 1;
361 | }
362 | 
363 | .task-list-list > li.task-li {
364 |     margin-bottom: 8px;
365 | }
366 | 
367 | .day {
368 |     margin-bottom: 8px;
369 |     gap: 4px;
370 | }
371 | 
372 | .day-overdue .day-header,
373 | .day-sat .day-header,
374 | .day-sun .day-header {
375 |     color: var(--red);
376 |     border-bottom-color: var(--red);
377 | }
378 | 
379 | .day-header {
380 |     padding: 0.5em 0.8em;
381 |     font-weight: bold;
382 |     padding: 0.5em 0 0.3em 0;
383 |     border-bottom: 2px solid var(--primary-text);
384 | }
385 | 
386 | ul.tasks.flex-col {
387 |     padding-left: 0;
388 |     gap: 4px;
389 |     margin: 4px 0;
390 | }
391 | 
392 | li.task-li {
393 |     list-style: none;
394 |     width: 100%;
395 | }
396 | 
397 | .task {
398 |     cursor: pointer;
399 |     width: 100%;
400 |     display: flex;
401 |     flex-direction: row;
402 |     gap: 16px;
403 |     align-items: flex-start;
404 |     padding: 8px;
405 |     box-sizing: border-box;
406 |     border-radius: 4px;
407 |     transition: background .2s;
408 | }
409 | 
410 | .task.task-done .task-text,
411 | .task.task-done .task-category {
412 |     opacity: .5;
413 | }
414 | 
415 | .task.task-done .task-text {
416 |     text-decoration: line-through;
417 | }
418 | 
419 | .task:hover,
420 | .task.active {
421 |     background: var(--primary-bg);
422 | }
423 | 
424 | .task-status {
425 |     padding-left: 4px;
426 | }
427 | 
428 | .task-content {
429 |     flex-grow: 1;
430 |     width: 0;
431 | }
432 | 
433 | .task-text {
434 |     line-height: 1.5em;
435 |     word-wrap: break-word;
436 | }
437 | 
438 | .task-body-preview {
439 |     color: var(--secondary-text);
440 |     font-size: calc(1em - 4px);
441 |     overflow: hidden;
442 |     white-space: nowrap;
443 |     text-overflow: ellipsis;
444 | }
445 | 
446 | .task-due {
447 |     color: var(--accent);
448 | }
449 | 
450 | .task-category {
451 |     margin-top: 4px;
452 | }
453 | 
454 | .category {
455 |     display: inline-block;
456 |     color: var(--primary-bg);
457 |     font-size: calc(1em - 4px);
458 |     background: var(--secondary-text); /* base color */
459 |     padding: 0 0.5em;
460 |     border-radius: 4px;
461 |     box-shadow: 0 1px 3px var(--shadow-soft);
462 | }
463 | 
464 | .dark .category {
465 |     color: var(--primary-bg); /* override dark mode */
466 | }
467 | 
468 | .task-page {
469 |     flex-grow: 8;
470 |     width: 256px;
471 |     height: 100%;
472 |     display: flex;
473 |     flex-direction: column;
474 | }
475 | 
476 | @keyframes lift-up {
477 |     from {
478 |         opacity: 0;
479 |         transform: translate(0, 12px);
480 |     }
481 |     to {
482 |         opacity: 1;
483 |         transform: translate(0, 0);
484 |     }
485 | }
486 | 
487 | .task-page-empty {
488 |     background: url(/img/empty-page.jpg);
489 |     background-size: 300px;
490 |     background-position: center center;
491 |     height: 100%;
492 |     background-repeat: no-repeat;
493 |     mix-blend-mode: color-burn;
494 |     animation: lift-up 2s forwards;
495 | }
496 | 
497 | .task-page-header {
498 |     flex-grow: 0;
499 |     flex-shrink: 0;
500 |     overflow-y: auto;
501 |     margin-bottom: 8px;
502 | }
503 | 
504 | .task-editor {
505 |     height: 0;
506 |     flex-grow: 1;
507 |     overflow-y: auto;
508 |     display: flex;
509 |     flex-direction: column;
510 | }
511 | 
512 | .task-editor.flex-col {
513 |     align-items: flex-start;
514 | }
515 | 
516 | .task-editor-text,
517 | .task-editor-body {
518 |     width: 100%;
519 | }
520 | 
521 | .task-editor-body {
522 |     height: 0;
523 |     flex-grow: 1;
524 | }
525 | 
526 | .task-editor-body .textarea-group {
527 |     min-height: 100%;
528 | }
529 | 
530 | .task-editor-text {
531 |     font-size: 2em;
532 |     margin-top: 16px;
533 |     margin-bottom: 0;
534 | }
535 | 
536 | .task-editor-option-row {
537 |     display: flex;
538 |     flex-direction: row;
539 |     align-items: center;
540 |     justify-content: space-between;
541 |     gap: 8px;
542 |     width: 100%;
543 |     margin: 16px 0;
544 | }
545 | 
546 | .task-editor-option-subrow {
547 |     width: auto;
548 |     flex-grow: 0;
549 |     flex-shrink: 1;
550 |     display: flex;
551 |     flex-direction: row;
552 |     align-items: center;
553 |     gap: 8px;
554 |     min-width: 0;
555 | }
556 | 
557 | .task-editor-option-subrow input,
558 | .task-editor-option-subrow select {
559 |     flex-grow: 0;
560 |     flex-shrink: 1;
561 |     min-width: 0;
562 | }
563 | 
564 | dialog.category-editor {
565 |     padding: 1em;
566 |     width: calc(100% - 36px);
567 |     max-width: 360px;
568 | }
569 | 
570 | .category-editor-header {
571 |     margin-bottom: 24px;
572 |     width: 100%;
573 | }
574 | 
575 | dialog h2 {
576 |     margin: 0;
577 | }
578 | 
579 | ul.category-editor-list {
580 |     padding-left: 0;
581 |     margin: 0;
582 |     width: 100%;
583 | }
584 | 
585 | li.category-editor-item {
586 |     list-style: none;
587 |     width: 100%;
588 | }
589 | 
590 | .category-editor-name-input {
591 |     flex-grow: 1;
592 | }
593 | 
594 | .category-editor-color-input {
595 |     height: 2.25em;
596 | }
597 | 
598 | .category-editor-add {
599 |     width: 100%;
600 | }
601 | 
602 | @media only screen and (max-width: 780px) {
603 |     .task-list {
604 |         max-width: unset;
605 |         width: 0;
606 |         flex-grow: 1;
607 |     }
608 |     .app.no-active-task .task-page {
609 |         display: none;
610 |     }
611 |     .app.active-task .task-list {
612 |         display: none;
613 |     }
614 |     .task-editor-option-row {
615 |         flex-direction: column;
616 |     }
617 |     .task-editor-option-subrow {
618 |         width: 100%;
619 |     }
620 | }
621 | 
622 | 


--------------------------------------------------------------------------------
/static/dyn-index.html:
--------------------------------------------------------------------------------
 1 | <!doctype html>
 2 | <meta charset="utf-8">
 3 | <title>Albatross</title>
 4 | <meta name="viewport" content="width=device-width,initial-scale=1">
 5 | <link rel="icon" href="data:image/svg+xml,<svg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 100 100%22><text y=%22.9em%22 font-size=%2290%22>🪶</text></svg>">
 6 | <link rel="stylesheet" href="/css/main.css">
 7 | 
 8 | <div id="root"></div>
 9 | <script>
10 | /* __native_json_serialize is an efficient implementation of Oak's
11 | libjson.serialize function, which is in the critical path of some
12 | interactions in the app and must be fast. It wraps JavaScript's
13 | JSON.stringify with support for Oak's runtime string representations. */
14 | function __native_json_serialize(x) {
15 | 	return JSON.stringify(
16 | 		x,
17 | 		(key, val) => __is_oak_string(val) ? val.toString() : val,
18 | 	);
19 | }
20 | /* Though not a performance bottleneck, for symmetry and efficiency reasons a
21 | JS-native libjson.parse is provided as well. */
22 | function __native_json_parse(x) {
23 | 	return JSON.parse(
24 | 		x,
25 | 		(key, val) => __as_oak_string(val),
26 | 	);
27 | }
28 | </script>
29 | <script src="/js/torus.min.js"></script>
30 | <script src="/js/libsearch.js"></script>
31 | <script>const Preload = {{ preload }};</script>
32 | <script src="/js/bundle.js"></script>
33 | 
34 | 


--------------------------------------------------------------------------------
/static/img/albatross-github.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/thesephist/albatross/c6d0c2aa25629b08db83e31dca8575e87f7f9432/static/img/albatross-github.png


--------------------------------------------------------------------------------
/static/img/albatross-social.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/thesephist/albatross/c6d0c2aa25629b08db83e31dca8575e87f7f9432/static/img/albatross-social.png


--------------------------------------------------------------------------------
/static/img/egg.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/thesephist/albatross/c6d0c2aa25629b08db83e31dca8575e87f7f9432/static/img/egg.jpg


--------------------------------------------------------------------------------
/static/img/empty-page.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/thesephist/albatross/c6d0c2aa25629b08db83e31dca8575e87f7f9432/static/img/empty-page.jpg


--------------------------------------------------------------------------------
/static/index.html:
--------------------------------------------------------------------------------
 1 | <!doctype html>
 2 | <meta charset="utf-8">
 3 | <title>Albatross</title>
 4 | <meta name="viewport" content="width=device-width,initial-scale=1">
 5 | <link rel="icon" href="data:image/svg+xml,<svg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 100 100%22><text y=%22.9em%22 font-size=%2290%22>🪶</text></svg>">
 6 | <link rel="stylesheet" href="/css/main.css">
 7 | 
 8 | <!-- Facebook Open Graph tags -->
 9 | <meta property="og:url" content="https://albatross.oaklang.org/" />
10 | <meta property="og:title" content="Albatross: a lightweight todo app" />
11 | <meta property="og:description" content="Albatross is a to-do list app for myself, written from scratch with Oak and Torus" />
12 | <meta property="og:image" content="https://albatross.oaklang.org//img/albatross-social.png" />
13 | 
14 | <!-- Twitter Card (large image card) tags -->
15 | <meta name="twitter:card" content="summary_large_image">
16 | <meta name="twitter:creator" content="@thesephist">
17 | <meta name="twitter:title" content="Albatross: a lightweight todo app">
18 | <meta name="twitter:description" content="Albatross is a to-do list app for myself, written from scratch with Oak and Torus" />
19 | <meta name="twitter:image" content="https://albatross.oaklang.org//img/albatross-social.png" />
20 | 
21 | <div id="root"></div>
22 | <script>
23 | /* __native_json_serialize is an efficient implementation of Oak's
24 | libjson.serialize function, which is in the critical path of some
25 | interactions in the app and must be fast. It wraps JavaScript's
26 | JSON.stringify with support for Oak's runtime string representations. */
27 | function __native_json_serialize(x) {
28 | 	return JSON.stringify(
29 | 		x,
30 | 		(key, val) => __is_oak_string(val) ? val.toString() : val,
31 | 	);
32 | }
33 | /* Though not a performance bottleneck, for symmetry and efficiency reasons a
34 | JS-native libjson.parse is provided as well. */
35 | function __native_json_parse(x) {
36 | 	return JSON.parse(
37 | 		x,
38 | 		(key, val) => __as_oak_string(val),
39 | 	);
40 | }
41 | </script>
42 | <script src="/js/torus.min.js"></script>
43 | <script src="/js/libsearch.js"></script>
44 | <script>let Preload = null;</script>
45 | <script src="/js/bundle.js"></script>
46 | 
47 | 


--------------------------------------------------------------------------------
/static/js/bundle.js:
--------------------------------------------------------------------------------
  1 | /* oak build --web */
  2 | // module system
  3 | const __Oak_Modules = {};
  4 | let __Oak_Import_Aliases;
  5 | function __oak_modularize(name, fn) {
  6 | 	__Oak_Modules[name] = fn;
  7 | }
  8 | function __oak_module_import(name) {
  9 | 	if (typeof __Oak_Modules[name] === 'object') return __Oak_Modules[name];
 10 | 	const module = __Oak_Modules[name] || __Oak_Modules[__Oak_Import_Aliases[name]];
 11 | 	if (module) {
 12 | 		__Oak_Modules[name] = {}; // break circular imports
 13 | 		return __Oak_Modules[name] = module();
 14 | 	} else {
 15 | 		throw new Error(`Could not import Oak module "${name}" at runtime`);
 16 | 	}
 17 | }
 18 | 
 19 | // language primitives
 20 | let __oak_empty_assgn_tgt;
 21 | function __oak_eq(a, b) {
 22 | 	if (a === __Oak_Empty || b === __Oak_Empty) return true;
 23 | 
 24 | 	// match either null or undefined to compare correctly against undefined ?s
 25 | 	// appearing in places like optional arguments
 26 | 	if (a == null && b == null) return true;
 27 | 	if (a == null || b == null) return false;
 28 | 
 29 | 	// match all other types that can be compared cheaply (without function
 30 | 	// calls for type coercion or recursive descent)
 31 | 	if (typeof a === 'boolean' || typeof a === 'number' ||
 32 | 		typeof a === 'symbol' || typeof a === 'function') {
 33 | 		return a === b;
 34 | 	}
 35 | 
 36 | 	// string equality check
 37 | 	a = __as_oak_string(a);
 38 | 	b = __as_oak_string(b);
 39 | 	if (typeof a !== typeof b) return false;
 40 | 	if (__is_oak_string(a) && __is_oak_string(b)) {
 41 | 		return a.valueOf() === b.valueOf();
 42 | 	}
 43 | 
 44 | 	// deep equality check for composite values
 45 | 	if (len(a) !== len(b)) return false;
 46 | 	for (const key of keys(a)) {
 47 | 		if (!__oak_eq(a[key], b[key])) return false;
 48 | 	}
 49 | 	return true;
 50 | }
 51 | function __oak_acc(tgt, prop) {
 52 | 	return (__is_oak_string(tgt) ? __as_oak_string(tgt.valueOf()[prop]) : tgt[prop]) ?? null;
 53 | }
 54 | function __oak_obj_key(x) {
 55 | 	return typeof x === 'symbol' ? Symbol.keyFor(x) : x;
 56 | }
 57 | function __oak_push(a, b) {
 58 | 	a = __as_oak_string(a);
 59 | 	a.push(b);
 60 | 	return a;
 61 | }
 62 | function __oak_and(a, b) {
 63 | 	if (typeof a === 'boolean' && typeof b === 'boolean') {
 64 | 		return a && b;
 65 | 	}
 66 | 	if (__is_oak_string(a) && __is_oak_string(b)) {
 67 | 		const max = Math.max(a.length, b.length);
 68 | 		const get = (s, i) => s.valueOf().charCodeAt(i) || 0;
 69 | 
 70 | 		let res = '';
 71 | 		for (let i = 0; i < max; i ++) {
 72 | 			res += String.fromCharCode(get(a, i) & get(b, i));
 73 | 		}
 74 | 		return res;
 75 | 	}
 76 | 	return a & b;
 77 | }
 78 | function __oak_or(a, b) {
 79 | 	if (typeof a === 'boolean' && typeof b === 'boolean') {
 80 | 		return a || b;
 81 | 	}
 82 | 	if (__is_oak_string(a) && __is_oak_string(b)) {
 83 | 		const max = Math.max(a.length, b.length);
 84 | 		const get = (s, i) => s.valueOf().charCodeAt(i) || 0;
 85 | 
 86 | 		let res = '';
 87 | 		for (let i = 0; i < max; i ++) {
 88 | 			res += String.fromCharCode(get(a, i) | get(b, i));
 89 | 		}
 90 | 		return res;
 91 | 	}
 92 | 	return a | b;
 93 | }
 94 | function __oak_xor(a, b) {
 95 | 	if (typeof a === 'boolean' && typeof b === 'boolean') {
 96 | 		return (a && !b) || (!a && b);
 97 | 	}
 98 | 	if (__is_oak_string(a) && __is_oak_string(b)) {
 99 | 		const max = Math.max(a.length, b.length);
100 | 		const get = (s, i) => s.valueOf().charCodeAt(i) || 0;
101 | 
102 | 		let res = '';
103 | 		for (let i = 0; i < max; i ++) {
104 | 			res += String.fromCharCode(get(a, i) ^ get(b, i));
105 | 		}
106 | 		return res;
107 | 	}
108 | 	return a ^ b;
109 | }
110 | const __Oak_Empty = Symbol('__Oak_Empty');
111 | 
112 | // mutable string type
113 | function __is_oak_string(x) {
114 | 	if (x == null) return false;
115 | 	return x.__mark_oak_string;
116 | }
117 | function __as_oak_string(x) {
118 | 	if (typeof x === 'string') return __Oak_String(x);
119 | 	return x;
120 | }
121 | const __Oak_String = s => {
122 | 	return {
123 | 		__mark_oak_string: true,
124 | 		assign(i, slice) {
125 | 			if (i === s.length) return s += slice;
126 | 			return s = s.substr(0, i) + slice + s.substr(i + slice.length);
127 | 		},
128 | 		push(slice) {
129 | 			s += slice;
130 | 		},
131 | 		toString() {
132 | 			return s;
133 | 		},
134 | 		valueOf() {
135 | 			return s;
136 | 		},
137 | 		get length() {
138 | 			return s.length;
139 | 		},
140 | 	}
141 | }
142 | 
143 | // tail recursion trampoline helpers
144 | function __oak_resolve_trampoline(fn, ...args) {
145 | 	let rv = fn(...args);
146 | 	while (rv && rv.__is_oak_trampoline) {
147 | 		rv = rv.fn(...rv.args);
148 | 	}
149 | 	return rv;
150 | }
151 | function __oak_trampoline(fn, ...args) {
152 | 	return {
153 | 		__is_oak_trampoline: true,
154 | 		fn: fn,
155 | 		args: args,
156 | 	}
157 | }
158 | 
159 | // env (builtin) functions
160 | 
161 | // reflection and types
162 | const __Is_Oak_Node = typeof process === 'object';
163 | const __Oak_Int_RE = /^[+-]?\d+$/;
164 | function int(x) {
165 | 	x = __as_oak_string(x);
166 | 	if (typeof x === 'number') {
167 | 		// JS rounds towards higher magnitude, Oak rounds towards higher value
168 | 		const rounded = Math.floor(x);
169 | 		const diff = x - rounded;
170 | 		if (x < 0 && diff === 0.5) return rounded + 1;
171 | 		return rounded;
172 | 	}
173 | 	if (__is_oak_string(x) && __Oak_Int_RE.test(x.valueOf())) {
174 | 		const i = Number(x.valueOf());
175 | 		if (isNaN(i)) return null;
176 | 		return i;
177 | 	}
178 | 	return null;
179 | }
180 | function float(x) {
181 | 	x = __as_oak_string(x);
182 | 	if (typeof x === 'number') return x;
183 | 	if (__is_oak_string(x)) {
184 | 		const f = parseFloat(x.valueOf());
185 | 		if (isNaN(f)) return null;
186 | 		return f;
187 | 	}
188 | 	return null;
189 | }
190 | function atom(x) {
191 | 	x = __as_oak_string(x);
192 | 	if (typeof x === 'symbol' && x !== __Oak_Empty) return x;
193 | 	if (__is_oak_string(x)) return Symbol.for(x.valueOf());
194 | 	return Symbol.for(string(x));
195 | }
196 | function string(x) {
197 | 	x = __as_oak_string(x);
198 | 	function display(x) {
199 | 		x = __as_oak_string(x);
200 | 		if (__is_oak_string(x)) {
201 | 			return '\'' + x.valueOf().replace('\\', '\\\\').replace('\'', '\\\'') + '\'';
202 | 		} else if (typeof x === 'symbol') {
203 | 			if (x === __Oak_Empty) return '_';
204 | 			return ':' + Symbol.keyFor(x);
205 | 		}
206 | 		return string(x);
207 | 	}
208 | 	if (x == null) {
209 | 		return '?';
210 | 	} else if (typeof x === 'number') {
211 | 		return x.toString();
212 | 	} else if (__is_oak_string(x)) {
213 | 		return x;
214 | 	} else if (typeof x === 'boolean') {
215 | 		return x.toString();
216 | 	} else if (typeof x === 'function') {
217 | 		return x.toString();
218 | 	} else if (typeof x === 'symbol') {
219 | 		if (x === __Oak_Empty) return '_';
220 | 		return Symbol.keyFor(x);
221 | 	} else if (Array.isArray(x)) {
222 | 		return '[' + x.map(display).join(', ') + ']';
223 | 	} else if (typeof x === 'object') {
224 | 		const entries = [];
225 | 		for (const key of keys(x).sort()) {
226 | 			entries.push(`${key}: ${display(x[key])}`);
227 | 		}
228 | 		return '{' + entries.join(', ') + '}';
229 | 	}
230 | 	throw new Error('string() called on unknown type ' + x.toString());
231 | }
232 | function codepoint(c) {
233 | 	c = __as_oak_string(c);
234 | 	return c.valueOf().charCodeAt(0);
235 | }
236 | function char(n) {
237 | 	return String.fromCharCode(n);
238 | }
239 | function type(x) {
240 | 	x = __as_oak_string(x);
241 | 	if (x == null) {
242 | 		return Symbol.for('null');
243 | 	} else if (typeof x === 'number') {
244 | 		// Many discrete APIs check for :int, so we consider all integer
245 | 		// numbers :int and fall back to :float. This is not an airtight
246 | 		// solution, but works well enough and the alternative (tagged number
247 | 		// values/types) have poor perf tradeoffs.
248 | 		if (Number.isInteger(x)) return Symbol.for('int');
249 | 		return Symbol.for('float');
250 | 	} else if (__is_oak_string(x)) {
251 | 		return Symbol.for('string');
252 | 	} else if (typeof x === 'boolean') {
253 | 		return Symbol.for('bool');
254 | 	} else if (typeof x === 'symbol') {
255 | 		if (x === __Oak_Empty) return Symbol.for('empty');
256 | 		return Symbol.for('atom');
257 | 	} else if (typeof x === 'function') {
258 | 		return Symbol.for('function');
259 | 	} else if (Array.isArray(x)) {
260 | 		return Symbol.for('list');
261 | 	} else if (typeof x === 'object') {
262 | 		return Symbol.for('object');
263 | 	}
264 | 	throw new Error('type() called on unknown type ' + x.toString());
265 | }
266 | function len(x) {
267 | 	if (typeof x === 'string' || __is_oak_string(x) || Array.isArray(x)) {
268 | 		return x.length;
269 | 	} else if (typeof x === 'object' && x !== null) {
270 | 		return Object.getOwnPropertyNames(x).length;
271 | 	}
272 | 	throw new Error('len() takes a string or composite value, but got ' + string(x));
273 | }
274 | function keys(x) {
275 | 	if (Array.isArray(x)) {
276 | 		const k = [];
277 | 		for (let i = 0; i < x.length; i ++) k.push(i);
278 | 		return k;
279 | 	} else if (typeof x === 'object' && x !== null) {
280 | 		return Object.getOwnPropertyNames(x).map(__as_oak_string);
281 | 	}
282 | 	throw new Error('keys() takes a composite value, but got ' + string(x).valueOf());
283 | }
284 | 
285 | // OS interfaces
286 | function args() {
287 | 	if (__Is_Oak_Node) return process.argv.map(__as_oak_string);
288 | 	return [window.location.href];
289 | }
290 | function env() {
291 | 	if (__Is_Oak_Node) {
292 | 		const e = Object.assign({}, process.env);
293 | 		for (const key in e) {
294 | 			e[key] = __as_oak_string(e[key]);
295 | 		}
296 | 		return e;
297 | 	}
298 | 	return {};
299 | }
300 | function time() {
301 | 	return Date.now() / 1000;
302 | }
303 | function nanotime() {
304 | 	return int(Date.now() * 1000000);
305 | }
306 | function rand() {
307 | 	return Math.random();
308 | }
309 | let randomBytes;
310 | function srand(length) {
311 | 	if (__Is_Oak_Node) {
312 | 		// lazily import dependency
313 | 		if (!randomBytes) randomBytes = require('crypto').randomBytes;
314 | 		return randomBytes(length).toString('latin1');
315 | 	}
316 | 
317 | 	const bytes = crypto.getRandomValues(new Uint8Array(length));
318 | 	return __as_oak_string(Array.from(bytes).map(b => String.fromCharCode(b)).join(''));
319 | }
320 | function wait(duration, cb) {
321 | 	setTimeout(cb, duration * 1000);
322 | 	return null;
323 | }
324 | function exit(code) {
325 | 	if (__Is_Oak_Node) process.exit(code);
326 | 	return null;
327 | }
328 | function exec() {
329 | 	throw new Error('exec() not implemented');
330 | }
331 | 
332 | // I/O
333 | function input() {
334 | 	throw new Error('input() not implemented');
335 | }
336 | function print(s) {
337 | 	s = __as_oak_string(s);
338 | 	if (__Is_Oak_Node) {
339 | 		process.stdout.write(string(s).toString());
340 | 	} else {
341 | 		console.log(string(s).toString());
342 | 	}
343 | 	return s.length;
344 | }
345 | function ls() {
346 | 	throw new Error('ls() not implemented');
347 | }
348 | function rm() {
349 | 	throw new Error('rm() not implemented');
350 | }
351 | function mkdir() {
352 | 	throw new Error('mkdir() not implemented');
353 | }
354 | function stat() {
355 | 	throw new Error('stat() not implemented');
356 | }
357 | function open() {
358 | 	throw new Error('open() not implemented');
359 | }
360 | function close() {
361 | 	throw new Error('close() not implemented');
362 | }
363 | function read() {
364 | 	throw new Error('read() not implemented');
365 | }
366 | function write() {
367 | 	throw new Error('write() not implemented');
368 | }
369 | function listen() {
370 | 	throw new Error('listen() not implemented');
371 | }
372 | function req() {
373 | 	throw new Error('req() not implemented');
374 | }
375 | 
376 | // math
377 | function sin(n) {
378 | 	return Math.sin(n);
379 | }
380 | function cos(n) {
381 | 	return Math.cos(n);
382 | }
383 | function tan(n) {
384 | 	return Math.tan(n);
385 | }
386 | function asin(n) {
387 | 	return Math.asin(n);
388 | }
389 | function acos(n) {
390 | 	return Math.acos(n);
391 | }
392 | function atan(n) {
393 | 	return Math.atan(n);
394 | }
395 | function pow(b, n) {
396 | 	return Math.pow(b, n);
397 | }
398 | function log(b, n) {
399 | 	return Math.log(n) / Math.log(b);
400 | }
401 | 
402 | // runtime
403 | function ___runtime_lib() {
404 | 	throw new Error('___runtime_lib() not implemented');
405 | }
406 | function ___runtime_lib__oak_qm() {
407 | 	throw new Error('___runtime_lib?() not implemented');
408 | }
409 | function ___runtime_gc() {
410 | 	throw new Error('___runtime_gc() not implemented');
411 | }
412 | function ___runtime_mem() {
413 | 	throw new Error('___runtime_mem() not implemented');
414 | }
415 | function ___runtime_proc() {
416 | 	throw new Error('___runtime_proc() not implemented');
417 | }
418 | 
419 | // JavaScript interop
420 | function call(target, fn, ...args) {
421 | 	return target[Symbol.keyFor(fn)](...args);
422 | }
423 | function __oak_js_new(Constructor, ...args) {
424 | 	return new Constructor(...args);
425 | }
426 | function __oak_js_try(fn) {
427 | 	try {
428 | 		return {
429 | 			type: Symbol.for('ok'),
430 | 			ok: fn(),
431 | 		}
432 | 	} catch (e) {
433 | 		return {
434 | 			type: Symbol.for('error'),
435 | 			error: e,
436 | 		}
437 | 	}
438 | }
439 | (__oak_modularize(__Oak_String('lib/torus.js.oak'),function _(){return ((Renderer,__oak_js_default,h,map)=>(({__oak_js_default,map}=__oak_module_import(__Oak_String('std'))),h=function h(tag=null,...args){return ((attrs,children,classes,events)=>(((__oak_cond)=>__oak_eq(__oak_cond,0)?null:__oak_eq(__oak_cond,1)?([children=null]=args):__oak_eq(__oak_cond,2)?([classes=null,children=null]=args):__oak_eq(__oak_cond,3)?([classes=null,attrs=null,children=null]=args):([classes=null,attrs=null,events=null,children=null]=args))(len(args)),(classes=__oak_js_default(classes,[])),(attrs=__oak_js_default(attrs,({}))),(events=__oak_js_default(events,({}))),(children=__oak_js_default(children,[])),({tag:String(string(tag)),attrs:((__oak_assgn_tgt,__oak_assgn_val)=>(__is_oak_string(__oak_assgn_tgt)?__oak_assgn_tgt.assign(__Oak_String('class'),__oak_assgn_val):__oak_assgn_val===__Oak_Empty?delete (__oak_assgn_tgt[__Oak_String('class')]):(__oak_assgn_tgt[__Oak_String('class')])=__oak_assgn_val,__oak_assgn_tgt))(__as_oak_string(attrs),map(classes,String)),events,children:map(children,function _(child=null){return ((__oak_cond)=>__oak_eq(__oak_cond,Symbol.for('string'))?String(child):child)(type(child))})})))()},Renderer=function Renderer(root=null){return ((initialDOM,node,render,self,update)=>(((__oak_cond)=>__oak_eq(__oak_cond,true)?(root=(document.querySelector)(root)):null)(__oak_eq(type(root),Symbol.for('string'))),(render=((window.Torus??null).render??null)),(initialDOM=h(Symbol.for('div'))),(node=render(null,null,initialDOM)),(root.appendChild)(node),(self=({node,prev:initialDOM,update:update=function update(jdom=null){return (((__oak_assgn_tgt,__oak_assgn_val)=>(__is_oak_string(__oak_assgn_tgt)?__oak_assgn_tgt.assign(node,__oak_assgn_val):__oak_assgn_val===__Oak_Empty?delete (__oak_assgn_tgt.node):(__oak_assgn_tgt.node)=__oak_assgn_val,__oak_assgn_tgt))(__as_oak_string(self),render((self.node??null),(self.prev??null),jdom)),((__oak_assgn_tgt,__oak_assgn_val)=>(__is_oak_string(__oak_assgn_tgt)?__oak_assgn_tgt.assign(prev,__oak_assgn_val):__oak_assgn_val===__Oak_Empty?delete (__oak_assgn_tgt.prev):(__oak_assgn_tgt.prev)=__oak_assgn_val,__oak_assgn_tgt))(__as_oak_string(self),jdom),(self.node??null))}}))))()},({Renderer,__oak_js_default,h,map})))()}),__oak_modularize(__Oak_String('lib/uid.oak'),function _(){return ((choice,map,__oak_js_new,newChar)=>(({map}=__oak_module_import(__Oak_String('std'))),({choice}=__oak_module_import(__Oak_String('random'))),newChar=function newChar(){return (choice(__Oak_String('ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789')))},__oak_js_new=function __oak_js_new(){return (map(__Oak_String('1234567890123456'),newChar))},({choice,map,__oak_js_new,newChar})))()}),__oak_modularize(__Oak_String('src/app.js.oak'),function _(){return ((Category,CategoryEditor,ClientRenderer,ColorSchemeKey,Colors,Day,Editable,FlexSpacer,LocalStorageKey,Renderer,State,SyncInterval,Task,TaskList,TaskPage,TaskPageHeader,Tasks,UseLocalStorage__oak_qm,addDays,addTaskAndFocus,append,datetime,dayList,dayName,debounce,__oak_js_default,defaults,editCategories,enqueueMinutelyUpdate,enqueueSync,filter,find,fmt,fmtDay,focusFieldWithDataID,focusSearchField,h,is,json,last,lower,map,println,r,random,render,reverse,slice,sort,strContains__oak_qm,sync,syncImmediately,today,tomorrow,trim,uid,updateSearchResults,yesterday)=>(({println,__oak_js_default,is,map,find,last,slice,filter,append,reverse,debounce}=__oak_module_import(__Oak_String('std'))),({lower,trim,contains__oak_qm:strContains__oak_qm=null}=__oak_module_import(__Oak_String('str'))),(fmt=__oak_module_import(__Oak_String('fmt'))),(sort=__oak_module_import(__Oak_String('sort'))),(random=__oak_module_import(__Oak_String('random'))),(datetime=__oak_module_import(__Oak_String('datetime'))),(json=({parse:__native_json_parse,serialize:__native_json_serialize})),(uid=__oak_module_import(__Oak_String('lib/uid.oak'))),({Renderer,h}=__oak_module_import(__Oak_String('lib/torus.js.oak'))),({dayList,today,tomorrow,yesterday,addDays}=__oak_module_import(__Oak_String('src/dateutils.js.oak'))),(defaults=__oak_module_import(__Oak_String('src/defaults.js.oak'))),(SyncInterval=3),(LocalStorageKey=__Oak_String('albatross:0')),(ColorSchemeKey=__Oak_String('albatross:theme')),(Colors=[__Oak_String('#11b6a5'),__Oak_String('#4e70c1'),__Oak_String('#715d8c'),__Oak_String('#8b5cb2'),__Oak_String('#8c5d5d'),__Oak_String('#90b847'),__Oak_String('#969696'),__Oak_String('#b25c5c'),__Oak_String('#cfab4a')]),(UseLocalStorage__oak_qm=__oak_eq(Preload,null)),(ClientRenderer=((__oak_cond)=>__oak_eq(__oak_cond,strContains__oak_qm((navigator.userAgent??null),__Oak_String('Firefox')))?Symbol.for('gecko'):__oak_eq(__oak_cond,strContains__oak_qm((navigator.userAgent??null),__Oak_String('Chrome')))?Symbol.for('blink'):__oak_eq(__oak_cond,strContains__oak_qm((navigator.userAgent??null),__Oak_String('Safari')))?Symbol.for('webkit'):Symbol.for('unknownRenderer'))(true)),((__oak_cond)=>__oak_eq(__oak_cond,true)?((persisted)=>((Preload=((__oak_cond)=>__oak_eq(__oak_cond,null)?(defaults.DefaultData??null):(json.parse)(persisted))((persisted=((window.localStorage??null).getItem)(LocalStorageKey))))))():null)(__oak_eq(Preload,null)),(State=({Today:today(),WeekDays:dayList(7),MonthDays:dayList(30),theme:__oak_js_default(((window.localStorage??null).getItem)(ColorSchemeKey),__Oak_String('light')),syncing__oak_qm:false,editingCategories__oak_qm:false,task:null,range:__Oak_String('week'),search:__Oak_String(''),showDone:false,categories:(Preload.categories??null),tasks:(Preload.tasks??null),results:[]})),(enqueueSync=debounce(SyncInterval,syncImmediately=function syncImmediately(){return (((__oak_assgn_tgt,__oak_assgn_val)=>(__is_oak_string(__oak_assgn_tgt)?__oak_assgn_tgt.assign(syncing__oak_qm,__oak_assgn_val):__oak_assgn_val===__Oak_Empty?delete (__oak_assgn_tgt.syncing__oak_qm):(__oak_assgn_tgt.syncing__oak_qm)=__oak_assgn_val,__oak_assgn_tgt))(__as_oak_string(State),true),render(),((__oak_cond)=>__oak_eq(__oak_cond,true)?(((window.localStorage??null).setItem)(LocalStorageKey,(json.serialize)(({categories:(State.categories??null),tasks:(State.tasks??null)}))),((__oak_assgn_tgt,__oak_assgn_val)=>(__is_oak_string(__oak_assgn_tgt)?__oak_assgn_tgt.assign(syncing__oak_qm,__oak_assgn_val):__oak_assgn_val===__Oak_Empty?delete (__oak_assgn_tgt.syncing__oak_qm):(__oak_assgn_tgt.syncing__oak_qm)=__oak_assgn_val,__oak_assgn_tgt))(__as_oak_string(State),false),render()):((resp)=>((resp=fetch(__Oak_String('/tasks'),({method:__Oak_String('PUT'),headers:({[__Oak_String('Content-Type')]:__Oak_String('application/json')}),body:(json.serialize)(({categories:(State.categories??null),tasks:(State.tasks??null)}))}))),call(resp,Symbol.for('catch'),function _(err=null){return (((__oak_assgn_tgt,__oak_assgn_val)=>(__is_oak_string(__oak_assgn_tgt)?__oak_assgn_tgt.assign(syncing__oak_qm,__oak_assgn_val):__oak_assgn_val===__Oak_Empty?delete (__oak_assgn_tgt.syncing__oak_qm):(__oak_assgn_tgt.syncing__oak_qm)=__oak_assgn_val,__oak_assgn_tgt))(__as_oak_string(State),String(err)),render())}),(resp.then)(function _(){return (((__oak_assgn_tgt,__oak_assgn_val)=>(__is_oak_string(__oak_assgn_tgt)?__oak_assgn_tgt.assign(syncing__oak_qm,__oak_assgn_val):__oak_assgn_val===__Oak_Empty?delete (__oak_assgn_tgt.syncing__oak_qm):(__oak_assgn_tgt.syncing__oak_qm)=__oak_assgn_val,__oak_assgn_tgt))(__as_oak_string(State),false),render())})))())(UseLocalStorage__oak_qm))})),sync=function sync(){return (((__oak_assgn_tgt,__oak_assgn_val)=>(__is_oak_string(__oak_assgn_tgt)?__oak_assgn_tgt.assign(syncing__oak_qm,__oak_assgn_val):__oak_assgn_val===__Oak_Empty?delete (__oak_assgn_tgt.syncing__oak_qm):(__oak_assgn_tgt.syncing__oak_qm)=__oak_assgn_val,__oak_assgn_tgt))(__as_oak_string(State),true),enqueueSync())},dayName=function dayName(day=null){return ((d,jsd)=>((d=(datetime.describe)((datetime.timestamp)((datetime.parse)(__as_oak_string(day+__Oak_String('T00:00:00')))))),(jsd=__oak_js_new(Date)),(jsd.setFullYear)((d.year??null)),(jsd.setMonth)(((d.month??null)-1)),(jsd.setDate)((d.day??null)),((__oak_cond)=>__oak_eq(__oak_cond,0)?__Oak_String('Sun'):__oak_eq(__oak_cond,1)?__Oak_String('Mon'):__oak_eq(__oak_cond,2)?__Oak_String('Tue'):__oak_eq(__oak_cond,3)?__Oak_String('Wed'):__oak_eq(__oak_cond,4)?__Oak_String('Thu'):__oak_eq(__oak_cond,5)?__Oak_String('Fri'):__oak_eq(__oak_cond,6)?__Oak_String('Sat'):null)((jsd.getDay)())))()},fmtDay=function fmtDay(day=null){return ((d,monthName)=>((d=(datetime.describe)((datetime.timestamp)((datetime.parse)(__as_oak_string(day+__Oak_String('T00:00:00')))))),(monthName=((__oak_cond)=>__oak_eq(__oak_cond,1)?__Oak_String('Jan'):__oak_eq(__oak_cond,2)?__Oak_String('Feb'):__oak_eq(__oak_cond,3)?__Oak_String('Mar'):__oak_eq(__oak_cond,4)?__Oak_String('Apr'):__oak_eq(__oak_cond,5)?__Oak_String('May'):__oak_eq(__oak_cond,6)?__Oak_String('Jun'):__oak_eq(__oak_cond,7)?__Oak_String('Jul'):__oak_eq(__oak_cond,8)?__Oak_String('Aug'):__oak_eq(__oak_cond,9)?__Oak_String('Sep'):__oak_eq(__oak_cond,10)?__Oak_String('Oct'):__oak_eq(__oak_cond,11)?__Oak_String('Nov'):__oak_eq(__oak_cond,12)?__Oak_String('Dec'):null)((d.month??null))),((__oak_cond)=>__oak_eq(__oak_cond,today())?__Oak_String('Today'):__oak_eq(__oak_cond,tomorrow())?__Oak_String('Tomorrow'):__oak_eq(__oak_cond,yesterday())?__Oak_String('Yesterday'):(fmt.format)(__Oak_String('{{0}}, {{1}} {{2}}'),dayName(day),monthName,(d.day??null)))(day)))()},editCategories=function editCategories(){return (((__oak_assgn_tgt,__oak_assgn_val)=>(__is_oak_string(__oak_assgn_tgt)?__oak_assgn_tgt.assign(editingCategories__oak_qm,__oak_assgn_val):__oak_assgn_val===__Oak_Empty?delete (__oak_assgn_tgt.editingCategories__oak_qm):(__oak_assgn_tgt.editingCategories__oak_qm)=__oak_assgn_val,__oak_assgn_tgt))(__as_oak_string(State),true),render(),((document.querySelector)(__Oak_String('dialog.category-editor')).showModal)())},focusSearchField=function focusSearchField(){return ((el)=>(((__oak_cond)=>__oak_eq(__oak_cond,null)?({}):(el.focus)())((el=(document.querySelector)(__Oak_String('.task-list-search-input'))))))()},focusFieldWithDataID=function focusFieldWithDataID(id=null){return ((el)=>(((__oak_cond)=>__oak_eq(__oak_cond,null)?({}):(el.focus)())((el=(document.querySelector)(__as_oak_string(__as_oak_string(__Oak_String('[data-id="')+id)+__Oak_String('"]')))))))()},addTaskAndFocus=function addTaskAndFocus(){return ((id)=>((id=(uid.__oak_js_new)()),__oak_push((State.tasks??null),({id,text:__Oak_String(''),body:__Oak_String(''),due:today(),done:null,cat:null})),((__oak_assgn_tgt,__oak_assgn_val)=>(__is_oak_string(__oak_assgn_tgt)?__oak_assgn_tgt.assign(task,__oak_assgn_val):__oak_assgn_val===__Oak_Empty?delete (__oak_assgn_tgt.task):(__oak_assgn_tgt.task)=__oak_assgn_val,__oak_assgn_tgt))(__as_oak_string(State),id),sync(),updateSearchResults(),focusFieldWithDataID(id)))()},updateSearchResults=function updateSearchResults(){return ((tasks)=>((tasks=(State.tasks??null)),((__oak_cond)=>__oak_eq(__oak_cond,true)?(tasks=filter(tasks,function _(t=null){return __oak_eq((t.done??null),null)})):null)(!(State.showDone??null)),((__oak_assgn_tgt,__oak_assgn_val)=>(__is_oak_string(__oak_assgn_tgt)?__oak_assgn_tgt.assign(results,__oak_assgn_val):__oak_assgn_val===__Oak_Empty?delete (__oak_assgn_tgt.results):(__oak_assgn_tgt.results)=__oak_assgn_val,__oak_assgn_tgt))(__as_oak_string(State),(libsearch.search)(tasks,String((State.search??null)),function _(t=null){return String(__as_oak_string(__as_oak_string((t.text??null)+__Oak_String(' '))+(t.body??null)))},({mode:String(__Oak_String('autocomplete'))}))),render()))()},(r=Renderer(__Oak_String('#root'))),FlexSpacer=function FlexSpacer(){return h(Symbol.for('div'),[__Oak_String('flex-spacer')],[])},Editable=function Editable(attrs=null,allowTab__oak_qm=null,handleInput=null,handleEnter=null){return ((handleEnter=__oak_js_default(handleEnter,function _(){return null})),h(Symbol.for('div'),[__Oak_String('textarea-group')],[h(Symbol.for('div'),[__Oak_String('textarea-shadow'),((__oak_cond)=>__oak_eq(__oak_cond,__Oak_String('\n'))?__Oak_String('extra-height'):__Oak_String(''))(last((attrs.value??null)))],[(attrs.value??null)]),h(Symbol.for('textarea'),[__Oak_String('textarea-itself')],attrs,({input:handleInput,keydown:function _(evt=null){return ((__oak_cond)=>__oak_eq(__oak_cond,__Oak_String('Enter'))?handleEnter(evt):__oak_eq(__oak_cond,__Oak_String('Tab'))?((__oak_cond)=>__oak_eq(__oak_cond,true)?((idx)=>((evt.preventDefault)(),((__oak_cond)=>__oak_eq(__oak_cond,true)?((back,front,val)=>((val=((evt.target??null).value??null)),(front=slice(val,0,idx)),(back=slice(val,idx)),((__oak_assgn_tgt,__oak_assgn_val)=>(__is_oak_string(__oak_assgn_tgt)?__oak_assgn_tgt.assign(value,__oak_assgn_val):__oak_assgn_val===__Oak_Empty?delete (__oak_assgn_tgt.value):(__oak_assgn_tgt.value)=__oak_assgn_val,__oak_assgn_tgt))(__as_oak_string((evt.target??null)),__as_oak_string(__as_oak_string(front+__Oak_String('\t'))+back)),((evt.target??null).setSelectionRange)(__as_oak_string(idx+1),__as_oak_string(idx+1)),handleInput(evt)))():null)(!__oak_eq(null,(idx=((evt.target??null).selectionStart??null))))))():null)(allowTab__oak_qm):null)((evt.key??null))}}),[])]))},Category=function Category(id=null){return ((cat)=>((cat=__oak_acc((State.categories??null),__oak_obj_key((find((State.categories??null),function _(c=null){return __oak_eq((c.id??null),id)}))))),((__oak_cond)=>__oak_eq(__oak_cond,null)?h(Symbol.for('div'),[__Oak_String('category')],[__Oak_String('Unknown category')]):h(Symbol.for('div'),[__Oak_String('category')],({style:({background:(cat.color??null)})}),[((__oak_cond)=>__oak_eq(__oak_cond,__Oak_String(''))?__Oak_String('Unnamed category'):(cat.name??null))((cat.name??null))]))(cat)))()},Task=function Task(task=null){return (h(Symbol.for('li'),[__Oak_String('task-li')],[h(Symbol.for('div'),[__Oak_String('task'),((__oak_cond)=>__oak_eq(__oak_cond,null)?__Oak_String('task-undone'):__Oak_String('task-done'))((task.done??null)),((__oak_cond)=>__oak_eq(__oak_cond,(task.id??null))?__Oak_String('active'):__Oak_String(''))((State.task??null))],({[__Oak_String('data-task-id')]:(task.id??null)}),[h(Symbol.for('label'),[__Oak_String('task-status')],[h(Symbol.for('input'),[__Oak_String('task-checkbox')],({type:__Oak_String('checkbox'),checked:!__oak_eq((task.done??null),null)}),({change:function _(evt=null){return (((__oak_assgn_tgt,__oak_assgn_val)=>(__is_oak_string(__oak_assgn_tgt)?__oak_assgn_tgt.assign(done,__oak_assgn_val):__oak_assgn_val===__Oak_Empty?delete (__oak_assgn_tgt.done):(__oak_assgn_tgt.done)=__oak_assgn_val,__oak_assgn_tgt))(__as_oak_string(task),((__oak_cond)=>__oak_eq(__oak_cond,null)?today():null)((task.done??null))),sync(),render(),wait(1,function _(){return (updateSearchResults())}))}}),[])]),h(Symbol.for('div'),[__Oak_String('task-content')],({tabIndex:0}),({click:function _(){return (((__oak_assgn_tgt,__oak_assgn_val)=>(__is_oak_string(__oak_assgn_tgt)?__oak_assgn_tgt.assign(task,__oak_assgn_val):__oak_assgn_val===__Oak_Empty?delete (__oak_assgn_tgt.task):(__oak_assgn_tgt.task)=__oak_assgn_val,__oak_assgn_tgt))(__as_oak_string(State),((__oak_cond)=>__oak_eq(__oak_cond,(task.id??null))?null:(task.id??null))((State.task??null))),render())},keydown:function _(evt=null){return ((__oak_cond)=>__oak_eq(__oak_cond,true)?(((__oak_assgn_tgt,__oak_assgn_val)=>(__is_oak_string(__oak_assgn_tgt)?__oak_assgn_tgt.assign(task,__oak_assgn_val):__oak_assgn_val===__Oak_Empty?delete (__oak_assgn_tgt.task):(__oak_assgn_tgt.task)=__oak_assgn_val,__oak_assgn_tgt))(__as_oak_string(State),((__oak_cond)=>__oak_eq(__oak_cond,(task.id??null))?null:(task.id??null))((State.task??null))),render()):null)(__oak_eq((evt.key??null),__Oak_String('Enter')))}}),[h(Symbol.for('div'),[__Oak_String('task-text')],[((__oak_cond)=>__oak_eq(__oak_cond,__Oak_String(''))?__Oak_String('Unnamed task'):(task.text??null))(trim((task.text??null)))]),h(Symbol.for('div'),[__Oak_String('task-body-preview')],[((__oak_cond)=>__oak_eq(__oak_cond,!__oak_eq(trim((State.search??null)),__Oak_String('')))?((__oak_cond)=>__oak_eq(__oak_cond,true)?(h(Symbol.for('span'),[],[h(Symbol.for('span'),[__Oak_String('task-due')],[fmtDay((task.due??null))]),((__oak_cond)=>__oak_eq(__oak_cond,true)?__Oak_String(' · '):null)(!__oak_eq(trim((task.body??null)),__Oak_String('')))])):null)(!__oak_eq((task.due??null),null)):__oak_eq(__oak_cond,__oak_eq((State.range??null),__Oak_String('all')))?((__oak_cond)=>__oak_eq(__oak_cond,true)?(h(Symbol.for('span'),[],[h(Symbol.for('span'),[__Oak_String('task-due')],[fmtDay((task.due??null))]),((__oak_cond)=>__oak_eq(__oak_cond,true)?__Oak_String(' · '):null)(!__oak_eq(trim((task.body??null)),__Oak_String('')))])):null)(!__oak_eq((task.due??null),null)):null)(true),(task.body??null)]),((__oak_cond)=>__oak_eq(__oak_cond,true)?h(Symbol.for('div'),[__Oak_String('task-category')],[Category((task.cat??null))]):null)(!__oak_eq((task.cat??null),null))])])]))},Tasks=function Tasks(tasks=null){return (h(Symbol.for('ul'),[__Oak_String('tasks'),__Oak_String('flex-col')],(map(tasks,function _(task=null){return (Task(task))}))))},Day=function Day(day=null){return ((dayTasks)=>(((__oak_cond)=>__oak_eq(__oak_cond,[])?null:h(Symbol.for('div'),[__Oak_String('day'),__as_oak_string(__Oak_String('day-')+lower(dayName(day)))],[h(Symbol.for('div'),[__Oak_String('day-header'),__Oak_String('flex-row')],[fmtDay(day),FlexSpacer(),string(len(dayTasks))]),Tasks(dayTasks)]))((dayTasks=filter((State.results??null),function _(task=null){return __oak_eq((task.due??null),day)})))))()},TaskList=function TaskList(){return (h(Symbol.for('div'),[__Oak_String('task-list')],[h(Symbol.for('div'),[__Oak_String('task-list-search'),__Oak_String('flex-col')],[h(Symbol.for('div'),[__Oak_String('task-list-search-row'),__Oak_String('flex-row')],[h(Symbol.for('input'),[__Oak_String('task-list-search-input')],({placeholder:(fmt.format)(__Oak_String('Search {{0}} tasks...'),len((State.tasks??null))),value:(State.search??null)}),({input:function _(evt=null){return (((__oak_assgn_tgt,__oak_assgn_val)=>(__is_oak_string(__oak_assgn_tgt)?__oak_assgn_tgt.assign(search,__oak_assgn_val):__oak_assgn_val===__Oak_Empty?delete (__oak_assgn_tgt.search):(__oak_assgn_tgt.search)=__oak_assgn_val,__oak_assgn_tgt))(__as_oak_string(State),((evt.target??null).value??null)),updateSearchResults())},keydown:function _(evt=null){return ((__oak_cond)=>__oak_eq(__oak_cond,true)?(((__oak_cond)=>__oak_eq(__oak_cond,__Oak_String(''))?((evt.target??null).blur)():(((__oak_assgn_tgt,__oak_assgn_val)=>(__is_oak_string(__oak_assgn_tgt)?__oak_assgn_tgt.assign(search,__oak_assgn_val):__oak_assgn_val===__Oak_Empty?delete (__oak_assgn_tgt.search):(__oak_assgn_tgt.search)=__oak_assgn_val,__oak_assgn_tgt))(__as_oak_string(State),__Oak_String('')),updateSearchResults()))(((evt.target??null).value??null))):null)(__oak_eq((evt.key??null),__Oak_String('Escape')))}}),[]),h(Symbol.for('button'),[__Oak_String('task-list-new-task')],({title:__Oak_String('New task')}),({click:function _(){return addTaskAndFocus()}}),[__Oak_String('+')])]),h(Symbol.for('div'),[__Oak_String('task-list-search-row'),__Oak_String('flex-row')],[h(Symbol.for('button'),[__Oak_String('task-list-show-done')],({title:__Oak_String('Show tasks marked as done')}),({click:function _(){return (((__oak_assgn_tgt,__oak_assgn_val)=>(__is_oak_string(__oak_assgn_tgt)?__oak_assgn_tgt.assign(showDone,__oak_assgn_val):__oak_assgn_val===__Oak_Empty?delete (__oak_assgn_tgt.showDone):(__oak_assgn_tgt.showDone)=__oak_assgn_val,__oak_assgn_tgt))(__as_oak_string(State),!(State.showDone??null)),sync(),updateSearchResults())}}),[((__oak_cond)=>__oak_eq(__oak_cond,true)?__Oak_String('Hide done'):__Oak_String('Show done'))((State.showDone??null))]),h(Symbol.for('select'),[__Oak_String('task-list-range-select')],({value:(State.range??null)}),({change:function _(evt=null){return (((__oak_assgn_tgt,__oak_assgn_val)=>(__is_oak_string(__oak_assgn_tgt)?__oak_assgn_tgt.assign(range,__oak_assgn_val):__oak_assgn_val===__Oak_Empty?delete (__oak_assgn_tgt.range):(__oak_assgn_tgt.range)=__oak_assgn_val,__oak_assgn_tgt))(__as_oak_string(State),((evt.target??null).value??null)),render())}}),(map([[__Oak_String('today'),__Oak_String('Today')],[__Oak_String('week'),__Oak_String('This week')],[__Oak_String('month'),__Oak_String('Next 30 days')],[__Oak_String('all'),__Oak_String('All tasks')]],function _(option=null){return ((text,value)=>(([value=null,text=null]=option),h(Symbol.for('option'),[],({value}),({selected:__oak_eq((State.range??null),value)}),[text])))()})))])]),h(Symbol.for('div'),[__Oak_String('task-list-list')],(((__oak_cond)=>__oak_eq(__oak_cond,__Oak_String(''))?((overdues,past)=>((past=((__oak_cond)=>__oak_eq(__oak_cond,[])?[]:[h(Symbol.for('div'),[__Oak_String('day'),__Oak_String('day-overdue')],[h(Symbol.for('div'),[__Oak_String('day-header'),__Oak_String('flex-row')],[__Oak_String('Overdue'),FlexSpacer(),len(overdues)]),Tasks(overdues)])])((overdues=filter((State.results??null),function _(t=null){return ((t.due??null)<(State.Today??null))})))),((__oak_cond)=>__oak_eq(__oak_cond,__Oak_String('today'))?append(past,map([(State.Today??null)],Day)):__oak_eq(__oak_cond,__Oak_String('week'))?append(past,map((State.WeekDays??null),Day)):__oak_eq(__oak_cond,__Oak_String('month'))?append(past,map((State.MonthDays??null),Day)):__oak_eq(__oak_cond,__Oak_String('all'))?map(reverse((sort.sort)((State.results??null),Symbol.for('due'))),Task):null)((State.range??null))))():map((State.results??null),Task))(trim((State.search??null)))))]))},TaskPageHeader=function TaskPageHeader(task=null){return ((swapTasks)=>(swapTasks=function swapTasks(t1=null,t2=null){return (((__oak_assgn_tgt,__oak_assgn_val)=>(__is_oak_string(__oak_assgn_tgt)?__oak_assgn_tgt.assign(tasks,__oak_assgn_val):__oak_assgn_val===__Oak_Empty?delete (__oak_assgn_tgt.tasks):(__oak_assgn_tgt.tasks)=__oak_assgn_val,__oak_assgn_tgt))(__as_oak_string(State),map((State.tasks??null),function _(t=null){return ((__oak_cond)=>__oak_eq(__oak_cond,(t1.id??null))?t2:__oak_eq(__oak_cond,(t2.id??null))?t1:t)((t.id??null))})),sync(),updateSearchResults())},h(Symbol.for('div'),[__Oak_String('task-page-header'),__Oak_String('flex-row')],[h(Symbol.for('button'),[__Oak_String('task-page-header-close')],({title:__Oak_String('Close')}),({click:function _(){return (((__oak_assgn_tgt,__oak_assgn_val)=>(__is_oak_string(__oak_assgn_tgt)?__oak_assgn_tgt.assign(task,__oak_assgn_val):__oak_assgn_val===__Oak_Empty?delete (__oak_assgn_tgt.task):(__oak_assgn_tgt.task)=__oak_assgn_val,__oak_assgn_tgt))(__as_oak_string(State),null),render())}}),[__Oak_String('Close')]),h(Symbol.for('button'),[__Oak_String('task-page-header-up')],({title:__Oak_String('Move up in list')}),({click:function _(){return ((prevTaskID,taskIDs)=>((taskIDs=map((Array.from)((document.querySelectorAll)(__Oak_String('[data-task-id]'))),function _(e=null){return (e.getAttribute)(__Oak_String('data-task-id'))})),((__oak_cond)=>__oak_eq(__oak_cond,true)?(swapTasks(__oak_acc((State.tasks??null),__oak_obj_key((find((State.tasks??null),function _(t=null){return __oak_eq((t.id??null),prevTaskID)})))),task)):null)(!__oak_eq(null,(prevTaskID=__oak_acc(taskIDs,__oak_obj_key(((find(taskIDs,is((task.id??null)))-1)))))))))()}}),[__Oak_String('↖')]),h(Symbol.for('button'),[__Oak_String('task-page-header-down')],({title:__Oak_String('Move down in list')}),({click:function _(){return ((nextTaskID,taskIDs)=>((taskIDs=map((Array.from)((document.querySelectorAll)(__Oak_String('[data-task-id]'))),function _(e=null){return (e.getAttribute)(__Oak_String('data-task-id'))})),((__oak_cond)=>__oak_eq(__oak_cond,true)?(swapTasks(__oak_acc((State.tasks??null),__oak_obj_key((find((State.tasks??null),function _(t=null){return __oak_eq((t.id??null),nextTaskID)})))),task)):null)(!__oak_eq(null,(nextTaskID=__oak_acc(taskIDs,__oak_obj_key((__as_oak_string(find(taskIDs,is((task.id??null)))+1)))))))))()}}),[__Oak_String('↘')]),FlexSpacer(),h(Symbol.for('button'),[__Oak_String('task-page-header-delete')],({title:__Oak_String('Delete task')}),({click:function _(){return ((__oak_cond)=>__oak_eq(__oak_cond,true)?(((__oak_assgn_tgt,__oak_assgn_val)=>(__is_oak_string(__oak_assgn_tgt)?__oak_assgn_tgt.assign(task,__oak_assgn_val):__oak_assgn_val===__Oak_Empty?delete (__oak_assgn_tgt.task):(__oak_assgn_tgt.task)=__oak_assgn_val,__oak_assgn_tgt))(__as_oak_string(State),null),((__oak_assgn_tgt,__oak_assgn_val)=>(__is_oak_string(__oak_assgn_tgt)?__oak_assgn_tgt.assign(tasks,__oak_assgn_val):__oak_assgn_val===__Oak_Empty?delete (__oak_assgn_tgt.tasks):(__oak_assgn_tgt.tasks)=__oak_assgn_val,__oak_assgn_tgt))(__as_oak_string(State),filter((State.tasks??null),function _(t=null){return !__oak_eq((t.id??null),(task.id??null))})),sync(),updateSearchResults()):null)(confirm(__Oak_String('Delete this task?')))}}),[__Oak_String('Delete')]),h(Symbol.for('button'),[__Oak_String('task-page-header-prev')],({title:__Oak_String('Pull forward 1 day')}),({click:function _(){return (((__oak_assgn_tgt,__oak_assgn_val)=>(__is_oak_string(__oak_assgn_tgt)?__oak_assgn_tgt.assign(due,__oak_assgn_val):__oak_assgn_val===__Oak_Empty?delete (__oak_assgn_tgt.due):(__oak_assgn_tgt.due)=__oak_assgn_val,__oak_assgn_tgt))(__as_oak_string(task),addDays((task.due??null),-1)),sync(),updateSearchResults())}}),[__Oak_String('←')]),h(Symbol.for('button'),[__Oak_String('task-page-header-today')],({title:__Oak_String('Make due day')}),({click:function _(){return (((__oak_assgn_tgt,__oak_assgn_val)=>(__is_oak_string(__oak_assgn_tgt)?__oak_assgn_tgt.assign(due,__oak_assgn_val):__oak_assgn_val===__Oak_Empty?delete (__oak_assgn_tgt.due):(__oak_assgn_tgt.due)=__oak_assgn_val,__oak_assgn_tgt))(__as_oak_string(task),today()),sync(),updateSearchResults())}}),[__Oak_String('↓')]),h(Symbol.for('button'),[__Oak_String('task-page-header-next')],({title:__Oak_String('Postpone 1 day')}),({click:function _(){return (((__oak_assgn_tgt,__oak_assgn_val)=>(__is_oak_string(__oak_assgn_tgt)?__oak_assgn_tgt.assign(due,__oak_assgn_val):__oak_assgn_val===__Oak_Empty?delete (__oak_assgn_tgt.due):(__oak_assgn_tgt.due)=__oak_assgn_val,__oak_assgn_tgt))(__as_oak_string(task),addDays((task.due??null),1)),sync(),updateSearchResults())}}),[__Oak_String('→')])])))()},TaskPage=function TaskPage(task=null){return (h(Symbol.for('div'),[__Oak_String('task-page')],(((__oak_cond)=>__oak_eq(__oak_cond,null)?[h(Symbol.for('div'),[__Oak_String('task-page-empty')],[])]:[TaskPageHeader(task),h(Symbol.for('div'),[__Oak_String('task-editor'),__Oak_String('flex-col')],[h(Symbol.for('div'),[__Oak_String('task-editor-text')],[Editable(({value:(task.text??null),placeholder:__Oak_String('Do this'),[__Oak_String('data-id')]:(task.id??null)}),false,function _(evt=null){return (((__oak_assgn_tgt,__oak_assgn_val)=>(__is_oak_string(__oak_assgn_tgt)?__oak_assgn_tgt.assign(text,__oak_assgn_val):__oak_assgn_val===__Oak_Empty?delete (__oak_assgn_tgt.text):(__oak_assgn_tgt.text)=__oak_assgn_val,__oak_assgn_tgt))(__as_oak_string(task),((evt.target??null).value??null)),sync(),render())},function _(evt=null){return ((evt.preventDefault)(),focusFieldWithDataID(__as_oak_string(string((task.id??null))+__Oak_String('-body'))))})]),h(Symbol.for('div'),[__Oak_String('task-editor-option-row')],[h(Symbol.for('div'),[__Oak_String('task-editor-option-subrow')],[h(Symbol.for('input'),[__Oak_String('task-editor-due-input')],({type:__Oak_String('date'),value:(task.due??null)}),({change:function _(evt=null){return (((__oak_assgn_tgt,__oak_assgn_val)=>(__is_oak_string(__oak_assgn_tgt)?__oak_assgn_tgt.assign(due,__oak_assgn_val):__oak_assgn_val===__Oak_Empty?delete (__oak_assgn_tgt.due):(__oak_assgn_tgt.due)=__oak_assgn_val,__oak_assgn_tgt))(__as_oak_string(task),((evt.target??null).value??null)),sync(),render())}}),[]),h(Symbol.for('button'),[__Oak_String('task-editor-due-reset')],({title:__Oak_String('Unset due date')}),({click:function _(){return (((__oak_assgn_tgt,__oak_assgn_val)=>(__is_oak_string(__oak_assgn_tgt)?__oak_assgn_tgt.assign(due,__oak_assgn_val):__oak_assgn_val===__Oak_Empty?delete (__oak_assgn_tgt.due):(__oak_assgn_tgt.due)=__oak_assgn_val,__oak_assgn_tgt))(__as_oak_string(task),null),sync(),render())}}),[__Oak_String('Unset')])]),h(Symbol.for('div'),[__Oak_String('task-editor-option-subrow')],[h(Symbol.for('select'),[__Oak_String('task-editor-category-select')],({}),({change:function _(evt=null){return ((value)=>(((__oak_assgn_tgt,__oak_assgn_val)=>(__is_oak_string(__oak_assgn_tgt)?__oak_assgn_tgt.assign(cat,__oak_assgn_val):__oak_assgn_val===__Oak_Empty?delete (__oak_assgn_tgt.cat):(__oak_assgn_tgt.cat)=__oak_assgn_val,__oak_assgn_tgt))(__as_oak_string(task),((__oak_cond)=>__oak_eq(__oak_cond,__Oak_String(''))?null:value)((value=((evt.target??null).value??null)))),sync(),render()))()}}),[h(Symbol.for('option'),[],({value:__Oak_String(''),selected:__oak_eq((task.cat??null),null)}),[__Oak_String('No category')]),h(Symbol.for('optgroup'),[],({label:__Oak_String('Categories')}),(map((State.categories??null),function _(cat=null){return (h(Symbol.for('option'),[],({value:(cat.id??null),selected:__oak_eq((task.cat??null),(cat.id??null))}),[((__oak_cond)=>__oak_eq(__oak_cond,__Oak_String(''))?__Oak_String('Unnamed category'):(cat.name??null))((cat.name??null))]))})))]),h(Symbol.for('button'),[__Oak_String('task-editor-category-edit')],({}),({click:function _(){return editCategories()}}),[__Oak_String('Edit')])])]),h(Symbol.for('div'),[__Oak_String('task-editor-body')],[Editable(({value:(task.body??null),placeholder:__Oak_String('Some more context'),[__Oak_String('data-id')]:__as_oak_string(string((task.id??null))+__Oak_String('-body'))}),true,function _(evt=null){return (((__oak_assgn_tgt,__oak_assgn_val)=>(__is_oak_string(__oak_assgn_tgt)?__oak_assgn_tgt.assign(body,__oak_assgn_val):__oak_assgn_val===__Oak_Empty?delete (__oak_assgn_tgt.body):(__oak_assgn_tgt.body)=__oak_assgn_val,__oak_assgn_tgt))(__as_oak_string(task),((evt.target??null).value??null)),sync(),render())})])])])(task))))},CategoryEditor=function CategoryEditor(){return (h(Symbol.for('dialog'),[__Oak_String('category-editor'),__Oak_String('flex-col')],[h(Symbol.for('div'),[__Oak_String('category-editor-header'),__Oak_String('flex-row')],[h(Symbol.for('h2'),[__Oak_String('Categories')]),FlexSpacer(),h(Symbol.for('button'),[__Oak_String('dialog-close')],({title:__Oak_String('Save and close')}),({click:function _(){return (((__oak_assgn_tgt,__oak_assgn_val)=>(__is_oak_string(__oak_assgn_tgt)?__oak_assgn_tgt.assign(editingCategories__oak_qm,__oak_assgn_val):__oak_assgn_val===__Oak_Empty?delete (__oak_assgn_tgt.editingCategories__oak_qm):(__oak_assgn_tgt.editingCategories__oak_qm)=__oak_assgn_val,__oak_assgn_tgt))(__as_oak_string(State),false),render())}}),[__Oak_String('Done')])]),h(Symbol.for('ul'),[__Oak_String('category-editor-list'),__Oak_String('flex-col')],(map((State.categories??null),function _(cat=null){return (h(Symbol.for('li'),[__Oak_String('category-editor-item'),__Oak_String('flex-row')],[h(Symbol.for('input'),[__Oak_String('category-editor-color-input')],({type:__Oak_String('color'),value:(cat.color??null)}),({input:function _(evt=null){return (((__oak_assgn_tgt,__oak_assgn_val)=>(__is_oak_string(__oak_assgn_tgt)?__oak_assgn_tgt.assign(color,__oak_assgn_val):__oak_assgn_val===__Oak_Empty?delete (__oak_assgn_tgt.color):(__oak_assgn_tgt.color)=__oak_assgn_val,__oak_assgn_tgt))(__as_oak_string(cat),((evt.target??null).value??null)),sync(),render())}}),[]),h(Symbol.for('input'),[__Oak_String('category-editor-name-input')],({value:(cat.name??null),placeholder:__Oak_String('New category'),[__Oak_String('data-id')]:(cat.id??null)}),({input:function _(evt=null){return (((__oak_assgn_tgt,__oak_assgn_val)=>(__is_oak_string(__oak_assgn_tgt)?__oak_assgn_tgt.assign(name,__oak_assgn_val):__oak_assgn_val===__Oak_Empty?delete (__oak_assgn_tgt.name):(__oak_assgn_tgt.name)=__oak_assgn_val,__oak_assgn_tgt))(__as_oak_string(cat),((evt.target??null).value??null)),sync(),render())}}),[]),((__oak_cond)=>__oak_eq(__oak_cond,true)?h(Symbol.for('button'),[__Oak_String('category-editor-delete')],({title:__Oak_String('Delete category')}),({click:function _(){return (((__oak_assgn_tgt,__oak_assgn_val)=>(__is_oak_string(__oak_assgn_tgt)?__oak_assgn_tgt.assign(categories,__oak_assgn_val):__oak_assgn_val===__Oak_Empty?delete (__oak_assgn_tgt.categories):(__oak_assgn_tgt.categories)=__oak_assgn_val,__oak_assgn_tgt))(__as_oak_string(State),filter((State.categories??null),function _(c=null){return !__oak_eq((c.id??null),(cat.id??null))})),sync(),render())}}),[__Oak_String('X')]):null)(__oak_eq(filter((State.tasks??null),function _(t=null){return __oak_eq((t.cat??null),(cat.id??null))}),[]))]))}))),h(Symbol.for('button'),[__Oak_String('category-editor-add')],({title:__Oak_String('Add category')}),({click:function _(){return ((id)=>((id=(uid.__oak_js_new)()),__oak_push((State.categories??null),({id,name:__Oak_String(''),color:(random.choice)(Colors)})),sync(),render(),focusFieldWithDataID(id)))()}}),[__Oak_String('+ New Category')])]))},render=function render(){return ((errMsg)=>((((document.body??null).classList??null).toggle)(__Oak_String('dark'),__oak_eq((State.theme??null),__Oak_String('dark'))),(r.update)(h(Symbol.for('div'),[__Oak_String('app'),((__oak_cond)=>__oak_eq(__oak_cond,null)?__Oak_String('no-active-task'):__Oak_String('active-task'))((State.task??null))],[h(Symbol.for('header'),[__Oak_String('flex-row')],[h(Symbol.for('a'),[__Oak_String('logo')],({href:__Oak_String('/')}),[__Oak_String('Albatross')]),FlexSpacer(),((__oak_cond)=>__oak_eq(__oak_cond,true)?null:__oak_eq(__oak_cond,false)?null:h(Symbol.for('button'),[__Oak_String('sync-try-again')],({title:(fmt.format)(__Oak_String('Sync error: {{0}}\nClick to try again.'),errMsg)}),({click:function _(){return syncImmediately()}}),[__Oak_String('⚠️')]))((errMsg=(State.syncing__oak_qm??null))),h(Symbol.for('button'),[__Oak_String('theme-button')],({title:((__oak_cond)=>__oak_eq(__oak_cond,__Oak_String('light'))?__Oak_String('Dark mode'):__Oak_String('Light mode'))((State.theme??null))}),({click:function _(){return (((__oak_assgn_tgt,__oak_assgn_val)=>(__is_oak_string(__oak_assgn_tgt)?__oak_assgn_tgt.assign(theme,__oak_assgn_val):__oak_assgn_val===__Oak_Empty?delete (__oak_assgn_tgt.theme):(__oak_assgn_tgt.theme)=__oak_assgn_val,__oak_assgn_tgt))(__as_oak_string(State),((__oak_cond)=>__oak_eq(__oak_cond,__Oak_String('light'))?__Oak_String('dark'):__Oak_String('light'))((State.theme??null))),((window.localStorage??null).setItem)(ColorSchemeKey,(State.theme??null)),render())}}),[((__oak_cond)=>__oak_eq(__oak_cond,__Oak_String('light'))?__Oak_String('🌘'):__Oak_String('☀️'))((State.theme??null))])]),h(Symbol.for('main'),[__Oak_String('flex-row')],[TaskList(),TaskPage(__oak_acc((State.tasks??null),__oak_obj_key((find((State.tasks??null),function _(t=null){return __oak_eq((t.id??null),(State.task??null))})))))]),h(Symbol.for('footer'),[h(Symbol.for('a'),[],({href:__Oak_String('https://github.com/thesephist/albatross'),target:__Oak_String('_blank')}),[__Oak_String('Albatross')]),__Oak_String(', a way to organize life, by '),h(Symbol.for('a'),[],({href:__Oak_String('https://thesephist.com'),target:__Oak_String('_blank')}),[__Oak_String('L')]),__Oak_String(' for '),h(Symbol.for('a'),[],({href:__Oak_String('https://karinanguyen.com'),target:__Oak_String('_blank')}),[__Oak_String('K')]),__Oak_String('.')]),((__oak_cond)=>__oak_eq(__oak_cond,true)?CategoryEditor():null)((State.editingCategories__oak_qm??null))]))))()},((document.body??null).addEventListener)(__Oak_String('keydown'),function _(evt=null){return ((__oak_cond)=>__oak_eq(__oak_cond,[true,false,__Oak_String('/')])?focusSearchField():__oak_eq(__oak_cond,[true,false,__Oak_String('k')])?((__oak_cond)=>__oak_eq(__oak_cond,true)?focusFieldWithDataID((State.task??null)):null)(!__oak_eq((State.task??null),null)):__oak_eq(__oak_cond,[true,true,__Oak_String('k')])?addTaskAndFocus():null)([(__oak_left=>__oak_left===true?true:__oak_or(__oak_left,(evt.metaKey??null)))((evt.ctrlKey??null)),(evt.shiftKey??null),(evt.key??null)])}),(window.addEventListener)(__Oak_String('beforeunload'),function _(evt=null){return ((__oak_cond)=>__oak_eq(__oak_cond,false)?((__oak_assgn_tgt,__oak_assgn_val)=>(__is_oak_string(__oak_assgn_tgt)?__oak_assgn_tgt.assign(returnValue,__oak_assgn_val):__oak_assgn_val===__Oak_Empty?delete (__oak_assgn_tgt.returnValue):(__oak_assgn_tgt.returnValue)=__oak_assgn_val,__oak_assgn_tgt))(__as_oak_string(evt),__Oak_Empty):((evt.preventDefault)(),((__oak_assgn_tgt,__oak_assgn_val)=>(__is_oak_string(__oak_assgn_tgt)?__oak_assgn_tgt.assign(returnValue,__oak_assgn_val):__oak_assgn_val===__Oak_Empty?delete (__oak_assgn_tgt.returnValue):(__oak_assgn_tgt.returnValue)=__oak_assgn_val,__oak_assgn_tgt))(__as_oak_string(evt),0)))((State.syncing__oak_qm??null))}),enqueueMinutelyUpdate=function enqueueMinutelyUpdate(){return (render(),wait(30,function _(){return (enqueueMinutelyUpdate())}))},enqueueMinutelyUpdate(),(((document.body??null).classList??null).add)(string(ClientRenderer)),updateSearchResults(),render(),({Category,CategoryEditor,ClientRenderer,ColorSchemeKey,Colors,Day,Editable,FlexSpacer,LocalStorageKey,Renderer,State,SyncInterval,Task,TaskList,TaskPage,TaskPageHeader,Tasks,UseLocalStorage__oak_qm,addDays,addTaskAndFocus,append,datetime,dayList,dayName,debounce,__oak_js_default,defaults,editCategories,enqueueMinutelyUpdate,enqueueSync,filter,find,fmt,fmtDay,focusFieldWithDataID,focusSearchField,h,is,json,last,lower,map,println,r,random,render,reverse,slice,sort,strContains__oak_qm,sync,syncImmediately,today,tomorrow,trim,uid,updateSearchResults,yesterday})))()}),__oak_modularize(__Oak_String('src/dateutils.js.oak'),function _(){return ((OneDay,addDays,datetime,dayList,__oak_js_default,map,range,take,today,tomorrow,yesterday)=>(({__oak_js_default,range,map,take}=__oak_module_import(__Oak_String('std'))),(datetime=__oak_module_import(__Oak_String('datetime'))),(OneDay=86400),dayList=function dayList(n=null,dir=null){return ((dayCounts,now,tzOffset)=>((dir=__oak_js_default(dir,Symbol.for('future'))),(dayCounts=((__oak_cond)=>__oak_eq(__oak_cond,Symbol.for('future'))?range(n):__oak_eq(__oak_cond,Symbol.for('past'))?range((1-n),1):null)(dir)),(now=int(time())),(tzOffset=(__oak_js_new(Date).getTimezoneOffset)()),map(dayCounts,function _(n=null){return (take((datetime.format)(__as_oak_string(now+(n*OneDay)),-tzOffset),10))})))()},today=function today(){return __oak_acc(dayList(1),0)},tomorrow=function tomorrow(){return __oak_acc(dayList(2),1)},yesterday=function yesterday(){return __oak_acc(dayList(2,Symbol.for('past')),0)},addDays=function addDays(day=null,n=null){return ((desc)=>((desc=(datetime.parse)(__as_oak_string(day+__Oak_String('T00:00:00')))),take((datetime.format)((__as_oak_string((datetime.timestamp)(desc)+(n*OneDay)))),10)))()},({OneDay,addDays,datetime,dayList,__oak_js_default,map,range,take,today,tomorrow,yesterday})))()}),__oak_modularize(__Oak_String('src/defaults.js.oak'),function _(){return ((DefaultData,today,tomorrow)=>(({today,tomorrow}=__oak_module_import(__Oak_String('src/dateutils.js.oak'))),(DefaultData=({categories:[({id:__Oak_String('xmFWgdzyhWVHmkMA'),name:__Oak_String('Side Projects'),color:__Oak_String('#11b6a5')}),({id:__Oak_String('JuVAgJQzI6IQCquO'),name:__Oak_String('Networking'),color:__Oak_String('#90b847')}),({id:__Oak_String('TQkckfPUXfsOnQFK'),name:__Oak_String('Writing'),color:__Oak_String('#4e70c1')})],tasks:[({id:__Oak_String('ckgtqfVmMPrzn5jv'),text:__Oak_String('How to use Albatross 🤔'),body:__Oak_String('Albatross is very minimal\n- Create todos and filter/search in the left sidebar\n- If you click on a todo, it\'ll open on the right side (or in a new view on mobile)\n- The diagonal arrow buttons move the todo up/down in the left sidebar (it\'s a little buggy)\n- The left/bottom/right buttons above move the current todo\'s due date forward 1 day, to today, or backward 1 day, respectively\n- Use the "Edit" button to create new categories or edit existing ones\n- Switch light/dark theme with the button in the top right corner\n\nKeyboard shortcuts\n- Ctrl/Cmd+K to focus the title field of a todo\n- Ctrl/Cmd+/ to focus the search field\n- Ctrl/Cmd+Shift+K to create a new todo\n\nMore information at https://github.com/thesephist/albatross'),due:today(),done:null,cat:__Oak_String('xmFWgdzyhWVHmkMA')}),({id:__Oak_String('HWqMlNluXUtYRBqN'),text:__Oak_String('Send email connecting Theo and James'),body:__Oak_String('They should talk more about tools for thought!'),due:today(),done:null,cat:__Oak_String('JuVAgJQzI6IQCquO')}),({id:__Oak_String('by3oDreliq6EKrMK'),text:__Oak_String('Write a short sci-fi piece about LLMs and in-context learning'),body:__Oak_String('Geoffrey told me this could be an interesting idea for a sci-fi story!'),due:today(),done:null,cat:__Oak_String('TQkckfPUXfsOnQFK')}),({id:__Oak_String('9rxjTrmIGs2JpaOV'),text:__Oak_String('Launch Albatross 🪶'),body:__Oak_String('Before launch\n- Make sure page has social images + head tags\n- Finish writing a README\n\nAfter launch\n- Post to Twitter\n- Post to Linkedin'),due:tomorrow(),done:null,cat:__Oak_String('xmFWgdzyhWVHmkMA')}),({id:__Oak_String('yOkTFzRnYCCVwKfv'),text:__Oak_String('Write research report about latent space models'),body:__Oak_String(''),due:tomorrow(),done:null,cat:__Oak_String('TQkckfPUXfsOnQFK')})]})),({DefaultData,today,tomorrow})))()}),__oak_modularize(__Oak_String('datetime'),function _(){return ((DaysBeforeMonth,DaysFrom1To1970,DaysPer100Years,DaysPer400Years,DaysPer4Years,LeapDay,SecondsPerDay,ZeroYear,_describeClock,_describeDate,_parseTZOffset,__oak_js_default,describe,endsWith__oak_qm,fmtFormat,format,leap__oak_qm,map,merge,padEnd,padStart,parse,round,slice,split,strContains__oak_qm,strIndexOf,take,timestamp)=>(({__oak_js_default,map,take,slice,merge}=__oak_module_import(__Oak_String('std'))),({endsWith__oak_qm,contains__oak_qm:strContains__oak_qm=null,indexOf:strIndexOf=null,padStart,padEnd,split}=__oak_module_import(__Oak_String('str'))),({round}=__oak_module_import(__Oak_String('math'))),({format:fmtFormat=null}=__oak_module_import(__Oak_String('fmt'))),(LeapDay=__as_oak_string(31+28)),(SecondsPerDay=86400),(DaysPer4Years=__as_oak_string((365*4)+1)),(DaysPer100Years=((25*DaysPer4Years)-1)),(DaysPer400Years=__as_oak_string((DaysPer100Years*4)+1)),(ZeroYear=1),(DaysFrom1To1970=(((DaysPer400Years*5)-(365*31))-8)),(DaysBeforeMonth=[__Oak_Empty,0,31,__as_oak_string(31+28),__as_oak_string(__as_oak_string(31+28)+31),__as_oak_string(__as_oak_string(__as_oak_string(31+28)+31)+30),__as_oak_string(__as_oak_string(__as_oak_string(__as_oak_string(31+28)+31)+30)+31),__as_oak_string(__as_oak_string(__as_oak_string(__as_oak_string(__as_oak_string(31+28)+31)+30)+31)+30),__as_oak_string(__as_oak_string(__as_oak_string(__as_oak_string(__as_oak_string(__as_oak_string(31+28)+31)+30)+31)+30)+31),__as_oak_string(__as_oak_string(__as_oak_string(__as_oak_string(__as_oak_string(__as_oak_string(__as_oak_string(31+28)+31)+30)+31)+30)+31)+31),__as_oak_string(__as_oak_string(__as_oak_string(__as_oak_string(__as_oak_string(__as_oak_string(__as_oak_string(__as_oak_string(31+28)+31)+30)+31)+30)+31)+31)+30),__as_oak_string(__as_oak_string(__as_oak_string(__as_oak_string(__as_oak_string(__as_oak_string(__as_oak_string(__as_oak_string(__as_oak_string(31+28)+31)+30)+31)+30)+31)+31)+30)+31),__as_oak_string(__as_oak_string(__as_oak_string(__as_oak_string(__as_oak_string(__as_oak_string(__as_oak_string(__as_oak_string(__as_oak_string(__as_oak_string(31+28)+31)+30)+31)+30)+31)+31)+30)+31)+30),__as_oak_string(__as_oak_string(__as_oak_string(__as_oak_string(__as_oak_string(__as_oak_string(__as_oak_string(__as_oak_string(__as_oak_string(__as_oak_string(__as_oak_string(31+28)+31)+30)+31)+30)+31)+31)+30)+31)+30)+31)]),leap__oak_qm=function leap__oak_qm(year=null){return (__oak_left=>__oak_left===false?false:__oak_and(__oak_left,((__oak_left=>__oak_left===true?true:__oak_or(__oak_left,__oak_eq((year%400),0)))(!__oak_eq((year%100),0)))))(__oak_eq((year%4),0))},_describeDate=function _describeDate(t=null){return ((d,day,leapYear__oak_qm,month,n,n100,n4,n400,year)=>((d=__as_oak_string(int((((t-(t%SecondsPerDay)))/SecondsPerDay))+DaysFrom1To1970)),((__oak_cond)=>__oak_eq(__oak_cond,true)?(d=(d-1)):null)((__oak_left=>__oak_left===false?false:__oak_and(__oak_left,!__oak_eq((t%86400),0)))((t<0))),(n400=int((d/DaysPer400Years))),(d=(d-(DaysPer400Years*n400))),(n100=int((d/DaysPer100Years))),(n100=(n100-int((n100/4)))),(d=(d-(DaysPer100Years*n100))),(n4=int((d/DaysPer4Years))),(d=(d-(DaysPer4Years*n4))),(n=int((d/365))),(n=(n-int((n/4)))),(d=(d-(365*n))),(year=__as_oak_string(__as_oak_string(__as_oak_string(__as_oak_string(ZeroYear+(400*n400))+(100*n100))+(4*n4))+n)),(month=0),(day=d),(leapYear__oak_qm=leap__oak_qm(year)),((__oak_cond)=>__oak_eq(__oak_cond,(__oak_left=>__oak_left===false?false:__oak_and(__oak_left,__oak_eq(day,LeapDay)))(leapYear__oak_qm))?((month=2),(day=29)):((subMonth)=>(((__oak_cond)=>__oak_eq(__oak_cond,true)?(day=(day-1)):null)((__oak_left=>__oak_left===false?false:__oak_and(__oak_left,(day>LeapDay)))(leapYear__oak_qm)),subMonth=function subMonth(m=null){return ((__oak_trampolined_subMonth)=>((__oak_trampolined_subMonth=function _(m=null){return ((__oak_cond)=>__oak_eq(__oak_cond,true)?m:__oak_trampoline(__oak_trampolined_subMonth,__as_oak_string(m+1)))((day<__oak_acc(DaysBeforeMonth,__oak_obj_key((__as_oak_string(m+1))))))}),__oak_resolve_trampoline(__oak_trampolined_subMonth,m)))()},(month=subMonth(1)),(day=__as_oak_string((day-__oak_acc(DaysBeforeMonth,__oak_obj_key((month))))+1))))())(true),({year,month,day})))()},_describeClock=function _describeClock(t=null){return ((hour,minute,rem)=>((rem=(t%SecondsPerDay)),((__oak_cond)=>__oak_eq(__oak_cond,true)?(rem=__as_oak_string(rem+SecondsPerDay)):null)((rem<0)),(hour=int((rem/3600))),(rem=(rem%3600)),(minute=int((rem/60))),({hour,minute,second:(rem%60)})))()},describe=function describe(t=null){return merge(_describeDate(t),_describeClock(t))},timestamp=function timestamp(desc=null){return ((day,daysFrom1,daysFrom1970,daysYearToDate,hour,leapYear__oak_qm,minute,month,n100,n4,n400,second,year)=>(({year,month,day,hour,minute,second}=desc),(leapYear__oak_qm=leap__oak_qm(year)),(year=(year-ZeroYear)),(n400=int((year/400))),(year=(year%400)),(n100=int((year/100))),(year=(year%100)),(n4=int((year/4))),(year=(year%4)),(daysYearToDate=((__oak_cond)=>__oak_eq(__oak_cond,true)?((__oak_cond)=>__oak_eq(__oak_cond,__oak_eq(month,1))?(__as_oak_string(__oak_acc(DaysBeforeMonth,__oak_obj_key((month)))+day)-1):__oak_eq(__oak_cond,(__oak_left=>__oak_left===false?false:__oak_and(__oak_left,(day<29)))(__oak_eq(month,2)))?(__as_oak_string(__oak_acc(DaysBeforeMonth,__oak_obj_key((month)))+day)-1):__oak_eq(__oak_cond,(__oak_left=>__oak_left===false?false:__oak_and(__oak_left,__oak_eq(day,29)))(__oak_eq(month,2)))?59:__as_oak_string(__oak_acc(DaysBeforeMonth,__oak_obj_key((month)))+day))(true):(__as_oak_string(__oak_acc(DaysBeforeMonth,__oak_obj_key((month)))+day)-1))(leapYear__oak_qm)),(daysFrom1=__as_oak_string(__as_oak_string(__as_oak_string(__as_oak_string((DaysPer400Years*n400)+(DaysPer100Years*n100))+(DaysPer4Years*n4))+(365*year))+daysYearToDate)),(daysFrom1970=(daysFrom1-DaysFrom1To1970)),__as_oak_string(__as_oak_string(__as_oak_string((daysFrom1970*SecondsPerDay)+(3600*hour))+(60*minute))+second)))()},format=function format(t=null,tzOffset=null){return ((day,hour,millis,minute,month,second,year)=>((tzOffset=__oak_js_default(tzOffset,0)),({year,month,day,hour,minute,second}=describe(__as_oak_string(t+(tzOffset*60)))),fmtFormat(__Oak_String('{{0}}-{{1}}-{{2}}T{{3}}:{{4}}:{{5}}{{6}}{{7}}'),((__oak_cond)=>__oak_eq(__oak_cond,(year>9999))?padStart(string(year),6,__Oak_String('0')):__oak_eq(__oak_cond,(year<0))?__oak_push(__Oak_String('-'),padStart(string(-year),6,__Oak_String('0'))):padStart(string(year),4,__Oak_String('0')))(true),padStart(string(month),2,__Oak_String('0')),padStart(string(day),2,__Oak_String('0')),padStart(string(hour),2,__Oak_String('0')),padStart(string(minute),2,__Oak_String('0')),padStart(string(int(second)),2,__Oak_String('0')),((__oak_cond)=>__oak_eq(__oak_cond,0)?__Oak_String(''):__as_oak_string(__Oak_String('.')+string(millis)))((millis=round((((second*1000))%1000)))),((__oak_cond)=>__oak_eq(__oak_cond,__oak_eq(tzOffset,0))?__Oak_String('Z'):__oak_eq(__oak_cond,(tzOffset>0))?__oak_push(__Oak_String('+'),fmtFormat(__Oak_String('{{0}}:{{1}}'),padStart(string(int((tzOffset/60))),2,__Oak_String('0')),padStart(string((tzOffset%60)),2,__Oak_String('0')))):__oak_push(__Oak_String('-'),fmtFormat(__Oak_String('{{0}}:{{1}}'),padStart(string(int((-tzOffset/60))),2,__Oak_String('0')),padStart(string((-tzOffset%60)),2,__Oak_String('0')))))(true))))()},_parseTZOffset=function _parseTZOffset(offsetString=null){let hh;let mm;return ((__oak_cond)=>__oak_eq(__oak_cond,[])?null:__oak_eq(__oak_cond,[__Oak_Empty])?null:__oak_eq(__oak_cond,[null,__Oak_Empty])?null:__oak_eq(__oak_cond,[__Oak_Empty,null])?null:__as_oak_string((hh*60)+mm))(([hh=null,mm=null]=map(split(offsetString,__Oak_String(':')),int)))},parse=function parse(s=null){let clock;let date;let day;let hour;let minute;let month;let second;let year;return ((__oak_cond)=>__oak_eq(__oak_cond,[])?null:__oak_eq(__oak_cond,[__Oak_Empty])?null:__oak_eq(__oak_cond,[null,__Oak_Empty])?null:__oak_eq(__oak_cond,[__Oak_Empty,null])?null:((__oak_cond)=>__oak_eq(__oak_cond,[])?null:__oak_eq(__oak_cond,[__Oak_Empty])?null:__oak_eq(__oak_cond,[__Oak_Empty,__Oak_Empty])?null:__oak_eq(__oak_cond,[null,__Oak_Empty,__Oak_Empty])?null:__oak_eq(__oak_cond,[__Oak_Empty,null,__Oak_Empty])?null:__oak_eq(__oak_cond,[__Oak_Empty,__Oak_Empty,null])?null:((__oak_cond)=>__oak_eq(__oak_cond,[])?null:__oak_eq(__oak_cond,[__Oak_Empty])?null:__oak_eq(__oak_cond,[__Oak_Empty,__Oak_Empty])?null:__oak_eq(__oak_cond,[null,__Oak_Empty,__Oak_Empty])?null:__oak_eq(__oak_cond,[__Oak_Empty,null,__Oak_Empty])?null:__oak_eq(__oak_cond,[__Oak_Empty,__Oak_Empty,null])?null:((maybeMillis,parsed,tzOffset)=>(([__oak_empty_assgn_tgt=null,maybeMillis=null]=map(map(split(clock,__Oak_String('.')),function _(s=null){return take(s,3)}),int)),(tzOffset=((__oak_cond)=>__oak_eq(__oak_cond,strContains__oak_qm(clock,__Oak_String('+')))?_parseTZOffset(slice(clock,__as_oak_string(strIndexOf(clock,__Oak_String('+'))+1))):__oak_eq(__oak_cond,strContains__oak_qm(clock,__Oak_String('-')))?((__oak_cond)=>__oak_eq(__oak_cond,null)?null:-parsed)((parsed=_parseTZOffset(slice(clock,__as_oak_string(strIndexOf(clock,__Oak_String('-'))+1))))):0)(true)),((__oak_cond)=>__oak_eq(__oak_cond,true)?({year,month,day,hour,minute,second:__as_oak_string(second+((__oak_js_default(maybeMillis,0))/1000)),tzOffset}):null)(!__oak_eq(tzOffset,null))))())(([hour=null,minute=null,second=null]=map(split(take(clock,8),__Oak_String(':')),int))))(([year=null,month=null,day=null]=map(split(date,__Oak_String('-')),int))))(([date=null,clock=null]=split(s,__Oak_String('T'))))},({DaysBeforeMonth,DaysFrom1To1970,DaysPer100Years,DaysPer400Years,DaysPer4Years,LeapDay,SecondsPerDay,ZeroYear,_describeClock,_describeDate,_parseTZOffset,__oak_js_default,describe,endsWith__oak_qm,fmtFormat,format,leap__oak_qm,map,merge,padEnd,padStart,parse,round,slice,split,strContains__oak_qm,strIndexOf,take,timestamp})))()}),__oak_modularize(__Oak_String('fmt'),function _(){return ((__oak_js_default,format,printf,println)=>(({println,__oak_js_default}=__oak_module_import(__Oak_String('std'))),format=function format(raw=null,...values){return ((buf,key,sub,value,which)=>((which=0),(key=__Oak_String('')),(buf=__Oak_String('')),(value=__oak_js_default(__oak_acc(values,0),({}))),sub=function sub(idx=null){return ((__oak_trampolined_sub)=>((__oak_trampolined_sub=function _(idx=null){return ((__oak_cond)=>__oak_eq(__oak_cond,true)?((c)=>((c=__oak_acc(raw,__oak_obj_key((idx)))),((__oak_cond)=>__oak_eq(__oak_cond,0)?((__oak_cond)=>__oak_eq(__oak_cond,__Oak_String('{'))?(which=1):__oak_push(buf,c))(c):__oak_eq(__oak_cond,1)?((__oak_cond)=>__oak_eq(__oak_cond,__Oak_String('{'))?(which=2):(__oak_push(__oak_push(buf,__Oak_String('{')),c),(which=0)))(c):__oak_eq(__oak_cond,2)?((__oak_cond)=>__oak_eq(__oak_cond,__Oak_String('}'))?((index)=>((index=int(key)),__oak_push(buf,string(((__oak_cond)=>__oak_eq(__oak_cond,__oak_eq(key,__Oak_String('')))?__Oak_String(''):__oak_eq(__oak_cond,__oak_eq(index,null))?__oak_acc(value,__oak_obj_key((key))):__oak_acc(values,__oak_obj_key((index))))(true))),(key=__Oak_String('')),(which=3)))():__oak_eq(__oak_cond,__Oak_String(' '))?null:__oak_eq(__oak_cond,__Oak_String('\t'))?null:(key=__as_oak_string(key+c)))(c):__oak_eq(__oak_cond,3)?((__oak_cond)=>__oak_eq(__oak_cond,__Oak_String('}'))?(which=0):null)(c):null)(which),__oak_trampoline(__oak_trampolined_sub,__as_oak_string(idx+1))))():buf)((idx<len(raw)))}),__oak_resolve_trampoline(__oak_trampolined_sub,idx)))()},sub(0)))()},printf=function printf(raw=null,...values){return println(format(raw,...values))},({__oak_js_default,format,printf,println})))()}),__oak_modularize(__Oak_String('math'),function _(){return ((E,Pi,abs,bearing,clamp,__oak_js_default,hypot,map,max,mean,median,min,orient,prod,reduce,round,scale,sign,sort,sqrt,stddev,sum)=>(({__oak_js_default,map,reduce}=__oak_module_import(__Oak_String('std'))),({sort}=__oak_module_import(__Oak_String('sort'))),(Pi=3.141592653589793),(E=2.718281828459045),sign=function sign(n=null){return ((__oak_cond)=>__oak_eq(__oak_cond,true)?1:-1)((n>=0))},abs=function abs(n=null){return ((__oak_cond)=>__oak_eq(__oak_cond,true)?n:-n)((n>=0))},sqrt=function sqrt(n=null){return ((__oak_cond)=>__oak_eq(__oak_cond,true)?pow(n,0.5):null)((n>=0))},hypot=function hypot(x0=null,y0=null,x1=null,y1=null){return (((__oak_cond)=>__oak_eq(__oak_cond,true)?(x1=(y1=0)):null)((__oak_left=>__oak_left===false?false:__oak_and(__oak_left,__oak_eq(y1,null)))(__oak_eq(x1,null))),sqrt(__as_oak_string((((x0-x1))*((x0-x1)))+(((y0-y1))*((y0-y1))))))},scale=function scale(x=null,a=null,b=null,c=null,d=null){return ((normed)=>((normed=(((x-a))/((b-a)))),((__oak_cond)=>__oak_eq(__oak_cond,(__oak_left=>__oak_left===false?false:__oak_and(__oak_left,__oak_eq(d,null)))(__oak_eq(c,null)))?normed:__as_oak_string((((d-c))*normed)+c))(true)))()},bearing=function bearing(x=null,y=null,d=null,t=null){return [__as_oak_string(x+(d*cos(t))),__as_oak_string(y+(d*sin(t)))]},orient=function orient(x0=null,y0=null,x1=null,y1=null){return ((x,y)=>(([x=null,y=null]=((__oak_cond)=>__oak_eq(__oak_cond,true)?[x0,y0]:[(x1-x0),(y1-y0)])((__oak_left=>__oak_left===false?false:__oak_and(__oak_left,__oak_eq(y1,null)))(__oak_eq(x1,null)))),((__oak_cond)=>__oak_eq(__oak_cond,(x>0))?(2*atan((y/(__as_oak_string(hypot(x,y)+x))))):__oak_eq(__oak_cond,(__oak_left=>__oak_left===false?false:__oak_and(__oak_left,!__oak_eq(y,0)))((x<=0)))?(2*atan((((hypot(x,y)-x))/y))):__oak_eq(__oak_cond,(__oak_left=>__oak_left===false?false:__oak_and(__oak_left,__oak_eq(y,0)))((x<0)))?Pi:null)(true)))()},sum=function sum(...xs){return reduce(xs,0,function _(a=null,b=null){return __as_oak_string(a+b)})},prod=function prod(...xs){return reduce(xs,1,function _(a=null,b=null){return (a*b)})},min=function min(...xs){return reduce(xs,__oak_acc(xs,0),function _(acc=null,n=null){return ((__oak_cond)=>__oak_eq(__oak_cond,true)?n:acc)((n<acc))})},max=function max(...xs){return reduce(xs,__oak_acc(xs,0),function _(acc=null,n=null){return ((__oak_cond)=>__oak_eq(__oak_cond,true)?n:acc)((n>acc))})},clamp=function clamp(x=null,a=null,b=null){return ((__oak_cond)=>__oak_eq(__oak_cond,(x<a))?a:__oak_eq(__oak_cond,(x>b))?b:x)(true)},mean=function mean(xs=null){return ((__oak_cond)=>__oak_eq(__oak_cond,0)?null:(sum(...xs)/len(xs)))(len(xs))},median=function median(xs=null){return ((count,half)=>((xs=sort(xs)),(count=len(xs)),(half=int((count/2))),((__oak_cond)=>__oak_eq(__oak_cond,count)?null:__oak_eq(__oak_cond,(count%2))?((__as_oak_string(__oak_acc(xs,__oak_obj_key(((half-1))))+__oak_acc(xs,__oak_obj_key((half)))))/2):__oak_acc(xs,__oak_obj_key((half))))(0)))()},stddev=function stddev(xs=null){let xmean;return ((__oak_cond)=>__oak_eq(__oak_cond,true)?(sqrt(mean(map(xs,function _(x=null){return pow((xmean-x),2)})))):null)(!__oak_eq(null,(xmean=mean(xs))))},round=function round(n=null,decimals=null){return ((decimals=__oak_js_default(int(decimals),0)),((__oak_cond)=>__oak_eq(__oak_cond,true)?n:((order)=>((order=pow(10,decimals)),((__oak_cond)=>__oak_eq(__oak_cond,true)?(int(__as_oak_string((n*order)+0.5))/order):(-int(__as_oak_string((-n*order)+0.5))/order))((n>=0))))())((decimals<0)))},({E,Pi,abs,bearing,clamp,__oak_js_default,hypot,map,max,mean,median,min,orient,prod,reduce,round,scale,sign,sort,sqrt,stddev,sum})))()}),__oak_modularize(__Oak_String('random'),function _(){return ((E,Pi,boolean,choice,integer,normal,number,sqrt)=>(({Pi,E,sqrt}=__oak_module_import(__Oak_String('math'))),boolean=function boolean(){return (rand()>0.5)},integer=function integer(min=null,max=null){return int(number(int(min),int(max)))},number=function number(min=null,max=null){return (((__oak_cond)=>__oak_eq(__oak_cond,true)?([min=null,max=null]=[0,min]):null)(__oak_eq(max,null)),__as_oak_string(min+(rand()*((max-min)))))},choice=function choice(list=null){return __oak_acc(list,__oak_obj_key((integer(0,len(list)))))},normal=function normal(){return ((u,v)=>((u=(1-rand())),(v=((2*Pi)*rand())),(sqrt((-2*log(E,u)))*cos(v))))()},({E,Pi,boolean,choice,integer,normal,number,sqrt})))()}),__oak_modularize(__Oak_String('sort'),function _(){return ((clone,__oak_js_default,id,map,sort,sort__oak_exclam)=>(({__oak_js_default,identity:id=null,map,clone}=__oak_module_import(__Oak_String('std'))),sort__oak_exclam=function sort__oak_exclam(xs=null,pred=null){return ((partition,quicksort,vpred)=>((pred=__oak_js_default(pred,id)),(vpred=map(xs,pred)),partition=function partition(xs=null,lo=null,hi=null){return ((lsub,pivot,rsub,sub)=>((pivot=__oak_acc(vpred,__oak_obj_key((lo)))),lsub=function lsub(i=null){return ((__oak_trampolined_lsub)=>((__oak_trampolined_lsub=function _(i=null){return ((__oak_cond)=>__oak_eq(__oak_cond,true)?__oak_trampoline(__oak_trampolined_lsub,__as_oak_string(i+1)):i)((__oak_acc(vpred,__oak_obj_key((i)))<pivot))}),__oak_resolve_trampoline(__oak_trampolined_lsub,i)))()},rsub=function rsub(j=null){return ((__oak_trampolined_rsub)=>((__oak_trampolined_rsub=function _(j=null){return ((__oak_cond)=>__oak_eq(__oak_cond,true)?__oak_trampoline(__oak_trampolined_rsub,(j-1)):j)((__oak_acc(vpred,__oak_obj_key((j)))>pivot))}),__oak_resolve_trampoline(__oak_trampolined_rsub,j)))()},sub=function sub(i=null,j=null){return ((__oak_trampolined_sub)=>((__oak_trampolined_sub=function _(i=null,j=null){return ((i=lsub(i)),(j=rsub(j)),((__oak_cond)=>__oak_eq(__oak_cond,false)?j:((tmp,tmpPred)=>((tmp=__oak_acc(xs,__oak_obj_key((i)))),(tmpPred=__oak_acc(vpred,__oak_obj_key((i)))),((__oak_assgn_tgt,__oak_assgn_val)=>(__is_oak_string(__oak_assgn_tgt)?__oak_assgn_tgt.assign((i),__oak_assgn_val):__oak_assgn_val===__Oak_Empty?delete (__oak_assgn_tgt[__oak_obj_key((i))]):(__oak_assgn_tgt[__oak_obj_key((i))])=__oak_assgn_val,__oak_assgn_tgt))(__as_oak_string(xs),__oak_acc(xs,__oak_obj_key((j)))),((__oak_assgn_tgt,__oak_assgn_val)=>(__is_oak_string(__oak_assgn_tgt)?__oak_assgn_tgt.assign((j),__oak_assgn_val):__oak_assgn_val===__Oak_Empty?delete (__oak_assgn_tgt[__oak_obj_key((j))]):(__oak_assgn_tgt[__oak_obj_key((j))])=__oak_assgn_val,__oak_assgn_tgt))(__as_oak_string(xs),tmp),((__oak_assgn_tgt,__oak_assgn_val)=>(__is_oak_string(__oak_assgn_tgt)?__oak_assgn_tgt.assign((i),__oak_assgn_val):__oak_assgn_val===__Oak_Empty?delete (__oak_assgn_tgt[__oak_obj_key((i))]):(__oak_assgn_tgt[__oak_obj_key((i))])=__oak_assgn_val,__oak_assgn_tgt))(__as_oak_string(vpred),__oak_acc(vpred,__oak_obj_key((j)))),((__oak_assgn_tgt,__oak_assgn_val)=>(__is_oak_string(__oak_assgn_tgt)?__oak_assgn_tgt.assign((j),__oak_assgn_val):__oak_assgn_val===__Oak_Empty?delete (__oak_assgn_tgt[__oak_obj_key((j))]):(__oak_assgn_tgt[__oak_obj_key((j))])=__oak_assgn_val,__oak_assgn_tgt))(__as_oak_string(vpred),tmpPred),__oak_trampoline(__oak_trampolined_sub,__as_oak_string(i+1),(j-1))))())((i<j)))}),__oak_resolve_trampoline(__oak_trampolined_sub,i,j)))()},sub(lo,hi)))()},quicksort=function quicksort(xs=null,lo=null,hi=null){return ((__oak_trampolined_quicksort)=>((__oak_trampolined_quicksort=function _(xs=null,lo=null,hi=null){return ((__oak_cond)=>__oak_eq(__oak_cond,0)?xs:__oak_eq(__oak_cond,1)?xs:((__oak_cond)=>__oak_eq(__oak_cond,false)?xs:((p)=>((p=partition(xs,lo,hi)),quicksort(xs,lo,p),__oak_trampoline(__oak_trampolined_quicksort,xs,__as_oak_string(p+1),hi)))())((lo<hi)))(len(xs))}),__oak_resolve_trampoline(__oak_trampolined_quicksort,xs,lo,hi)))()},quicksort(xs,0,(len(xs)-1))))()},sort=function sort(xs=null,pred=null){return sort__oak_exclam(clone(xs),pred)},({clone,__oak_js_default,id,map,sort,sort__oak_exclam})))()}),__oak_modularize(__Oak_String('std'),function _(){return ((_asPredicate,_baseIterator,_hToN,_nToH,aloop,append,clamp,clone,compact,constantly,contains__oak_qm,debounce,__oak_js_default,each,entries,every,exclude,filter,find,first,flatten,fromEntries,fromHex,identity,indexOf,is,join,last,loop,map,merge,once,parallel,partition,println,range,reduce,reverse,rfind,rindexOf,separate,serial,slice,some,stdin,take,takeLast,toHex,uniq,values,zip)=>(identity=function identity(x=null){return x},is=function is(x=null){return function _(y=null){return __oak_eq(x,y)}},constantly=function constantly(x=null){return function _(){return x}},_baseIterator=function _baseIterator(v=null){return ((__oak_cond)=>__oak_eq(__oak_cond,Symbol.for('string'))?__Oak_String(''):__oak_eq(__oak_cond,Symbol.for('list'))?[]:__oak_eq(__oak_cond,Symbol.for('object'))?({}):null)(type(v))},_asPredicate=function _asPredicate(pred=null){return ((__oak_cond)=>__oak_eq(__oak_cond,Symbol.for('atom'))?((prop)=>((prop=string(pred)),function _(x=null){return __oak_acc(x,__oak_obj_key((prop)))}))():__oak_eq(__oak_cond,Symbol.for('string'))?function _(x=null){return __oak_acc(x,__oak_obj_key((pred)))}:__oak_eq(__oak_cond,Symbol.for('int'))?function _(x=null){return __oak_acc(x,__oak_obj_key((pred)))}:pred)(type(pred))},__oak_js_default=function __oak_js_default(x=null,base=null){return ((__oak_cond)=>__oak_eq(__oak_cond,null)?base:x)(x)},(_nToH=__Oak_String('0123456789abcdef')),toHex=function toHex(n=null){return ((sub)=>(sub=function sub(p=null,acc=null){return ((__oak_trampolined_sub)=>((__oak_trampolined_sub=function _(p=null,acc=null){return ((__oak_cond)=>__oak_eq(__oak_cond,true)?__as_oak_string(__oak_acc(_nToH,__oak_obj_key((p)))+acc):__oak_trampoline(__oak_trampolined_sub,int((p/16)),__as_oak_string(__oak_acc(_nToH,__oak_obj_key(((p%16))))+acc)))((p<16))}),__oak_resolve_trampoline(__oak_trampolined_sub,p,acc)))()},sub(int(n),__Oak_String(''))))()},(_hToN=({0:0,1:1,2:2,3:3,4:4,5:5,6:6,7:7,8:8,9:9,a:10,A:10,b:11,B:11,c:12,C:12,d:13,D:13,e:14,E:14,f:15,F:15})),fromHex=function fromHex(s=null){return ((sub)=>(sub=function sub(i=null,acc=null){return ((__oak_trampolined_sub)=>((__oak_trampolined_sub=function _(i=null,acc=null){let next;return ((__oak_cond)=>__oak_eq(__oak_cond,__oak_eq(i,len(s)))?acc:__oak_eq(__oak_cond,!__oak_eq(null,(next=__oak_acc(_hToN,__oak_obj_key((__oak_acc(s,__oak_obj_key((i)))))))))?__oak_trampoline(__oak_trampolined_sub,__as_oak_string(i+1),__as_oak_string((acc*16)+next)):null)(true)}),__oak_resolve_trampoline(__oak_trampolined_sub,i,acc)))()},sub(0,0)))()},clamp=function clamp(min=null,max=null,n=null,m=null){return ((n=((__oak_cond)=>__oak_eq(__oak_cond,true)?min:n)((n<min))),(m=((__oak_cond)=>__oak_eq(__oak_cond,true)?min:m)((m<min))),(m=((__oak_cond)=>__oak_eq(__oak_cond,true)?max:m)((m>max))),(n=((__oak_cond)=>__oak_eq(__oak_cond,true)?m:n)((n>m))),[n,m])},slice=function slice(xs=null,min=null,max=null){return ((sub)=>((min=__oak_js_default(min,0)),(max=__oak_js_default(max,len(xs))),([min=null,max=null]=clamp(0,len(xs),min,max)),sub=function sub(acc=null,i=null){return ((__oak_trampolined_sub)=>((__oak_trampolined_sub=function _(acc=null,i=null){return ((__oak_cond)=>__oak_eq(__oak_cond,max)?acc:__oak_trampoline(__oak_trampolined_sub,__oak_push(acc,__oak_acc(xs,__oak_obj_key((i)))),__as_oak_string(i+1)))(i)}),__oak_resolve_trampoline(__oak_trampolined_sub,acc,i)))()},sub(_baseIterator(xs),min)))()},clone=function clone(x=null){return ((__oak_cond)=>__oak_eq(__oak_cond,Symbol.for('string'))?__as_oak_string(__Oak_String('')+x):__oak_eq(__oak_cond,Symbol.for('list'))?slice(x):__oak_eq(__oak_cond,Symbol.for('object'))?reduce(keys(x),({}),function _(acc=null,key=null){return ((__oak_assgn_tgt,__oak_assgn_val)=>(__is_oak_string(__oak_assgn_tgt)?__oak_assgn_tgt.assign((key),__oak_assgn_val):__oak_assgn_val===__Oak_Empty?delete (__oak_assgn_tgt[__oak_obj_key((key))]):(__oak_assgn_tgt[__oak_obj_key((key))])=__oak_assgn_val,__oak_assgn_tgt))(__as_oak_string(acc),__oak_acc(x,__oak_obj_key((key))))}):x)(type(x))},range=function range(start=null,end=null,step=null){return ((step=__oak_js_default(step,1)),((__oak_cond)=>__oak_eq(__oak_cond,true)?([start=null,end=null]=[0,start]):null)(__oak_eq(end,null)),((__oak_cond)=>__oak_eq(__oak_cond,0)?[]:((list,sub)=>((list=[]),((__oak_cond)=>__oak_eq(__oak_cond,true)?sub=function sub(n=null){return ((__oak_trampolined_sub)=>((__oak_trampolined_sub=function _(n=null){return ((__oak_cond)=>__oak_eq(__oak_cond,true)?(__oak_push(list,n),__oak_trampoline(__oak_trampolined_sub,__as_oak_string(n+step))):list)((n<end))}),__oak_resolve_trampoline(__oak_trampolined_sub,n)))()}:sub=function sub(n=null){return ((__oak_trampolined_sub)=>((__oak_trampolined_sub=function _(n=null){return ((__oak_cond)=>__oak_eq(__oak_cond,true)?(__oak_push(list,n),__oak_trampoline(__oak_trampolined_sub,__as_oak_string(n+step))):list)((n>end))}),__oak_resolve_trampoline(__oak_trampolined_sub,n)))()})((step>0)),sub(start)))())(step))},reverse=function reverse(xs=null){return ((sub)=>(sub=function sub(acc=null,i=null){return ((__oak_trampolined_sub)=>((__oak_trampolined_sub=function _(acc=null,i=null){return ((__oak_cond)=>__oak_eq(__oak_cond,true)?acc:__oak_trampoline(__oak_trampolined_sub,__oak_push(acc,__oak_acc(xs,__oak_obj_key((i)))),(i-1)))((i<0))}),__oak_resolve_trampoline(__oak_trampolined_sub,acc,i)))()},sub(_baseIterator(xs),(len(xs)-1))))()},map=function map(xs=null,f=null){return ((sub)=>((f=_asPredicate(f)),sub=function sub(acc=null,i=null){return ((__oak_trampolined_sub)=>((__oak_trampolined_sub=function _(acc=null,i=null){return ((__oak_cond)=>__oak_eq(__oak_cond,len(xs))?acc:__oak_trampoline(__oak_trampolined_sub,__oak_push(acc,f(__oak_acc(xs,__oak_obj_key((i))),i)),__as_oak_string(i+1)))(i)}),__oak_resolve_trampoline(__oak_trampolined_sub,acc,i)))()},sub(_baseIterator(xs),0)))()},each=function each(xs=null,f=null){return ((sub)=>(sub=function sub(i=null){return ((__oak_trampolined_sub)=>((__oak_trampolined_sub=function _(i=null){return ((__oak_cond)=>__oak_eq(__oak_cond,len(xs))?null:(f(__oak_acc(xs,__oak_obj_key((i))),i),__oak_trampoline(__oak_trampolined_sub,__as_oak_string(i+1))))(i)}),__oak_resolve_trampoline(__oak_trampolined_sub,i)))()},sub(0)))()},filter=function filter(xs=null,f=null){return ((sub)=>((f=_asPredicate(f)),sub=function sub(acc=null,i=null){return ((__oak_trampolined_sub)=>((__oak_trampolined_sub=function _(acc=null,i=null){return ((__oak_cond)=>__oak_eq(__oak_cond,len(xs))?acc:((x)=>(((__oak_cond)=>__oak_eq(__oak_cond,true)?__oak_push(acc,x):null)(f((x=__oak_acc(xs,__oak_obj_key((i)))),i)),__oak_trampoline(__oak_trampolined_sub,acc,__as_oak_string(i+1))))())(i)}),__oak_resolve_trampoline(__oak_trampolined_sub,acc,i)))()},sub(_baseIterator(xs),0)))()},exclude=function exclude(xs=null,f=null){return ((sub)=>((f=_asPredicate(f)),sub=function sub(acc=null,i=null){return ((__oak_trampolined_sub)=>((__oak_trampolined_sub=function _(acc=null,i=null){return ((__oak_cond)=>__oak_eq(__oak_cond,len(xs))?acc:((x)=>(((__oak_cond)=>__oak_eq(__oak_cond,true)?__oak_push(acc,x):null)(!f((x=__oak_acc(xs,__oak_obj_key((i)))),i)),__oak_trampoline(__oak_trampolined_sub,acc,__as_oak_string(i+1))))())(i)}),__oak_resolve_trampoline(__oak_trampolined_sub,acc,i)))()},sub(_baseIterator(xs),0)))()},separate=function separate(xs=null,f=null){return ((sub)=>((f=_asPredicate(f)),sub=function sub(is=null,isnt=null,i=null){return ((__oak_trampolined_sub)=>((__oak_trampolined_sub=function _(is=null,isnt=null,i=null){return ((__oak_cond)=>__oak_eq(__oak_cond,len(xs))?[is,isnt]:((x)=>(((__oak_cond)=>__oak_eq(__oak_cond,true)?__oak_push(is,x):__oak_push(isnt,x))(f((x=__oak_acc(xs,__oak_obj_key((i)))),i)),__oak_trampoline(__oak_trampolined_sub,is,isnt,__as_oak_string(i+1))))())(i)}),__oak_resolve_trampoline(__oak_trampolined_sub,is,isnt,i)))()},sub(_baseIterator(xs),_baseIterator(xs),0)))()},reduce=function reduce(xs=null,seed=null,f=null){return ((sub)=>(sub=function sub(acc=null,i=null){return ((__oak_trampolined_sub)=>((__oak_trampolined_sub=function _(acc=null,i=null){return ((__oak_cond)=>__oak_eq(__oak_cond,len(xs))?acc:__oak_trampoline(__oak_trampolined_sub,f(acc,__oak_acc(xs,__oak_obj_key((i))),i),__as_oak_string(i+1)))(i)}),__oak_resolve_trampoline(__oak_trampolined_sub,acc,i)))()},sub(seed,0)))()},flatten=function flatten(xs=null){return reduce(xs,[],append)},compact=function compact(xs=null){return filter(xs,function _(x=null){return !__oak_eq(x,null)})},some=function some(xs=null,pred=null){return ((pred=__oak_js_default(pred,identity)),reduce(xs,false,function _(acc=null,x=null,i=null){return (__oak_left=>__oak_left===true?true:__oak_or(__oak_left,pred(x,i)))(acc)}))},every=function every(xs=null,pred=null){return ((pred=__oak_js_default(pred,identity)),reduce(xs,true,function _(acc=null,x=null,i=null){return (__oak_left=>__oak_left===false?false:__oak_and(__oak_left,pred(x,i)))(acc)}))},append=function append(xs=null,ys=null){return reduce(ys,xs,function _(zs=null,y=null){return __oak_push(zs,y)})},join=function join(xs=null,ys=null){return append(clone(xs),ys)},zip=function zip(xs=null,ys=null,zipper=null){return ((max,sub)=>((zipper=__oak_js_default(zipper,function _(x=null,y=null){return [x,y]})),(max=((__oak_cond)=>__oak_eq(__oak_cond,true)?len(xs):len(ys))((len(xs)<len(ys)))),sub=function sub(acc=null,i=null){return ((__oak_trampolined_sub)=>((__oak_trampolined_sub=function _(acc=null,i=null){return ((__oak_cond)=>__oak_eq(__oak_cond,max)?acc:__oak_trampoline(__oak_trampolined_sub,__oak_push(acc,zipper(__oak_acc(xs,__oak_obj_key((i))),__oak_acc(ys,__oak_obj_key((i))),i)),__as_oak_string(i+1)))(i)}),__oak_resolve_trampoline(__oak_trampolined_sub,acc,i)))()},sub([],0)))()},partition=function partition(xs=null,by=null){return ((__oak_cond)=>__oak_eq(__oak_cond,Symbol.for('int'))?reduce(xs,[],function _(acc=null,x=null,i=null){return ((__oak_cond)=>__oak_eq(__oak_cond,0)?__oak_push(acc,[x]):(__oak_push(__oak_acc(acc,__oak_obj_key(((len(acc)-1)))),x),acc))((i%by))}):__oak_eq(__oak_cond,Symbol.for('function'))?((last)=>((last=function _(){return null}),reduce(xs,[],function _(acc=null,x=null){return ((__oak_js_this)=>(((__oak_cond)=>__oak_eq(__oak_cond,last)?__oak_push(__oak_acc(acc,__oak_obj_key(((len(acc)-1)))),x):__oak_push(acc,[x]))((__oak_js_this=by(x))),(last=__oak_js_this),acc))()})))():null)(type(by))},uniq=function uniq(xs=null,pred=null){return ((last,sub,ys)=>((pred=__oak_js_default(pred,identity)),(ys=_baseIterator(xs)),(last=function _(){return null}),sub=function sub(i=null){return ((__oak_trampolined_sub)=>((__oak_trampolined_sub=function _(i=null){let p;let x;return ((__oak_cond)=>__oak_eq(__oak_cond,len(xs))?ys:((__oak_cond)=>__oak_eq(__oak_cond,last)?__oak_trampoline(__oak_trampolined_sub,__as_oak_string(i+1)):(__oak_push(ys,x),(last=p),__oak_trampoline(__oak_trampolined_sub,__as_oak_string(i+1))))((p=pred((x=__oak_acc(xs,__oak_obj_key((i))))))))(i)}),__oak_resolve_trampoline(__oak_trampolined_sub,i)))()},sub(0)))()},first=function first(xs=null){return __oak_acc(xs,0)},last=function last(xs=null){return __oak_acc(xs,__oak_obj_key(((len(xs)-1))))},take=function take(xs=null,n=null){return slice(xs,0,n)},takeLast=function takeLast(xs=null,n=null){return slice(xs,(len(xs)-n))},find=function find(xs=null,pred=null){return ((sub)=>(sub=function sub(i=null){return ((__oak_trampolined_sub)=>((__oak_trampolined_sub=function _(i=null){return ((__oak_cond)=>__oak_eq(__oak_cond,len(xs))?-1:((__oak_cond)=>__oak_eq(__oak_cond,true)?i:__oak_trampoline(__oak_trampolined_sub,__as_oak_string(i+1)))(pred(__oak_acc(xs,__oak_obj_key((i))))))(i)}),__oak_resolve_trampoline(__oak_trampolined_sub,i)))()},sub(0)))()},rfind=function rfind(xs=null,pred=null){return ((sub)=>(sub=function sub(i=null){return ((__oak_trampolined_sub)=>((__oak_trampolined_sub=function _(i=null){return ((__oak_cond)=>__oak_eq(__oak_cond,-1)?-1:((__oak_cond)=>__oak_eq(__oak_cond,true)?i:__oak_trampoline(__oak_trampolined_sub,(i-1)))(pred(__oak_acc(xs,__oak_obj_key((i))))))(i)}),__oak_resolve_trampoline(__oak_trampolined_sub,i)))()},sub((len(xs)-1))))()},indexOf=function indexOf(xs=null,x=null){return ((sub)=>(sub=function sub(i=null){return ((__oak_trampolined_sub)=>((__oak_trampolined_sub=function _(i=null){return ((__oak_cond)=>__oak_eq(__oak_cond,len(xs))?-1:((__oak_cond)=>__oak_eq(__oak_cond,x)?i:__oak_trampoline(__oak_trampolined_sub,__as_oak_string(i+1)))(__oak_acc(xs,__oak_obj_key((i)))))(i)}),__oak_resolve_trampoline(__oak_trampolined_sub,i)))()},sub(0)))()},rindexOf=function rindexOf(xs=null,x=null){return ((sub)=>(sub=function sub(i=null){return ((__oak_trampolined_sub)=>((__oak_trampolined_sub=function _(i=null){return ((__oak_cond)=>__oak_eq(__oak_cond,-1)?-1:((__oak_cond)=>__oak_eq(__oak_cond,x)?i:__oak_trampoline(__oak_trampolined_sub,(i-1)))(__oak_acc(xs,__oak_obj_key((i)))))(i)}),__oak_resolve_trampoline(__oak_trampolined_sub,i)))()},sub((len(xs)-1))))()},contains__oak_qm=function contains__oak_qm(xs=null,x=null){return (indexOf(xs,x)>-1)},values=function values(obj=null){return map(keys(obj),function _(key=null){return __oak_acc(obj,__oak_obj_key((key)))})},entries=function entries(obj=null){return map(keys(obj),function _(key=null){return [key,__oak_acc(obj,__oak_obj_key((key)))]})},fromEntries=function fromEntries(entries=null){return reduce(entries,({}),function _(o=null,entry=null){return ((__oak_assgn_tgt,__oak_assgn_val)=>(__is_oak_string(__oak_assgn_tgt)?__oak_assgn_tgt.assign((__oak_acc(entry,0)),__oak_assgn_val):__oak_assgn_val===__Oak_Empty?delete (__oak_assgn_tgt[__oak_obj_key((__oak_acc(entry,0)))]):(__oak_assgn_tgt[__oak_obj_key((__oak_acc(entry,0)))])=__oak_assgn_val,__oak_assgn_tgt))(__as_oak_string(o),__oak_acc(entry,1))})},merge=function merge(...os){return ((__oak_cond)=>__oak_eq(__oak_cond,0)?null:reduce(os,__oak_acc(os,0),function _(acc=null,o=null){return (reduce(keys(o),acc,function _(root=null,k=null){return ((__oak_assgn_tgt,__oak_assgn_val)=>(__is_oak_string(__oak_assgn_tgt)?__oak_assgn_tgt.assign((k),__oak_assgn_val):__oak_assgn_val===__Oak_Empty?delete (__oak_assgn_tgt[__oak_obj_key((k))]):(__oak_assgn_tgt[__oak_obj_key((k))])=__oak_assgn_val,__oak_assgn_tgt))(__as_oak_string(root),__oak_acc(o,__oak_obj_key((k))))}))}))(len(os))},once=function once(f=null){return ((called__oak_qm)=>((called__oak_qm=false),function _(...args){return ((__oak_cond)=>__oak_eq(__oak_cond,true)?((called__oak_qm=true),f(...args)):null)(!called__oak_qm)}))()},loop=function loop(max=null,f=null){return ((breaker,broken,ret,sub)=>(((__oak_cond)=>__oak_eq(__oak_cond,true)?([max=null,f=null]=[-1,max]):null)(__oak_eq(type(max),Symbol.for('function'))),(max=__oak_js_default(max,-1)),(ret=null),(broken=false),breaker=function breaker(x=null){return ((ret=x),(broken=true))},sub=function sub(count=null){return ((__oak_trampolined_sub)=>((__oak_trampolined_sub=function _(count=null){return ((__oak_cond)=>__oak_eq(__oak_cond,true)?((__oak_cond)=>__oak_eq(__oak_cond,broken)?ret:(f(count,breaker),__oak_trampoline(__oak_trampolined_sub,__as_oak_string(count+1))))(true):null)(!__oak_eq(count,max))}),__oak_resolve_trampoline(__oak_trampolined_sub,count)))()},sub(0)))()},aloop=function aloop(max=null,f=null,done=null){return ((sub)=>(((__oak_cond)=>__oak_eq(__oak_cond,true)?([max=null,f=null,done=null]=[-1,max,f]):null)(__oak_eq(type(max),Symbol.for('function'))),(max=__oak_js_default(max,-1)),(done=__oak_js_default(done,function _(){return null})),sub=function sub(count=null){return ((__oak_cond)=>__oak_eq(__oak_cond,max)?done():f(count,function _(){return sub(__as_oak_string(count+1))},done))(count)},sub(0)))()},serial=function serial(xs=null,f=null,done=null){return ((sub)=>((done=__oak_js_default(done,function _(){return null})),sub=function sub(i=null){return ((__oak_cond)=>__oak_eq(__oak_cond,len(xs))?done():f(__oak_acc(xs,__oak_obj_key((i))),i,function _(){return sub(__as_oak_string(i+1))},done))(i)},sub(0)))()},parallel=function parallel(xs=null,f=null,done=null){return ((broken__oak_qm,count)=>((done=__oak_js_default(done,function _(){return null})),(count=0),(broken__oak_qm=false),each(xs,function _(x=null,i=null){return (f(x,i,function _(){return ((__oak_cond)=>__oak_eq(__oak_cond,true)?((count=__as_oak_string(count+1)),((__oak_cond)=>__oak_eq(__oak_cond,true)?done():null)(__oak_eq(count,len(xs)))):null)(!broken__oak_qm)},function _(){return ((broken__oak_qm=true),done())}))})))()},debounce=function debounce(duration=null,firstCall=null,f=null){return ((dargs,debounced,target,waiting__oak_qm)=>(((__oak_cond)=>__oak_eq(__oak_cond,true)?([firstCall=null,f=null]=[Symbol.for('trailing'),firstCall]):null)(__oak_eq(f,null)),(dargs=null),(waiting__oak_qm=false),(target=(time()-duration)),debounced=function debounced(...args){return ((tcall)=>((tcall=time()),(dargs=args),((__oak_cond)=>__oak_eq(__oak_cond,true)?((__oak_cond)=>__oak_eq(__oak_cond,true)?((target=__as_oak_string(tcall+duration)),((__oak_cond)=>__oak_eq(__oak_cond,Symbol.for('leading'))?f(...dargs):__oak_eq(__oak_cond,Symbol.for('trailing'))?((waiting__oak_qm=true),wait((target-time()),function _(){return ((waiting__oak_qm=false),f(...dargs))})):null)(firstCall)):((timeout)=>((waiting__oak_qm=true),(timeout=(target-tcall)),(target=__as_oak_string(target+duration)),wait(timeout,function _(){return ((waiting__oak_qm=false),f(...dargs))})))())((target<=tcall)):null)(!waiting__oak_qm)))()}))()},stdin=function stdin(){return ((file)=>((file=__Oak_String('')),loop(function _(__oak_empty_ident0=null,__oak_js_break=null){return ((evt)=>((evt=input()),__oak_push(file,(evt.data??null)),((__oak_cond)=>__oak_eq(__oak_cond,Symbol.for('error'))?__oak_js_break(file):__oak_push(file,__Oak_String('\n')))((evt.type??null))))()})))()},println=function println(...xs){return ((__oak_cond)=>__oak_eq(__oak_cond,0)?print(__Oak_String('\n')):((out)=>((out=reduce(slice(xs,1),string(__oak_acc(xs,0)),function _(acc=null,x=null){return (__as_oak_string(__as_oak_string(acc+__Oak_String(' '))+string(x)))})),print(__as_oak_string(out+__Oak_String('\n')))))())(len(xs))},({_asPredicate,_baseIterator,_hToN,_nToH,aloop,append,clamp,clone,compact,constantly,contains__oak_qm,debounce,__oak_js_default,each,entries,every,exclude,filter,find,first,flatten,fromEntries,fromHex,identity,indexOf,is,join,last,loop,map,merge,once,parallel,partition,println,range,reduce,reverse,rfind,rindexOf,separate,serial,slice,some,stdin,take,takeLast,toHex,uniq,values,zip})))()}),__oak_modularize(__Oak_String('str'),function _(){return ((_extend,_matchesAt__oak_qm,_replaceNonEmpty,_splitNonEmpty,_trimEndNonEmpty,_trimEndSpace,_trimStartNonEmpty,_trimStartSpace,checkRange,contains__oak_qm,cut,__oak_js_default,digit__oak_qm,endsWith__oak_qm,indexOf,join,letter__oak_qm,lower,lower__oak_qm,padEnd,padStart,reduce,replace,rindexOf,slice,space__oak_qm,split,startsWith__oak_qm,take,takeLast,trim,trimEnd,trimStart,upper,upper__oak_qm,word__oak_qm)=>(({__oak_js_default,slice,take,takeLast,reduce}=__oak_module_import(__Oak_String('std'))),checkRange=function checkRange(lo=null,hi=null){let checker;return checker=function checker(c=null){return ((p)=>((p=codepoint(c)),(__oak_left=>__oak_left===false?false:__oak_and(__oak_left,(p<=hi)))((lo<=p))))()}},upper__oak_qm=function upper__oak_qm(c=null){return (__oak_left=>__oak_left===false?false:__oak_and(__oak_left,(c<=__Oak_String('Z'))))((c>=__Oak_String('A')))},lower__oak_qm=function lower__oak_qm(c=null){return (__oak_left=>__oak_left===false?false:__oak_and(__oak_left,(c<=__Oak_String('z'))))((c>=__Oak_String('a')))},digit__oak_qm=function digit__oak_qm(c=null){return (__oak_left=>__oak_left===false?false:__oak_and(__oak_left,(c<=__Oak_String('9'))))((c>=__Oak_String('0')))},space__oak_qm=function space__oak_qm(c=null){return ((__oak_cond)=>__oak_eq(__oak_cond,__Oak_String(' '))?true:__oak_eq(__oak_cond,__Oak_String('\t'))?true:__oak_eq(__oak_cond,__Oak_String('\n'))?true:__oak_eq(__oak_cond,__Oak_String('\r'))?true:__oak_eq(__oak_cond,__Oak_String('\f'))?true:false)(c)},letter__oak_qm=function letter__oak_qm(c=null){return (__oak_left=>__oak_left===true?true:__oak_or(__oak_left,lower__oak_qm(c)))(upper__oak_qm(c))},word__oak_qm=function word__oak_qm(c=null){return (__oak_left=>__oak_left===true?true:__oak_or(__oak_left,digit__oak_qm(c)))(letter__oak_qm(c))},join=function join(strings=null,joiner=null){return ((joiner=__oak_js_default(joiner,__Oak_String(''))),((__oak_cond)=>__oak_eq(__oak_cond,0)?__Oak_String(''):reduce(slice(strings,1),__oak_acc(strings,0),function _(a=null,b=null){return __as_oak_string(__as_oak_string(a+joiner)+b)}))(len(strings)))},startsWith__oak_qm=function startsWith__oak_qm(s=null,prefix=null){return __oak_eq(take(s,len(prefix)),prefix)},endsWith__oak_qm=function endsWith__oak_qm(s=null,suffix=null){return __oak_eq(takeLast(s,len(suffix)),suffix)},_matchesAt__oak_qm=function _matchesAt__oak_qm(s=null,substr=null,idx=null){return ((__oak_cond)=>__oak_eq(__oak_cond,0)?true:__oak_eq(__oak_cond,1)?__oak_eq(__oak_acc(s,__oak_obj_key((idx))),substr):((max,sub)=>((max=len(substr)),sub=function sub(i=null){return ((__oak_trampolined_sub)=>((__oak_trampolined_sub=function _(i=null){return ((__oak_cond)=>__oak_eq(__oak_cond,max)?true:((__oak_cond)=>__oak_eq(__oak_cond,__oak_acc(substr,__oak_obj_key((i))))?__oak_trampoline(__oak_trampolined_sub,__as_oak_string(i+1)):false)(__oak_acc(s,__oak_obj_key((__as_oak_string(idx+i))))))(i)}),__oak_resolve_trampoline(__oak_trampolined_sub,i)))()},sub(0)))())(len(substr))},indexOf=function indexOf(s=null,substr=null){return ((max,sub)=>((max=(len(s)-len(substr))),sub=function sub(i=null){return ((__oak_trampolined_sub)=>((__oak_trampolined_sub=function _(i=null){return ((__oak_cond)=>__oak_eq(__oak_cond,true)?i:((__oak_cond)=>__oak_eq(__oak_cond,true)?__oak_trampoline(__oak_trampolined_sub,__as_oak_string(i+1)):-1)((i<max)))(_matchesAt__oak_qm(s,substr,i))}),__oak_resolve_trampoline(__oak_trampolined_sub,i)))()},sub(0)))()},rindexOf=function rindexOf(s=null,substr=null){return ((max,sub)=>((max=(len(s)-len(substr))),sub=function sub(i=null){return ((__oak_trampolined_sub)=>((__oak_trampolined_sub=function _(i=null){return ((__oak_cond)=>__oak_eq(__oak_cond,true)?i:((__oak_cond)=>__oak_eq(__oak_cond,true)?__oak_trampoline(__oak_trampolined_sub,(i-1)):-1)((i>0)))(_matchesAt__oak_qm(s,substr,i))}),__oak_resolve_trampoline(__oak_trampolined_sub,i)))()},sub(max)))()},contains__oak_qm=function contains__oak_qm(s=null,substr=null){return (indexOf(s,substr)>=0)},cut=function cut(s=null,sep=null){let idx;return ((__oak_cond)=>__oak_eq(__oak_cond,-1)?[s,__Oak_String('')]:[slice(s,0,idx),slice(s,__as_oak_string(idx+len(sep)))])((idx=indexOf(s,sep)))},lower=function lower(s=null){return reduce(s,__Oak_String(''),function _(acc=null,c=null){return ((__oak_cond)=>__oak_eq(__oak_cond,true)?__oak_push(acc,char(__as_oak_string(codepoint(c)+32))):__oak_push(acc,c))(upper__oak_qm(c))})},upper=function upper(s=null){return reduce(s,__Oak_String(''),function _(acc=null,c=null){return ((__oak_cond)=>__oak_eq(__oak_cond,true)?__oak_push(acc,char((codepoint(c)-32))):__oak_push(acc,c))(lower__oak_qm(c))})},_replaceNonEmpty=function _replaceNonEmpty(s=null,old=null,__oak_js_new=null){return ((lnew,lold,sub)=>((lold=len(old)),(lnew=len(__oak_js_new)),sub=function sub(acc=null,i=null){return ((__oak_trampolined_sub)=>((__oak_trampolined_sub=function _(acc=null,i=null){return ((__oak_cond)=>__oak_eq(__oak_cond,true)?__oak_trampoline(__oak_trampolined_sub,__as_oak_string(__as_oak_string(slice(acc,0,i)+__oak_js_new)+slice(acc,__as_oak_string(i+lold))),__as_oak_string(i+lnew)):((__oak_cond)=>__oak_eq(__oak_cond,true)?__oak_trampoline(__oak_trampolined_sub,acc,__as_oak_string(i+1)):acc)((i<len(acc))))(_matchesAt__oak_qm(acc,old,i))}),__oak_resolve_trampoline(__oak_trampolined_sub,acc,i)))()},sub(s,0)))()},replace=function replace(s=null,old=null,__oak_js_new=null){return ((__oak_cond)=>__oak_eq(__oak_cond,__Oak_String(''))?s:_replaceNonEmpty(s,old,__oak_js_new))(old)},_splitNonEmpty=function _splitNonEmpty(s=null,sep=null){return ((coll,lsep,sub)=>((coll=[]),(lsep=len(sep)),sub=function sub(acc=null,i=null,last=null){return ((__oak_trampolined_sub)=>((__oak_trampolined_sub=function _(acc=null,i=null,last=null){return ((__oak_cond)=>__oak_eq(__oak_cond,true)?(__oak_push(coll,slice(acc,last,i)),__oak_trampoline(__oak_trampolined_sub,acc,__as_oak_string(i+lsep),__as_oak_string(i+lsep))):((__oak_cond)=>__oak_eq(__oak_cond,true)?__oak_trampoline(__oak_trampolined_sub,acc,__as_oak_string(i+1),last):__oak_push(coll,slice(acc,last)))((i<len(acc))))(_matchesAt__oak_qm(acc,sep,i))}),__oak_resolve_trampoline(__oak_trampolined_sub,acc,i,last)))()},sub(s,0,0)))()},split=function split(s=null,sep=null){return ((__oak_cond)=>__oak_eq(__oak_cond,null)?reduce(s,[],function _(acc=null,c=null){return __oak_push(acc,c)}):__oak_eq(__oak_cond,__Oak_String(''))?reduce(s,[],function _(acc=null,c=null){return __oak_push(acc,c)}):_splitNonEmpty(s,sep))(sep)},_extend=function _extend(pad=null,n=null){return ((part,sub,times)=>((times=int((n/len(pad)))),(part=(n%len(pad))),sub=function sub(base=null,i=null){return ((__oak_trampolined_sub)=>((__oak_trampolined_sub=function _(base=null,i=null){return ((__oak_cond)=>__oak_eq(__oak_cond,0)?__oak_push(base,slice(pad,0,part)):__oak_trampoline(__oak_trampolined_sub,__oak_push(base,pad),(i-1)))(i)}),__oak_resolve_trampoline(__oak_trampolined_sub,base,i)))()},sub(__Oak_String(''),times)))()},padStart=function padStart(s=null,n=null,pad=null){return ((__oak_cond)=>__oak_eq(__oak_cond,true)?s:__oak_push(_extend(pad,(n-len(s))),s))((len(s)>=n))},padEnd=function padEnd(s=null,n=null,pad=null){return ((__oak_cond)=>__oak_eq(__oak_cond,true)?s:__as_oak_string(s+_extend(pad,(n-len(s)))))((len(s)>=n))},_trimStartSpace=function _trimStartSpace(s=null){return ((firstNonSpace,subStart)=>(subStart=function subStart(i=null){return ((__oak_trampolined_subStart)=>((__oak_trampolined_subStart=function _(i=null){return ((__oak_cond)=>__oak_eq(__oak_cond,true)?__oak_trampoline(__oak_trampolined_subStart,__as_oak_string(i+1)):i)(space__oak_qm(__oak_acc(s,__oak_obj_key((i)))))}),__oak_resolve_trampoline(__oak_trampolined_subStart,i)))()},(firstNonSpace=subStart(0)),slice(s,firstNonSpace)))()},_trimStartNonEmpty=function _trimStartNonEmpty(s=null,prefix=null){return ((idx,lpref,max,sub)=>((max=len(s)),(lpref=len(prefix)),sub=function sub(i=null){return ((__oak_trampolined_sub)=>((__oak_trampolined_sub=function _(i=null){return ((__oak_cond)=>__oak_eq(__oak_cond,true)?((__oak_cond)=>__oak_eq(__oak_cond,true)?__oak_trampoline(__oak_trampolined_sub,__as_oak_string(i+lpref)):i)(_matchesAt__oak_qm(s,prefix,i)):i)((i<max))}),__oak_resolve_trampoline(__oak_trampolined_sub,i)))()},(idx=sub(0)),slice(s,idx)))()},trimStart=function trimStart(s=null,prefix=null){return ((__oak_cond)=>__oak_eq(__oak_cond,__Oak_String(''))?s:__oak_eq(__oak_cond,null)?_trimStartSpace(s):_trimStartNonEmpty(s,prefix))(prefix)},_trimEndSpace=function _trimEndSpace(s=null){return ((lastNonSpace,subEnd)=>(subEnd=function subEnd(i=null){return ((__oak_trampolined_subEnd)=>((__oak_trampolined_subEnd=function _(i=null){return ((__oak_cond)=>__oak_eq(__oak_cond,true)?__oak_trampoline(__oak_trampolined_subEnd,(i-1)):i)(space__oak_qm(__oak_acc(s,__oak_obj_key((i)))))}),__oak_resolve_trampoline(__oak_trampolined_subEnd,i)))()},(lastNonSpace=subEnd((len(s)-1))),slice(s,0,__as_oak_string(lastNonSpace+1))))()},_trimEndNonEmpty=function _trimEndNonEmpty(s=null,suffix=null){return ((idx,lsuf,sub)=>((lsuf=len(suffix)),sub=function sub(i=null){return ((__oak_trampolined_sub)=>((__oak_trampolined_sub=function _(i=null){return ((__oak_cond)=>__oak_eq(__oak_cond,true)?((__oak_cond)=>__oak_eq(__oak_cond,true)?__oak_trampoline(__oak_trampolined_sub,(i-lsuf)):i)(_matchesAt__oak_qm(s,suffix,(i-lsuf))):i)((i>-1))}),__oak_resolve_trampoline(__oak_trampolined_sub,i)))()},(idx=sub(len(s))),slice(s,0,idx)))()},trimEnd=function trimEnd(s=null,suffix=null){return ((__oak_cond)=>__oak_eq(__oak_cond,__Oak_String(''))?s:__oak_eq(__oak_cond,null)?_trimEndSpace(s):_trimEndNonEmpty(s,suffix))(suffix)},trim=function trim(s=null,part=null){return trimEnd(trimStart(s,part),part)},({_extend,_matchesAt__oak_qm,_replaceNonEmpty,_splitNonEmpty,_trimEndNonEmpty,_trimEndSpace,_trimStartNonEmpty,_trimStartSpace,checkRange,contains__oak_qm,cut,__oak_js_default,digit__oak_qm,endsWith__oak_qm,indexOf,join,letter__oak_qm,lower,lower__oak_qm,padEnd,padStart,reduce,replace,rindexOf,slice,space__oak_qm,split,startsWith__oak_qm,take,takeLast,trim,trimEnd,trimStart,upper,upper__oak_qm,word__oak_qm})))()}),(__Oak_Import_Aliases=({})),__oak_module_import(__Oak_String('src/app.js.oak')))


--------------------------------------------------------------------------------
/static/js/libsearch.js:
--------------------------------------------------------------------------------
1 | (()=>{"use strict";window.libsearch={search:function(e,t,n=(e=>String(e)),{caseSensitive:r=!1,mode:c="autocomplete"}={}){const o=t.trim().split(/\s+/).filter((e=>""!==e));if(0===o.length)return e;const i=new Map;return function(e,t){return e.sort(((e,n)=>{const r=t(e),c=t(n);return r<c?1:c<r?-1:0}))}(o.reduce(((t,l,s)=>{const u=s+1===o.length,g=new RegExp("(^|\\W)"+l.replace(/[.*+?^${}[\]()|\\]/g,"\\$1")+("autocomplete"===c&&u||"prefix"===c?"":"($|\\W)"),r?"mg":"img");return t.filter((r=>{const c=n(r),o=function(e,t){let n=0;for(;null!==t.exec(e);)n++;return n}(c,g);return 0!==o&&(i.set(r,(i.get(r)||0)+o/c.length*Math.log(e.length/t.length)),!0)}))}),e),(e=>i.get(e)))}}})();


--------------------------------------------------------------------------------
/static/js/torus.min.js:
--------------------------------------------------------------------------------
1 | (()=>{var t={69:t=>{let e=0;const s=t=>null!==t&&"object"==typeof t,r=t=>{void 0===t.attrs&&(t.attrs={}),void 0===t.events&&(t.events={}),void 0===t.children&&(t.children=[])},n=t=>Array.isArray(t)?t:[t],o=()=>document.createComment("");let i=[];const c={replaceChild:()=>{}},l=(t,e,s)=>{for(const r of Object.keys(t)){const o=n(t[r]),i=n(e[r]||[]);for(const t of o)i.includes(t)||"function"!=typeof t||s(r,t)}},a=(t,n,d)=>{const h=e=>{t&&t!==e&&i.push([2,t,e]),t=e};if(e++,n!==d)if(null===d)h(o());else if("string"==typeof d||"number"==typeof d)"string"==typeof n||"number"==typeof n?t.data=d:h(document.createTextNode(d));else if(void 0!==d.appendChild)h(d);else{(void 0===t||!s(n)||n&&void 0!==n.appendChild||n.tag!==d.tag)&&(n={tag:null},h(document.createElement(d.tag))),r(n),r(d);for(const e of Object.keys(d.attrs)){const s=n.attrs[e],r=d.attrs[e];if("class"===e){const e=r;Array.isArray(e)?t.className=e.join(" "):t.className=e}else if("style"===e){const e=s||{},n=r;for(const s of Object.keys(n))n[s]!==e[s]&&(t.style[s]=n[s]);for(const s of Object.keys(e))void 0===n[s]&&(t.style[s]="")}else e in t?(t[e]!==r||void 0===s&&s!==r)&&(t[e]=r):s!==r&&t.setAttribute(e,r)}for(const e of Object.keys(n.attrs))void 0===d.attrs[e]&&(e in t?t[e]=null:t.removeAttribute(e));l(d.events,n.events,((e,s)=>{t.addEventListener(e,s)})),l(n.events,d.events,((e,s)=>{t.removeEventListener(e,s)}));const e=n.children,o=d.children,c=e.length,u=o.length;if(u+c>0){const s=n._nodes||[],r=c<u?c:u;let l=0;for(;l<r;l++)e[l]!==o[l]&&(s[l]=a(s[l],e[l],o[l]));if(c<u)for(;l<u;l++){const e=a(void 0,void 0,o[l]);i.push([0,t,e]),s.push(e)}else{for(;l<c;l++)i.push([1,t,s[l]]);s.splice(u,c-u)}d._nodes=s}}return 0==--e&&function(){const t=i.length;for(let e=0;e<t;e++){const t=i[e],s=t[0];if(1===s)t[1].removeChild(t[2]);else if(2===s){const e=t[1],s=o(),r=e.parentNode;null!==r?(r.replaceChild(s,e),t[1]=s,t[3]=r):t[3]=c}}for(let e=0;e<t;e++){const t=i[e],s=t[0];0===s?t[1].appendChild(t[2]):2===s&&t[3].replaceChild(t[2],t[1])}i=[]}(),t};class d{constructor(...t){this.jdom=void 0,this.node=void 0,this.event={source:null,handler:()=>{}},this.init(...t),void 0===this.node&&this.render()}static from(t){return class extends d{init(...t){this.args=t}compose(){return t(...this.args)}}}init(){}get record(){return this.event.source}bind(t,e){if(this.unbind(),!(t instanceof b))throw new Error(`cannot bind to ${t}, which is not an instance of Evented.`);this.event={source:t,handler:e},t.addHandler(e)}unbind(){this.record&&this.record.removeHandler(this.event.handler),this.event={source:null,handler:()=>{}}}remove(){this.unbind()}compose(){return null}preprocess(t){return t}render(t){t=t||this.record&&this.record.summarize();const e=this.preprocess(this.compose(t),t);if(void 0===e)throw new Error(this.constructor.name+".compose() returned undefined.");try{this.node=a(this.node,this.jdom,e)}catch(t){console.error("rendering error.",t)}return this.jdom=e}}const h=new Set;let u;const f=new WeakMap,m=(t,e)=>t+"{"+e+"}",p=(t,e)=>{let s=[],r="";for(const n of Object.keys(e)){const o=e[n];if("@"===n[0])n.startsWith("@media")?s.push(m(n,p(t,o).join(""))):s.push(m(n,p("",o).join("")));else if("object"==typeof o){const e=n.split(",");for(const r of e)if(r.includes("&")){const e=r.replace(/&/g,t);s=s.concat(p(e,o))}else s=s.concat(p(t+" "+r,o))}else r+=n+":"+o+";"}return r&&s.unshift(m(t,r)),s},v=t=>class extends t{styles(){return{}}preprocess(t,e){return s(t)&&(t.attrs=t.attrs||{},t.attrs.class=n(t.attrs.class||[]),t.attrs.class.push((t=>{const e=(t=>{if(!f.has(t)){const e=JSON.stringify(t);let s=e.length,r=1989;for(;s;)r=13*r^e.charCodeAt(--s);f.set(t,"_torus"+(r>>>0))}return f.get(t)})(t);let s=0;if(!h.has(e)){u||(()=>{const t=document.createElement("style");t.setAttribute("data-torus",""),document.head.appendChild(t),u=t.sheet})();const r=p("."+e,t);for(const t of r)u.insertRule(t,s++);h.add(e)}return e})(this.styles(e)))),t}};class g extends d{get itemClass(){return d}init(t,...e){this.store=t,this.items=new Map,this.filterFn=null,this.itemData=e,this.bind(this.store,(()=>this.itemsChanged()))}itemsChanged(){const t=this.store.summarize(),e=this.items;for(const s of e.keys())t.includes(s)||(e.get(s).remove(),e.delete(s));for(const s of t)e.has(s)||e.set(s,new this.itemClass(s,(()=>this.store.remove(s)),...this.itemData));let s=[...e.entries()];null!==this.filterFn&&(s=s.filter((t=>this.filterFn(t[0])))),s.sort(((e,s)=>t.indexOf(e[0])-t.indexOf(s[0]))),this.items=new Map(s),this.render()}filter(t){this.filterFn=t,this.itemsChanged()}unfilter(){this.filterFn=null,this.itemsChanged()}get components(){return[...this]}get nodes(){return this.components.map((t=>t.node))}[Symbol.iterator](){return this.items.values()}remove(){super.remove();for(const t of this.items.values())t.remove()}compose(){return{tag:"ul",children:this.nodes}}}class b{constructor(){this.handlers=new Set}summarize(){}emitEvent(){const t=this.summarize();for(const e of this.handlers)e(t)}addHandler(t){this.handlers.add(t),t(this.summarize())}removeHandler(t){this.handlers.delete(t)}}class y extends b{constructor(t,e={}){super(),s(t)&&(e=t,t=null),this.id=t,this.data=e}update(t){Object.assign(this.data,t),this.emitEvent()}get(t){return this.data[t]}summarize(){return Object.assign({id:this.id},this.data)}serialize(){return this.summarize()}}class x extends b{constructor(t=[]){super(),this.reset(t)}get recordClass(){return y}get comparator(){return null}create(t,e){return this.add(new this.recordClass(t,e))}add(t){return this.records.add(t),this.emitEvent(),t}remove(t){return this.records.delete(t),this.emitEvent(),t}[Symbol.iterator](){return this.records.values()}find(t){for(const e of this.records)if(e.id===t)return e;return null}reset(t){this.records=new Set(t),this.emitEvent()}summarize(){return[...this.records].map((t=>[this.comparator?this.comparator(t):null,t])).sort(((t,e)=>t[0]<e[0]?-1:t[0]>e[0]?1:0)).map((t=>t[1]))}serialize(){return this.summarize().map((t=>t.serialize()))}}const j=t=>{let e;const s=[];for(;null!==e;)if(e=/:\w+/.exec(t),e){const r=e[0];s.push(r.substr(1)),t=t.replace(r,"(.+)")}return[new RegExp(t),s]},w={render:a,Component:d,Styled:v,StyledComponent:v(d),List:g,ListOf:t=>class extends g{get itemClass(){return t}},Record:y,Store:x,StoreOf:t=>class extends x{get recordClass(){return t}},Router:class extends b{constructor(t){super(),this.routes=Object.entries(t).map((([t,e])=>[t,...j(e)])),this.lastMatch=["",null],this._cb=()=>this.route(location.pathname),window.addEventListener("popstate",this._cb),this._cb()}summarize(){return this.lastMatch}go(t,{replace:e=!1}={}){window.location.pathname!==t&&(e?history.replaceState(null,document.title,t):history.pushState(null,document.title,t),this.route(t))}route(t){for(const[e,s,r]of this.routes){const n=s.exec(t);if(null!==n){const t={},s=n.slice(1);r.forEach(((e,r)=>t[e]=s[r])),this.lastMatch=[e,t];break}}this.emitEvent()}remove(){window.removeEventListener("popstate",this._cb)}}};"object"==typeof window&&(window.Torus=w),t.exports&&(t.exports=w)},138:(t,e,s)=>{const{render:r,Component:n,Styled:o,StyledComponent:i,List:c,ListOf:l,Record:a,Store:d,StoreOf:h,Router:u}=s(69),{jdom:f,css:m}=s(859);t.exports={render:r,Component:n,Styled:o,StyledComponent:i,List:c,ListOf:l,Record:a,Store:d,StoreOf:h,Router:u,jdom:f,css:m}},859:t=>{const e=t=>null!==t&&"object"==typeof t,s=(t,e)=>t.substr(0,t.length-e.length),r=(t,e)=>{let s=t[0];for(let r=1,n=e.length;r<=n;r++)s+=e[r-1]+t[r];return s};class n{constructor(t){this.idx=0,this.content=t,this.len=t.length}next(){const t=this.content[this.idx++];return void 0===t&&(this.idx=this.len),t}back(){this.idx--}readUpto(t){const e=this.content.substr(this.idx).indexOf(t);return this.toNext(e)}readUntil(t){const e=this.content.substr(this.idx).indexOf(t)+t.length;return this.toNext(e)}toNext(t){const e=this.content.substr(this.idx);if(-1===t)return this.idx=this.len,e;{const s=e.substr(0,t);return this.idx+=t,s}}clipEnd(t){return!!this.content.endsWith(t)&&(this.content=s(this.content,t),!0)}}const o=t=>{let e="";for(let s=0,r=t.length;s<r;s++)e+="-"===t[s]?t[++s].toUpperCase():t[s];return e},i=t=>{if("!"===(t=t.trim())[0])return{jdom:null,selfClosing:!0};if(!t.includes(" ")){const e=t.endsWith("/");return{jdom:{tag:e?s(t,"/"):t,attrs:{},events:{}},selfClosing:e}}const e=new n(t),r=e.clipEnd("/");let i="",c=!1,l=!1;const a=[];let d=0;const h=t=>{i=i.trim(),(""!==i||t)&&(a.push({type:d,value:i}),c=!1,i="")};for(let t=e.next();void 0!==t;t=e.next())switch(t){case"=":l?i+=t:(h(),c=!0,d=1);break;case" ":l?i+=t:c||(h(),d=0);break;case"\\":l&&(t=e.next(),i+=t);break;case'"':l?(l=!1,h(!0),d=0):1===d&&(l=!0);break;default:i+=t,c=!1}h();let u="";const f={},m={};u=a.shift().value;let p=null,v=a.shift();const g=()=>{p=v,v=a.shift()};for(;void 0!==v;){if(1===v.type){const t=p.value;let e=v.value.trim();if(t.startsWith("on"))m[t.substr(2)]=[e];else if("class"===t)""!==e&&(f[t]=e.split(" "));else if("style"===t){e.endsWith(";")&&(e=e.substr(0,e.length-1));const s={};for(const t of e.split(";")){const e=t.indexOf(":"),r=t.substr(0,e),n=t.substr(e+1);s[o(r.trim())]=n.trim()}f[t]=s}else f[t]=e;g()}else p&&(f[p.value]=!0);g()}return p&&0===p.type&&(f[p.value]=!0),{jdom:{tag:u,attrs:f,events:m},selfClosing:r}},c=t=>{const e=[];let s=null,r=!1;const n=()=>{r&&""===s.trim()||s&&e.push(s),s=null,r=!1},o=t=>{!1===r&&(n(),r=!0,s=""),s+=t};for(let e=t.next();void 0!==e;e=t.next())if("<"===e){if(n(),"/"===t.next()){t.readUntil(">");break}{t.back();const e=i(t.readUpto(">"));t.next(),s=e&&e.jdom,e.selfClosing||null===s||(s.children=c(t))}}else o("&"===e?(l=e+t.readUntil(";"),String.fromCodePoint(+/&#(\w+);/.exec(l)[1])):e);var l;return n(),e},l=new Map,a=/jdom_tpl_obj_\[(\d+)\]/,d=(t,e)=>{if((t=>"string"==typeof t&&t.includes("jdom_tpl_"))(t)){const s=a.exec(t),r=t.split(s[0]),n=s[1],o=d(r[1],e);let i=[];return""!==r[0]&&i.push(r[0]),Array.isArray(e[n])?i=i.concat(e[n]):i.push(e[n]),0!==o.length&&(i=i.concat(o)),i}return""!==t?[t]:[]},h=(t,s)=>{const r=[];for(const n of t)for(const t of d(n,s))e(t)&&m(t,s),r.push(t);const n=r[0],o=r[r.length-1];return"string"==typeof n&&""===n.trim()&&r.shift(),"string"==typeof o&&""===o.trim()&&r.pop(),r},u=(t,e)=>{if(t.length<14)return t;{const s=a.exec(t);if(null===s)return t;if(t.trim()===s[0])return e[s[1]];{const r=t.split(s[0]);return r[0]+e[s[1]]+u(r[1],e)}}},f=(t,e)=>{for(let s=0,r=t.length;s<r;s++){const r=t[s];"string"==typeof r?t[s]=u(r,e):Array.isArray(r)?f(r,e):m(r,e)}},m=(t,s)=>{if(!(t instanceof Node))for(const r of Object.keys(t)){const n=t[r];"string"==typeof n?t[r]=u(n,s):Array.isArray(n)?"children"===r?t.children=h(n,s):f(n,s):e(n)&&m(n,s)}},p=t=>{const e={};let s=0,r=["",""];const n=()=>{"string"==typeof r[1]?e[r[0].trim()]=r[1].trim():e[r[0].trim()]=r[1],r=["",""]};t.readUntil("{");for(let e=t.next();void 0!==e&&"}"!==e;e=t.next()){const o=r[0];switch(e){case'"':case"'":for(r[s]+=e+t.readUntil(e);r[s].endsWith("\\"+e);)r[s]+=t.readUntil(e);break;case":":""===o.trim()||o.includes("&")||o.includes("@")||o.includes(":")?r[s]+=e:s=1;break;case";":s=0,n();break;case"{":t.back(),r[1]=p(t),n();break;default:r[s]+=e}}return""!==r[0].trim()&&n(),e},v=new Map,g={jdom:(t,...e)=>{const s=t.join("jdom_tpl_joiner");try{if(!l.has(s)){const o=e.map(((t,e)=>`jdom_tpl_obj_[${e}]`)),i=new n(r(t.map((t=>t.replace(/\s+/g," "))),o)),a=c(i)[0],d=typeof a,h=JSON.stringify(a);l.set(s,(t=>{if("string"===d)return u(a,t);if("object"===d){const e={},s=JSON.parse(h);return m(Object.assign(e,s),t),e}return null}))}return l.get(s)(e)}catch(s){return console.error(`jdom parse error.\ncheck for mismatched brackets, tags, quotes.\n${r(t,e)}\n${s.stack||s}`),""}},css:(t,...e)=>{const s=r(t,e).trim();return v.has(s)||v.set(s,p(new n("{"+s+"}"))),v.get(s)}};"object"==typeof window&&Object.assign(window,g),t.exports&&(t.exports=g)}},e={};!function s(r){var n=e[r];if(void 0!==n)return n.exports;var o=e[r]={exports:{}};return t[r](o,o.exports,s),o.exports}(138)})();


--------------------------------------------------------------------------------