// qiankun
const routes: Routes = [
  {
    path: 'dashboard',
    component: DashboardComponent,
  },
  {
    path: '**',
    component: EmptyComponent,
  }
];

// micro-app
const routes: Routes = [
  {
    path: 'dashboard',
    component: DashboardComponent,
  },
  {
    path: 'app',
    children: [
      {
        path: 'sub-app1',
        component: Subapp1Component,
        children: [
          {
            path: '**',
            component: EmptyComponent,
          },
        ],
      },
      {
        path: 'sub-app2',
        component: Subapp2Component,
        children: [
          {
            path: '**',
            component: EmptyComponent,
          },
        ],
      },
      {
        path: '**',
        component: EmptyComponent,
      },
    ],
  },
  {
    path: '**',
    component: EmptyComponent,
  },
];

import './public-path';

import { enableProdMode, NgModuleRef } from '@angular/core';
import { platformBrowserDynamic } from '@angular/platform-browser-dynamic';

import { AppModule } from './app/app.module';
import { environment } from './environments/environment';

if (environment.production) {
  enableProdMode();
}

// platformBrowserDynamic()
//   .bootstrapModule(AppModule)
//   .catch(err => console.error(err));

let app: void | NgModuleRef<AppModule>;

async function render() {
  app = await platformBrowserDynamic()
    .bootstrapModule(AppModule, { ngZone: (window as any).ngZone })
    .catch((err) => console.error(err));
}

if (!(window as any).__POWERED_BY_QIANKUN__) {
  console.log("sub-app1 -> render");
  render();
}

export async function bootstrap(props: Object) {
  console.log("sub-app1 -> bootstrap:", props);
  // @ts-ignore
}

export async function mount(props: Object) {
  console.log("sub-app1 -> mount:", props);
  // @ts-ignore
  render();
}

export async function unmount(props: Object) {
  console.log("sub-app1 -> unmount:", props);
  // @ts-ignore
  app.destroy();
}

import './public-path';
import { enableProdMode, NgModuleRef } from '@angular/core';
import { platformBrowserDynamic } from '@angular/platform-browser-dynamic';

import { AppModule } from './app/app.module';
import { environment } from './environments/environment';

if (environment.production) {
  enableProdMode();
}

// platformBrowserDynamic()
//   .bootstrapModule(AppModule)
//   .catch(err => console.error(err));

let app: any = null;

platformBrowserDynamic()
  .bootstrapModule(AppModule, { ngZone: (window as any).ngZone })
  .then((res: NgModuleRef<AppModule>) => app = res)
  .catch(err => console.error(err));

window.addEventListener('unmount', function () {
  if (app) {
    app.destroy();
    app = null;
  }
});

// let app: any = null;

// async function mount() {
//   app = await platformBrowserDynamic()
//     .bootstrapModule(AppModule)
//     .catch(err => console.error(err));
// }

// function unmount() {
//   if (app) {
//     app.destroy();
//     app = null;
//   }
//   app = null;
// }

// if ((window as any).__MICRO_APP_ENVIRONMENT__) {
//   (window as any)[`micro-app-${(window as any).__MICRO_APP_NAME__}`] = { mount, unmount };
// } else {
//   mount();
// }

export class AppModule {

  constructor(private ngZone: NgZone) {
    (window as any).ngZone = this.ngZone;
  }

}