nilinswap / peer-connect Goto Github PK

What to do?
Give a react version of nilinswap/peer-connect.
Use react framework for frontend to make peer-connect work. so basically the main.js that is exported to a foreign site to use our peer-connect feature...that main.js should be generated in react framework. It is only expected to use reactjs framework but the source code can be just written in typescript (or javascript.) In fact, one should try to use same js code for nilinswap/peer-connect rather than writing a new version in reactjs.

feasible?
It can be a stupid task which is not possible. so I have no idea of this. At the end, we would learn something.

expected pace?
It's very open-ended task therefore feel free to do this in small experiments and checkpoints and we will discuss the results before going ahead.

why?

1. To compare how much of an overhead react way of handling dom puts into a page.
2. we want to see styled-components solving our css-in-js thing.
3. We might have to come to this setup later when our themes are more customisable and when our designs are more complex.

summary

use this link to start from a boiler plate. You already know the js code for peer-connect. What minimum changes should you do to look the boiler-plate page look and work like peer-connect?

What to do?
create a custom event say CE. on trigger, this will save the remotePeerId. Instead of connect button directly setting it. let connect button fire this event. This is a subProblem of event-based issue for easy-pluggable.

why?
this will be used. next, we will create a server to store identifier - peerid map. We will provide two apis. one will be on singleId(like gameId) and other will be on (remoteClientPeerId) both are behaviourly same and would hit the server and get the peerjs remotePeerId. on successful reply, we will fire CE and remotePeerId is saved and boom now it should work.

Resources?
custom events in js

Take code from here and migrate peer-connect's js files into ts files here. Also move css to js. commit in this pr