chrona/src/components, branch throttle-relayout Chrona: Interactive Historical Timeline https://terryt.dev/cgit/chrona/atom?h=throttle-relayout 2023-01-07T08:50:09+00:00 Throttle relayouting of events 2023-01-07T08:50:09+00:00 Terry Truong terry06890@gmail.com 2023-01-07T08:48:36+00:00 urn:sha1:5d25f637119f1560ce8f8171cd46123c0bba56b4 Reduces CPU drain, but adds noticeable gap between panning and event movement. Fix events sometimes not transitioning 2023-01-07T08:24:12+00:00 Terry Truong terry06890@gmail.com 2023-01-07T08:24:12+00:00 urn:sha1:4b323024f51a8de755e4fb6cab301c36d52132a3 For some reason, by updating elements of the idToPos map individually, instead of assigning over the map itself, events rendered from the map sometimes don't transition. Also, skip transitions for events that would move across the mainline. Avoid occasional inability to zoom in with pointer beyond ends 2023-01-07T05:33:55+00:00 Terry Truong terry06890@gmail.com 2023-01-07T05:33:55+00:00 urn:sha1:4175226e489e850b10b295d8c57bde39f332c4bc Show events in unit after MAX_DATE tick 2023-01-07T01:39:36+00:00 Terry Truong terry06890@gmail.com 2023-01-07T01:39:36+00:00 urn:sha1:d0091d71cee4fa3b24dd7fea6830fcd96498435a Without this, for a MAX_DATE of, say 2000/1/1, at scale 1e9, events after 1 AD won't be shown. Prevent selection of tick/event label text 2023-01-06T13:25:04+00:00 Terry Truong terry06890@gmail.com 2023-01-06T13:25:04+00:00 urn:sha1:cd890bc47df00f16c54755549314cd7e15ec3219 Without this, text tends to get accidentally selected when dragging the timeline. Also, the tick labels are short enough that copying them doesn't seem necessary, and event labels can be obtained via the info modal. Keep track of a 'current' timeline 2023-01-06T12:58:25+00:00 Terry Truong terry06890@gmail.com 2023-01-06T12:58:25+00:00 urn:sha1:3a66879b889dce85d7498e216980a2c08288b36f Make timeline addition and searching use the current timeline. Add keyboard controls for timeline panning, zooming, switching, opening, and closing. Fix zoomTimeline() bug when not centering zoom on pointer. Add help modal 2023-01-06T10:20:36+00:00 Terry Truong terry06890@gmail.com 2023-01-06T10:20:36+00:00 urn:sha1:d5b2c3d55b614914331525801ffb38ce824a5e8f Implement filtering by event categories 2023-01-06T09:23:45+00:00 Terry Truong terry06890@gmail.com 2023-01-06T09:23:45+00:00 urn:sha1:d8c29e8dcc925b6013880f66e690fa6b006d9154 Filter events in display and search suggestions. Make server queries allow specification of multiple categories. Make settings modal avoid disabling all categories. Add settings modal 2023-01-06T05:59:54+00:00 Terry Truong terry06890@gmail.com 2023-01-06T05:59:54+00:00 urn:sha1:50fc47e6e387c3b278526ef773badf63913389d6 Add saving, loading, default vals, and device-detection, to store.ts. Add setting for hiding minor tick labels. Jump to and highlight search results 2023-01-05T15:45:26+00:00 Terry Truong terry06890@gmail.com 2023-01-05T15:32:59+00:00 urn:sha1:559902e0211a06b349c4c2f50b0882a8d314f8b7 Use a 'searchTarget' prop of Timeline to trigger jumping to a search result. Make TimeLine prioritise search result in layout. When querying for events in App, check for a search target, and use incl= to retrieve it. On server, for the incl= query param, don't include the event if outside specified range.