Angular HMR RC

livesync-navigation.ts

import { NgZone } from "@angular/core";
import { Router } from "@angular/router";
import { onBeforeLivesync, onAfterLivesync } from "nativescript-angular/platform-common";
import { RouterExtensions } from "nativescript-angular/router";

let cachedUrl: string;
onBeforeLivesync.subscribe(moduleRef => {
    console.log("#### onBeforeLivesync");
    if (moduleRef) {
        const router = <Router>moduleRef.injector.get(Router);
        cachedUrl = router.url;
        console.log("-------> Caching URL: " + cachedUrl);
    }
});

onAfterLivesync.subscribe(({ moduleRef, error }) => {
    console.log(`#### onAfterLivesync moduleRef: ${moduleRef} error: ${error}`);
    if (moduleRef) {
        const router = <RouterExtensions>moduleRef.injector.get(RouterExtensions);
        const ngZone = <NgZone>moduleRef.injector.get(NgZone);
        if (router && cachedUrl) {
          ngZone.run(() => { // <--  should be wrapped in ngZone
            router.navigateByUrl(cachedUrl, { animated: false });
          });
        }
    }
});

main.ts

import { platformNativeScriptDynamic } from "nativescript-angular/platform";
import { AppOptions } from "nativescript-angular/platform-common";

import { AppModule } from "./app.module";

// Optional - attach to livesync hooks and perfrom navigation
import "./livesync-navigation";

let options: AppOptions = {};
if (module['hot']) {
    const hmrUpdate = require("nativescript-dev-webpack/hmr").hmrUpdate;

    options.hmrOptions = {
        moduleTypeFactory: () => AppModule,
        livesyncCallback: (platformReboot) => {
            console.log("HMR: Sync...")
            hmrUpdate();
            setTimeout(platformReboot, 0);
        },
    }
    hmrUpdate();

    // Path to your app module. You might have to change if your module is in deferent place
    module['hot'].accept(["./app.module"]);
}

// Don't forget to pass the options when creating the platform
platformNativeScriptDynamic(options).bootstrapModule(AppModule);

@vakrilov thanks for this! One slight improvement:

onAfterLivesync.subscribe(({ moduleRef, error }) => {
      console.log(`#### onAfterLivesync moduleRef: ${moduleRef} error: ${error}`);
      if (moduleRef) {
          const router = <RouterExtensions>moduleRef.injector.get(RouterExtensions);
          const ngZone = <NgZone>moduleRef.injector.get(NgZone);
          if (router && cachedUrl) {
            ngZone.run(() => { // <--  should be wrapped in ngZone
              router.navigateByUrl(cachedUrl, { animated: false });
            });
          }
      }
  });

Otherwise the navigate may error if not called inside NgZone 👍

Good catch @NathanWalker - just updated the gist.