Feat multiple node selection

[Darmody]

selects multiple nodes by the mousemove event.

• can select multiple nodes and highlight them.
• handle copy & paste event of selection correctly.
• distinguish text selection class name and node selection class name.
• fix the problem that mouse move won't scroll the view.
• highlight the rectangle area user dragged.
• allow trigger selection from outside of the document area.

[github-actions]

This pull request has been built and is available for preview at pr171.mashcard.dev.
Default username/password is test1@example.com & test1234.

Devtools

• Mailer Mock
• Pod Logs (For internal use only)

[codecov]

Codecov Report

Merging #171 (ad00c16) into main (cc4d9fa) will increase coverage by 0.01%.
The diff coverage is 65.92%.

@@            Coverage Diff             @@
##             main     #171      +/-   ##
==========================================
+ Coverage   61.62%   61.63%   +0.01%     
==========================================
  Files         758      761       +3     
  Lines       13726    13894     +168     
  Branches     2661     2703      +42     
==========================================
+ Hits         8459     8564     +105     
- Misses       4696     4751      +55     
- Partials      571      579       +8     

Flag	Coverage Δ
frontend-unit	61.63% <65.92%> (+0.01%)	⬆️

Flags with carried forward coverage won't be shown. Click here to find out more.

Impacted Files	Coverage Δ
apps/client-web/src/docs/pages/DocumentPage.tsx	0.00% <0.00%> (ø)
...editor/src/extensions/extensions/selection/meta.ts	100.00% <ø> (ø)
...ensions/extensions/selection/normalizeSelection.ts	21.42% <21.42%> (ø)
...ions/extensions/bubbleMenu/bubbleMenuViewPlugin.ts	48.10% <50.00%> (-0.62%)	⬇️
...r/src/extensions/extensions/selection/domEvents.ts	57.44% <57.44%> (ø)
...r/src/extensions/extensions/selection/selection.ts	64.44% <60.97%> (-10.56%)	⬇️
...src/extensions/extensions/selection/decorations.ts	88.46% <88.46%> (ø)
...ions/extensions/selection/MultipleNodeSelection.ts	91.11% <90.90%> (-1.58%)	⬇️
...omponents/extensionViews/BubbleMenu/BubbleMenu.tsx	98.11% <100.00%> (+1.68%)	⬆️
...src/editors/documentEditor/documentEditor.style.ts	100.00% <100.00%> (ø)
... and 2 more

---

Continue to review full report at Codecov.

Legend - Click here to learn more
Δ = absolute <relative> (impact), ø = not affected, ? = missing data
Powered by Codecov. Last update cc4d9fa...ad00c16. Read the comment docs.

[stackia]

Screen.Recording.2022-07-06.at.3.12.58.PM.mov

Sometimes click at the last line doesn't dismiss the selection state.

[stackia]

It looks like we can do nothing after block selection, neither copy nor move/delete.

[Darmody]

Screen.Recording.2022-07-06.at.3.12.58.PM.mov
Sometimes click at the last line doesn't dismiss the selection state.

It looks like we can do nothing after block selection, neither copy nor move/delete.

fixes these problems by making the document focus when mouse up.

@stackia