Added a way to easily test raw micropython or pyodide

WebReflection · WebReflection · commit a74da6a27766 · 2024-05-03T12:44:31.000+02:00
diff --git a/index.html b/index.html
@@ -7,6 +7,14 @@
     </head>
     <body>
         <ul>
+            <li>
+                <small><strong>raw interpreter</strong></small>
+                <ul>
+                    <li><a href="/test/raw/micropython/">micropython</a></li>
+                    <li><a href="/test/raw/pyodide/">pyodide</a></li>
+                </ul>
+                <hr>
+            </li>
             <li>
                 <a href="/test/integration.html">
                     <strong>integration tests</strong> <small>(list)</small>
diff --git a/test/raw/micropython/index.html b/test/raw/micropython/index.html
@@ -0,0 +1,18 @@
+<!doctype html>
+<html lang="en">
+  <head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width,initial-scale=1.0">
+    <script type="module">
+      const base = 'https://cdn.jsdelivr.net/npm/@micropython/micropython-webassembly-pyscript@latest';
+      const { loadMicroPython } = await import(`${base}/micropython.mjs`);
+      const interpreter = await loadMicroPython({ url: `${base}/micropython.wasm` });
+      const { textContent } = document.querySelector('script[type=micropython]');
+      interpreter.runPythonAsync(textContent);
+    </script>
+    <script type="micropython" async>
+      import js
+      js.document.body.textContent = "MicroPython"
+    </script>
+  </head>
+</html>
diff --git a/test/raw/pyodide/index.html b/test/raw/pyodide/index.html
@@ -0,0 +1,18 @@
+<!doctype html>
+<html lang="en">
+  <head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width,initial-scale=1.0">
+    <script type="module">
+      const base = 'https://cdn.jsdelivr.net/npm/pyodide@latest';
+      const { loadPyodide } = await import(`${base}/pyodide.mjs`);
+      const interpreter = await loadPyodide();
+      const { textContent } = document.querySelector('script[type=pyodide]');
+      interpreter.runPythonAsync(textContent);
+    </script>
+    <script type="pyodide" async>
+      import js
+      js.document.body.textContent = "Pyodide"
+    </script>
+  </head>
+</html>
