{
@@ -131,72 +137,35 @@
return false;
};
- const executePython = async (text) => {
+ const executePython = async (code) => {
executed = true;
- await tick();
- const outputDiv = document.getElementById(`code-output-${id}`);
+ let pyodide = await loadPyodide({
+ indexURL: '/pyodide/',
+ stderr: (text) => {
+ console.log('An error occured:', text);
+ if (stderr) {
+ stderr += `${text}\n`;
+ } else {
+ stderr = `${text}\n`;
+ }
+ },
+ stdout: (text) => {
+ console.log('Python output:', text);
- if (outputDiv) {
- outputDiv.innerText = 'Running...';
- }
+ if (stdout) {
+ stdout += `${text}\n`;
+ } else {
+ stdout = `${text}\n`;
+ }
+ }
+ });
- text = text
- .split('\n')
- .map((line, index) => (index === 0 ? line : ' ' + line))
- .join('\n');
+ result = pyodide.runPython(code);
- // pyscript
- let div = document.createElement('div');
- let html = `
-
`;
-
- div.innerHTML = html;
- const pyScript = div.firstElementChild;
- try {
- document.body.appendChild(pyScript);
- setTimeout(() => {
- document.body.removeChild(pyScript);
- }, 0);
- } catch (error) {
- console.error('Python error:');
- console.error(error);
- }
+ console.log(result);
+ console.log(stderr);
+ console.log(stdout);
};
$: highlightedCode = code ? hljs.highlightAuto(code, hljs.getLanguage(lang)?.aliases).value : '';
@@ -234,7 +203,17 @@ display_message()
{#if executed}
STDOUT/STDERR
-
+
+ {#if stdout}
+ {stdout}
+ {:else if result}
+ {result}
+ {:else if stderr}
+ {stderr}
+ {:else}
+ Running...
+ {/if}
+