Moved from repository https://github.com/HowProgrammingWorks/EventDrivenProgramming

tshemsedinov · tshemsedinov · commit 4e436e37c75d · 2016-10-15T01:10:30.000+03:00
diff --git a/.gitignore b/.gitignore
@@ -0,0 +1,3 @@
+node_modules
+*.log
+.DS_Store
diff --git a/JavaScript/index.html b/JavaScript/index.html
@@ -0,0 +1,53 @@
+<!DOCTYPE html>
+<html>
+<body>
+<h1>Live table</h1>
+<table id="table"></table>
+<style>
+input { border: 1px solid green; width: 30px; }
+</style>
+<script>
+
+  let table = document.getElementById('table');
+  let cells = {};
+  let letters = ['A', 'B', 'C', 'D', 'E', 'F'];
+
+  let tr;
+  tr = document.createElement('tr');
+  tr.innerHTML = '<td></td>' + letters.map(
+    (col) => '<td>' + col + '</td>'
+  ).join('');
+  table.appendChild(tr);
+
+  for (let i = 1; i <= 5; i++) {
+    tr = document.createElement('tr');
+    tr.innerHTML = '<td>' + i + '</td>' + letters.map(
+      (col) => '<td><input id="' + col + i + '" type="text"></td>'
+    ).join('');
+    table.appendChild(tr);
+    letters.forEach((col) => {
+      let cell = col + i;
+      let input = document.getElementById(cell);
+      input.addEventListener('keyup', keyup);
+      cells[cell] = input;
+    });
+  }
+
+  function keyup(event) {
+    socket.send(JSON.stringify({
+      cell: event.target.id,
+      value: event.target.value
+    }));
+  }
+
+  let socket = new WebSocket('ws://127.0.0.1/');
+
+  socket.onmessage = (event) => {
+    let change = JSON.parse(event.data);
+    let cell = cells[change.cell];
+    cell.value = change.value;
+  };
+
+</script>
+</body>
+</html>
diff --git a/JavaScript/package.json b/JavaScript/package.json
@@ -0,0 +1,11 @@
+{
+  "name": "chatExample",
+  "version": "0.1.0",
+  "author": "Timur Shemsedinov <timur.shemsedinov@gmail.com>",
+  "description": "Websocket Chat Example",
+  "license": "MIT",
+  "dependencies": {
+    "websocket": "1.0.x"
+  },
+  "readmeFilename": "README.md"
+}
diff --git a/JavaScript/server.js b/JavaScript/server.js
@@ -0,0 +1,43 @@
+'use strict';
+
+global.api = {};
+api.fs = require('fs');
+api.http = require('http');
+api.websocket = require('websocket');
+
+let index = api.fs.readFileSync('./index.html');
+
+let server = api.http.createServer((req, res) => {
+  res.writeHead(200);
+  res.end(index);
+});
+
+server.listen(80, () => {
+  console.log('Listen port 80');
+});
+
+let ws = new api.websocket.server({
+  httpServer: server,
+  autoAcceptConnections: false
+});
+
+let clients = [];
+
+ws.on('request', (req) => {
+  let connection = req.accept('', req.origin);
+  clients.push(connection);
+  console.log('Connected ' + connection.remoteAddress);
+  connection.on('message', (message) => {
+    let dataName = message.type + 'Data',
+        data = message[dataName];
+    console.log('Received: ' + data);
+    clients.forEach((client) => {
+      if (connection !== client) {
+        client.send(data);
+      }
+    });
+  });
+  connection.on('close', (reasonCode, description) => {
+    console.log('Disconnected ' + connection.remoteAddress);
+  });
+});

Original file line number	Diff line number	Diff line change
`@@ -0,0 +1,3 @@`
	`1`	`+node_modules`
	`2`	`+*.log`
	`3`	`+.DS_Store`