<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width,initial-scale=1.0" />
    <title>DADA Component Development</title>
    <%
    var mainResources = htmlWebpackPlugin.options.mainResources
    var mainStyle = '';
    Object.keys(mainResources).forEach(key=>{
        mainResources[key] && (mainStyle += `<link href="${mainResources[key]}.css" rel="stylesheet" />`)
    })
    %>
    <%= mainStyle %>
    <% for (let css in htmlWebpackPlugin.files.css) { %>
        <link rel="stylesheet" href="<%= htmlWebpackPlugin.files.css[css] %>">
    <% } %>
</head>
<style>
    body,
    html {
        margin: 0;
        padding: 0;
        min-width: auto !important;
        font-size: 14px !important;
        overflow: auto !important;
        user-select: auto !important;
    }
</style>
<link rel="stylesheet" href="//g.alicdn.com/code/lib/antd/4.0.4/antd.min.css">
<body>
<div id="lsc-comp-root"></div>

<script crossorigin="anonymous" src="//assets.alicdn.com/g/??lazada/static/0.0.5/react-full-16-8.js"></script>
<script src="//g.alicdn.com/code/lib/moment.js/2.24.0/moment.min.js"></script>
<script src="//g.alicdn.com/code/lib/antd/4.0.4/antd.min.js"></script>

<script>
  window.pageConfig = {};
</script>
<script src="https://g.alicdn.com/code/lib/lodash.js/4.17.15/lodash.min.js"></script>
<script src="//g.alicdn.com/platform/c/??react15-polyfill/0.0.1/dist/index.js"></script>
<script src="https://g.alicdn.com/intl-dada/dada-visualengine/0.0.1/engine.js"></script>


<script src="https://g.alicdn.com/intl-dada/dada-vision-utils/4.1.2/engine-utils.min.js"></script>

<%= htmlWebpackPlugin.options.extendTemplate %>

<script>
  window.__lscCompConfig = {
    LibraryName: "<%- htmlWebpackPlugin.options.libraryName %>",
    route: "<%- htmlWebpackPlugin.options.route %>",
    publicPath: "<%- htmlWebpackPlugin.options.publicPath %>",
    remotePublicPath: "<%- htmlWebpackPlugin.options.remotePublicPath %>",
    isLibraryComponent:<%- htmlWebpackPlugin.options.isLibraryComponent %>,
    port: "<%- htmlWebpackPlugin.options.port %>",
    env: "<%- process.env.NODE_ENV %>",
    packageName: "<%- htmlWebpackPlugin.options.packageName %>",
    packageVersion: "<%- htmlWebpackPlugin.options.packageVersion %>",
    externals: <%= JSON.stringify(htmlWebpackPlugin.options.externals) %>,
  };
  window.__mockPath = "<%- htmlWebpackPlugin.options.mockPath %>";
  Object.defineProperty(window, 'COMP_LIBRARY', {
    enumerable: true,
    get() {
      return window[window.__lscCompConfig.LibraryName]
    }
  })
</script>

<% for(var i=0; i < htmlWebpackPlugin.files.js.length; i++) {%>
    <script type="text/javascript" src="<%= htmlWebpackPlugin.files.js[i] %>"></script>
<% } %>

<%
var mainResources = htmlWebpackPlugin.options.mainResources
var mainScripts = '';
Object.keys(mainResources).forEach(key=>{
    mainResources[key] && (mainScripts += `<script type="text/javascript" src="${mainResources[key]}.js"></script>`)
})
%>
<%= mainScripts %>

</body>
</html>
