diff --git a/public/main.js b/public/main.js
index a006f74..d77b9c2 100644
--- a/public/main.js
+++ b/public/main.js
@@ -1,16 +1,46 @@
// client-side js, loaded by index.html
// run by the browser each time the page is loaded
+let messagesEl = document.querySelector('.messages');
+let peerIdEl = document.querySelector('#connect-to-peer');
+
+let logMessage = (message) => {
+ let newMessage = document.createElement('div');
+ newMessage.innerText = message;
+ messagesEl.appendChild(newMessage);
+};
+
let peer = new Peer({
host: '/',
path: '/peerjs/myapp'
});
peer.on('open', (id) => {
- console.log('My peer ID is: ' + id);
+ logMessage('My peer ID is: ' + id);
});
peer.on('error', (error) => {
console.error(error);
});
+peer.on('connection', (conn) => {
+ logMessage('incoming peer connection!');
+ conn.on('data', (data) => {
+ logMessage(`received: ${data}`);
+ });
+ conn.on('open', () => {
+ conn.send('hello!');
+ });
+});
-console.log("hello world :o");
+let connectToPeer = () => {
+ let peerId = peerIdEl.value;
+ logMessage(`Connecting to ${peerId}...`);
+
+ let conn = peer.connect(peerId);
+ conn.on('data', (data) => {
+ logMessage(`received: ${data}`);
+ });
+ conn.on('open', () => {
+ conn.send('hi!');
+ });
+};
+window.connectToPeer = connectToPeer;
\ No newline at end of file
diff --git a/server.js b/server.js
index 2dbb4f9..e25151a 100644
--- a/server.js
+++ b/server.js
@@ -21,6 +21,7 @@ const listener = app.listen(process.env.PORT, () => {
console.log("Your app is listening on port " + listener.address().port);
});
+// peerjs server
const peerServer = ExpressPeerServer(listener, {
debug: true,
path: '/myapp'
diff --git a/views/index.html b/views/index.html
index 55a0cbb..04729a8 100644
--- a/views/index.html
+++ b/views/index.html
@@ -14,6 +14,7 @@
+
@@ -21,6 +22,14 @@
+
+
+
+
+
+