@module-federation/fmr

MF Dev Server

About

This is the "brain" of the live reload feature.

It gets updates from webpack, and sends them to the chrome extension / client.

In the future, it will also include functionality that allows clients to subscribe and unsubscribe from each other.

Up and running

Starting the node server

> yarn
// comment out the "start" function in index.js
> node ./index.js

This will start the node server on port: 40001

Hosting the index.html

In a seperate process / terminal window

This HTML file will open up a socket connection to the node sever on port 40001

Keeping all socket messages consistent:

MF Dev Server messages adhere to a common API. This API is:

{
    time: Date.now(),
    sender: 'string', // this is the UUID of the client
    data: 'any', 
    type: 'string' // this is equivelant to an action type in redux terms
}

Passing around ctx

In MF Dev Sever, ctx is the main argument passed to each funciton because it has almost everything you may need. From the top, ctx consists of:

1. wss: web socket server, a ref to the wss itself
2. socket: this is the socket that is handling the connection
3. req: this is the TCP request
4. id: this is the UUID of the request
5. message: this is the message (see above)