<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Build Demo</title>
{{#unless includeStyles}}
    <link href="../../{{distDir}}/styles/{{projectName}}.css" rel="stylesheet"/>
{{/unless}}
</head>
<body>
  <div class="container"></div>
{{#if require}}
  <script src="../helper/require.min.js"></script>
  <script>
    require.config({
      baseUrl: '../../',
      paths: {
      {{#if reactLib}}
        'react': 'node_modules/react/umd/react.production.min',
        'react-dom': 'node_modules/react-dom/umd/react-dom.production.min',
      {{/if}}
        '{{amdModule}}': '{{distDir}}/bundle/{{projectName}}.{{format}}'
      }
    });

    {{#if reactLib}}
    require(['{{amdModule}}', 'react', 'react-dom'], function (lib, React, ReactDOM) {
      ReactDOM.render(React.createElement(lib.Home, null),
        document.querySelectorAll('.container')[0]);
    });
    {{else}}
    require(['{{amdModule}}'], function (lib) {
      var main = new lib.Main();
      main.render('.container');
    });
    {{/if}}
  </script>
{{/if}}
{{#if iife}}
{{#if reactLib}}
  <script src="../../node_modules/react/umd/react.production.min.js"></script>
  <script src="../../node_modules/react-dom/umd/react-dom.production.min.js"></script>
{{/if}}
  <script src="../../{{distDir}}/bundle/{{projectName}}.{{format}}.js"></script>
  <script type="application/javascript">
  {{#unless reactLib}}
    var main = new window.{{namespace}}.Main();
    main.render('.container');
  {{else}}
    window.ReactDOM.render(window.React.createElement(window.{{namespace}}.Home, null),
      document.querySelectorAll('.container')[0]);
  {{/unless}}
  </script>
{{/if}}
{{#if system}}
  <script src="../helper/system.min.js"></script>
{{#if reactLib}}
  <script src="../../node_modules/react/umd/react.production.min.js"></script>
  <script src="../../node_modules/react-dom/umd/react-dom.production.min.js"></script>
{{/if}}
  <script src="../../{{distDir}}/bundle/{{projectName}}.{{format}}.js"></script>
  <script>
  {{#if reactLib}}
    System.config({
      map: {
        'react': '../../node_modules/react/umd/react.production.min.js',
        'react-dom': '../../node_modules/react-dom/umd/react-dom.production.min.js'
      }
    });
  {{/if}}

    System.import('{{namespace}}')
      .then(function (lib) {
        {{#if reactLib}}
          window.ReactDOM.render(window.React.createElement(lib.Home, null),
            document.querySelectorAll('.container')[0]);
        {{else}}
          var main = new lib.Main();
          main.render('.container');
        {{/if}}
      }, function (e) {
        console.error(e)
      });
  </script>
{{/if}}
</body>
</html>
