Expose import maps when generating web template (#2542)

Author: dcodeIO

Diff for: scripts/build-web.js

@@ -11,20 +11,26 @@ const mainVersion = pkg.version;
 const binaryenVersion = pkg.dependencies.binaryen.version;
 const longVersion = pkg.dependencies.long.version;
 
-const distUrl = mainVersion === "0.0.0" ? `../dist/` : `https://cdn.jsdelivr.net/npm/assemblyscript@${mainVersion}/dist/`;
+const distUrl = mainVersion === "0.0.0" ? `./` : `https://cdn.jsdelivr.net/npm/assemblyscript@${mainVersion}/dist/`;
 const binaryenUrl = `https://cdn.jsdelivr.net/npm/binaryen@${binaryenVersion}/index.js`;
 const longUrl = `https://cdn.jsdelivr.net/npm/long@${longVersion}/index.js`;
-
-fs.writeFileSync(path.join(dirname, "..", "dist", "web.html"), `<script async src="https://cdn.jsdelivr.net/npm/[email protected]/dist/es-module-shims.js"></script>
-<script type="importmap">
-{
+const importmap = {
   "imports": {
-    "binaryen": ${JSON.stringify(binaryenUrl)},
-    "long": ${JSON.stringify(longUrl)},
-    "assemblyscript": ${JSON.stringify(distUrl + "assemblyscript.js")},
-    "assemblyscript/asc": ${JSON.stringify(distUrl + "asc.js")}
+    "assemblyscript": `${distUrl}assemblyscript.js`,
+    "assemblyscript/asc": `${distUrl}asc.js`,
+    "binaryen": binaryenUrl,
+    "long": longUrl
   }
-}
+};
+
+fs.writeFileSync(path.join(dirname, "..", "dist", "importmap.json"), `${JSON.stringify(importmap, null, 2)}
+`);
+fs.writeFileSync(path.join(dirname, "..", "dist", "importmap.js"), `export const importmap = ${JSON.stringify(importmap, null, 2)}
+export default importmap;
+`);
+fs.writeFileSync(path.join(dirname, "..", "dist", "web.html"), `<script async src="https://cdn.jsdelivr.net/npm/es-module-shims@1/dist/es-module-shims.js"></script>
+<script type="importmap">
+${JSON.stringify(importmap, null, 2)}
 </script>
 <script type="module">
 import asc from "assemblyscript/asc";