Skip to content

Commit 6df96fb

Browse files
miguelgrinbergmiguelgrinberg
committed
Update reference JavaScript examples
1 parent 598dd7e commit 6df96fb

File tree

8 files changed

+780
-937
lines changed

8 files changed

+780
-937
lines changed

‎examples/client/javascript/package-lock.json‎

Lines changed: 160 additions & 315 deletions
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.

‎examples/client/javascript/package.json‎

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -4,7 +4,7 @@
44
"dependencies": {
55
"express": "^4.18.2",
66
"smoothie": "1.19.0",
7-
"socket.io": "^4.5.3",
8-
"socket.io-client": "^3.0.3"
7+
"socket.io": "^4.6.1",
8+
"socket.io-client": "^4.6.1"
99
}
1010
}

‎examples/server/javascript/fiddle.js‎

Lines changed: 10 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -1,7 +1,13 @@
11
const express = require('express');
2+
const { createServer } = require("http");
3+
const { Server } = require("socket.io");
4+
const { instrument } = require("@socket.io/admin-ui");
5+
26
const app = express();
3-
const server = require('http').createServer(app);
4-
const io = require('socket.io')(server);
7+
const httpServer = createServer(app);
8+
const io = new Server(httpServer, {
9+
cors: { origin: 'https://admin.socket.io', credentials: true },
10+
});
511
const port = process.env.PORT || 5000;
612

713
app.use(express.static(__dirname + '/fiddle_public'));
@@ -18,4 +24,5 @@ io.on('connection', socket => {
1824
});
1925
});
2026

21-
server.listen(port, () => console.log(`server listening on port ${port}`));
27+
instrument(io, {auth: false, mode: 'development'});
28+
httpServer.listen(port, () => console.log(`server listening on port ${port}`));

‎examples/server/javascript/fiddle_public/index.html‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -5,7 +5,7 @@
55
<title>Socket.IO Fiddle</title>
66
</head>
77
<body>
8-
<script src="https://cdnjs.cloudflare.com/ajax/libs/socket.io/3.0.3/socket.io.js"></script>
8+
<script src="https://cdnjs.cloudflare.com/ajax/libs/socket.io/4.6.1/socket.io.js"></script>
99
<script src="/main.js"></script>
1010
</body>
1111
</html>

‎examples/server/javascript/latency.js‎

Lines changed: 7 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -1,7 +1,11 @@
11
const express = require('express');
2+
const { createServer } = require("http");
3+
const { Server } = require("socket.io");
4+
25
const app = express();
3-
const server = require('http').createServer(app);
4-
const io = require('socket.io')(server);
6+
const httpServer = createServer(app);
7+
const io = new Server(httpServer);
8+
59
const port = process.env.PORT || 5000;
610

711
app.use(express.static(__dirname + '/latency_public'));
@@ -18,4 +22,4 @@ io.on('connection', socket => {
1822
});
1923
});
2024

21-
server.listen(port, () => console.log(`server listening on port ${port}`));
25+
httpServer.listen(port, () => console.log(`server listening on port ${port}`));

‎examples/server/javascript/latency_public/index.html‎

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -9,8 +9,8 @@ <h1>Socket.IO Latency <span id="latency"></span></h1>
99
<h2 id="transport">(connecting)</h2>
1010
<canvas id="chart" height="200"></canvas>
1111

12-
<script src="https://cdnjs.cloudflare.com/ajax/libs/smoothie/1.2.0/smoothie.js"></script>
13-
<script src="https://cdnjs.cloudflare.com/ajax/libs/socket.io/3.0.3/socket.io.js"></script>
12+
<script src="https://cdnjs.cloudflare.com/ajax/libs/smoothie/1.19.0/smoothie.js"></script>
13+
<script src="https://cdnjs.cloudflare.com/ajax/libs/socket.io/4.6.1/socket.io.js"></script>
1414
<script src="/index.js"></script>
1515
</body>
1616
</html>

0 commit comments

Comments
 (0)