@dodona/papyros 3.0.2 → 4.0.0-beta.2

package/dist/{BackendEventQueue.js → communication/BackendEventQueue.js}

@@ -1,4 +1,3 @@
-import { BackendEventType } from "./BackendEvent";
 /**
  * Queue to limit the amount of messages sent between threads
  * This prevents communication issues which arise either in Comlink
@@ -7,20 +6,13 @@ import { BackendEventType } from "./BackendEvent";
 export class BackendEventQueue {
     /**
      * @param {function(BackendEvent):void} callback Function to process events in the queue
-     * @param {function():void} onOverflow Callback for when overflow occurs
-     * @param {number} limit The maximal amount of output lines to send before overflowing
      * @param {number} flushTime The time in milliseconds before sending events through
      */
-    constructor(callback, onOverflow, limit = 1000, flushTime = 100) {
+    constructor(callback, flushTime = 100) {
         this.callback = callback;
-        this.limit = limit;
         this.flushTime = flushTime;
         this.queue = [];
-        this.overflow = [];
-        this.onOverflow = onOverflow;
-        this.overflown = false;
         this.lastFlushTime = new Date().getTime();
-        this.sendCount = 0;
         this.decoder = new TextDecoder();
     }
     /**
@@ -81,53 +73,18 @@ export class BackendEventQueue {
      */
     reset() {
         this.queue = [];
-        this.overflow = [];
-        this.overflown = false;
         this.lastFlushTime = new Date().getTime();
-        this.sendCount = 0;
-    }
-    /**
-     * @param {BackendEvent} e The event put in the queue
-     * @return {number} The amount of lines of data in the event
-     */
-    static lines(e) {
-        return (e.data.match(/\n/g) || []).length + 1;
     }
     /**
      * Flush the queue contents using the callback
      */
     flush() {
         this.queue.forEach(e => {
-            if (e.type === BackendEventType.Output) {
-                this.overflow.push(e);
-                if (this.sendCount < this.limit) {
-                    this.sendCount += BackendEventQueue.lines(e);
-                    this.callback(e);
-                }
-                else if (!this.overflown) {
-                    this.overflown = true;
-                    this.onOverflow();
-                }
-            }
-            else {
-                this.callback(e);
-            }
+            this.callback(e);
         });
         this.queue = [];
         this.lastFlushTime = new Date().getTime();
     }
-    /**
-     * @return {boolean} Whether too many output events were generated
-     */
-    hasOverflow() {
-        return this.overflown;
-    }
-    /**
-     * @return {Array<BackendEvent>} The events that happened after overflow
-     */
-    getOverflow() {
-        return this.overflow;
-    }
     /**
      * @param {Function} callback The event-consuming callback
      */

package/dist/communication/BackendEventQueue.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"BackendEventQueue.js","sourceRoot":"","sources":["../../src/communication/BackendEventQueue.ts"],"names":[],"mappings":"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"}

package/dist/{BackendManager.d.ts → communication/BackendManager.d.ts}

@@ -1,5 +1,5 @@
-import { Backend } from "./Backend";
-import { ProgrammingLanguage } from "./ProgrammingLanguage";
+import { Backend } from "../backend/Backend";
+import { ProgrammingLanguage } from "../ProgrammingLanguage";
 import { BackendEvent, BackendEventType } from "./BackendEvent";
 import { Channel } from "sync-message";
 import { SyncClient } from "comsync";

package/dist/{BackendManager.js → communication/BackendManager.js}

@@ -1,6 +1,6 @@
-import { ProgrammingLanguage } from "./ProgrammingLanguage";
+import { ProgrammingLanguage } from "../ProgrammingLanguage";
 import { BackendEventType } from "./BackendEvent";
-import { LogType, papyrosLog } from "./util/Logging";
+import { LogType, papyrosLog } from "../util/Logging";
 import { makeChannel } from "sync-message";
 import { SyncClient } from "comsync";
 import { PyodideClient } from "pyodide-worker-runner";
@@ -85,10 +85,10 @@ export class BackendManager {
     BackendManager.createBackendMap = new Map();
     BackendManager.backendMap = new Map();
     BackendManager.subscriberMap = new Map();
-    BackendManager.registerBackend(ProgrammingLanguage.Python, () => new PyodideClient(() => new Worker(new URL("./workers/python/worker", import.meta.url), {
+    BackendManager.registerBackend(ProgrammingLanguage.Python, () => new PyodideClient(() => new Worker(new URL("../backend/workers/python/worker", import.meta.url), {
         type: "module",
     }), BackendManager.channel));
-    BackendManager.registerBackend(ProgrammingLanguage.JavaScript, () => new SyncClient(() => new Worker(new URL("./workers/javascript/worker", import.meta.url), {
+    BackendManager.registerBackend(ProgrammingLanguage.JavaScript, () => new SyncClient(() => new Worker(new URL("../backend/workers/javascript/worker", import.meta.url), {
         type: "module",
     }), BackendManager.channel));
     BackendManager.halted = false;

package/dist/communication/BackendManager.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"BackendManager.js","sourceRoot":"","sources":["../../src/communication/BackendManager.ts"],"names":[],"mappings":"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"}

package/dist/communication/InputServiceWorker.js

@@ -0,0 +1,37 @@
+var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
+    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
+    return new (P || (P = Promise))(function (resolve, reject) {
+        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
+        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
+        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
+        step((generator = generator.apply(thisArg, _arguments || [])).next());
+    });
+};
+/**
+ * Default service worker to process user input using HTTP requests
+ */
+// Import service worker provided by the Papyros-package
+import { InputWorker } from "./InputWorker";
+// Strip away the filename of the script to obtain the scope
+// let domain = location.href;
+// domain = domain.slice(0, domain.lastIndexOf("/") + 1);
+const domain = ""; // Disable SharedArrayBuffers to use same environment as Dodona
+const inputHandler = new InputWorker(domain);
+addEventListener("fetch", function (event) {
+    return __awaiter(this, void 0, void 0, function* () {
+        if (!(yield inputHandler.handleInputRequest(event))) {
+            // Not a Papyros-specific request
+            // Fetch as we would handle a normal request
+            // Default action is to let browser handle it by not responding here
+            return;
+        }
+    });
+});
+// Prevent needing to reload page to have working input
+addEventListener("install", function (event) {
+    event.waitUntil(skipWaiting());
+});
+addEventListener("activate", function (event) {
+    event.waitUntil(clients.claim());
+});
+//# sourceMappingURL=InputServiceWorker.js.map

package/dist/communication/InputServiceWorker.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"InputServiceWorker.js","sourceRoot":"","sources":["../../src/communication/InputServiceWorker.ts"],"names":[],"mappings":";;;;;;;;;AAAA;;GAEG;AACH,wDAAwD;AACxD,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAE5C,4DAA4D;AAC5D,8BAA8B;AAC9B,yDAAyD;AACzD,MAAM,MAAM,GAAG,EAAE,CAAC,CAAC,+DAA+D;AAClF,MAAM,YAAY,GAAG,IAAI,WAAW,CAAC,MAAM,CAAC,CAAC;AAE7C,gBAAgB,CAAC,OAAO,EAAE,UAAgB,KAAiB;;QACvD,IAAI,CAAC,CAAA,MAAM,YAAY,CAAC,kBAAkB,CAAC,KAAK,CAAC,CAAA,EAAE,CAAC;YAChD,iCAAiC;YACjC,4CAA4C;YAC5C,oEAAoE;YACpE,OAAO;QACX,CAAC;IACL,CAAC;CAAA,CAAC,CAAC;AACH,uDAAuD;AACvD,gBAAgB,CAAC,SAAS,EAAE,UAAU,KAAsB;IACxD,KAAK,CAAC,SAAS,CAAC,WAAW,EAAE,CAAC,CAAC;AACnC,CAAC,CAAC,CAAC;AACH,gBAAgB,CAAC,UAAU,EAAE,UAAU,KAAsB;IACzD,KAAK,CAAC,SAAS,CAAC,OAAO,CAAC,KAAK,EAAE,CAAC,CAAC;AACrC,CAAC,CAAC,CAAC"}

package/dist/communication/InputWorker.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"InputWorker.js","sourceRoot":"","sources":["../../src/communication/InputWorker.ts"],"names":[],"mappings":";;;;;;;;;AAAA,OAAO,EAAE,0BAA0B,EAAE,MAAM,cAAc,CAAC;AAE1D;;;;;;GAMG;AACH,MAAM,OAAO,WAAW;IAMpB;;;OAGG;IACH,YAAY,QAAQ,GAAG,EAAE;QACrB,IAAI,CAAC,QAAQ,GAAG,QAAQ,CAAC;QACzB,IAAI,CAAC,mBAAmB,GAAG,0BAA0B,EAAE,CAAC;IAC5D,CAAC;IAED;;;;OAIG;IACU,kBAAkB,CAAC,KAAiB;;YAC7C,2DAA2D;YAC3D,IAAI,IAAI,CAAC,mBAAmB,CAAC,KAAK,CAAC,EAAE,CAAC;gBAClC,OAAO,IAAI,CAAC;YAChB,CAAC;YACD,MAAM,GAAG,GAAG,KAAK,CAAC,OAAO,CAAC,GAAG,CAAC;YAC9B,IAAI,IAAI,CAAC,QAAQ,IAAI,GAAG,CAAC,QAAQ,CAAC,IAAI,CAAC,QAAQ,CAAC,EAAE,CAAC,CAAC,6BAA6B;gBAC7E,KAAK,CAAC,WAAW,CACb,KAAK,CAAC,KAAK,CAAC,OAAO,CAAC;qBACf,IAAI,CAAC,QAAQ,CAAC,EAAE;oBACb,uDAAuD;oBACvD,+BAA+B;oBAC/B,MAAM,UAAU,GAAG,IAAI,OAAO,CAAC,QAAQ,CAAC,OAAO,CAAC,CAAC;oBACjD,UAAU,CAAC,GAAG,CAAC,8BAA8B,EAAE,cAAc,CAAC,CAAC;oBAC/D,UAAU,CAAC,GAAG,CAAC,4BAA4B,EAAE,aAAa,CAAC,CAAC;oBAC5D,UAAU,CAAC,GAAG,CAAC,8BAA8B,EAAE,cAAc,CAAC,CAAC;oBAE/D,MAAM,cAAc,GAAG,IAAI,QAAQ,CAAC,QAAQ,CAAC,IAAI,EAAE;wBAC/C,MAAM,EAAE,QAAQ,CAAC,MAAM,IAAI,GAAG;wBAC9B,UAAU,EAAE,QAAQ,CAAC,UAAU;wBAC/B,OAAO,EAAE,UAAU;qBACtB,CAAC,CAAC;oBACH,OAAO,cAAc,CAAC;gBAC1B,CAAC,CAAC,CAAC,CAAC;gBACZ,OAAO,IAAI,CAAC;YAChB,CAAC;iBAAM,CAAC;gBACJ,OAAO,KAAK,CAAC;YACjB,CAAC;QACL,CAAC;KAAA;CACJ"}

package/dist/frontend/components/CodeRunner.d.ts

@@ -0,0 +1,9 @@
+import { PapyrosElement } from "./PapyrosElement";
+import { CSSResult, TemplateResult } from "lit";
+import "./code_runner/Code";
+import "./code_runner/RunState";
+import "./code_runner/ButtonLint";
+export declare class CodeRunner extends PapyrosElement {
+    static get styles(): CSSResult;
+    protected render(): TemplateResult;
+}

package/dist/frontend/components/CodeRunner.js

@@ -0,0 +1,60 @@
+var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
+    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
+    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+    return c > 3 && r && Object.defineProperty(target, key, r), r;
+};
+import { customElement } from "lit/decorators.js";
+import { PapyrosElement } from "./PapyrosElement";
+import { css, html } from "lit";
+import "./code_runner/Code";
+import "./code_runner/RunState";
+import "./code_runner/ButtonLint";
+let CodeRunner = class CodeRunner extends PapyrosElement {
+    static get styles() {
+        return css `
+            :host {
+                width: 100%;
+                display: flex;
+                flex-direction: column;
+                border-radius: 0.5rem;
+            }
+
+            div {
+                flex-grow: 1;
+                min-height: 0;
+                position: relative;
+            }
+            
+            p-run-state {
+                position: absolute;
+                bottom: 0;
+                right: 6px;
+                background-color: var(--md-sys-color-surface-container);
+                padding: 0.25rem 1rem;
+                border-top-right-radius: 1rem;
+                border-top-left-radius: 1rem;
+            }
+            
+            p-button-lint {
+                background-color: var(--md-sys-color-surface-container);
+            }
+        `;
+    }
+    render() {
+        return html `
+            <div>
+                <p-code .papyros=${this.papyros}></p-code>
+                ${this.papyros.runner.stateMessage ? html `<p-run-state .papyros=${this.papyros}></p-run-state>` : ""}
+            </div>
+            <p-button-lint .papyros=${this.papyros}>
+                <slot name="buttons"></slot>
+            </p-button-lint>
+        `;
+    }
+};
+CodeRunner = __decorate([
+    customElement("p-code-runner")
+], CodeRunner);
+export { CodeRunner };
+//# sourceMappingURL=CodeRunner.js.map

package/dist/frontend/components/CodeRunner.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CodeRunner.js","sourceRoot":"","sources":["../../../src/frontend/components/CodeRunner.ts"],"names":[],"mappings":";;;;;;AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,mBAAmB,CAAC;AAClD,OAAO,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAClD,OAAO,EAAE,GAAG,EAAa,IAAI,EAAkB,MAAM,KAAK,CAAC;AAC3D,OAAO,oBAAoB,CAAC;AAC5B,OAAO,wBAAwB,CAAC;AAChC,OAAO,0BAA0B,CAAC;AAG3B,IAAM,UAAU,GAAhB,MAAM,UAAW,SAAQ,cAAc;IAC1C,MAAM,KAAK,MAAM;QACb,OAAO,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;SA2BT,CAAA;IACL,CAAC;IAEkB,MAAM;QACrB,OAAO,IAAI,CAAA;;mCAEgB,IAAI,CAAC,OAAO;kBAC7B,IAAI,CAAC,OAAO,CAAC,MAAM,CAAC,YAAY,CAAC,CAAC,CAAC,IAAI,CAAA,yBAAyB,IAAI,CAAC,OAAO,iBAAiB,CAAA,CAAC,CAAA,EAAE;;sCAE5E,IAAI,CAAC,OAAO;;;SAGzC,CAAA;IACL,CAAC;CAEJ,CAAA;AA5CY,UAAU;IADtB,aAAa,CAAC,eAAe,CAAC;GAClB,UAAU,CA4CtB"}

package/dist/frontend/components/Debugger.d.ts

@@ -0,0 +1,7 @@
+import { CSSResult, TemplateResult } from "lit";
+import "@dodona/trace-component";
+import { PapyrosElement } from "./PapyrosElement";
+export declare class Debugger extends PapyrosElement {
+    static get styles(): CSSResult;
+    protected render(): TemplateResult;
+}

package/dist/frontend/components/Debugger.js

@@ -0,0 +1,62 @@
+var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
+    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
+    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+    return c > 3 && r && Object.defineProperty(target, key, r), r;
+};
+import { css, html } from "lit";
+import "@dodona/trace-component";
+import { customElement } from "lit/decorators.js";
+import { PapyrosElement } from "./PapyrosElement";
+let Debugger = class Debugger extends PapyrosElement {
+    static get styles() {
+        return css `
+            tc-trace,
+            tc-trace * {
+                /* Base / surface */
+                --tc-surface-color: var(--md-sys-color-surface-container);
+                --tc-on-surface-color: var(--md-sys-color-on-surface);
+                --tc-surface-container-color: var(--md-sys-color-surface-container-highest);
+                --tc-outline-color: var(--md-sys-color-outline);
+                --tc-outline-variant-color: var(--md-sys-color-outline-variant);
+                --tc-primary-color: var(--md-sys-color-primary);
+
+                /* Secondary */
+                --tc-secondary-surface-color: var(--md-sys-color-secondary-container);
+                --tc-secondary-on-surface-color: var(--md-sys-color-on-secondary-container);
+                --tc-secondary-surface-container-color: var(--md-sys-color-secondary-container);
+                --tc-secondary-outline-color: var(--md-sys-color-outline);
+                --tc-secondary-color: var(--md-sys-color-secondary);
+
+                /* Tertiary */
+                --tc-tertiary-surface-color: var(--md-sys-color-tertiary-container);
+                --tc-tertiary-on-surface-color: var(--md-sys-color-on-tertiary-container);
+                --tc-tertiary-surface-container-color: var(--md-sys-color-tertiary-container);
+                --tc-tertiary-outline-color: var(--md-sys-color-outline);
+                --tc-tertiary-color: var(--md-sys-color-tertiary);
+            }
+
+            .place-holder {
+                color: var(--md-sys-color-on-surface);
+                opacity: 0.5;
+            }
+        `;
+    }
+    render() {
+        if (!this.papyros.debugger.active) {
+            return html `<div class="place-holder">${this.t("Papyros.debug_placeholder")}</div>`;
+        }
+        return html `<tc-trace 
+                .trace=${this.papyros.debugger.trace}
+                .translations=${this.papyros.i18n.getTranslations("Papyros.debugger")}
+                @frame-change=${(e) => {
+            this.papyros.debugger.activeFrame = e.detail.frame;
+        }}
+        ></tc-trace>`;
+    }
+};
+Debugger = __decorate([
+    customElement("p-debugger")
+], Debugger);
+export { Debugger };
+//# sourceMappingURL=Debugger.js.map

package/dist/frontend/components/Debugger.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Debugger.js","sourceRoot":"","sources":["../../../src/frontend/components/Debugger.ts"],"names":[],"mappings":";;;;;;AAAA,OAAO,EAAE,GAAG,EAAa,IAAI,EAAkB,MAAM,KAAK,CAAC;AAC3D,OAAO,yBAAyB,CAAA;AAChC,OAAO,EAAE,aAAa,EAAE,MAAM,mBAAmB,CAAC;AAClD,OAAO,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAG3C,IAAM,QAAQ,GAAd,MAAM,QAAS,SAAQ,cAAc;IACxC,MAAM,KAAc,MAAM;QACtB,OAAO,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;SA8BT,CAAC;IACN,CAAC;IAEkB,MAAM;QACrB,IAAG,CAAC,IAAI,CAAC,OAAO,CAAC,QAAQ,CAAC,MAAM,EAAE,CAAC;YAC/B,OAAO,IAAI,CAAA,6BAA6B,IAAI,CAAC,CAAC,CAAC,2BAA2B,CAAC,QAAQ,CAAC;QACxF,CAAC;QAED,OAAO,IAAI,CAAA;yBACM,IAAI,CAAC,OAAO,CAAC,QAAQ,CAAC,KAAK;gCACpB,IAAI,CAAC,OAAO,CAAC,IAAI,CAAC,eAAe,CAAC,kBAAkB,CAAC;gCACrD,CAAC,CAAc,EAAE,EAAE;YAC3C,IAAI,CAAC,OAAO,CAAC,QAAQ,CAAC,WAAW,GAAG,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC;QACvD,CACJ;qBACqB,CAAC;IAClB,CAAC;CACJ,CAAA;AAjDY,QAAQ;IADpB,aAAa,CAAC,YAAY,CAAC;GACf,QAAQ,CAiDpB"}

package/dist/frontend/components/Input.d.ts

@@ -0,0 +1,17 @@
+import { CSSResult, TemplateResult } from "lit";
+import "./input/BatchInput";
+import "./input/InteractiveInput";
+import { PapyrosElement } from "./PapyrosElement";
+import "@material/web/switch/switch";
+declare enum InputMode {
+    batch = "batch",
+    interactive = "interactive"
+}
+export declare class Input extends PapyrosElement {
+    mode: InputMode;
+    static get styles(): CSSResult;
+    get otherMode(): InputMode;
+    toggleMode(): void;
+    protected render(): TemplateResult;
+}
+export {};

package/dist/frontend/components/Input.js

@@ -0,0 +1,73 @@
+var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
+    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
+    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+    return c > 3 && r && Object.defineProperty(target, key, r), r;
+};
+import { customElement, property } from "lit/decorators.js";
+import { css, html } from "lit";
+import "./input/BatchInput";
+import "./input/InteractiveInput";
+import { PapyrosElement } from "./PapyrosElement";
+import "@material/web/switch/switch";
+var InputMode;
+(function (InputMode) {
+    InputMode["batch"] = "batch";
+    InputMode["interactive"] = "interactive";
+})(InputMode || (InputMode = {}));
+let Input = class Input extends PapyrosElement {
+    constructor() {
+        super(...arguments);
+        this.mode = InputMode.interactive;
+    }
+    static get styles() {
+        return css `
+            label {
+                display: flex;
+                align-items: center;
+                gap: 0.5rem;
+                margin-top: 0.5rem;
+            }
+
+            :host {
+                width: 100%;
+                height: fit-content;
+                display: block;
+            }
+            
+            p-batch-input {
+                height: 200px;
+            }
+        `;
+    }
+    get otherMode() {
+        return this.mode === InputMode.batch ? InputMode.interactive : InputMode.batch;
+    }
+    toggleMode() {
+        this.mode = this.otherMode;
+    }
+    render() {
+        if (this.papyros.debugger.active) {
+            this.mode = InputMode.batch;
+        }
+        return html `
+            ${this.mode === InputMode.batch ?
+            html `<p-batch-input .papyros=${this.papyros}></p-batch-input>` :
+            html `<p-interactive-input .papyros=${this.papyros}></p-interactive-input>`}
+            <label>
+                <md-switch .selected=${this.mode === InputMode.batch}
+                           ?disabled=${this.papyros.debugger.active}
+                           @change=${() => this.toggleMode()}></md-switch>
+                ${this.t(`Papyros.switch_input_mode_to.${this.otherMode}`)}
+            </label>
+        `;
+    }
+};
+__decorate([
+    property({ state: true })
+], Input.prototype, "mode", void 0);
+Input = __decorate([
+    customElement("p-input")
+], Input);
+export { Input };
+//# sourceMappingURL=Input.js.map

package/dist/frontend/components/Input.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Input.js","sourceRoot":"","sources":["../../../src/frontend/components/Input.ts"],"names":[],"mappings":";;;;;;AAAA,OAAO,EAAE,aAAa,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AAC5D,OAAO,EAAE,GAAG,EAAa,IAAI,EAAkB,MAAM,KAAK,CAAC;AAC3D,OAAO,oBAAoB,CAAC;AAC5B,OAAO,0BAA0B,CAAC;AAClC,OAAO,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAClD,OAAO,6BAA6B,CAAC;AAErC,IAAK,SAGJ;AAHD,WAAK,SAAS;IACV,4BAAe,CAAA;IACf,wCAA2B,CAAA;AAC/B,CAAC,EAHI,SAAS,KAAT,SAAS,QAGb;AAGM,IAAM,KAAK,GAAX,MAAM,KAAM,SAAQ,cAAc;IAAlC;;QAEC,SAAI,GAAc,SAAS,CAAC,WAAW,CAAC;IA+ChD,CAAC;IA9CG,MAAM,KAAK,MAAM;QACb,OAAO,GAAG,CAAA;;;;;;;;;;;;;;;;;SAiBT,CAAA;IACL,CAAC;IAED,IAAI,SAAS;QACT,OAAO,IAAI,CAAC,IAAI,KAAK,SAAS,CAAC,KAAK,CAAC,CAAC,CAAC,SAAS,CAAC,WAAW,CAAC,CAAC,CAAC,SAAS,CAAC,KAAK,CAAC;IACnF,CAAC;IAED,UAAU;QACN,IAAI,CAAC,IAAI,GAAG,IAAI,CAAC,SAAS,CAAC;IAC/B,CAAC;IAEkB,MAAM;QACrB,IAAI,IAAI,CAAC,OAAO,CAAC,QAAQ,CAAC,MAAM,EAAE,CAAC;YAC/B,IAAI,CAAC,IAAI,GAAG,SAAS,CAAC,KAAK,CAAC;QAChC,CAAC;QAED,OAAO,IAAI,CAAA;cACL,IAAI,CAAC,IAAI,KAAK,SAAS,CAAC,KAAK,CAAC,CAAC;YACrC,IAAI,CAAA,2BAA2B,IAAI,CAAC,OAAO,mBAAmB,CAAC,CAAC;YAChE,IAAI,CAAA,iCAAiC,IAAI,CAAC,OAAO,yBAAyB;;uCAE3C,IAAI,CAAC,IAAI,KAAK,SAAS,CAAC,KAAK;uCAC7B,IAAI,CAAC,OAAO,CAAC,QAAQ,CAAC,MAAM;qCAC9B,GAAG,EAAE,CAAC,IAAI,CAAC,UAAU,EAAE;kBAC1C,IAAI,CAAC,CAAC,CAAC,gCAAgC,IAAI,CAAC,SAAS,EAAE,CAAC;;SAEjE,CAAC;IACN,CAAC;CACJ,CAAA;AA/CO;IADH,QAAQ,CAAC,EAAE,KAAK,EAAE,IAAI,EAAE,CAAC;mCACkB;AAFnC,KAAK;IADjB,aAAa,CAAC,SAAS,CAAC;GACZ,KAAK,CAiDjB"}

package/dist/frontend/components/Output.d.ts

@@ -0,0 +1,14 @@
+import { CSSResult, TemplateResult } from "lit";
+import { OutputEntry } from "../state/InputOutput";
+import { PapyrosElement } from "./PapyrosElement";
+import "@material/web/icon/icon";
+export declare class Output extends PapyrosElement {
+    static get styles(): CSSResult;
+    private get maxOutputLength();
+    get outputs(): OutputEntry[];
+    get overflow(): OutputEntry[];
+    get showOverflowWarning(): boolean;
+    get downloadOverflowUrl(): string;
+    get renderedOutputs(): TemplateResult[];
+    protected render(): TemplateResult;
+}

package/dist/frontend/components/Output.js

@@ -0,0 +1,154 @@
+var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
+    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
+    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+    return c > 3 && r && Object.defineProperty(target, key, r), r;
+};
+import { customElement } from "lit/decorators.js";
+import { css, html } from "lit";
+import { OutputType } from "../state/InputOutput";
+import { PapyrosElement } from "./PapyrosElement";
+import "@material/web/icon/icon";
+let Output = class Output extends PapyrosElement {
+    static get styles() {
+        return css `
+            :host {
+                width: 100%;
+                height: 100%;
+                overflow: auto;
+                display: block;
+            }
+
+            img {
+                max-width: 100%;
+                max-height: 300px;
+                display: block;
+                margin: 0.5rem 0;
+            }
+            
+            pre {
+                font-family: monospace;
+                margin: 0;
+            }
+            
+            .error {
+                color: var(--md-sys-color-error);
+            }
+            
+            .place-holder {
+                color: var(--md-sys-color-on-surface);
+                opacity: 0.5;
+            }
+            
+            md-icon {
+                vertical-align: bottom;
+            }
+        `;
+    }
+    get maxOutputLength() {
+        if (this.papyros.debugger.active && this.papyros.debugger.debugOutputs !== undefined) {
+            return this.papyros.debugger.debugOutputs;
+        }
+        return this.papyros.constants.maxOutputLength;
+    }
+    get outputs() {
+        return this.papyros.io.output.slice(0, this.maxOutputLength);
+    }
+    get overflow() {
+        return this.papyros.io.output.slice(this.maxOutputLength);
+    }
+    get showOverflowWarning() {
+        return !this.papyros.debugger.active && this.papyros.io.output.length > this.maxOutputLength;
+    }
+    get downloadOverflowUrl() {
+        const blob = new Blob(this.overflow.map(o => {
+            if (o.type === OutputType.img) {
+                return `[Image output of type ${o.contentType} omitted]\n`;
+            }
+            else if (o.type === OutputType.stdout) {
+                return o.content;
+            }
+            else if (o.type === OutputType.stderr) {
+                if (typeof o.content === "string") {
+                    return `Error: ${o.content}\n`;
+                }
+                else {
+                    const errorObject = o.content;
+                    let errorString = `Error: ${errorObject.name}\nInfo: ${errorObject.info}\nTraceback: ${errorObject.traceback}\n`;
+                    if (errorObject.where) {
+                        errorString += `Where: ${errorObject.where.trim()}\n`;
+                    }
+                    if (errorObject.what) {
+                        errorString += `What: ${errorObject.what.trim()}\n`;
+                    }
+                    if (errorObject.why) {
+                        errorString += `Why: ${errorObject.why.trim()}\n`;
+                    }
+                    return errorString;
+                }
+            }
+            else {
+                return "[Unsupported output type omitted]\n";
+            }
+        }), { type: "text/plain" });
+        return URL.createObjectURL(blob);
+    }
+    get renderedOutputs() {
+        return this.outputs.map(o => {
+            var _a;
+            if (o.type === OutputType.stdout) {
+                return html `${o.content}`;
+            }
+            else if (o.type === OutputType.img) {
+                return html `<img src="data:${o.contentType}, ${o.content}"></img>`;
+            }
+            else if (o.type === OutputType.stderr) {
+                if (typeof o.content === "string") {
+                    return html `<span class="error">${o.content}</span>`;
+                }
+                else {
+                    const errorObject = o.content;
+                    const errorHTML = [
+                        html `<md-icon title="${errorObject.info}">
+                                ${this.papyros.constants.icons.help}
+                            </md-icon> ${errorObject.name} traceback: <md-icon title="${errorObject.traceback}">
+                                ${this.papyros.constants.icons.info}
+                        </md-icon>\n`,
+                        html `<span class="where">${(_a = errorObject.where) === null || _a === void 0 ? void 0 : _a.trim()}</span>\n`,
+                    ];
+                    if (errorObject.what) {
+                        errorHTML.push(html `<span class="what">${errorObject.what.trim()}</span>\n`);
+                    }
+                    if (errorObject.why) {
+                        errorHTML.push(html `<span class="why">${errorObject.why.trim()}</span>\n`);
+                    }
+                    return html `<span class="error">${errorHTML}</span>`;
+                }
+            }
+            else {
+                return html ``; // unsupported output type
+            }
+        });
+    }
+    render() {
+        if (this.outputs.length === 0) {
+            return html `<pre class="place-holder">${this.t("Papyros.output_placeholder")}</pre>`;
+        }
+        return html `
+            <pre>${this.renderedOutputs}</pre>
+            ${this.showOverflowWarning ? html `
+                <p>
+                    ${this.t("Papyros.output_overflow")}
+                    <a href="${this.downloadOverflowUrl}" download="papyros_output.txt">
+                    ${this.t("Papyros.output_overflow_download")}
+                    </a>
+                </p>
+            ` : html ``}
+        `;
+    }
+};
+Output = __decorate([
+    customElement("p-output")
+], Output);
+export { Output };
+//# sourceMappingURL=Output.js.map

package/dist/frontend/components/Output.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Output.js","sourceRoot":"","sources":["../../../src/frontend/components/Output.ts"],"names":[],"mappings":";;;;;;AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,mBAAmB,CAAC;AAClD,OAAO,EAAE,GAAG,EAAa,IAAI,EAAkB,MAAM,KAAK,CAAC;AAC3D,OAAO,EAA8B,UAAU,EAAE,MAAM,sBAAsB,CAAC;AAC9E,OAAO,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAClD,OAAO,yBAAyB,CAAC;AAG1B,IAAM,MAAM,GAAZ,MAAM,MAAO,SAAQ,cAAc;IACtC,MAAM,KAAK,MAAM;QACb,OAAO,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;SAgCT,CAAA;IACL,CAAC;IAED,IAAY,eAAe;QACvB,IAAG,IAAI,CAAC,OAAO,CAAC,QAAQ,CAAC,MAAM,IAAI,IAAI,CAAC,OAAO,CAAC,QAAQ,CAAC,YAAY,KAAK,SAAS,EAAE,CAAC;YAClF,OAAO,IAAI,CAAC,OAAO,CAAC,QAAQ,CAAC,YAAY,CAAC;QAC9C,CAAC;QAED,OAAO,IAAI,CAAC,OAAO,CAAC,SAAS,CAAC,eAAe,CAAC;IAClD,CAAC;IAED,IAAI,OAAO;QACP,OAAO,IAAI,CAAC,OAAO,CAAC,EAAE,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC,EAAE,IAAI,CAAC,eAAe,CAAC,CAAC;IACjE,CAAC;IAED,IAAI,QAAQ;QACR,OAAO,IAAI,CAAC,OAAO,CAAC,EAAE,CAAC,MAAM,CAAC,KAAK,CAAC,IAAI,CAAC,eAAe,CAAC,CAAC;IAC9D,CAAC;IAED,IAAI,mBAAmB;QACnB,OAAO,CAAC,IAAI,CAAC,OAAO,CAAC,QAAQ,CAAC,MAAM,IAAI,IAAI,CAAC,OAAO,CAAC,EAAE,CAAC,MAAM,CAAC,MAAM,GAAG,IAAI,CAAC,eAAe,CAAC;IACjG,CAAC;IAED,IAAI,mBAAmB;QACnB,MAAM,IAAI,GAAG,IAAI,IAAI,CAAC,IAAI,CAAC,QAAQ,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE;YACxC,IAAG,CAAC,CAAC,IAAI,KAAK,UAAU,CAAC,GAAG,EAAE,CAAC;gBAC3B,OAAO,yBAAyB,CAAC,CAAC,WAAW,aAAa,CAAC;YAC/D,CAAC;iBAAM,IAAG,CAAC,CAAC,IAAI,KAAK,UAAU,CAAC,MAAM,EAAE,CAAC;gBACrC,OAAO,CAAC,CAAC,OAAiB,CAAC;YAC/B,CAAC;iBAAM,IAAG,CAAC,CAAC,IAAI,KAAK,UAAU,CAAC,MAAM,EAAE,CAAC;gBACrC,IAAG,OAAO,CAAC,CAAC,OAAO,KAAK,QAAQ,EAAE,CAAC;oBAC/B,OAAO,UAAU,CAAC,CAAC,OAAO,IAAI,CAAC;gBACnC,CAAC;qBAAM,CAAC;oBACJ,MAAM,WAAW,GAAG,CAAC,CAAC,OAAwB,CAAC;oBAC/C,IAAI,WAAW,GAAG,UAAU,WAAW,CAAC,IAAI,WAAW,WAAW,CAAC,IAAI,gBAAgB,WAAW,CAAC,SAAS,IAAI,CAAC;oBACjH,IAAG,WAAW,CAAC,KAAK,EAAE,CAAC;wBACnB,WAAW,IAAI,UAAU,WAAW,CAAC,KAAK,CAAC,IAAI,EAAE,IAAI,CAAC;oBAC1D,CAAC;oBACD,IAAG,WAAW,CAAC,IAAI,EAAE,CAAC;wBAClB,WAAW,IAAI,SAAS,WAAW,CAAC,IAAI,CAAC,IAAI,EAAE,IAAI,CAAC;oBACxD,CAAC;oBACD,IAAG,WAAW,CAAC,GAAG,EAAE,CAAC;wBACjB,WAAW,IAAI,QAAQ,WAAW,CAAC,GAAG,CAAC,IAAI,EAAE,IAAI,CAAC;oBACtD,CAAC;oBACD,OAAO,WAAW,CAAC;gBACvB,CAAC;YACL,CAAC;iBAAM,CAAC;gBACJ,OAAO,qCAAqC,CAAC;YACjD,CAAC;QACL,CAAC,CAAC,EAAE,EAAE,IAAI,EAAE,YAAY,EAAE,CAAC,CAAC;QAE5B,OAAO,GAAG,CAAC,eAAe,CAAC,IAAI,CAAC,CAAC;IACrC,CAAC;IAED,IAAI,eAAe;QACf,OAAO,IAAI,CAAC,OAAO,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE;;YACxB,IAAI,CAAC,CAAC,IAAI,KAAK,UAAU,CAAC,MAAM,EAAE,CAAC;gBAC/B,OAAO,IAAI,CAAA,GAAG,CAAC,CAAC,OAAO,EAAE,CAAC;YAC9B,CAAC;iBAAM,IAAI,CAAC,CAAC,IAAI,KAAK,UAAU,CAAC,GAAG,EAAE,CAAC;gBACnC,OAAO,IAAI,CAAA,kBAAkB,CAAC,CAAC,WAAW,KAAK,CAAC,CAAC,OAAO,UAAU,CAAC;YACvE,CAAC;iBAAK,IAAG,CAAC,CAAC,IAAI,KAAK,UAAU,CAAC,MAAM,EAAE,CAAC;gBACpC,IAAG,OAAO,CAAC,CAAC,OAAO,KAAK,QAAQ,EAAE,CAAC;oBAC/B,OAAO,IAAI,CAAA,uBAAuB,CAAC,CAAC,OAAO,SAAS,CAAC;gBACzD,CAAC;qBAAM,CAAC;oBACJ,MAAM,WAAW,GAAG,CAAC,CAAC,OAAwB,CAAC;oBAC/C,MAAM,SAAS,GAAG;wBACd,IAAI,CAAA,mBAAmB,WAAW,CAAC,IAAI;kCAC7B,IAAI,CAAC,OAAO,CAAC,SAAS,CAAC,KAAK,CAAC,IAAI;yCAC1B,WAAW,CAAC,IAAI,+BAA+B,WAAW,CAAC,SAAS;kCAC3E,IAAI,CAAC,OAAO,CAAC,SAAS,CAAC,KAAK,CAAC,IAAI;qCAC9B;wBACb,IAAI,CAAA,uBAAuB,MAAA,WAAW,CAAC,KAAK,0CAAE,IAAI,EAAE,WAAW;qBAClE,CAAA;oBACD,IAAG,WAAW,CAAC,IAAI,EAAE,CAAC;wBAClB,SAAS,CAAC,IAAI,CAAC,IAAI,CAAA,sBAAsB,WAAW,CAAC,IAAI,CAAC,IAAI,EAAE,WAAW,CAAC,CAAC;oBACjF,CAAC;oBACD,IAAG,WAAW,CAAC,GAAG,EAAE,CAAC;wBACjB,SAAS,CAAC,IAAI,CAAC,IAAI,CAAA,qBAAqB,WAAW,CAAC,GAAG,CAAC,IAAI,EAAE,WAAW,CAAC,CAAC;oBAC/E,CAAC;oBACD,OAAO,IAAI,CAAA,uBAAuB,SAAS,SAAS,CAAC;gBACzD,CAAC;YACL,CAAC;iBAAM,CAAC;gBACJ,OAAO,IAAI,CAAA,EAAE,CAAC,CAAC,0BAA0B;YAC7C,CAAC;QACL,CAAC,CAAC,CAAA;IACN,CAAC;IAEkB,MAAM;QACrB,IAAG,IAAI,CAAC,OAAO,CAAC,MAAM,KAAK,CAAC,EAAE,CAAC;YAC3B,OAAO,IAAI,CAAA,6BAA6B,IAAI,CAAC,CAAC,CAAC,4BAA4B,CAAC,QAAQ,CAAC;QACzF,CAAC;QAED,OAAO,IAAI,CAAA;mBACA,IAAI,CAAC,eAAe;cACzB,IAAI,CAAC,mBAAmB,CAAC,CAAC,CAAC,IAAI,CAAA;;sBAEvB,IAAI,CAAC,CAAC,CAAC,yBAAyB,CAAC;+BACxB,IAAI,CAAC,mBAAmB;sBACjC,IAAI,CAAC,CAAC,CAAC,kCAAkC,CAAC;;;aAGnD,CAAC,CAAC,CAAC,IAAI,CAAA,EAAE;SACb,CAAC;IACN,CAAC;CACJ,CAAA;AA1IY,MAAM;IADlB,aAAa,CAAC,UAAU,CAAC;GACb,MAAM,CA0IlB"}

package/dist/frontend/components/PapyrosElement.d.ts

@@ -0,0 +1,8 @@
+import { LitElement } from "lit";
+import { StateController } from "@dodona/lit-state";
+import { Papyros } from "../../Papyros";
+export declare abstract class PapyrosElement extends LitElement {
+    controller: StateController;
+    papyros: Papyros;
+    protected t(phrase: string, options?: Record<string, any>): string;
+}

package/dist/frontend/components/PapyrosElement.js

@@ -0,0 +1,24 @@
+var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
+    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
+    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+    return c > 3 && r && Object.defineProperty(target, key, r), r;
+};
+import { LitElement } from "lit";
+import { StateController } from "@dodona/lit-state";
+import { property } from "lit/decorators.js";
+import { papyros } from "../../Papyros";
+export class PapyrosElement extends LitElement {
+    constructor() {
+        super(...arguments);
+        this.controller = new StateController(this);
+        this.papyros = papyros;
+    }
+    t(phrase, options) {
+        return this.papyros.i18n.t(phrase, options);
+    }
+}
+__decorate([
+    property()
+], PapyrosElement.prototype, "papyros", void 0);
+//# sourceMappingURL=PapyrosElement.js.map

package/dist/frontend/components/PapyrosElement.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PapyrosElement.js","sourceRoot":"","sources":["../../../src/frontend/components/PapyrosElement.ts"],"names":[],"mappings":";;;;;;AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,KAAK,CAAC;AACjC,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AACpD,OAAO,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AAC7C,OAAO,EAAW,OAAO,EAAE,MAAM,eAAe,CAAC;AAEjD,MAAM,OAAgB,cAAe,SAAQ,UAAU;IAAvD;;QACI,eAAU,GAAG,IAAI,eAAe,CAAC,IAAI,CAAC,CAAC;QAEnC,YAAO,GAAY,OAAO,CAAC;IAKnC,CAAC;IAHa,CAAC,CAAC,MAAc,EAAE,OAA6B;QACrD,OAAO,IAAI,CAAC,OAAO,CAAC,IAAI,CAAC,CAAC,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;IAChD,CAAC;CACJ;AALO;IADH,QAAQ,EAAE;+CACoB"}