ipost

Promise feature for iframe post message and popup window post message

MODE: IFRAME

Example:

In parent window:

var ipost = new IPost('http://localhost:8888/iframe.html');
ipost.inject();
ipost.listen();

ipost.post('What is your name?').then(function (message) {
  console.log('Reply:', message);
}).fail(function (err) {
  console.error('Error:', err);
})

In iframe window:

var ipost = new IPost('*', { child: true });
ipost.listen();
ipost.ready();

ipost.on('message', function (deferred, message) {

  switch(message) {

    case 'What is your name?':
      deferred.resolve('My name is Sundarasan Natarajan.');
      break;

    case 'What is your age?':
      deferred.reject('Sorry! I do not know my birth date.');
      break;

  }

});

MODE: POPUP WINDOW

Example:

In parent window:

var ipost = new IPost('http://localhost:8888/popup.html', { mode: 'popup' });
ipost.open();
ipost.listen();

ipost.post('What is your name?').then(function (message) {
  console.log('Reply:', message);
}).fail(function (err) {
  console.error('Error:', err);
})

In popup window:

var ipost = new IPost('*', { mode: 'popup', child: true });
ipost.listen();
ipost.ready();

ipost.on('message', function (deferred, message) {

  switch(message) {

    case 'What is your name?':
      deferred.resolve('My name is Sundarasan Natarajan.');
      break;

    case 'What is your age?':
      deferred.reject('Sorry! I do not know my birth date.');
      break;

  }

});

Options

/**
 * For iframe mode
 */
var ipost = new IPost('http://localhost:8888/iframe.html', {
  mode: 'iframe',  // Default: "iframe"
  child: false,
});

/**
 * For popup window mode
 */
var ipost = new IPost('http://localhost:8888/popup.html', {
  mode: 'popup',
  child: false,
  windowOptions: 'toolbar=no, scrollbars=no,',
  target: '_blank',
});

To see demo

• Clone the project

git clone https://github.com/Sujsun/ipost.git

• Install npm dependencies

npm install 

• Run the server npm start or grunt

• Visit http://localhost:8989 or http://127.0.0.1:8989