@dodona/papyros 3.0.2 → 4.0.0-beta-9

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,61 @@
+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 `
+            :host {
+                /* 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-surface, var(--md-sys-color-secondary-container));
+                --tc-secondary-on-surface-color: var(--md-sys-color-on-secondary-surface, 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-secondary-outline, var(--md-sys-color-outline));
+                --tc-secondary-color: var(--md-sys-color-secondary);
+
+                /* Tertiary */
+                --tc-tertiary-surface-color: var(--md-sys-color-tertiary-surface, var(--md-sys-color-tertiary-container));
+                --tc-tertiary-on-surface-color: var(--md-sys-color-on-tertiary-surface, 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-tertiary-outline, 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;;;;;;;;;;;;;;;;;;;;;;;;;;;;;SA6BT,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;AAhDY,QAAQ;IADpB,aAAa,CAAC,YAAY,CAAC;GACf,QAAQ,CAgDpB"}

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

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

package/dist/frontend/components/Input.js

@@ -0,0 +1,65 @@
+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 "./input/BatchInput";
+import "./input/InteractiveInput";
+import { PapyrosElement } from "./PapyrosElement";
+import "@material/web/switch/switch";
+import { InputMode } from "../state/InputOutput";
+let Input = class Input extends PapyrosElement {
+    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 mode() {
+        return this.papyros.io.inputMode;
+    }
+    get otherMode() {
+        return this.mode === InputMode.batch ? InputMode.interactive : InputMode.batch;
+    }
+    toggleMode() {
+        this.papyros.io.inputMode = this.otherMode;
+    }
+    render() {
+        if (this.papyros.debugger.active) {
+            this.papyros.io.inputMode = 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>
+        `;
+    }
+};
+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,MAAM,mBAAmB,CAAC;AAClD,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;AACrC,OAAO,EAAE,SAAS,EAAE,MAAM,sBAAsB,CAAC;AAG1C,IAAM,KAAK,GAAX,MAAM,KAAM,SAAQ,cAAc;IACrC,MAAM,KAAK,MAAM;QACb,OAAO,GAAG,CAAA;;;;;;;;;;;;;;;;;SAiBT,CAAA;IACL,CAAC;IAED,IAAI,IAAI;QACJ,OAAO,IAAI,CAAC,OAAO,CAAC,EAAE,CAAC,SAAS,CAAC;IACrC,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,OAAO,CAAC,EAAE,CAAC,SAAS,GAAG,IAAI,CAAC,SAAS,CAAC;IAC/C,CAAC;IAEkB,MAAM;QACrB,IAAI,IAAI,CAAC,OAAO,CAAC,QAAQ,CAAC,MAAM,EAAE,CAAC;YAC/B,IAAI,CAAC,OAAO,CAAC,EAAE,CAAC,SAAS,GAAG,SAAS,CAAC,KAAK,CAAC;QAChD,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;AAnDY,KAAK;IADjB,aAAa,CAAC,SAAS,CAAC;GACZ,KAAK,CAmDjB"}

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":"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"}

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

@@ -0,0 +1,8 @@
+import { LitElement } from "lit";
+import { StateController } from "@dodona/lit-state";
+import { Papyros } from "../state/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 "../state/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,kBAAkB,CAAC;AAEpD,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"}

package/dist/frontend/components/app/App.d.ts

@@ -0,0 +1,24 @@
+import { CSSResult, TemplateResult } from "lit";
+import { PapyrosElement } from "../PapyrosElement";
+import "../CodeRunner";
+import "../Debugger";
+import "../Output";
+import "../Input";
+import "./ProgrammingLanguagePicker";
+import "./ExamplePicker";
+import "./LanguagePicker";
+import "./themes/ThemePicker";
+import { State } from "@dodona/lit-state";
+import "@material/web/iconbutton/icon-button";
+import "@material/web/icon/icon";
+import { ThemeOption } from "../../state/Constants";
+export declare class App extends PapyrosElement {
+    subscriptions: (() => void)[];
+    static get styles(): CSSResult;
+    constructor();
+    connectedCallback(): void;
+    disconnectedCallback(): void;
+    initializeLocalStorageProperty(state: State, property: string): void;
+    setTheme(theme: ThemeOption): void;
+    protected render(): TemplateResult;
+}