Add defaultSizeKey

docs/docs/packages/server.md

@@ -183,6 +183,10 @@ interface Handlers {
 
 #### `port?: number`
 
+#### `defaultSizeKey?: string`
+
+The default size type used to represent files. For example, `gzip` or `brotli`.
+
 ### Database integration
 
 The following options should generally be handled by a [Build Tracker plugin](/docs/plugins). You can always override them or write your own custom queries and DB setup if you like.

src/app/src/store/__tests__/reducer.test.ts

@@ -23,6 +23,7 @@ const initialState: State = Object.freeze({
   hideAttribution: false,
   name: 'Tacos!',
   snacks: [],
+  defaultSizeKey: 'stat',
   sizeKey: '',
   url: 'https://build-tracker.local'
 });
@@ -90,8 +91,16 @@ describe('reducer', () => {
       expect(state.sizeKey).toBe('stat');
     });
 
-    test('resets the sizeKey if it the current is not in the new set', () => {
+    test('resets the sizeKey to the default if the current is not in the new set', () => {
       const state = reducer({ ...initialState, sizeKey: 'foobar' }, Actions.setBuilds([buildA, buildB]));
+      expect(state.sizeKey).toBe('stat');
+    });
+
+    test('resets the sizeKey to the first in list if both the current and the default are not in the new set', () => {
+      const state = reducer(
+        { ...initialState, defaultSizeKey: 'abc', sizeKey: 'foobar' },
+        Actions.setBuilds([buildA, buildB])
+      );
       expect(state.sizeKey).toBe('gzip');
     });
 

src/app/src/store/reducer.ts

@@ -46,7 +46,11 @@ export default function reducer(state: State, action: Actions): State {
 
       const graphType = builds.length <= 10 ? GraphType.STACKED_BAR : state.graphType;
 
-      const sizeKey = comparator.sizeKeys.includes(state.sizeKey) ? state.sizeKey : comparator.sizeKeys[0];
+      const sizeKey = comparator.sizeKeys.includes(state.sizeKey)
+        ? state.sizeKey
+        : comparator.sizeKeys.includes(state.defaultSizeKey)
+        ? state.defaultSizeKey
+        : comparator.sizeKeys[0];
       return { ...state, activeComparator, activeArtifacts, builds, comparator, graphType, sizeKey };
     }
 

src/app/src/store/types.ts

@@ -34,6 +34,7 @@ export interface State {
   hoveredArtifacts: Array<string>;
   name: string;
   snacks: Array<string>;
+  defaultSizeKey?: string;
   sizeKey: string;
   url: string;
 }

src/server/src/server.ts

@@ -41,7 +41,8 @@ export const props = (config: AppConfig, url: string): RequestHandler => (
     url,
     artifactConfig: Object.assign({}, { budgets: {}, filters: [], groups: [] }, config.artifacts || {}),
     hideAttribution: !!config.hideAttribution,
-    name: config.name || 'Build Tracker'
+    name: config.name || 'Build Tracker',
+    defaultSizeKey: config.defaultSizeKey
   };
   next();
 };

src/types/src/index.ts

@@ -73,4 +73,5 @@ export interface AppConfig {
   budgets?: Array<Budget>;
   hideAttribution?: boolean;
   name?: string;
+  defaultSizeKey?: string;
 }