diff --git a/pyscriptjs/src/components/base.ts b/pyscriptjs/src/components/base.ts
index 5cc4904..ae1f420 100644
--- a/pyscriptjs/src/components/base.ts
+++ b/pyscriptjs/src/components/base.ts
@@ -146,7 +146,6 @@ export class BaseEvalElement extends HTMLElement {
const out = Element(this.errorElement.id);
addClasses(this.errorElement, ['bg-red-200', 'p-2']);
- // @ts-ignore
out.write.callKwargs(err, { append : true});
this.errorElement.hidden = false;
this.errorElement.style.display = 'block';
diff --git a/pyscriptjs/src/components/pyrepl.ts b/pyscriptjs/src/components/pyrepl.ts
index 928f6ec..d577cbb 100644
--- a/pyscriptjs/src/components/pyrepl.ts
+++ b/pyscriptjs/src/components/pyrepl.ts
@@ -66,15 +66,7 @@ export class PyRepl extends BaseEvalElement {
...defaultKeymap,
{ key: "Ctrl-Enter", run: createCmdHandler(this) },
{ key: "Shift-Enter", run: createCmdHandler(this) }
- ]),
-
- // Event listener function that is called every time an user types something on this editor
- // EditorView.updateListener.of((v:ViewUpdate) => {
- // if (v.docChanged) {
- // console.log(v.changes);
-
- // }
- // })
+ ])
];
const customTheme = EditorView.theme({
'&.cm-focused .cm-editor': { outline: '0px' },
@@ -104,29 +96,10 @@ export class PyRepl extends BaseEvalElement {
const mainDiv = document.createElement('div');
addClasses(mainDiv, ["parentBox", "group", "flex", "flex-col", "mt-2", "mx-8", "relative"])
+
+ mainDiv.appendChild(this.editorNode);
// add Editor to main PyScript div
- // Butons DIV
- const eDiv = document.createElement('div');
- addClasses(eDiv, "buttons-box opacity-0 group-hover:opacity-100 relative right-0 top-4 z-10 flex flex-row-reverse space-x-reverse space-x-4 font-mono text-white text-sm font-bold leading-6 dev-buttons-group".split(" "))
- eDiv.setAttribute("role", "group");
-
- // Play Button
- this.btnRun = document.createElement('button');
- this.btnRun.innerHTML = '';
- const buttonClasses = ["mr-2", "block"];
- addClasses(this.btnRun, buttonClasses);
- eDiv.appendChild(this.btnRun);
-
- this.btnRun.onclick = wrap(this);
-
- function wrap(el: any){
- function evaluatePython() {
- el.evaluate();
- }
- return evaluatePython;
- }
-
// Settings button
// this.btnConfig = document.createElement('button');
// this.btnConfig.innerHTML =
@@ -147,9 +120,29 @@ export class PyRepl extends BaseEvalElement {
// addClasses(this.btnConfig, ['bg-blue-500']);
// eDiv.appendChild(this.btnConfig);
- mainDiv.appendChild(eDiv);
- mainDiv.appendChild(this.editorNode);
+ // Butons DIV
+ const eDiv = document.createElement('div');
+ addClasses(eDiv, "buttons-box opacity-0 group-hover:opacity-100 relative right-0 -top-4 z-10 flex flex-row-reverse space-x-reverse space-x-4 font-mono text-white text-sm font-bold leading-6 dev-buttons-group".split(" "))
+ eDiv.setAttribute("role", "group");
+
+ // Play Button
+ this.btnRun = document.createElement('button');
+ this.btnRun.innerHTML = '';
+ const buttonClasses = ["mr-2", "block"];
+ addClasses(this.btnRun, buttonClasses);
+ eDiv.appendChild(this.btnRun);
+ this.btnRun.onclick = wrap(this);
+
+ function wrap(el: any){
+ function evaluatePython() {
+ el.evaluate();
+ }
+ return evaluatePython;
+ }
+
+ mainDiv.appendChild(eDiv);
+
if (!this.id) {
console.log(
'WARNING: define with an id. should always have an id. More than one on a page won\'t work otherwise!',