allow pyscript to specify source and try loading pyscript python injections from file

pyscriptjs/src/components/pyscript.ts

@@ -95,6 +95,7 @@ export class PyScript extends HTMLElement {
     btnConfig: HTMLElement;
     btnRun: HTMLElement;
     editorOut: HTMLElement; //HTMLTextAreaElement;
+    source: string;
     // editorState: EditorState;
   
     constructor() {
@@ -205,6 +206,10 @@ export class PyScript extends HTMLElement {
       }
 
       console.log('connected');
+
+      if (this.hasAttribute('src')) {
+        this.source = this.getAttribute('src');
+      }
     }
 
     addToOutput(s: string) {
@@ -212,8 +217,36 @@ export class PyScript extends HTMLElement {
         this.editorOut.hidden = false;
       }
 
+    async loadFromFile(s: string){
+      let pyodide = await pyodideReadyPromise;
+      let response = await fetch(s);
+      this.code = await response.text();
+
+      await pyodide.runPythonAsync(this.code);
+      await pyodide.runPythonAsync(`
+          from pyodide.http import pyfetch
+          from pyodide import eval_code
+          response = await pyfetch("`+s+`")
+          content = await response.bytes()
+
+          with open("todo.py", "wb") as f:
+              print(content)
+              f.write(content)
+              print("done writing")
+      `)
+      // let pkg = pyodide.pyimport("todo");
+      // pyodide.runPython(`
+      //     import todo
+      // `)
+      // pkg.do_something();
+    }
+
     async evaluate() {
+
         console.log('evaluate');
+        if (this.source){
+          this.loadFromFile(this.source)
+        }else{
           let pyodide = await pyodideReadyPromise;
           // debugger
           try {
@@ -238,8 +271,9 @@ export class PyScript extends HTMLElement {
               this.addToOutput(err);
               console.log(err);
           }
+        }
       }
-  
+
     render(){
       console.log('rendered');
   
@@ -298,5 +332,5 @@ async function mountElements() {
   }
   await pyodide.runPythonAsync(source);
 }
-addPostInitializer(initHandlers);
 addInitializer(mountElements);
+addPostInitializer(initHandlers);

pyscriptjs/src/interpreter.ts

@@ -98,17 +98,29 @@ pyscript = PyScript()
 
 let loadInterpreter = async function(): any {
     /* @ts-ignore */
+    console.log("creating pyodide runtime");
     pyodide = await loadPyodide({
-          indexURL: "https://cdn.jsdelivr.net/pyodide/v0.19.0/full/",
           stdout: console.log,
           stderr: console.log
         }); 
 
     // now that we loaded, add additional convenience fuctions
+    console.log("loading micropip");
     await pyodide.loadPackage("micropip");
+    console.log('loading pyscript module');
+    await pyodide.runPythonAsync(`
+          from pyodide.http import pyfetch
+          response = await pyfetch("/build/pyscript.py")
+          with open("pyscript.py", "wb") as f:
+              content = await response.bytes()
+              print(content)
+              f.write(content)
+      `)
+    let pkg = pyodide.pyimport("pyscript");
 
+    console.log("creating additional definitions");
     let output = pyodide.runPython(additional_definitions);
-
+    console.log("done setting up environment");
     /* @ts-ignore */
     return pyodide;
 }