Percy Editor - Performance Improvement - Update to Use Flatten Tree and Virtual Scroll

Key Information

Register
Submit
The challenge is finished.

Challenge Overview

Challenge Objectives

  • Update to use flatten tree and virtual scroll for the percy editor

Project Background

We previously created a percy editor, which can run as webapp, electron app or inside a vscode or webstorm editor. 
You can find more information about it in the readme of the repo: https://github.com/standlove/percy-cake
 

Technology Stack

  • Angular 7

Requirements

The current code uses the Material Tree to render the YAML nodes in percy editor, and it's kind of slow for large and complex YAML files. 

In this challenge, you are expected to update the tree views to use flatten tree and virtual scroll: https://material.angular.io/cdk/scrolling/overview#virtual-scrolling

The electron/vscode/webstorm editors all use the same percy editor js code, so you need to double check the changes work in them as well. 

The unit-tests should also be updated. 

Final Submission Guidelines

Submission Delivery
  • Patch file containing the improvements
  • Verification Guide

REVIEW STYLE:

Final Review:

Community Review Board

Approval:

User Sign-Off

SHARE:

ID: 30099140