[Tracking] Monaco Editor Refinement and Optimization

[quanquan2100]

Summary

I want to make some contributions to the project and help it develop better.

Displaying code or diff using an editor is an important feature of the project, and this project uses monaco editor in many places to display code and diff. I found that the related code is a little chaotic. Therefore, I did some refactoring and optimization.

Optimization Goals:

• Optimize and unified UI and interaction
• Cohesion edit the editor logic, improve development efficiency.

Tasks：

• Provide out-of-the-box components/hook，no need monaco-editor-config feat(components): refactor CodeViewer and DiffViewer #1028
• Gradually migrate to the new components
  • /webpack/loaders/analysis feat(components): refactor CodeViewer and DiffViewer #1028
  • /bundle/size feat(components): refactor CodeViewer and DiffViewer #1028
  • /module/resolve feat(components): refactor CodeViewer and DiffViewer #1028
  • bundleDiff feat(components): Change old code to new CodeViewer and DiffViewer and clear unused code #1044
  • TreeShaking (But I didn't see the preview effect) feat(components): Change old code to new CodeViewer and DiffViewer and clear unused code #1044
• Clean up legacy code feat(components): Change old code to new CodeViewer and DiffViewer and clear unused code #1044
• Update docs

[quanquan2100]

I can't find the way to display TreeShaking page. Could you give me some directions? @easy1090