fixed code-zone changing issues

Author: adi

dev/index.html

@@ -36,6 +36,15 @@ <h1>Python</h1>
       </script>
     </wc-code>
 
+    <h1>Python example 2</h1>
+    <p>Python code example here</p>
+    <wc-code mode="python" file-name="python-file.py">
+      <script type="wc-content">
+         for a in range(100):
+             print(a, a + 5, 5*a)
+      </script>
+    </wc-code>
+
     <h1>Code Zones !</h1>
     <p>javascript code zone</p>
     <wc-code-zone mode="javascript" theme="blackboard">

src/languages/python/python.js

@@ -47,7 +47,7 @@ ${webcomponent.value}`)
     }
 
     setPrintFn () {
-      pyodide.runPython(`
+      this.subInterpreter.run(`
 def print(*args):
     from js import WCCode
     zone = WCCode.zones.get(${this.zone.zoneId})

src/wc-code.js

@@ -95,7 +95,7 @@ WCCode.WCCode = class extends WCCodeMirror {
 
   async initLanguage () {
     this.loadingBar.setText('initializing language...')
-    if (!this.languageOptions.initilalized) {
+    if (!this.languageOptions.initialized) {
       // if the language has an init function,
       // init it !
       if (this.languageOptions.init) {
@@ -114,7 +114,7 @@ WCCode.WCCode = class extends WCCodeMirror {
   async initInterpreter () {
     // create the interpreter
     if (this.parentZoneElement) {
-      if (!this.parentZoneElement.initilalized) this.parentZoneElement.init()
+      if (!this.parentZoneElement.initialized) this.parentZoneElement.init()
     } else {
       const interpreter = new this.languageOptions.Interpreter(this.zone)
       this.zone.setInterpreter(interpreter)