wait for micropip to load

Author: dragoncoder047

index.html

@@ -43,7 +43,7 @@ <h1>Schemascii Playground</h1>
         </div>
         <div id="output"></div>
         <pre id="console"></pre>
-        <div id="errors"></div>
+        <pre id="errors"></pre>
     </body>
     <script>
         // cSpell:ignore pyodide pyproject pyimport
@@ -59,13 +59,13 @@ <h1>Schemascii Playground</h1>
             try {
                 info("Loading Python... ");
                 pyodide = await loadPyodide({ stdout: info, stderr: error });
-                info("done\n");
-                info("Fetching current Schemascii version... ");
+                info("done\nINstalling micropip...");
+                await pyodide.loadPackage("micropip");
+                info("done\nFetching current Schemascii version... ");
                 var pyproject_toml = await fetch("pyproject.toml").then(x => x.text());
                 var ver = /version = "([\d.]+)"/.exec(pyproject_toml)[1];
-                info(ver + "\n");
-                info(`Installing schemascii-${ver}... `);
-                await pyodide.runPythonAsync(`import micropip\nawait micropip.install("https://dragoncoder047.github.io/schemascii/dist/schemascii-${ver}-py3-none-any.whl")`);
+                info(`${ver}\nInstalling schemascii-${ver} ... `);
+                await pyodide.pyimport("micropip").install(`https://dragoncoder047.github.io/schemascii/dist/schemascii-${ver}-py3-none-any.whl`);
                 schemascii = pyodide.pyimport("schemascii");
                 await setup();
                 console.textContent = "ready\n";