oze4/_server.js

## _server.js
const http = require("http");
const fs = require("fs");
const fspath = require("path");
const url = require("url");

const server = http.createServer(async (request, response) => {
  const path = url.parse(request.url).pathname;
  switch (path) {
    /**
     * @route '/home' description for route
     * @methods (GET)
     */
    case "/home": {
      switch (request.method) {
        case "GET":
        default: {
          try {
            const html = await fs.readFileSync(fspath.resolve("./home.html"));
            response.writeHead(200);
            response.write(html);
          } catch (e) {
            console.error(e);
            response.writeHead(500);
            response.write("unable to read home html : " + e);
          }
          response.end();
        }
      }
    }

    /**
     * @route '/update'
     * @methods (POST)
     */
    case "/update": {
      switch (request.method) {
        case "POST": {
          console.log("in /update POST");
          const buffers = [];
          for await (const chunk of request) {
            buffers.push(chunk);
          }
          const data = Buffer.concat(buffers).toString();
          console.log(JSON.parse(data));
          response.end();
        }
        default: {
          response.end();
        }
      }
    }
    default: {
      response.end();
    }
  }
});

server.listen(34567);

const serverAddress = server.address();
const serverIp = serverAddress.address === "::" ? "localhost" : serverAddress.address;

console.log(`Server listening at : ${serverIp}:${serverAddress.port} : go to http://localhost:34567/home`);

## home.html
<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>Client</title>
    <!-- script src="https://unpkg.com/axios/dist/axios.min.js"></script -->
  </head>
  <body>
    <textarea id="stream" rows="8" cols="80" oninput="update(this.value)"></textarea>
    <script>
      async function update(v) {
        let data = {
          text: v,
        };
        await send(data);
      }

      async function send(d) {
        try {
          const res = await fetch("/update", {
            method: "POST",
            body: JSON.stringify(d),
          });
          console.log(res);
        } catch (e) {
          console.error(e);
        }
        // ~
        // REMOVED : sorry, fetch was just easier..
        // ~
        // axios.post(
        //   "http://<the server IP>:34567",
        //   JSON.stringify(d)
        // ).then(res => {
        //   // do nothing
        // }).catch(error => {
        //   console.error(error);
        // });
      }
    </script>
  </body>
</html>
	const http = require("http");
	const fs = require("fs");
	const fspath = require("path");
	const url = require("url");

	const server = http.createServer(async (request, response) => {
	const path = url.parse(request.url).pathname;
	switch (path) {
	/**
	* @route '/home' description for route
	* @methods (GET)
	*/
	case "/home": {
	switch (request.method) {
	case "GET":
	default: {
	try {
	const html = await fs.readFileSync(fspath.resolve("./home.html"));
	response.writeHead(200);
	response.write(html);
	} catch (e) {
	console.error(e);
	response.writeHead(500);
	response.write("unable to read home html : " + e);
	}
	response.end();
	}
	}
	}

	/**
	* @route '/update'
	* @methods (POST)
	*/
	case "/update": {
	switch (request.method) {
	case "POST": {
	console.log("in /update POST");
	const buffers = [];
	for await (const chunk of request) {
	buffers.push(chunk);
	}
	const data = Buffer.concat(buffers).toString();
	console.log(JSON.parse(data));
	response.end();
	}
	default: {
	response.end();
	}
	}
	}
	default: {
	response.end();
	}
	}
	});

	server.listen(34567);

	const serverAddress = server.address();
	const serverIp = serverAddress.address === "::" ? "localhost" : serverAddress.address;

	console.log(`Server listening at : ${serverIp}:${serverAddress.port} : go to http://localhost:34567/home`);
	<!DOCTYPE html>
	<html>
	<head>
	<meta charset="utf-8" />
	<meta name="viewport" content="width=device-width, initial-scale=1.0" />
	<title>Client</title>
	<!-- script src="https://unpkg.com/axios/dist/axios.min.js"></script -->
	</head>
	<body>
	<textarea id="stream" rows="8" cols="80" oninput="update(this.value)"></textarea>
	<script>
	async function update(v) {
	let data = {
	text: v,
	};
	await send(data);
	}

	async function send(d) {
	try {
	const res = await fetch("/update", {
	method: "POST",
	body: JSON.stringify(d),
	});
	console.log(res);
	} catch (e) {
	console.error(e);
	}
	// ~
	// REMOVED : sorry, fetch was just easier..
	// ~
	// axios.post(
	// "http://<the server IP>:34567",
	// JSON.stringify(d)
	// ).then(res => {
	// // do nothing
	// }).catch(error => {
	// console.error(error);
	// });
	}
	</script>
	</body>
	</html>