From 6f2a50b9327fb5da6a1fb04ed436e156c042f470 Mon Sep 17 00:00:00 2001
From: Damien Arrachequesne <damien.arrachequesne@gmail.com>
Date: Tue, 15 Jun 2021 22:35:06 +0200
Subject: [PATCH] docs(examples): update example to webpack 5

---
 examples/webpack-build-server/index.js        | 20 +++++++++++++++++++
 examples/webpack-build-server/lib/index.js    | 15 --------------
 examples/webpack-build-server/package.json    |  8 +++++---
 .../support/webpack.config.js                 | 10 ----------
 .../webpack-build-server/webpack.config.js    | 19 ++++++++++++++++++
 5 files changed, 44 insertions(+), 28 deletions(-)
 create mode 100644 examples/webpack-build-server/index.js
 delete mode 100644 examples/webpack-build-server/lib/index.js
 delete mode 100644 examples/webpack-build-server/support/webpack.config.js
 create mode 100644 examples/webpack-build-server/webpack.config.js

diff --git a/examples/webpack-build-server/index.js b/examples/webpack-build-server/index.js
new file mode 100644
index 00000000..c209a331
--- /dev/null
+++ b/examples/webpack-build-server/index.js
@@ -0,0 +1,20 @@
+const { Server } = require("socket.io");
+
+const clientFile = require("./node_modules/socket.io/client-dist/socket.io.min?raw");
+const clientMap = require("./node_modules/socket.io/client-dist/socket.io.min.js.map?raw");
+
+Server.sendFile = (filename, req, res) => {
+  res.end(filename.endsWith(".map") ? clientMap : clientFile);
+};
+
+const io = new Server();
+
+io.on("connection", socket => {
+  console.log(`connect ${socket.id}`);
+
+  socket.on("disconnect", (reason) => {
+    console.log(`disconnect ${socket.id} due to ${reason}`);
+  });
+});
+
+io.listen(3000);
diff --git a/examples/webpack-build-server/lib/index.js b/examples/webpack-build-server/lib/index.js
deleted file mode 100644
index 6e829ddf..00000000
--- a/examples/webpack-build-server/lib/index.js
+++ /dev/null
@@ -1,15 +0,0 @@
-
-const server = require('http').createServer();
-const io = require('socket.io')(server, {
-  serveClient: false
-});
-const port = process.env.PORT || 3000;
-
-io.on('connect', onConnect);
-server.listen(port, () => console.log('server listening on port ' + port));
-
-function onConnect(socket){
-  console.log('connect ' + socket.id);
-
-  socket.on('disconnect', () => console.log('disconnect ' + socket.id));
-}
diff --git a/examples/webpack-build-server/package.json b/examples/webpack-build-server/package.json
index bf3f8cf8..f8c46821 100644
--- a/examples/webpack-build-server/package.json
+++ b/examples/webpack-build-server/package.json
@@ -4,13 +4,15 @@
   "description": "A sample Webpack build (for the server)",
   "scripts": {
     "start": "node dist/server.js",
-    "build": "webpack --config ./support/webpack.config.js"
+    "build": "webpack"
   },
   "author": "Damien Arrachequesne",
   "license": "MIT",
   "devDependencies": {
+    "bufferutil": "^4.0.3",
     "socket.io": "^4.0.0",
-    "webpack": "~4.43.0",
-    "webpack-cli": "~3.3.11"
+    "utf-8-validate": "^5.0.5",
+    "webpack": "^5.39.0",
+    "webpack-cli": "^4.7.2"
   }
 }
diff --git a/examples/webpack-build-server/support/webpack.config.js b/examples/webpack-build-server/support/webpack.config.js
deleted file mode 100644
index 3601ab56..00000000
--- a/examples/webpack-build-server/support/webpack.config.js
+++ /dev/null
@@ -1,10 +0,0 @@
-
-module.exports = {
-  entry: './lib/index.js',
-  target: 'node',
-  output: {
-    path: require('path').join(__dirname, '../dist'),
-    filename: 'server.js'
-  },
-  mode: 'production'
-};
diff --git a/examples/webpack-build-server/webpack.config.js b/examples/webpack-build-server/webpack.config.js
new file mode 100644
index 00000000..7d174152
--- /dev/null
+++ b/examples/webpack-build-server/webpack.config.js
@@ -0,0 +1,19 @@
+const path = require("path");
+
+module.exports = {
+  entry: "./index.js",
+  target: "node",
+  mode: "production",
+  output: {
+    path: path.resolve(__dirname, "dist"),
+    filename: "index.js",
+  },
+  module: {
+    rules: [
+      {
+        resourceQuery: /raw/,
+        type: "asset/source",
+      },
+    ],
+  },
+};