fix(trace): Fix null reference in uiview name sort function

Closes #100

Author: christopherthielen

src/common/trace.ts

@@ -229,12 +229,13 @@ export class Trace {
   /** @internalapi called by ui-router code */
   traceViewSync(pairs: ViewTuple[]) {
     if (!this.enabled(Category.VIEWCONFIG)) return;
+    const uivheader = 'uiview component fqn';
+    const cfgheader = 'view config state (view name)';
     const mapping = pairs.map(({ uiView, viewConfig }) => {
       const uiv = uiView && uiView.fqn;
-      const cfg = viewConfig && `${viewConfig.viewDecl.$context.name}: ${viewConfig.viewDecl.$name}`;
-
-      return { 'ui-view fqn': uiv, 'state: view name': cfg };
-    }).sort((a, b) => a['ui-view fqn'].localeCompare(b['ui-view fqn']));
+      const cfg = viewConfig && `${viewConfig.viewDecl.$context.name}: (${viewConfig.viewDecl.$name})`;
+      return { [uivheader]: uiv, [cfgheader]: cfg };
+    }).sort((a, b) => (a[uivheader] || '').localeCompare(b[uivheader] || ''));
 
     consoletable(mapping);
   }

src/view/view.ts

@@ -223,16 +223,15 @@ export class ViewService {
     const uiViewTuples = this._uiViews.sort(depthCompare(uiViewDepth, 1)).map(matchingConfigPair);
     const matchedViewConfigs = uiViewTuples.map(tuple => tuple.viewConfig);
     const unmatchedConfigTuples = this._viewConfigs
-      .filter(config => inArray(matchedViewConfigs, config))
+      .filter(config => !inArray(matchedViewConfigs, config))
       .map(viewConfig => ({ uiView: undefined, viewConfig }));
 
-    const allTuples: ViewTuple[] = uiViewTuples.concat(unmatchedConfigTuples);
-
     uiViewTuples.forEach(configureUIView);
 
+    const allTuples: ViewTuple[] = uiViewTuples.concat(unmatchedConfigTuples);
     this._listeners.forEach(cb => cb(allTuples));
     trace.traceViewSync(allTuples);
-  };
+  }
 
   /**
    * Registers a `ui-view` component