adonis-sse
An addon/plugin package to provide server-sent events functionality for AdonisJS 4.0+
Getting Started
adonis install adonisjs-sse
Usage
Firstly, follow the instructions in instructions.md
file to setup the Provider and Middleware
See the instructions.md file for the complete installation steps and follow as stated.
Registering provider
Like any other provider, you need to register the provider inside start/app.js
file.
const providers = [
...
'adonisjs-sse/providers/ServerSentEventsProvider',
]
Registering middleware
Register the following middleware inside start/kernel.js
file.
You can optionally place the sse middleware after the 'Adonis/Middleware/AuthInit' middleware
const globalMiddleware = [
...
'Adonis/Middleware/AuthInit',
'Adonis/Middleware/EventSourceWatcher'
]
Or alternatively setup the middleware as a named (use any name you feel like) middleware inside start/kernel.js
file.
const namedMiddleware = {
eventsource: 'Adonis/Middleware/EventSourceWatcher'
}
HINT: It would be much easier and better to make the EventSourceWatcher
middleware a global middleware
Setup serve-sent events route inside start/routes.js
file.
const Route = use('Route');
Route.get('/stream', ({ source }) => {
source.send("Hello AdonisJS", '!This is a comment!');
}).middleware(['eventsource']);
Route.get('/stream', ({ source }) => {
source.send("Hello AdonisJS", '!This is a comment!');
})
Route.post('/send/email', 'NotificationsController.sendEmail')
Example(s)
Setup a controller to dispatch server-sent events to the browser using the source.send(data: Object, comment: String, event: String, retry: Number)
method like so:
const Mail = use('Mail')
class NotificationsController {
async sendEmail ({ request, auth, source }){
let input = request.only([
'ticket_user_id'
]);
let { id, email, fullname } = await auth.getUser();
let error = false
try{
await Mail.send(
'emails.template',
{ fullname }, (message) => {
message.to(email)
message.from('crm.tickets@funsignals.co')
message.subject('Ticket Creation Job Status')
})
}catch(err){
error = true
}finally{
source.send({
ticket_reciever: id,
ticket_creator: input.ticket_user_id,
ticket_mail_status: `email sent ${error ? 'un' : ''}successfuly`
}, null, 'update', 4000)
}
}
}
module.exports = NotificationsController
send( data: object, comment: string, event: string, retry: number );
Connecting from the client-side
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<script src="https://cdn.polyfill.io/v2/polyfill.min.js?features=EventSource"></script>
</head>
<body>
<script id="server-side-events" type="text/javascript">
const stream = new EventSource("http://127.0.0.1:3333/stream");
stream.addEventListener('message', function(e){
console.log("Data: ", e.data);
}, false);
stream.addEventListener('open', function(e) {
console.log('connection open: true');
}, false);
stream.addEventListener('error', function(e) {
if (e.readyState == EventSource.CLOSED) {
console.log('connection closed: true');
}
}, false);
</script>
</body>
</html>
License
MIT
Running Tests
npm i
npm run lint
npm run test
Credits
Contributing
See the CONTRIBUTING.md file for info
Support
Coolcodes is a non-profit software foundation (collective) created by Oparand - parent company of StitchNG, Synergixe based in Abuja, Nigeria. You'll find an overview of all our work and supported open source projects on our Facebook Page.
Follow us on facebook if you can to get the latest open source software/freeware news and infomation.
Does your business depend on our open projects? Reach out and support us on Patreon. All pledges will be dedicated to allocating workforce on maintenance and new awesome stuff.