refactor: update the code example

Author: darrachequesne

client.js

@@ -1,5 +1,8 @@
+import { io } from "socket.io-client";
 
-const socket = require("socket.io-client")("http://localhost:3000");
+const port = process.env.PORT || 3000;
+
+const socket = io(`http://localhost:${port}`);
 
 socket.on("connect", () => {
   console.log(`connect ${socket.id}`);

package.json

@@ -4,6 +4,7 @@
   "description": "Simple fiddle for socket.io",
   "author": "Damien Arrachequesne",
   "license": "MIT",
+  "type": "module",
   "dependencies": {
     "express": "~4.17.1",
     "socket.io": "^4.0.0",

server.js

@@ -1,18 +1,23 @@
+import { default as express } from "express";
+import { createServer } from "http";
+import { Server } from "socket.io";
 
-const express = require("express");
 const app = express();
-const server = require("http").createServer(app);
-const io = require("socket.io")(server);
+const httpServer = createServer(app);
+const io = new Server(httpServer, {});
+
 const port = process.env.PORT || 3000;
 
-app.use(express.static(__dirname + "/public"));
+app.use(express.static("public"));
 
-io.on("connection", socket => {
+io.on("connection", (socket) => {
   console.log(`connect ${socket.id}`);
 
   socket.on("disconnect", (reason) => {
     console.log(`disconnect ${socket.id} due to ${reason}`);
   });
 });
 
-server.listen(port, () => console.log(`server listening at http://localhost:${port}`));
+httpServer.listen(port, () => {
+  console.log(`server listening at http://localhost:${port}`);
+});