1.4.2

fixed unmount)

Approved-by: Andrey Vlasov

package.json

@@ -1,12 +1,11 @@
 {
   "name": "@ijl/fire.app",
-  "version": "1.0.4",
+  "version": "1.4.2",
   "description": "",
   "main": "dist/index.js",
   "scripts": {
     "start": "nodemon ./stubs/server.js",
-    "build": "webpack --mode development",
-    "test": "echo \"Error: no test specified\" && exit 1"
+    "build": "webpack --mode development"
   },
   "author": "innoavvlasov@gmail.com",
   "license": "ISC",

src/main.ts

@@ -1,4 +1,4 @@
-import "systemjs/dist/s";
+import "systemjs/dist/system";
 import "systemjs/dist/extras/amd";
 import "systemjs/dist/extras/named-register";
 import "systemjs/dist/extras/named-exports";
@@ -14,27 +14,8 @@ const systemJSImport = async (requestUrl: string) => {
   return { component, mount, unmount }
 }
 
-// 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: rawApps, navigations, config }) => {
-  defineVirtualModule({navigations, config})
+export default async ({ apps: rawApps, navigations, config, features }) => {
+  defineVirtualModule({ navigations, config, features })
 
   const apps = new Apps(rawApps)
 
@@ -42,22 +23,31 @@ export default async ({ apps: rawApps, navigations, config }) => {
 
   let prevPathname = window.location.pathname
 
-  const app = apps.findApp(history.location.pathname)
+  async function getApp() {
+    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__}`
+    __webpack_public_path__ = `${config.baseUrl}${publicPath}${__webpack_public_path__}`
   
-  const appPath = `${config.baseUrl}${publicPath}/index.js`
+    const appPath = `${config.baseUrl}${publicPath}/index.js`
   
-  const { component, mount, unmount } = await systemJSImport(appPath);
+    const { component, mount, unmount } = await systemJSImport(appPath);
 
+    return { component, mount, unmount };
+  }
+
+  let { component, mount, unmount } = await getApp()
   mount(component.default);
 
-  history.listen((location) => {
+  history.listen(async (location) => {
     if (location.pathname !== prevPathname) {
       prevPathname = location.pathname
       unmount()
+
+      const nextApp = await getApp();
+      nextApp.mount(nextApp.component.default)
+      unmount = nextApp.unmount;
     }
   })
 };

src/virtual-module.ts

@@ -1,12 +1,17 @@
+const createVirtualModule = ({ config, navigations, features }) => ({
+    getConfig: () => config,
+    getConfigValue: (pkg: string) => config[pkg],
+    getNavigations: () => navigations,
+    getNavigationsValue: (pkg: string) => navigations[pkg],
+    getAllFeatures: () => features,
+    getFeatures: (pkg: string) => features[pkg]
+})
+
 export const defineVirtualModule = (params) => {
     const virtualModule = createVirtualModule(params)
     // @ts-ignore
-    global.define('@ijl/fire.app', [], virtualModule)
+    System.set('root.scope', {
+        ...virtualModule
+    });
 }
 
-const createVirtualModule = ({config, navigations}) => ({
-    getConfig: () => config,
-    getConfigValue: (key) => config[key],
-    getNavigations: () => navigations,
-    getNavigationsValue: (key) => navigations[key],
-})

webpack.config.js

@@ -11,10 +11,10 @@ module.exports = {
     index: "./src/main.ts"
   },
   output: {
-    library: "bootstrap",
+    library: "fireapp",
     path: path.resolve(__dirname, outputDirectory),
     libraryExport: "default",
-    publicPath: `/boorstrap/${pkg.version}/`
+    publicPath: `/fireapp/${pkg.version}/`
   },
 
   plugins: [new CleanWebpackPlugin()],