sysend.js is a small library that allows to send messages between pages that are open in the same browser. It also supports Cross-Domain communication. The library doesn't have any dependencies and uses the HTML5 LocalStorage API or BroadcastChannel API. If your browser don't support BroadcastChannel (see Can I Use) then you can send any object that can be serialized to JSON. With BroadcastChannel you can send any object (it will not be serialized to string but the values are limited to the ones that can be copied by the structured cloning algorithm). You can also send empty notifications.
Tested on:
GNU/Linux: in Chromium 34, FireFox 29, Opera 12.16 (64bit)
Windows 10 64bit: in IE11 and Edge 38, Chrome 56, Firefox 51
MacOS X El Captain: Safari 9, Chrome 56, Firefox 51
Include sysend.js
file in your html, you can grab the file from npm:
npm install sysend
or bower
bower install sysend
you can also get it from unpkg.com CDN:
https://unpkg.com/sysend
or
https://cdn.jsdelivr.net/npm/sysend
jsDelivr minified the file.
window.onload = function() {
sysend.on('foo', function(message) {
console.log(message);
});
var input = document.getElementsByTagName('input')[0];
document.getElementsByTagName('button')[0].onclick = function() {
sysend.broadcast('foo', {message: input.value});
};
};
If you want to add support for Cross-Domain communication, you need to call proxy method with url on target domain that have proxy.html file.
sysend.proxy('https://jcubic.pl');
sysend.proxy('https://terminal.jcubic.pl');
on Firefox you need to add CORS for the proxy.html that will be loaded into iframe (see Cross-Domain LocalStorage)
if you want to send custom data you can use serializer (new in 1.4.0). Example serializer can be json-dry.
sysend.serializer(function(data) {
return Dry.stringify(data);
}, function(string) {
return Dry.parse(string);
});
Open this demo page in two tabs/windows (there is also link to other domain).
sysend object:
on(name, callback)
-callback(object, name)
- add event of specified nameoff(name [, callback])
- remove callbackbroadcast(name [, object])
- send object and fire all events with specified name (in different pages that register callback using on). You can also just send notification without objectproxy(url)
- create iframe proxy for different domain, the targer domain/url should have proxy.html file. If url domain is the same as page domain, it's ignored. So you can put both proxy calls on both domains (new in 1.3.0)serializer(to_string, from_string)
- add serializer and deserializer functions (new in 1.4.0)
Copyright (C) 2014-2021 Jakub T. Jankiewicz
Released under the MIT license
This is free software; you are free to change and redistribute it.
There is NO WARRANTY, to the extent permitted by law.