Added baseline feature to measure file size differences

Author: ygoe

MiniWebCompiler/Resources/FlatStyle.xaml

@@ -14,12 +14,14 @@
 	<SolidColorBrush x:Key="FlatDefaultBackground">#f4f4f4</SolidColorBrush>
 	<SolidColorBrush x:Key="FlatHoveredBackground">#fafafa</SolidColorBrush>
 	<SolidColorBrush x:Key="FlatPressedBackground">#e8e8e8</SolidColorBrush>
+	<SolidColorBrush x:Key="FlatCheckedBackground">#a0a0a0</SolidColorBrush>
 	<SolidColorBrush x:Key="FlatDisabledBackground">#ffffff</SolidColorBrush>
 
 	<SolidColorBrush x:Key="FlatDefaultBorder">#b0b0b0</SolidColorBrush>
 	<SolidColorBrush x:Key="FlatHoveredBorder">#808080</SolidColorBrush>
 	<SolidColorBrush x:Key="FlatFocusedBorder">#81b2ff</SolidColorBrush>
 	<SolidColorBrush x:Key="FlatPressedBorder">#808080</SolidColorBrush>
+	<SolidColorBrush x:Key="FlatCheckedBorder">#808080</SolidColorBrush>
 	<SolidColorBrush x:Key="FlatDisabledBorder">#c8c8c8</SolidColorBrush>
 
 	<!-- All colours with lightness - 8 to compensate the circle rendering opacity loss in RadioButton -->
@@ -169,6 +171,11 @@
 				<Setter Property="Background" Value="{StaticResource FlatPressedBackground}"/>
 				<Setter Property="BorderBrush" Value="{StaticResource FlatPressedBorder}"/>
 			</Trigger>
+			<Trigger Property="IsChecked" Value="True">
+				<Setter Property="Background" Value="{StaticResource FlatCheckedBackground}"/>
+				<Setter Property="BorderBrush" Value="{StaticResource FlatCheckedBorder}"/>
+				<Setter Property="Foreground" Value="#ffffff"/>
+			</Trigger>
 			<Trigger Property="IsEnabled" Value="False">
 				<Setter Property="Background" Value="{StaticResource FlatDisabledBackground}"/>
 				<Setter Property="BorderBrush" Value="{StaticResource FlatDisabledBorder}"/>

MiniWebCompiler/ViewModels/MainViewModel.cs

@@ -27,8 +27,8 @@ public MainViewModel()
 		{
 			Instance = this;
 
-			ProjectsListWidth = new GridLength(App.Settings?.ProjectsListWidth ?? 100);
-			FilesListWidth = new GridLength(App.Settings?.FilesListWidth ?? 200);
+			ProjectsListWidth = new GridLength(App.Settings?.ProjectsListWidth ?? 150);
+			FilesListWidth = new GridLength(App.Settings?.FilesListWidth ?? 300);
 
 			if (App.Settings != null)
 			{
@@ -82,10 +82,10 @@ private void OnSelectedProjectChanged()
 
 		private void OnProjectsListWidthChanged()
 		{
-			if (App.Settings != null && Views.MainWindow.Instance != null)
+			if (App.Settings != null && MainWindow.Instance != null)
 			{
 				if (ProjectsListWidth.Value < 40) ProjectsListWidth = new GridLength(0);
-				double maxWidth = Views.MainWindow.Instance.Width - 40 - FilesListWidth.Value - 40;
+				double maxWidth = MainWindow.Instance.Width - 40 - FilesListWidth.Value - 40;
 				if (ProjectsListWidth.Value > maxWidth) ProjectsListWidth = new GridLength(maxWidth);
 				App.Settings.ProjectsListWidth = (int)ProjectsListWidth.Value;
 			}
@@ -95,10 +95,10 @@ private void OnProjectsListWidthChanged()
 
 		private void OnFilesListWidthChanged()
 		{
-			if (App.Settings != null && Views.MainWindow.Instance != null)
+			if (App.Settings != null && MainWindow.Instance != null)
 			{
 				if (FilesListWidth.Value < 100) FilesListWidth = new GridLength(100);
-				double maxWidth = Views.MainWindow.Instance.Width - 40 - ProjectsListWidth.Value - 40;
+				double maxWidth = MainWindow.Instance.Width - 40 - ProjectsListWidth.Value - 40;
 				if (FilesListWidth.Value > maxWidth) FilesListWidth = new GridLength(maxWidth);
 				App.Settings.FilesListWidth = (int)FilesListWidth.Value;
 			}

MiniWebCompiler/ViewModels/Project.cs

@@ -208,6 +208,26 @@ private void OnCompileAll()
 			}
 		}
 
+		public bool HasBaseline { get; set; }
+
+		private void OnHasBaselineChanged()
+		{
+			if (HasBaseline)
+			{
+				foreach (var file in Files)
+				{
+					file.CompressedResultSizeBaseline = file.CompressedResultSize;
+				}
+			}
+			else
+			{
+				foreach (var file in Files)
+				{
+					file.CompressedResultSizeBaseline = -1;
+				}
+			}
+		}
+
 		#endregion Commands
 
 		#region Status handling

MiniWebCompiler/ViewModels/ProjectFile.cs

@@ -7,6 +7,7 @@
 using System.Security.Cryptography;
 using System.Text.RegularExpressions;
 using System.Threading.Tasks;
+using System.Windows;
 using fastJSON;
 using Unclassified.Util;
 using ViewModelKit;
@@ -33,6 +34,10 @@ public class ProjectFile : ViewModelBase
 		public ProjectFile(Project project)
 		{
 			Project = project;
+			if (project.HasBaseline)
+			{
+				CompressedResultSizeBaseline = CompressedResultSize;
+			}
 			compileDc = DelayedCall.Create(async () => await Compile(true), 500);
 		}
 
@@ -96,6 +101,26 @@ public void UpdateCompressedResultSizeStr()
 			OnPropertyChanged(nameof(CompressedResultSizeStr));
 		}
 
+		public long CompressedResultSizeBaseline { get; set; } = -1;
+
+		public string CompressedResultSizeDiffStr
+		{
+			get
+			{
+				if (CompressedResultSizeBaseline < 0)
+					return "";
+				long diff = CompressedResultSize - CompressedResultSizeBaseline;
+				if (diff < 0)
+					return $"−{-diff:#,##0}";
+				if (diff > 0)
+					return $"+{diff:#,##0}";
+				return $"±0";
+			}
+		}
+
+		public Visibility BaselineSetVisibility =>
+			CompressedResultSizeBaseline >= 0 ? Visibility.Visible : Visibility.Collapsed;
+
 		#endregion Properties
 
 		#region Commands

MiniWebCompiler/Views/MainWindow.xaml

@@ -4,7 +4,7 @@
 	xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
 	x:Class="MiniWebCompiler.Views.MainWindow"
 	Title="Mini Web Compiler"
-	Height="300" Width="800"
+	Height="300" Width="900"
 	Cursor="{Binding Cursor}"
 	DataContextChanged="Window_DataContextChanged"
 	StateChanged="Window_StateChanged"
@@ -19,7 +19,7 @@
 			<ColumnDefinition Width="20"/>
 			<ColumnDefinition Width="{Binding FilesListWidth, Mode=TwoWay}"/>
 			<ColumnDefinition Width="20"/>
-			<ColumnDefinition Width="3*"/>
+			<ColumnDefinition Width="*"/>
 		</Grid.ColumnDefinitions>
 
 		<Grid Grid.Column="0">
@@ -120,6 +120,7 @@
 								<ColumnDefinition Width="*"/>
 								<ColumnDefinition Width="Auto"/>
 								<ColumnDefinition Width="Auto" SharedSizeGroup="Size"/>
+								<ColumnDefinition Width="Auto" SharedSizeGroup="SizeDiff"/>
 							</Grid.ColumnDefinitions>
 							<Ellipse Width="10" Height="10" VerticalAlignment="Center">
 								<Ellipse.Style>
@@ -139,6 +140,7 @@
 							<TextBlock Grid.Column="1" Margin="6,0,0,0" Text="{Binding FilePath}"/>
 							<TextBlock Grid.Column="2" Margin="10,0,0,0" Text="{Binding LastCompileTimeStr}" Opacity="0.6" ToolTip="Last compile time"/>
 							<TextBlock Grid.Column="3" HorizontalAlignment="Right" Margin="10,0,0,0" Text="{Binding CompressedResultSizeStr}" Opacity="0.6" ToolTip="GZip-compressed file size"/>
+							<TextBlock Grid.Column="4" HorizontalAlignment="Right" Margin="4,0,0,0" Text="{Binding CompressedResultSizeDiffStr}" Opacity="0.6" ToolTip="Difference to baseline" Visibility="{Binding BaselineSetVisibility}"/>
 						</Grid>
 					</DataTemplate>
 				</ListBox.ItemTemplate>
@@ -151,6 +153,7 @@
 					<Path Margin="0,3" Width="10" Height="10" Fill="Black" Data="M0,4 L10,4 10,6 0,6 z"/>
 				</Button>
 				<Button Margin="6,0,0,0" MinWidth="75" IsEnabled="{Binding IsProjectSelected}" Command="{Binding SelectedProject.CompileAllCommand}">Compile all</Button>
+				<ToggleButton Margin="6,0,0,0" IsEnabled="{Binding IsProjectSelected}" IsChecked="{Binding SelectedProject.HasBaseline}">Baseline</ToggleButton>
 			</StackPanel>
 		</Grid>