Remote Usage

[Shadeslayer345]

I've recently started using jspm again with hot-reloading and it's been great. One thing I'm not sure how to do efficiently is remote testing. When using the default loader, since localhost is used, there is no hot reloading on a remote system that's accessing the server, right now I simply set my dev machine's ip and everything works fine

import hr from 'systemjs-hot-reloader';
import module from './modules.js';

...

new hr('http://138.238.148.14:2368');

export function __reload(m) {
  if (m.component.state)
    module.setState('m.component.state');
}

is there another way to achieve this without having to set the ip address every time?

[Shadeslayer345]

I've made a slight improvement using the ip module:

I'm using express to render jade so I simple pass the ip address to the jade template

import ip from 'ip';
...

app.get(`/`, (req, res) => {
  if (process.env.NODE_ENV === `production`) {
    res.render(`index.js`, {production: false});
  } else {
    res.render(`index.js`, {production: true, address: `${ip.address()}`});
  }
})

And it enables the hot-reloader

if (prod)
  script(type='text/javascript').
    SystemJS.import('./app.js');
else
  script(type='text/javascript').
    System.import('systemjs-hot-reloader').then(function(hr){
      new hr.default('http://#{address}:8090');
    });
    System.import('./app.js')

I'd love to see any other solutions anyone has

[npbenjohnson]

This probably isn't bulletproof but it should work generally:
window.location.href.match(/([^\/]//[^:\/?])([:/?]|$)/)[1] + ':8090'

window.location.href.match(/([^\/]*\/\/[^/:?]*)/)[1] + ':8090'

I have no idea why I thought that first one worked.

[svi3c]

I'm suggest using something like this:

new hr.default("//" + location.hostname + ":8090");

[born2net]

my take:

 <script>
     switch (location.port){
        case '9089': {
          // alert('mode: hot-reload 9089');
          var readyForMainLoad
          if (location.origin.match(/localhost/)) {
             System.trace = true
             readyForMainLoad = System.import('systemjs-hot-reloader').then(function(HotReloader){
                window.hr = new HotReloader.default('http://localhost:9089')
             })
          }
          Promise.resolve(readyForMainLoad).then(() => {
             System.import('reflect-metadata')
             .then(function(){System.import('zone.js')})
             .then(function(){System.import('../App')})
            })
          break;
        }
        default: {
          // alert('mode: watch port 8080');
          System.import('../App')
             .catch(function (e) {
                console.error(e,
                  'error system.js ' + e);
             });
          break;
        }
     }
  </script>

[alexisvincent]

Would be achieved via connect("//" + location.hostname + ":8090")