Improve demo[s].

[michelle]

• [x] Simple example; clean, bare bones code.
• [ ] Fancy chatroom with peer routing and flying pigs and icing.
• [ ] Better file upload interface.

[Fauntleroy]

So what exactly do you mean by peer routing? What kind of features, specifically, do you want the advanced example to show off?

[michelle]

So the plan is to take the chat example, add some CSS to make an actual UI, and then have some nifty features like chatting with multiple people at the same time and seeing the IDs of their connections and the connections of their connections (perhaps even to 3rd or 4th degree) (in a way that's sort of like passing around routing tables, except you can connect directly to any IDs of interest).

Even more advanced would be a chatroom w/ multicast.

[michelle]

At some point of course this goes beyond the scope of a demo that would go under /examples and becomes its own self-contained app.

So I guess the things I am looking to tackle first are bug fixes for chat.html (ex. when a Peer is connected to multiple other Peers, both other Peers can send messages to the original Peer, but the original Peer does not differentiate between the two) and making chat.html look nicer in general.

[piranna]

If you are interested, my project has support for routing between peers. I didn't be able to test it throrougly, but since it's the same code used to route using my handshake server, we can say that it works

Sent from my Android cell phone, please forgive the lack of format on the text, and my fat thumbs :-P El 07/03/2013 07:23, "Michelle Bu" notifications@github.com escribió:

At some point of course this goes beyond the scope of a demo that would go under /examples and becomes its own self-contained app.

So I guess the things I am looking to tackle first are bug fixes for chat.html (ex. when a Peer is connected to multiple other Peers, both other Peers can send messages to the original Peer, but the original Peer does not differentiate between the two) and making chat.html look nicer in general.

— Reply to this email directly or view it on GitHubhttps://github.com/peers/peerjs/issues/18#issuecomment-14544853 .

[michelle]

TODOs on UX for chat demo:

• [ ] Make chat boxes automatically scroll when a new message is received that forces overflow:scroll.
• [ ] overflow-y only.
• [ ] Make active connections more obviously highlighted.
• [ ] Error dialog.

[afrokick]

We need to review examples. Maybe remove react and use pure js?

[frankrobert-ls]

@afrokick Could keep a folder of different types of examples like how nextjs does it. That way you can have both React and vanilla examples, and other examples showing how to integrate PeerJS.

[kidandcat]

@frankrobert-ls that's a lot of work, any contribution is welcome! 😉

[rumkin]

I've made an example on codesandbox.io(source, demo) as HelloWorld demo to figure out how Peer.js works. It just doesn't work but I there is no any error. Am I doing something wrong? Is there a working demo?

[afrokick]

no activity, close the issue...

[luchermans]

another p2p_chat demo https://luchermans.github.io/p2p_chat/