Use the type definition of pyodide (#535)

* Import the type definition

* Add type annotations

pyscriptjs/src/components/base.ts

@@ -1,5 +1,6 @@
 import { loadedEnvironments, mode, pyodideLoaded } from '../stores';
 import { guidGenerator, addClasses, removeClasses } from '../utils';
+import type { PyodideInterface } from '../pyodide';
 // Premise used to connect to the first available pyodide interpreter
 let runtime;
 let environments;
@@ -17,11 +18,6 @@ mode.subscribe(value => {
     currentMode = value;
 });
 
-// TODO: use type declaractions
-type PyodideInterface = {
-    registerJsModule(name: string, module: object): void;
-};
-
 export class BaseEvalElement extends HTMLElement {
     shadow: ShadowRoot;
     wrapper: HTMLElement;

pyscriptjs/src/components/pyscript.ts

@@ -8,6 +8,7 @@ import {
 } from '../stores';
 import { addClasses, htmlDecode } from '../utils';
 import { BaseEvalElement } from './base';
+import type { PyodideInterface } from '../pyodide';
 
 // Premise used to connect to the first available pyodide interpreter
 let pyodideReadyPromise;
@@ -25,11 +26,6 @@ mode.subscribe(value => {
     currentMode = value;
 });
 
-// TODO: use type declaractions
-type PyodideInterface = {
-    registerJsModule(name: string, module: object): void;
-};
-
 export class PyScript extends BaseEvalElement {
     constructor() {
         super();
@@ -143,7 +139,7 @@ async function initHandlers() {
 }
 
 /** Initializes an element with the given pys-on* attribute and its handler */
-async function createElementsWithEventListeners(pyodide: any, pysAttribute: string) {
+async function createElementsWithEventListeners(pyodide: PyodideInterface, pysAttribute: string): Promise<void> {
     const matches: NodeListOf<HTMLElement> = document.querySelectorAll(`[${pysAttribute}]`);
     for (const el of matches) {
         if (el.id.length === 0) {