Call __reload hook with deletedModule

[peteruithoven]

Allowing one to restore state on hot reload.

Very basic usage example:

var state = [];
export function addItem(text) {
  state.push(text);
}
export function removeItem(text) {
  state = state.filter(item => item != text)
}
export function getItems() {
  return state;
}
window.addItem = addItem;
window.removeItem = removeItem;
window.getItems = getItems;

export function __reload(deletedModule){
  console.log('__reload');
  state = deletedModule.getItems();
  console.log('  restored items: ', state);
}

[guybedford]

This looks good to me!

[capaj]

ok, looking good here. Will write a unit test for this later.

[peteruithoven]

Usage example when using Redux; rehydrating store on reload:
https://gist.github.com/peteruithoven/59f188bfab035ce96948

[veggiemonk]

nice! Thanks for the gist!!

[johnjelinek]

@peteruithoven: the gist isn't working for me ... but also haven't figured out how to get anything to reload (regardless of state). I get console messages that file emitted change, but it doesn't cause anything to reload.

[peteruithoven]

@johnjelinek Sounds like a separate issue? Please mention in that new issue where you get console messages. In the chokidar Node process or in the browser? Do you get a reimported ... statement in the browser?

[johnjelinek]

I want getting reimported messages, but I did have a changed handler off of the System.import that recognized the filename in the browser of what changed. The console messages on the server also spit out filenames of what changed.

I started a new project and it's working, I'm going to import all my modules from the old one and do a diff to see what's different between the projects.

[johnjelinek]

wasn't*, not want

[peteruithoven]

@johnjelinek double check that you're importing the hot reloader. I think most people do this in their html file.

[johnjelinek]

@peteruithoven: I think my problem was actually with this: #35. The hotloader isn't being transpiled correctly by SystemJS.