add virtual module

src/main.ts

@@ -4,12 +4,8 @@ import "systemjs/dist/extras/named-register";
 import "systemjs/dist/extras/named-exports";
 import "systemjs/dist/extras/transform";
 import { createBrowserHistory } from 'history'
-
-declare var System: {
-  import(string): Promise<any>
-}
-
-declare var __webpack_public_path__: string;
+import { Apps } from './apps'
+import { defineVirtualModule } from './virtual-module'
 
 const systemJSImport = async (requestUrl: string) => {
   const { default: component, mount, unmount } = await System.import(
@@ -18,85 +14,37 @@ const systemJSImport = async (requestUrl: string) => {
   return { component, mount, unmount }
 }
 
-class Apps extends Map {
+// const defaultNavigations = {
+//   login: '/login',
+//   main: '/main',
+//   news: '/news',
+//   org: '/org',
+//   sections: '/sections',
+//   'news.details': '/news/{{id}}',
+//   'org.details': '/org/{{name}}',
+//   'sections.details': '/sections/{{name}}'
+// }
 
-  constructor(apps) {
-    super()
-    this.merge(apps)
-  }
+// const defaultApps = {
+//   login: { version: '1.0.0', name: 'login' },
+//   main: { version: '1.0.1', name: 'main' },
+//   news: { version: '1.0.0', name: 'news' },
+//   org: { version: '1.0.0', name: 'org' },
+//   sections: { version: '1.0.0', name: 'sections' }
+// }
 
-  merge(apps) {
-    (Object.entries(
-      apps
-    ).forEach(([path, options]) =>
-      this.set(path, options)
-    ))
-  }
+export default async ({ apps: rawApps, navigations, config }) => {
+  defineVirtualModule({navigations, config})
 
-  startWithPath(path, subPath) {
-    if (!subPath) {
-      return true;
-    }
+  const apps = new Apps(rawApps)
 
-    const pathItem = String(path).split('/');
-    const subPathItems = String(subPath).split('/')
-
-    return subPathItems.reduce(
-      (memo, appItem, index) => memo && pathItem[index] === appItem,
-      true
-    )
-  }
-
-  findApp = (path) => {
-    const currentPath = [...this.keys()].reduce(
-      (memo, appRoute) => {
-        const correctedAppRoute = appRoute.replace(/^\/?/, '/')
-        const correctedMemo = memo ? memo.replace(/^\/?/, '/') : memo
-        return this.startWithPath(path, correctedAppRoute) && this.startWithPath(correctedAppRoute, correctedMemo)
-          ? appRoute
-          : memo
-      }, void 0
-    )
-
-    return (
-      this.get(currentPath) || this.get('/') || {
-        version: ''
-      }
-    )
-  }
-
-}
-
-
-
-const defaultNavigations = {
-  login: '/login',
-  main: '/main',
-  news: '/news',
-  org: '/org',
-  sections: '/sections',
-  'news.details': '/news/{{id}}',
-  'org.details': '/org/{{name}}',
-  'sections.details': '/sections/{{name}}'
-}
-
-const defaultApps = {
-  login: { version: '1.0.0', name: 'login' },
-  main: { version: '1.0.1', name: 'main' },
-  news: { version: '1.0.0', name: 'news' },
-  org: { version: '1.0.0', name: 'org' },
-  sections: { version: '1.0.0', name: 'sections' }
-}
-
-export default async ({ apps: rowApps, navigations, config }) => {
-  const apps = new Apps(rowApps)
   const history = createBrowserHistory()
 
   let prevPathname = window.location.pathname
 
   const app = apps.findApp(history.location.pathname)
 
- const publicPath = `/${app.name}/${app.version}`
+  const publicPath = `/${app.name}/${app.version}`
 
   __webpack_public_path__ = `${config.baseUrl}${publicPath}${__webpack_public_path__}`
 
@@ -106,7 +54,6 @@ export default async ({ apps: rowApps, navigations, config }) => {
 
   mount(component.default);
 
-
   history.listen((location) => {
     if (location.pathname !== prevPathname) {
       prevPathname = location.pathname