🚀 Big News: Socket Acquires Coana to Bring Reachability Analysis to Every Appsec Team.Learn more
Socket
Book a DemoInstallSign in
Socket

hotside

Package Overview
Dependencies
Maintainers
1
Versions
4
Alerts
File Explorer

Advanced tools

Socket logo

Install Socket

Detect and block malicious and high-risk dependencies

Install

hotside

Hot sideloading of javascript code in a browser without serving any files

0.2.0
latest
Source
npm
Version published
Maintainers
1
Created
Source

hotside

Hot sideloading of javascript code in a browser without serving any files

hotside lets you hotload inside another environment, without hijacking your ordinary web host. It gets you a fast hook that watches over the node_modules folder and lets you hot-load yourself.

For example: You're building a plugin for an existing environment that does not support hot module replacement, and reloading the entire environment is taking a lot of time, you would rather just reload the specific component you're working on.

Usage

Navigate to your root directory and use npm i hotside && npx hotside You're now running the hotside service and will see something like Started on port 16567

In your code, you can use hotside like this to get a hook with a new instance of a component each time it updates:

import myComponentFactory from 'my-component';
import hot from 'hotside';

let mycomponent = myComponentFactory();

hot('node_modules/my-component/dist/comp.js', (newComponentFactory) => {
    mycomponent = newComponentFactory();
});

Drawdowns

  • Currently only watches node_modules folder, but it's made for linking packages.

TODO

  • Fix tests. Currently, there are none.
  • Rather than watching the whole node_modules tree, watch specific files on subscribe instead. This wouldn't even break the API currently, but I'm just too lazy to rewrite it.
  • Sourcemap support? Inline loading of non-inline sourcemaps?

Keywords

hmr

FAQs

Package last updated on 26 Feb 2018

Did you know?

Socket

Socket for GitHub automatically highlights issues in each pull request and monitors the health of all your open source dependencies. Discover the contents of your packages and block harmful activity before you install or update your dependencies.

Install

Related posts