Creates a Socket.io server at SvelteKit server startup and establishes a connection on the client side.
npm install sveltekit-io
Create a Socket.io server at SvelteKit server startup and establish a connection on the client side.
``bash`
npm install sveltekit-io
Basic example including CORS configuration : adding setup in the file /src/hooks.js :
`javascript
import skio from "sveltekit-io";
skio.setup('http://localhost:3001', {
cors: {
origin : "http://localhost:5173",
credentials: true,
},
});
`
This code sets up Socket.io on both server and client sides.
A more advanced usage example : emitting "Hello" messages on new connections and others containing the request URL to all clients on each server request.
In file /src/hooks.js :
`javascript
import skio from "sveltekit-io";
import {browser} from "$app/environment";
skio.setup('http://localhost:3001', {
cors: {
origin : "http://localhost:5173",
credentials: true,
},
}).then(io => {
if ( browser )
return;
io.on('connect', socket => {
socket.on('message', message => {
console.log(socket.id, "Client sent:", message);
socket.emit('message', {message: 'Hello from server !'});
});
});
});
export const handle = async ({ event, resolve }) => {
if ( !browser )
skio.get()?.emit('message', {message: New request: ${event.request.url}} );
return await resolve(event);
}
`
The Svelte hook onMount() is a way to ensure we are on the client side, so here for the file /src/routes/+page.svelte :
`html``
If you encounter issues or have suggestions, feel free to open an issue or create a pull request. Contributions are welcome!
This project is licensed under the MIT License.