mirror of
https://github.com/MichMich/MagicMirror.git
synced 2026-06-03 18:00:33 +00:00
d4a5ebe273
With these changes a few browser-side core files now use native ES modules. `Loader`, `MMSocket`, `Module` and `MM` can be imported directly instead of being read off `window`. `main.js` and `loader.js` are no longer wrapped in IIFEs - they're just normal modules now. `Module`, `MM` and `MMSocket` are still exposed as globals, so third-party modules that use the old API keep working. The changes are mostly structural, behavior should stay the same. A few internal helpers in `main.js` got an underscore prefix because their names clashed with public `MM` methods. ## Why The old setup relied a lot on script order: a file could use `Loader` or `MMSocket` only because another script happened to put it on `window` first. Imports make that explicit. The bigger goal is to move away from the legacy script-loading patterns - making it easier to understand and easier to test - in other words: easier to maintain. More of the core could be "cleaned up" the same way, but that would blow up this PR. For reviewing, I recommend to hide the whitespace changes.
60 lines
2.9 KiB
HTML
60 lines
2.9 KiB
HTML
<!doctype html>
|
|
<html>
|
|
<head>
|
|
<title>MagicMirror²</title>
|
|
<meta name="google" content="notranslate" />
|
|
<meta http-equiv="Content-type" content="text/html; charset=utf-8" />
|
|
|
|
<meta name="apple-mobile-web-app-capable" content="yes" />
|
|
<meta name="apple-mobile-web-app-status-bar-style" content="black" />
|
|
<meta name="format-detection" content="telephone=no" />
|
|
<meta name="mobile-web-app-capable" content="yes" />
|
|
|
|
<link rel="icon" href="favicon.svg" />
|
|
<link rel="stylesheet" type="text/css" href="css/main.css" />
|
|
<link rel="stylesheet" type="text/css" href="css/roboto.css" />
|
|
<link rel="stylesheet" type="text/css" href="node_modules/animate.css/animate.min.css" />
|
|
<!-- custom.css is loaded by the loader.js to make sure it's loaded after the module css files. -->
|
|
|
|
<script type="text/javascript">
|
|
window.mmVersion = "#VERSION#";
|
|
window.mmTestMode = "#TESTMODE#";
|
|
</script>
|
|
</head>
|
|
<body>
|
|
<div class="region fullscreen below"><div class="container"></div></div>
|
|
<div class="region top bar">
|
|
<div class="container"></div>
|
|
<div class="region top left"><div class="container"></div></div>
|
|
<div class="region top center"><div class="container"></div></div>
|
|
<div class="region top right"><div class="container"></div></div>
|
|
</div>
|
|
<div class="region upper third"><div class="container"></div></div>
|
|
<div class="region middle center"><div class="container"></div></div>
|
|
<div class="region lower third">
|
|
<div class="container"><br /></div>
|
|
</div>
|
|
<div class="region bottom bar">
|
|
<div class="container"></div>
|
|
<div class="region bottom left"><div class="container"></div></div>
|
|
<div class="region bottom center"><div class="container"></div></div>
|
|
<div class="region bottom right"><div class="container"></div></div>
|
|
</div>
|
|
<div class="region fullscreen above"><div class="container"></div></div>
|
|
<script type="text/javascript" src="socket.io/socket.io.js"></script>
|
|
<script type="text/javascript" src="node_modules/nunjucks/browser/nunjucks.min.js"></script>
|
|
<script type="text/javascript" src="js/defaults.js"></script>
|
|
<script type="text/javascript" src="js/vendor.js"></script>
|
|
<script type="text/javascript" src="defaultmodules/defaultmodules.js"></script>
|
|
<script type="text/javascript" src="defaultmodules/utils.js"></script>
|
|
<script type="text/javascript" src="js/logger.js"></script>
|
|
<script type="text/javascript" src="translations/translations.js"></script>
|
|
<script type="text/javascript" src="js/translator.js"></script>
|
|
<script type="text/javascript" src="config/basepath.js"></script>
|
|
<script type="text/javascript" src="js/animateCSS.js"></script>
|
|
<script type="text/javascript" src="js/positions.js"></script>
|
|
<script type="module" src="js/module.js"></script>
|
|
<script type="module" src="js/main.js"></script>
|
|
</body>
|
|
</html>
|