1.0.5 • Published 3 years ago

clevva-postmess v1.0.5

Weekly downloads
-
License
MIT
Repository
-
Last release
3 years ago

clevva-postmess

A simple postMessage based javascript library used to send and receive messages between cross domain window objects

npm i clevva-postmess
// Parent.html

import PostMess from 'clevva-postmess'

const pm = PostMess({

    // The css selector of the iframe or the iframe element itself
    // eg: This is equivalent to the below selector '#iframe'
    // selector: document.querySelector('#iframe'),
    selector: '#iframe',

    // The channel must match on the child, otherwise they cannot communicate
    channel: 'pm',

    // An array of origins to communicate with, this would typically match the url in the iframe.
    // eg: <iframe src="http://localhost/child.html"></iframe>
    //                  ^^^^^^^^^^^^^^^^
    origins: ['http://localhost'],

    // This will "console.log()" info for debugging (NB: set to false in production)
    debug: true
});

pm.send('ping', {timestamp: +new Date()}, (resp) => {
    console.log('response:', resp);
});
// Child.html

import PostMess from 'clevva-postmess'

const pm = PostMess({
    channel: 'pm',
    origins: ['http://localhost'],
    debug: true
});

pm.receive('hi', (payload, respond) => {
    respond('hey ' + payload.fullname)
});
1.0.5

3 years ago

1.0.4

3 years ago

1.0.3

3 years ago

1.0.2

3 years ago

1.0.1

3 years ago

1.0.0

3 years ago

1.0.0-alpha

3 years ago

0.1.8

3 years ago

0.1.7

3 years ago

0.1.6

3 years ago

0.1.5

3 years ago

0.1.4

3 years ago

0.1.3

3 years ago

0.1.2

3 years ago

0.1.1

3 years ago

0.1.0

3 years ago