nagyv/example.html

## example.html
<!DOCTYPE html>
<html lang="en">
<head>
  <script>
    // from: https://github.com/facebook/react-native/issues/11594#issuecomment-274689549
    function awaitPostMessage() {
      let isReactNativePostMessageReady = !!window.originalPostMessage;
      const queue = [];
      let currentPostMessageFn = function store(message) {
        if (queue.length > 100) queue.shift();
        queue.push(message);
      };
      if (!isReactNativePostMessageReady) {
        // const originalPostMessage = window.postMessage;
        Object.defineProperty(window, 'postMessage', {
          configurable: true,
          enumerable: true,
          get() {
            return currentPostMessageFn;
          },
          set(fn) {
            currentPostMessageFn = fn;
            isReactNativePostMessageReady = true;
            setTimeout(sendQueue, 0);
          }
        });
      }

      function sendQueue() {
        while (queue.length > 0) window.postMessage(queue.shift());
      }
    }

    awaitPostMessage();
    document.addEventListener('message', function(e) {
      console.log(e.data);
      document.getElementById('text').innerHTML = 'hello world'; // e.data;
    });

    window.addEventListener('load', function loader() {
      window.postMessage('loaded', '*')
    });
  </script>
  <style>
  body {
    font-size: 40em;
  }
  </style>
</head>

<body>
<h1>Hello there</h1>
<p>Message text follows:</p>
<div id="text"></div>
</body>
</html>
	<!DOCTYPE html>
	<html lang="en">
	<head>
	<script>
	// from: https://github.com/facebook/react-native/issues/11594#issuecomment-274689549
	function awaitPostMessage() {
	let isReactNativePostMessageReady = !!window.originalPostMessage;
	const queue = [];
	let currentPostMessageFn = function store(message) {
	if (queue.length > 100) queue.shift();
	queue.push(message);
	};
	if (!isReactNativePostMessageReady) {
	// const originalPostMessage = window.postMessage;
	Object.defineProperty(window, 'postMessage', {
	configurable: true,
	enumerable: true,
	get() {
	return currentPostMessageFn;
	},
	set(fn) {
	currentPostMessageFn = fn;
	isReactNativePostMessageReady = true;
	setTimeout(sendQueue, 0);
	}
	});
	}

	function sendQueue() {
	while (queue.length > 0) window.postMessage(queue.shift());
	}
	}

	awaitPostMessage();
	document.addEventListener('message', function(e) {
	console.log(e.data);
	document.getElementById('text').innerHTML = 'hello world'; // e.data;
	});

	window.addEventListener('load', function loader() {
	window.postMessage('loaded', '*')
	});
	</script>
	<style>
	body {
	font-size: 40em;
	}
	</style>
	</head>

	<body>
	<h1>Hello there</h1>
	<p>Message text follows:</p>
	<div id="text"></div>
	</body>
	</html>