Use class for DefaultResolver to improve extensibility

Author: askvortsov1

js/src/common/compat.js

@@ -7,7 +7,7 @@ import ItemList from './utils/ItemList';
 import mixin from './utils/mixin';
 import humanTime from './utils/humanTime';
 import computed from './utils/computed';
-import defaultResolver from './utils/defaultResolver';
+import DefaultResolver from './utils/DefaultResolver';
 import Drawer from './utils/Drawer';
 import anchorScroll from './utils/anchorScroll';
 import RequestError from './utils/RequestError';
@@ -77,7 +77,7 @@ export default {
   'utils/mixin': mixin,
   'utils/humanTime': humanTime,
   'utils/computed': computed,
-  'utils/defaultResolver': defaultResolver,
+  'utils/DefaultResolver': DefaultResolver,
   'utils/Drawer': Drawer,
   'utils/anchorScroll': anchorScroll,
   'utils/RequestError': RequestError,

js/src/common/utils/DefaultResolver.ts

@@ -0,0 +1,25 @@
+import Mithril from 'mithril';
+
+/**
+ * Generates a route resolver for a given component, to which it provides
+ * a key as a 'routeName' attr.
+ */
+export default class DefaultResolver {
+  component: Mithril.Component;
+  routeName: string;
+
+  constructor(component, routeName) {
+    this.component = component;
+    this.routeName = routeName;
+  }
+
+  onmatch(args, requestedPath, route) {
+    return this.component;
+  }
+
+  render(vnode) {
+    vnode.attrs.routeName = this.routeName;
+
+    return vnode;
+  }
+}

js/src/common/utils/defaultResolver.ts

@@ -1,4 +1,4 @@
-import defaultResolver from './defaultResolver.ts';
+import DefaultResolver from './DefaultResolver.ts';
 
 /**
  * The `mapRoutes` utility converts a map of named application routes into a
@@ -19,7 +19,7 @@ export default function mapRoutes(routes, basePath = '') {
     if ('render' in route.component || 'onmatch' in route.component) {
       map[basePath + route.path] = route.component;
     } else {
-      map[basePath + route.path] = defaultResolver(route.component, key);
+      map[basePath + route.path] = new DefaultResolver(route.component, key);
     }
   }