cofinley / free-roam Goto Github PK

Currently, one can expand/collapse blocks using the arrows and thread lines, but the state is passed in from the Editor/tree level and is messy. The result is that the thread lines and arrow toggles can't toggle back the state after the other one has. The same mechanism has to do the toggling on and off one at a time. The BlockActions component should probably get included at the Editor level instead of the Block level in order to keep state from going back and forth through too many levels.

When typing Backspace at the start of a block, several things can happen:

• If block is empty, remove it
• If not empty, merge into closest visually-adjacent block above
• If it's the first/only block on the page, don't delete

After trying things in jQuery, I soon realized I'd need React or something more reactive if I wanted to keep track of blocks and propagate updates throughout the system. I've decided to use this as an opportunity to learn not only React, but its latest conventions.

Current, long-running todo:

• Markdown rendering of bold, underline, etc.
• Linking/hot-creating pages
  • Search on double-bracket
  • Fix bug where changing link text changes the title of the linked page (#5)
• Showing linked references
  • Different references view for view pane (#16)
• Sidebar on shift-click
  • Add 'X' removal button on view pane blocks
• Edit title
  • Update all linked refs with new title
• Showing unlinked references
  • Fix bug where showing unlinked references on one page shows them on all (#6)
• Search
  • Create if none
  • Clear search input on page click
  • Search within block text as well, position these result under page title results
• Shortcuts/favoriting a page
  • If a block is pulled up, the page gets favorited
• Indenting and unindenting
  • Fix bug where focus is lost after doing so
  • Allow deleting of empty, non-title block when typing backspace (#7)
    • Only if it's not the only block left
    • If not empty, merge into closest visually-adjacent block above
• New sibling block on
• Actions
  • Zoom in
    • Breadcrumbs
  • Show or hide thread
• Thread lines
  • Click to collapse
• Styling (#8)
  • Indicator of collapsed block
  • Link colors
  • Linked references
• Local save and load
  • Ask if user wants to stay on page when closing tab
• Optimize cursor click → caret pos translation (#9)
  • When arrowing up/down and edge of block is reached, go to visually-adjacent block
• Graph view (#10)
  • Use d3-force maybe?
• All pages view (#11)
• Daily notes (#12)
• Resizable panes (#13)
• Sidebar toggling (#14)
• Markdown import/export (#15)

When editing, if you change the link text, the title of the linked page will change to whatever you wrote.

Improve the styling/spacing/positioning of:

• Indicator of collapsed block
• Link colors
• Linked references

The caret should move to the right spot when using the mouse/arrow keys. This includes:

• On click, put caret under cursor
  • Account for any markdown/wikilink text that the rendered mode doesn't show

Clicking to show unlinked references on one page shows them on all

Allow users to grab and resize right pane width

Create a view which automatically creates page blocks for each day

• Pages are stacked on top of each other
• Pages are lazy-loaded on scroll
• Pages are created regardless if the user wrote anything
  • Probably check on app start if today's note has been created. If not, create it.
    • Could create bloat if user never uses it, maybe make it a setting to check?

The all pages view could use a global search in order to make it easier to find multiple pages for a bulk operation

If the page title that's typed in already exists, prevent the save action, revert the title (this should only be possible when editing an existing page's title), and offer to merge the two pages.

Merging MVP would just be to move the current page's first child blocks to the end of the target page's child blocks.

Currently, blocks start off as 'Click here to edit'. This should be a placeholder rather than actual text. The text should disappear on click instead of the user having to delete it.

Show all page blocks in a table view.

• Allow sorting by name, created/updated dates, number of references (links.to)
• Pagination?

On arrow up/down between blocks, caret should keep same column. See previous work on this.

View pane pages/blocks references will be visible via a small icon click instead of at the bottom of the page/block like in the main view.

Use d3-force perhaps?

A view which shows a graph using the linksSlice adjacency list data.

It would be nice to be able to toggle a filter for the all pages view that filters pages that are daily notes.

Probably a stretch, but it would be cool to be able to import and export markdown of one/many/all pages/blocks. Exporting would be easier than importing. Importing would require filtering out anything that isn't supported (e.g. tables).

Allow users to fully collapse panes out of view. Provide icons in the corners to bring them back in.