call micropip installed of loading packages

pyscriptjs/examples/panel.html

@@ -13,6 +13,7 @@
     <py-env>
       - bokeh
       - numpy
+      - panel
     </py-env>
     <h1>Panel Example</h1>
     <div id="myplot"></div>
@@ -20,8 +21,6 @@
 import asyncio
 import micropip
 
-await micropip.install(['panel'])
-
 import panel as pn
 
 slider = pn.widgets.FloatSlider(start=0, end=10, name='Amplitude')

pyscriptjs/src/interpreter.ts

@@ -7,6 +7,7 @@ let pyodide;
 
 let additional_definitions = `
 from js import document, setInterval, console
+import micropip
 import asyncio
 import io, base64, sys
 
@@ -178,7 +179,9 @@ let loadInterpreter = async function(): Promise<any> {
 }
 
 let loadPackage = async function(package_name: string[] | string, runtime: any): Promise<any> {
-    await runtime.loadPackage(package_name);
+    let micropip = pyodide.globals.get('micropip');
+    await micropip.install(package_name)
+    micropip.destroy()
 }
 
 let loadFromFile = async function(s: string, runtime: any): Promise<any> {