mtso/index.html

## index.html
<!doctype html>
<html>
  <body>
    <script>
      function readSago(src) {
        return new Promise(function(resolve, reject) {
          var rawFile = new XMLHttpRequest();
          rawFile.open('GET', src, false);
          rawFile.onreadystatechange = function() {
            if (rawFile.readyState === 4 &&
               (rawFile.status === 200 || rawFile.status === 0)) {
              var text = rawFile.responseText;
              resolve(text);
            } else {
              reject('unsuccessful request to file');
            }
          }
          rawFile.send(null);
        });
      }
      window.onload = function() {
        var sago;
        for (var i = 0; i < document.scripts.length; i++) {
          if (document.scripts[i].type === 'text/sago') {
            sago = document.scripts[i];
          }
        }
        readSago(sago.src)
          .then(function(content) {
            console.log(content);
          })
          .catch(function(err) {
            console.error(err);
          });

      }
    </script>
    <script type="text/sago" src="z-hello.sago"></script>
  </body>
</html>

## z-hello.sago
hello world!
	<!doctype html>
	<html>
	<body>
	<script>
	function readSago(src) {
	return new Promise(function(resolve, reject) {
	var rawFile = new XMLHttpRequest();
	rawFile.open('GET', src, false);
	rawFile.onreadystatechange = function() {
	if (rawFile.readyState === 4 &&
	(rawFile.status === 200 \|\| rawFile.status === 0)) {
	var text = rawFile.responseText;
	resolve(text);
	} else {
	reject('unsuccessful request to file');
	}
	}
	rawFile.send(null);
	});
	}
	window.onload = function() {
	var sago;
	for (var i = 0; i < document.scripts.length; i++) {
	if (document.scripts[i].type === 'text/sago') {
	sago = document.scripts[i];
	}
	}
	readSago(sago.src)
	.then(function(content) {
	console.log(content);
	})
	.catch(function(err) {
	console.error(err);
	});

	}
	</script>
	<script type="text/sago" src="z-hello.sago"></script>
	</body>
	</html>