fix: imports in HTML

This commit is contained in:
Sidharth Vinod
2022-09-20 22:13:49 +05:30
parent 0a944a5de1
commit dab43da202
6 changed files with 10 additions and 9 deletions

View File

@@ -71,8 +71,8 @@ const generateHandler = (server) => {
app.all('/mermaid.js', generateHandler(iifeServer)); app.all('/mermaid.js', generateHandler(iifeServer));
app.all('/mermaid.esm.mjs', generateHandler(esmServer)); app.all('/mermaid.esm.mjs', generateHandler(esmServer));
app.all('/e2e.js', generateHandler(iifeServer)); app.all('/e2e.esm.mjs', generateHandler(esmServer));
app.all('/bundle-test.js', generateHandler(iifeServer)); app.all('/bundle-test.esm.mjs', generateHandler(esmServer));
app.listen(9000, () => { app.listen(9000, () => {
console.log(`Listening on http://localhost:9000`); console.log(`Listening on http://localhost:9000`);
}); });

View File

@@ -2,7 +2,7 @@
<head> <head>
<meta charset="utf-8" /> <meta charset="utf-8" />
<!-- <meta charset="iso-8859-15"/> --> <!-- <meta charset="iso-8859-15"/> -->
<script src="/e2e.js"></script> <script src="/e2e.esm.mjs" type="module"></script>
<!-- <link href="https://fonts.googleapis.com/css?family=Mansalva&display=swap" rel="stylesheet" /> --> <!-- <link href="https://fonts.googleapis.com/css?family=Mansalva&display=swap" rel="stylesheet" /> -->
<link <link
href="https://fonts.googleapis.com/css?family=Noto+Sans+SC&display=swap" href="https://fonts.googleapis.com/css?family=Noto+Sans+SC&display=swap"
@@ -37,7 +37,7 @@
</style> </style>
</head> </head>
<body> <body>
<script src="./mermaid.js"></script> <!-- <script src="./mermaid.js"></script> -->
<script> <script>
// Notice startOnLoad=false // Notice startOnLoad=false
// This prevents default handling in mermaid from render before the e2e logic is applied // This prevents default handling in mermaid from render before the e2e logic is applied

View File

@@ -3,7 +3,8 @@ import mermaid2 from '../../src/mermaid';
/** /**
* ##contentLoaded Callback function that is called when page is loaded. This functions fetches * ##contentLoaded Callback function that is called when page is loaded. This functions fetches
* configuration for mermaid rendering and calls init for rendering the mermaid diagrams on the page. * configuration for mermaid rendering and calls init for rendering the mermaid diagrams on the
* page.
*/ */
const contentLoaded = function () { const contentLoaded = function () {
let pos = document.location.href.indexOf('?graph='); let pos = document.location.href.indexOf('?graph=');
@@ -32,8 +33,8 @@ const contentLoaded = function () {
document.getElementsByTagName('body')[0].appendChild(div); document.getElementsByTagName('body')[0].appendChild(div);
} }
global.mermaid.initialize(graphObj.mermaid); mermaid2.initialize(graphObj.mermaid);
global.mermaid.init(); mermaid2.init();
} }
}; };

View File

@@ -12,6 +12,6 @@
</head> </head>
<body> <body>
<div id="graph-to-be"></div> <div id="graph-to-be"></div>
<script src="./bundle-test.js" charset="utf-8"></script> <script src="./bundle-test.esm.mjs" type="module" charset="utf-8"></script>
</body> </body>
</html> </html>

View File

@@ -1,6 +1,6 @@
<html> <html>
<head> <head>
<script src="/e2e.js"></script> <script src="/e2e.esm.mjs" type="module"></script>
<link href="https://fonts.googleapis.com/css?family=Montserrat&display=swap" rel="stylesheet" /> <link href="https://fonts.googleapis.com/css?family=Montserrat&display=swap" rel="stylesheet" />
<style> <style>
.malware { .malware {