PowerApps Code comparer helps you to compare two PowerApps (*.msapp) files for the changes done. Save two versions of a Canvas app to your local machine and provide as an input to compare.
Install
Launch VS Code Quick Open (Ctrl + P), paste the following command and press enter:
$ ext install vs-code powerappscodecomparer
Or press Ctrl + Shift + X and search for "PowerApps Code Comparer"
How to use
Download the PowerApps files to compare
Launch Command Palette (Ctrl+Shift+A or P)
Type PowerApps Code Comparer
Select/Click PowerApps Code Comparer
Select *.msapp files downloaded
File selection - Custom Run
Click Custom Run - In this mode you have an option to select specific screen(s) to compare. Overall execution time would be faster as compared to Auto Run (considering only few screens are selected and not all screens from the selected file)
Click Choose File under Old and New Versions respectively, and select file
Click Show Screen to display screens from respective selected files
Select screen(s) for comparison
Click Compare Files to view the differences
Double click on any row to view the details of the selected row
Screen available in Old version and not in New version are displayed in Deleted Screens
Screen available in New version and not in Old version are displayed in Added Screens
File selection - Auto Run
Click Custom Run - In this mode you need to select two PowerApps files for comparison. Overall execution time might be longer as compared to Custom Run, as all the common screens in the selected files are compared
Screen(s) which are not in either of the selected files will be ignored for comparison
Navigation
Click the navigation icon (up/down arrows) to scroll to the nearest change
If the nodes are collapsed, on click of any navigation icon, the nodes are automatically expanded
Known Issues
The code is not tested for components developed using pcf.
