jbroadice/unpkg-npm.html

## unpkg-npm.html
<!DOCTYPE html>
<html>
  <head>
    <title>unpkg.com dynamic import module test</title>
  </head>
  <body>
    <script type="module">
      window.module = {
        set exports(module) {
          window.module.modules.push(module);
        },
        modules: []
      };

      const npm = (pkg) => {
        return new Promise((resolve) => {
          console.log(`Loading ${pkg}`);

          import(`https://unpkg.com/${pkg}`)
            .then((module) => {
              resolve(window.module.modules[window.module.modules.length - 1]);
            });
        });
      }

      (async () => {
        console.log('Start');

        const rightpad = await npm('rightpad');

        console.log(rightpad('Hello', 10, '!'));

        const leftpad = await npm('leftpad');

        console.log(leftpad('Hello', 10, '!'));
        console.log(rightpad('Hello', 10, '!'));
        console.log(leftpad('Hello', 10, '!'));
      })();
    </script>
  </body>
</html>
	<!DOCTYPE html>
	<html>
	<head>
	<title>unpkg.com dynamic import module test</title>
	</head>
	<body>
	<script type="module">
	window.module = {
	set exports(module) {
	window.module.modules.push(module);
	},
	modules: []
	};

	const npm = (pkg) => {
	return new Promise((resolve) => {
	console.log(`Loading ${pkg}`);

	import(`https://unpkg.com/${pkg}`)
	.then((module) => {
	resolve(window.module.modules[window.module.modules.length - 1]);
	});
	});
	}

	(async () => {
	console.log('Start');

	const rightpad = await npm('rightpad');

	console.log(rightpad('Hello', 10, '!'));

	const leftpad = await npm('leftpad');

	console.log(leftpad('Hello', 10, '!'));
	console.log(rightpad('Hello', 10, '!'));
	console.log(leftpad('Hello', 10, '!'));
	})();
	</script>
	</body>
	</html>