@dodona/papyros 4.1.1 → 4.1.2

package/dist/communication/BackendEvent.js

@@ -0,0 +1,18 @@
+/**
+ * Enum representing all possible types for supported events
+ */
+export var BackendEventType;
+(function (BackendEventType) {
+    BackendEventType["Start"] = "start";
+    BackendEventType["End"] = "end";
+    BackendEventType["Input"] = "input";
+    BackendEventType["Output"] = "output";
+    BackendEventType["Sleep"] = "sleep";
+    BackendEventType["Error"] = "error";
+    BackendEventType["Interrupt"] = "interrupt";
+    BackendEventType["Loading"] = "loading";
+    BackendEventType["Frame"] = "frame";
+    BackendEventType["FrameChange"] = "frame-change";
+    BackendEventType["Stop"] = "stop";
+})(BackendEventType || (BackendEventType = {}));
+//# sourceMappingURL=BackendEvent.js.map

package/dist/communication/BackendEvent.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"BackendEvent.js","sourceRoot":"","sources":["../../src/communication/BackendEvent.ts"],"names":[],"mappings":"AAAA;;GAEG;AACH,MAAM,CAAN,IAAY,gBAYX;AAZD,WAAY,gBAAgB;IACxB,mCAAe,CAAA;IACf,+BAAW,CAAA;IACX,mCAAe,CAAA;IACf,qCAAiB,CAAA;IACjB,mCAAe,CAAA;IACf,mCAAe,CAAA;IACf,2CAAuB,CAAA;IACvB,uCAAmB,CAAA;IACnB,mCAAe,CAAA;IACf,gDAA4B,CAAA;IAC5B,iCAAa,CAAA;AACjB,CAAC,EAZW,gBAAgB,KAAhB,gBAAgB,QAY3B"}

package/dist/communication/BackendEventQueue.d.ts

@@ -0,0 +1,59 @@
+import { BackendEvent, BackendEventType } from "./BackendEvent";
+/**
+ * Queue to limit the amount of messages sent between threads
+ * This prevents communication issues which arise either in Comlink
+ * or in the WebWorker message passing code
+ */
+export declare class BackendEventQueue {
+    /**
+     * Function to process events in the queue
+     */
+    private callback;
+    /**
+     * The time in milliseconds before sending events through
+     */
+    private flushTime;
+    /**
+     * Queue storing the BackendEvents before flushing
+     */
+    private queue;
+    /**
+     * Time in milliseconds when the last flush occurred
+     */
+    private lastFlushTime;
+    /**
+     * Decoder to convert data to strings
+     */
+    private decoder;
+    /**
+     * @param {function(BackendEvent):void} callback Function to process events in the queue
+     * @param {number} flushTime The time in milliseconds before sending events through
+     */
+    constructor(callback: (e: BackendEvent) => void, flushTime?: number);
+    /**
+     * Add an element to the queue
+     * @param {BackendEventType} type The type of the event
+     * @param {string | BufferSource | number} text The data for the event
+     * @param {string | any} extra Extra data for the event
+     * If string, interpreted as the contentType
+     * If anything else, it should contain a contentType
+     * If the contentType is not textual, an error is thrown
+     */
+    put(type: BackendEventType, text: string | BufferSource | number, extra: string | any): void;
+    /**
+     * @return {boolean} Whether the queue contents should be flushed
+     */
+    protected shouldFlush(): boolean;
+    /**
+     * Reset the queue contents for a new run
+     */
+    reset(): void;
+    /**
+     * Flush the queue contents using the callback
+     */
+    flush(): void;
+    /**
+     * @param {Function} callback The event-consuming callback
+     */
+    setCallback(callback: (e: BackendEvent) => void): void;
+}

package/dist/communication/BackendEventQueue.js

@@ -0,0 +1,96 @@
+/**
+ * Queue to limit the amount of messages sent between threads
+ * This prevents communication issues which arise either in Comlink
+ * or in the WebWorker message passing code
+ */
+export class BackendEventQueue {
+    /**
+     * @param {function(BackendEvent):void} callback Function to process events in the queue
+     * @param {number} flushTime The time in milliseconds before sending events through
+     */
+    constructor(callback, flushTime = 100) {
+        this.callback = callback;
+        this.flushTime = flushTime;
+        this.queue = [];
+        this.lastFlushTime = new Date().getTime();
+        this.decoder = new TextDecoder();
+    }
+    /**
+     * Add an element to the queue
+     * @param {BackendEventType} type The type of the event
+     * @param {string | BufferSource | number} text The data for the event
+     * @param {string | any} extra Extra data for the event
+     * If string, interpreted as the contentType
+     * If anything else, it should contain a contentType
+     * If the contentType is not textual, an error is thrown
+     */
+    put(type, text, extra) {
+        let stringData;
+        if (typeof text === "number") {
+            stringData = text.toString();
+        }
+        else if (typeof text !== "string") {
+            stringData = this.decoder.decode(text);
+        }
+        else {
+            stringData = text;
+        }
+        let extraArgs = {};
+        let contentType = "text/plain";
+        if (extra) {
+            if (typeof extra === "string") {
+                contentType = extra;
+            }
+            else {
+                contentType = extra["contentType"];
+                delete extra["contentType"];
+                extraArgs = extra;
+            }
+        }
+        if (this.queue.length === 0 ||
+            !contentType.startsWith("text") || // Non textual cannot be combined
+            this.queue[this.queue.length - 1].type !== type || // Different type
+            // Can't be combined if contentType doesn't match
+            this.queue[this.queue.length - 1].contentType !== contentType) {
+            this.queue.push(Object.assign({ type: type, data: stringData, contentType: contentType }, extraArgs));
+        }
+        else {
+            // Same kind of event, combine into one
+            this.queue[this.queue.length - 1].data += stringData;
+        }
+        if (this.shouldFlush()) {
+            this.flush();
+        }
+    }
+    /**
+     * @return {boolean} Whether the queue contents should be flushed
+     */
+    shouldFlush() {
+        return (this.queue.length > 1 || // different types of Events present
+            new Date().getTime() - this.lastFlushTime > this.flushTime);
+    }
+    /**
+     * Reset the queue contents for a new run
+     */
+    reset() {
+        this.queue = [];
+        this.lastFlushTime = new Date().getTime();
+    }
+    /**
+     * Flush the queue contents using the callback
+     */
+    flush() {
+        this.queue.forEach((e) => {
+            this.callback(e);
+        });
+        this.queue = [];
+        this.lastFlushTime = new Date().getTime();
+    }
+    /**
+     * @param {Function} callback The event-consuming callback
+     */
+    setCallback(callback) {
+        this.callback = callback;
+    }
+}
+//# sourceMappingURL=BackendEventQueue.js.map

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/communication/BackendManager.d.ts

@@ -0,0 +1,68 @@
+import { Backend } from "../backend/Backend";
+import { ProgrammingLanguage } from "../ProgrammingLanguage";
+import { BackendEvent, BackendEventType } from "./BackendEvent";
+import { Channel } from "sync-message";
+import { SyncClient } from "comsync";
+/**
+ * Callback type definition for subscribers
+ * @param {BackendEvent} e The published event
+ */
+type BackendEventListener = (e: BackendEvent) => void;
+/**
+ * Abstract class to implement the singleton pattern
+ * Static methods group functionality
+ */
+export declare abstract class BackendManager {
+    /**
+     * Map programming languages to Backend constructors
+     */
+    private static createBackendMap;
+    /**
+     * Map to cache Backends per ProgrammingLanguage
+     */
+    private static backendMap;
+    /**
+     * Map an event type to interested subscribers
+     * Uses an Array to maintain order of subscription
+     */
+    private static subscriberMap;
+    /**
+     * Whether the BackendManager is publishing events
+     */
+    private static halted;
+    /**
+     * The channel used to communicate with the SyncClients
+     */
+    static channel: Channel;
+    /**
+     * @param {ProgrammingLanguage} language The language to support
+     * @param {Function} backendCreator The constructor for a SyncClient
+     */
+    static registerBackend(language: ProgrammingLanguage, backendCreator: () => SyncClient<Backend>): void;
+    /**
+     * Start a backend for the given language and cache for reuse
+     * @param {ProgrammingLanguage} language The programming language supported by the backend
+     * @return {SyncClient<Backend>} A SyncClient for the Backend
+     */
+    static getBackend(language: ProgrammingLanguage): SyncClient<Backend>;
+    /**
+     * Remove a backend for the given language
+     * @param {ProgrammingLanguage} language The programming language supported by the backend
+     * @return {boolean} Whether the remove operation had any effect
+     */
+    static removeBackend(language: ProgrammingLanguage): boolean;
+    /**
+     * Register a callback for when an event of a certain type is published
+     * @param {BackendEventType} type The type of event to subscribe to
+     * @param {BackendEventListener} subscriber Callback for when an event
+     * of the given type is published
+     */
+    static subscribe(type: BackendEventType, subscriber: BackendEventListener): void;
+    /**
+     * Publish an event, notifying all listeners for its type
+     * @param {BackendEventType} e The event to publish
+     */
+    static publish(e: BackendEvent): void;
+    private static halt;
+}
+export {};

package/dist/communication/BackendManager.js

@@ -0,0 +1,99 @@
+import { ProgrammingLanguage } from "../ProgrammingLanguage";
+import { BackendEventType } from "./BackendEvent";
+import { LogType, papyrosLog } from "../util/Logging";
+import { makeChannel } from "sync-message";
+import { SyncClient } from "comsync";
+import { PyodideClient } from "pyodide-worker-runner";
+/**
+ * Abstract class to implement the singleton pattern
+ * Static methods group functionality
+ */
+export class BackendManager {
+    /**
+     * @param {ProgrammingLanguage} language The language to support
+     * @param {Function} backendCreator The constructor for a SyncClient
+     */
+    static registerBackend(language, backendCreator) {
+        BackendManager.removeBackend(language);
+        BackendManager.createBackendMap.set(language, backendCreator);
+    }
+    /**
+     * Start a backend for the given language and cache for reuse
+     * @param {ProgrammingLanguage} language The programming language supported by the backend
+     * @return {SyncClient<Backend>} A SyncClient for the Backend
+     */
+    static getBackend(language) {
+        if (this.backendMap.has(language)) {
+            // Cached
+            return this.backendMap.get(language);
+        }
+        else if (this.createBackendMap.has(language)) {
+            // Create and then cache
+            const syncClient = this.createBackendMap.get(language)();
+            this.backendMap.set(language, syncClient);
+            return syncClient;
+        }
+        else {
+            throw new Error(`${language} is not yet supported.`);
+        }
+    }
+    /**
+     * Remove a backend for the given language
+     * @param {ProgrammingLanguage} language The programming language supported by the backend
+     * @return {boolean} Whether the remove operation had any effect
+     */
+    static removeBackend(language) {
+        this.backendMap.delete(language);
+        return this.createBackendMap.delete(language);
+    }
+    /**
+     * Register a callback for when an event of a certain type is published
+     * @param {BackendEventType} type The type of event to subscribe to
+     * @param {BackendEventListener} subscriber Callback for when an event
+     * of the given type is published
+     */
+    static subscribe(type, subscriber) {
+        if (!this.subscriberMap.has(type)) {
+            this.subscriberMap.set(type, []);
+        }
+        const subscribers = this.subscriberMap.get(type);
+        if (!subscribers.includes(subscriber)) {
+            subscribers.push(subscriber);
+        }
+    }
+    /**
+     * Publish an event, notifying all listeners for its type
+     * @param {BackendEventType} e The event to publish
+     */
+    static publish(e) {
+        papyrosLog(LogType.Debug, "Publishing event: ", e);
+        if (e.type === BackendEventType.Start) {
+            BackendManager.halted = false;
+        }
+        if ((!BackendManager.halted || e.type === BackendEventType.FrameChange) && this.subscriberMap.has(e.type)) {
+            this.subscriberMap.get(e.type).forEach((cb) => cb(e));
+        }
+    }
+    static halt() {
+        BackendManager.halted = true;
+    }
+}
+/**
+ * Initialise the fields and setup the maps
+ */
+(() => {
+    BackendManager.channel = makeChannel();
+    BackendManager.createBackendMap = new Map();
+    BackendManager.backendMap = new Map();
+    BackendManager.subscriberMap = new Map();
+    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("../backend/workers/javascript/worker", import.meta.url), {
+        type: "module",
+    }), BackendManager.channel));
+    BackendManager.halted = false;
+    BackendManager.subscribe(BackendEventType.End, () => BackendManager.halt());
+    BackendManager.subscribe(BackendEventType.Interrupt, () => BackendManager.halt());
+})();
+//# sourceMappingURL=BackendManager.js.map

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.d.ts

@@ -0,0 +1 @@
+export {};

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,CAAC,MAAM,YAAY,CAAC,kBAAkB,CAAC,KAAK,CAAC,CAAC,EAAE,CAAC;YAClD,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.d.ts

@@ -0,0 +1,22 @@
+/**
+ * Class that is used in a service worker to allow synchronous communication
+ * between threads. This is achieved in two different ways.
+ * Responses can be modified by attaching headers allowing the use of shared memory.
+ * Requests to certain endpoints can be used with synchronous requests
+ * to achieve the same goal.
+ */
+export declare class InputWorker {
+    private hostName;
+    private syncMessageListener;
+    /**
+     * Create a worker for a specific domain
+     * @param {string} hostName Optional name of the host domain
+     */
+    constructor(hostName?: string);
+    /**
+     * Process and potentially handle a fetch request from the application
+     * @param {FetchEvent} event The event denoting a request to a url
+     * @return {boolean} Whether the event was handled
+     */
+    handleInputRequest(event: FetchEvent): Promise<boolean>;
+}

package/dist/communication/InputWorker.js

@@ -0,0 +1,63 @@
+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());
+    });
+};
+import { serviceWorkerFetchListener } from "sync-message";
+/**
+ * Class that is used in a service worker to allow synchronous communication
+ * between threads. This is achieved in two different ways.
+ * Responses can be modified by attaching headers allowing the use of shared memory.
+ * Requests to certain endpoints can be used with synchronous requests
+ * to achieve the same goal.
+ */
+export class InputWorker {
+    /**
+     * Create a worker for a specific domain
+     * @param {string} hostName Optional name of the host domain
+     */
+    constructor(hostName = "") {
+        this.hostName = hostName;
+        this.syncMessageListener = serviceWorkerFetchListener();
+    }
+    /**
+     * Process and potentially handle a fetch request from the application
+     * @param {FetchEvent} event The event denoting a request to a url
+     * @return {boolean} Whether the event was handled
+     */
+    handleInputRequest(event) {
+        return __awaiter(this, void 0, void 0, function* () {
+            // Special requests targeted at getting input from the user
+            if (this.syncMessageListener(event)) {
+                return true;
+            }
+            const url = event.request.url;
+            if (this.hostName && url.includes(this.hostName)) {
+                // requests to our own domain
+                event.respondWith(fetch(event.request).then((response) => {
+                    // Add new headers to be able to use SharedArrayBuffers
+                    // if the browser supports them
+                    const newHeaders = new Headers(response.headers);
+                    newHeaders.set("Cross-Origin-Embedder-Policy", "require-corp");
+                    newHeaders.set("Cross-Origin-Opener-Policy", "same-origin");
+                    newHeaders.set("Cross-Origin-Resource-Policy", "cross-origin");
+                    const moddedResponse = new Response(response.body, {
+                        status: response.status || 200,
+                        statusText: response.statusText,
+                        headers: newHeaders,
+                    });
+                    return moddedResponse;
+                }));
+                return true;
+            }
+            else {
+                return false;
+            }
+        });
+    }
+}
+//# sourceMappingURL=InputWorker.js.map

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;gBAC/C,6BAA6B;gBAC7B,KAAK,CAAC,WAAW,CACb,KAAK,CAAC,KAAK,CAAC,OAAO,CAAC,CAAC,IAAI,CAAC,CAAC,QAAQ,EAAE,EAAE;oBACnC,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,CACL,CAAC;gBACF,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,CAAC;IACN,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,CAAC,CAAC,CAAC,EAAE;;sCAE9E,IAAI,CAAC,OAAO;;;SAGzC,CAAC;IACN,CAAC;CACJ,CAAA;AA3CY,UAAU;IADtB,aAAa,CAAC,eAAe,CAAC;GAClB,UAAU,CA2CtB"}

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,75 @@
+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() {
+        var _a;
+        if (!this.papyros.debugger.active || this.papyros.debugger.trace.length === 0) {
+            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")}
+            .selectedFrame=${(_a = this.papyros.debugger.activeFrame) !== null && _a !== void 0 ? _a : 0}
+            @frame-change=${(e) => {
+            this.papyros.debugger.activeFrame = e.detail.frame;
+        }}
+        ></tc-trace>`;
+    }
+};
+Debugger = __decorate([
+    customElement("p-debugger")
+], Debugger);
+export { Debugger };
+//# sourceMappingURL=Debugger.js.map