Add rich text editor (tiptap)

[floydnant]

Changes/Additions

• Add editor icons
• Add a toolbar.component and keycombo.component
• Extract common components, directives, etc. into modules
• Add rich text editor + controls
• Fix tooltip directive import
• Integrate rt-editor into entity-description and task
• Bump initial budget to 1.5mb

TODO

• Fix heading sizes to not conflict with the main headings → maybe three individual font scales might be good
• Fix diffing and updating (seemingly no empty content possible, editor always showing in entity view)
• Fix indentation keybindings (codeBlock)
• Look into dragging / switching lines → apparently not feasible
• Formatting controls
  • Proper grouping
  • Display keybindings nicely
  • Add indentation controls
  • not updating responsibly ??
  • Blocking mouse interaction for entity-heading
  • Add drop downs
  • Fix "Redo" button tooltip overflowing
• Add missing keyboard shortcut hints
• Typography
• Fix race condition, that descriptions get overwritten by previous, still focused descriptions
• Edits must always be saved when
  • navigated to a different entity
  • editor is blurred
  • anything that destroys the editor
• Component tests
• Improve mobile support
  • Layout (wrapping controls cause the overlay to get way too big)
  • Fix controls in task getting scrolled out of view
• Reset the editor state when navigating to a different entity: https://github.comueberdosis/tiptap/issues/491
• .icon-btn needs to be aspect-square in some scenarios (entity-heading)
• Fix link mark overlaying the strikethrough mark (priority of the extension might be related?)
• Maybe we should add a little more spacing in between list items
• Only non empty ~~<p>~~s should have the margin-bottom
• Rule needs margins
• When inserting a rule, the cursor stays inside it, overwriting it with the next typed character
• Reduce overhead (redundant emissions and computation) → premature optimisation?
• Extra toolbar items should integrate into the cdkMenu
• Hacky manual focus state updates don't take changes into account (don't get emitted when blurred)
• Decrease margin/padding-top from headings
• Decrease spacing on editor bottom (only in ~~entity-description~~)
• Fix bullet and ordered lists being fucked on first lines
• close button needs to convey better that its not actually closing the editor view
  => sth like "Save", "Save & Leave", "Save & Blur" or simply "Done"

Inline Code

• If <code> is inside an <a> inherit the text color
• Less padding
• Smaller font-size
• Add back a keybinding: how bout Ctrl-e?

Markdown support

tiptap-markdown documentation

• Export/Copy as markdown
• Fix error when indenting with \t in code blocks
• Fix CommonJS build warning → probably no other way than ignoring it
• Can we specify that we want the output format to be the Github flavoured one? → otherwise we need some manual output modification
  • ~~<~~ → ~~<~~ and ~~>~~ → ~~>~~
  • ~~\\\\t~~ → ~~\\t~~ (presumably all escaped characters like these in inline code)

Safari

• Fix lists cursor overlap issue (taskList seems fine)
• Fix toolbar hide-styles not getting applied
• Fix spacing issue with lists (spacing gets added to bottom when item is empty)
• Blocking mouse interaction for ~~entity-heading~~ might be an issue again
• First control's tooltip (Bold) gets opened when a control with dropdown is clicked

[railway-app]

This PR is being deployed to Railway 🚅

Server: 🚨 Build Failed

[netlify]

✅ Deploy Preview for rockket canceled.

Name	Link
🔨 Latest commit	f97018d
🔍 Latest deploy log	https://app.netlify.com/sites/rockket/deploys/6563631569d1050008ff848c