@dodona/papyros 4.1.1 → 4.1.2

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,CAAC;AACjC,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;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;SAyCT,CAAC;IACN,CAAC;IAEkB,MAAM;;QACrB,IAAI,CAAC,IAAI,CAAC,OAAO,CAAC,QAAQ,CAAC,MAAM,IAAI,IAAI,CAAC,OAAO,CAAC,QAAQ,CAAC,KAAK,CAAC,MAAM,KAAK,CAAC,EAAE,CAAC;YAC5E,OAAO,IAAI,CAAA,6BAA6B,IAAI,CAAC,CAAC,CAAC,2BAA2B,CAAC,QAAQ,CAAC;QACxF,CAAC;QAED,OAAO,IAAI,CAAA;qBACE,IAAI,CAAC,OAAO,CAAC,QAAQ,CAAC,KAAK;4BACpB,IAAI,CAAC,OAAO,CAAC,IAAI,CAAC,eAAe,CAAC,kBAAkB,CAAC;6BACpD,MAAA,IAAI,CAAC,OAAO,CAAC,QAAQ,CAAC,WAAW,mCAAI,CAAC;4BACvC,CAAC,CAAc,EAAE,EAAE;YAC/B,IAAI,CAAC,OAAO,CAAC,QAAQ,CAAC,WAAW,GAAG,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC;QACvD,CAAC;qBACQ,CAAC;IAClB,CAAC;CACJ,CAAA;AA5DY,QAAQ;IADpB,aAAa,CAAC,YAAY,CAAC;GACf,QAAQ,CA4DpB"}

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,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 { 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() {
+        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} @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,CAAC;IACN,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,OAAO,IAAI,CAAA;cACL,IAAI,CAAC,IAAI,KAAK,SAAS,CAAC,KAAK;YAC3B,CAAC,CAAC,IAAI,CAAA,2BAA2B,IAAI,CAAC,OAAO,mBAAmB;YAChE,CAAC,CAAC,IAAI,CAAA,iCAAiC,IAAI,CAAC,OAAO,yBAAyB;;uCAErD,IAAI,CAAC,IAAI,KAAK,SAAS,CAAC,KAAK,YAAY,GAAG,EAAE,CAAC,IAAI,CAAC,UAAU,EAAE;kBACrF,IAAI,CAAC,CAAC,CAAC,gCAAgC,IAAI,CAAC,SAAS,EAAE,CAAC;;SAEjE,CAAC;IACN,CAAC;CACJ,CAAA;AA7CY,KAAK;IADjB,aAAa,CAAC,SAAS,CAAC;GACZ,KAAK,CA6CjB"}

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,157 @@
+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 = [
+                        // an array to avoid unintentional spaces/newlines
+                        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> `,
+                        html `<span class="where">${(_a = errorObject.where) === null || _a === void 0 ? void 0 : _a.trim()}</span> `,
+                    ];
+                    if (errorObject.what) {
+                        errorHTML.push(html `<span class="what">${errorObject.what.trim()}</span> `);
+                    }
+                    if (errorObject.why) {
+                        errorHTML.push(html `<span class="why">${errorObject.why.trim()}</span> `);
+                    }
+                    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;QAEvC,YAAO,GAAY,OAAO,CAAC;IAK/B,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;AALG;IADC,QAAQ,EAAE;+CACgB"}

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;
+}

package/dist/frontend/components/app/App.js

@@ -0,0 +1,207 @@
+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;
+};
+var App_1;
+import { customElement } from "lit/decorators.js";
+import { adoptStyles, css, html } from "lit";
+import { PapyrosElement } from "../PapyrosElement";
+import "../CodeRunner";
+import "../Debugger";
+import "../Output";
+import "../Input";
+import "./ProgrammingLanguagePicker";
+import "./ExamplePicker";
+import "./LanguagePicker";
+import "./themes/ThemePicker";
+import "@material/web/iconbutton/icon-button";
+import "@material/web/icon/icon";
+let App = App_1 = class App extends PapyrosElement {
+    static get styles() {
+        return css `
+            :host {
+                width: 100%;
+                height: 100%;
+                display: block;
+                background-color: var(--md-sys-color-background);
+                color: var(--md-sys-color-on-background);
+                --md-ref-typeface-brand: Roboto, "Helvetica Neue", sans-serif;
+                --md-ref-typeface-plain: var(--md-ref-typeface-brand);
+                font-family: var(--md-ref-typeface-brand);
+                font-size: 16px;
+                --md-outlined-field-bottom-space: 8px;
+                --md-outlined-field-top-space: 8px;
+                --md-outlined-text-field-bottom-space: 8px;
+                --md-outlined-text-field-top-space: 8px;
+            }
+
+            .rows {
+                display: flex;
+                flex-direction: column;
+                width: 100%;
+                height: 100%;
+            }
+
+            .top {
+                flex: 2;
+                display: flex;
+                min-height: 0;
+            }
+
+            .bottom {
+                flex: 1;
+                min-height: 0;
+            }
+
+            .left {
+                flex: 1;
+                min-width: 0;
+                display: flex;
+            }
+
+            .right {
+                flex: 1;
+                display: flex;
+                flex-direction: column;
+                min-width: 0;
+                min-height: 0;
+            }
+
+            .grow {
+                flex-grow: 1;
+            }
+
+            .container {
+                padding: 1.5rem;
+                margin: 0.5rem;
+                border-radius: 1rem;
+                background-color: var(--md-sys-color-surface-container);
+                color: var(--md-sys-color-on-surface);
+            }
+
+            .overflow {
+                overflow: auto;
+            }
+
+            .header {
+                align-items: center;
+                padding: 1rem 2rem;
+                display: flex;
+                justify-content: space-between;
+                background-color: var(--md-sys-color-surface-container);
+                color: var(--md-sys-color-on-surface);
+            }
+
+            .title {
+                font-size: 1.5rem;
+                font-weight: bold;
+                color: var(--md-sys-color-primary);
+            }
+
+            .header-options {
+                display: flex;
+                gap: 0.5rem;
+                align-items: center;
+            }
+
+            .content {
+                max-width: 1500px;
+                width: 100%;
+                height: 100%;
+                margin: 1rem auto;
+                display: flex;
+                flex-direction: column;
+                flex: 1;
+            }
+        `;
+    }
+    constructor() {
+        super();
+        this.subscriptions = [];
+        this.papyros.launch();
+    }
+    connectedCallback() {
+        super.connectedCallback();
+        this.initializeLocalStorageProperty(this.papyros.i18n, "locale");
+        this.initializeLocalStorageProperty(this.papyros.runner, "code");
+        this.initializeLocalStorageProperty(this.papyros.runner, "programmingLanguage");
+        this.initializeLocalStorageProperty(this.papyros.constants, "activeTheme");
+    }
+    disconnectedCallback() {
+        super.disconnectedCallback();
+        this.subscriptions.forEach((s) => s());
+        this.subscriptions = [];
+    }
+    initializeLocalStorageProperty(state, property) {
+        const storedValue = localStorage.getItem(property);
+        if (storedValue !== null) {
+            try {
+                state[property] = JSON.parse(storedValue);
+            }
+            catch (_a) {
+                // ignore invalid JSON
+            }
+        }
+        const unsubscribe = state.subscribe(() => {
+            localStorage.setItem(property, JSON.stringify(state[property]));
+        }, property);
+        this.subscriptions.push(unsubscribe);
+    }
+    setTheme(theme) {
+        document.documentElement.style.setProperty("color-scheme", theme.dark ? "dark" : "light");
+        adoptStyles(this.renderRoot, [App_1.styles, theme.theme]);
+    }
+    render() {
+        this.setTheme(this.papyros.constants.activeTheme);
+        return html `
+            <div class="rows">
+                <div class="header">
+                    <div class="header-options">
+                        <span class="title">${this.t("Papyros.Papyros")}</span>
+                        <md-icon-button href="https://github.com/dodona-edu/papyros" target="_blank" rel="noopener">
+                            <md-icon>
+                                <svg viewBox="0 0 24 24" fill="currentColor">
+                                    <path
+                                        d="M12 1.27a11 11 0 00-3.48 21.46c.55.09.73-.28.73-.55v-1.84c-3.03.64-3.67-1.46-3.67-1.46-.55-1.29-1.28-1.65-1.28-1.65-.92-.65.1-.65.1-.65 1.1 0 1.73 1.1 1.73 1.1.92 1.65 2.57 1.2 3.21.92a2 2 0 01.64-1.47c-2.47-.27-5.04-1.19-5.04-5.5 0-1.1.46-2.1 1.2-2.84a3.76 3.76 0 010-2.93s.91-.28 3.11 1.1c1.8-.49 3.7-.49 5.5 0 2.1-1.38 3.02-1.1 3.02-1.1a3.76 3.76 0 010 2.93c.83.74 1.2 1.74 1.2 2.94 0 4.21-2.57 5.13-5.04 5.4.45.37.82.92.82 2.02v3.03c0 .27.1.64.73.55A11 11 0 0012 1.27"
+                                    ></path>
+                                </svg>
+                            </md-icon>
+                        </md-icon-button>
+                    </div>
+                    <div class="header-options">
+                        <p-theme-picker .papyros=${this.papyros}></p-theme-picker>
+                        <p-language-picker .papyros=${this.papyros}></p-language-picker>
+                        <p-programming-language-picker .papyros=${this.papyros}></p-programming-language-picker>
+                    </div>
+                </div>
+                <div class="content">
+                    <div class="top">
+                        <div class="left container">
+                            <p-code-runner .papyros=${this.papyros} class="overflow">
+                                <p-example-picker .papyros=${this.papyros} slot="buttons"></p-example-picker>
+                            </p-code-runner>
+                        </div>
+                        <div class="right">
+                            <div class="container grow overflow">
+                                <p-output .papyros=${this.papyros}></p-output>
+                            </div>
+                            <div class="container">
+                                <p-input .papyros=${this.papyros}></p-input>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="bottom container overflow">
+                        <p-debugger .papyros=${this.papyros}></p-debugger>
+                    </div>
+                </div>
+            </div>
+        `;
+    }
+};
+App = App_1 = __decorate([
+    customElement("p-app")
+], App);
+export { App };
+//# sourceMappingURL=App.js.map

package/dist/frontend/components/app/App.js.map

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

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

@@ -0,0 +1,7 @@
+import { PapyrosElement } from "../PapyrosElement";
+import { TemplateResult } from "lit";
+import "@material/web/select/outlined-select";
+import "@material/web/select/select-option";
+export declare class ExamplePicker extends PapyrosElement {
+    protected render(): TemplateResult;
+}

package/dist/frontend/components/app/ExamplePicker.js

@@ -0,0 +1,36 @@
+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 { html } from "lit";
+import "@material/web/select/outlined-select";
+import "@material/web/select/select-option";
+import { RunState } from "../../state/Runner";
+let ExamplePicker = class ExamplePicker extends PapyrosElement {
+    render() {
+        return html `
+            <md-outlined-select
+                ?disabled=${this.papyros.runner.state !== RunState.Ready || this.papyros.debugger.active}
+                label=${this.t("Papyros.examples")}
+                @input=${(e) => {
+            this.papyros.runner.code = this.papyros.examples.getExampleCode(e.target.value);
+        }}
+            >
+                ${this.papyros.examples.names.map((name) => html `
+                        <md-select-option value=${name}>
+                            <div slot="headline">${name}</div>
+                        </md-select-option>
+                    `)}
+            </md-outlined-select>
+        `;
+    }
+};
+ExamplePicker = __decorate([
+    customElement("p-example-picker")
+], ExamplePicker);
+export { ExamplePicker };
+//# sourceMappingURL=ExamplePicker.js.map

package/dist/frontend/components/app/ExamplePicker.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ExamplePicker.js","sourceRoot":"","sources":["../../../../src/frontend/components/app/ExamplePicker.ts"],"names":[],"mappings":";;;;;;AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,mBAAmB,CAAC;AAClD,OAAO,EAAE,cAAc,EAAE,MAAM,mBAAmB,CAAC;AACnD,OAAO,EAAE,IAAI,EAAkB,MAAM,KAAK,CAAC;AAC3C,OAAO,sCAAsC,CAAC;AAC9C,OAAO,oCAAoC,CAAC;AAC5C,OAAO,EAAE,QAAQ,EAAE,MAAM,oBAAoB,CAAC;AAGvC,IAAM,aAAa,GAAnB,MAAM,aAAc,SAAQ,cAAc;IAC1B,MAAM;QACrB,OAAO,IAAI,CAAA;;4BAES,IAAI,CAAC,OAAO,CAAC,MAAM,CAAC,KAAK,KAAK,QAAQ,CAAC,KAAK,IAAI,IAAI,CAAC,OAAO,CAAC,QAAQ,CAAC,MAAM;wBAChF,IAAI,CAAC,CAAC,CAAC,kBAAkB,CAAC;yBACzB,CAAC,CAAa,EAAE,EAAE;YACvB,IAAI,CAAC,OAAO,CAAC,MAAM,CAAC,IAAI,GAAG,IAAI,CAAC,OAAO,CAAC,QAAQ,CAAC,cAAc,CAC1D,CAAC,CAAC,MAA2B,CAAC,KAAK,CACvC,CAAC;QACN,CAAC;;kBAEC,IAAI,CAAC,OAAO,CAAC,QAAQ,CAAC,KAAK,CAAC,GAAG,CAC7B,CAAC,IAAI,EAAE,EAAE,CAAC,IAAI,CAAA;kDACgB,IAAI;mDACH,IAAI;;qBAElC,CACJ;;SAER,CAAC;IACN,CAAC;CACJ,CAAA;AAtBY,aAAa;IADzB,aAAa,CAAC,kBAAkB,CAAC;GACrB,aAAa,CAsBzB"}

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

@@ -0,0 +1,7 @@
+import { PapyrosElement } from "../PapyrosElement";
+import { TemplateResult } from "lit";
+import "@material/web/select/outlined-select";
+import "@material/web/select/select-option";
+export declare class LanguagePicker extends PapyrosElement {
+    protected render(): TemplateResult;
+}

package/dist/frontend/components/app/LanguagePicker.js

@@ -0,0 +1,33 @@
+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 { html } from "lit";
+import "@material/web/select/outlined-select";
+import "@material/web/select/select-option";
+let LanguagePicker = class LanguagePicker extends PapyrosElement {
+    render() {
+        return html `
+            <md-outlined-select
+                @input=${(e) => {
+            this.papyros.i18n.locale = e.target.value;
+        }}
+            >
+                ${this.papyros.i18n.availableLocales.map((lang) => html `
+                        <md-select-option value=${lang} ?selected=${this.papyros.i18n.locale === lang}>
+                            <div slot="headline">${this.t(`Papyros.locales.${lang}`)}</div>
+                        </md-select-option>
+                    `)}
+            </md-outlined-select>
+        `;
+    }
+};
+LanguagePicker = __decorate([
+    customElement("p-language-picker")
+], LanguagePicker);
+export { LanguagePicker };
+//# sourceMappingURL=LanguagePicker.js.map

package/dist/frontend/components/app/LanguagePicker.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"LanguagePicker.js","sourceRoot":"","sources":["../../../../src/frontend/components/app/LanguagePicker.ts"],"names":[],"mappings":";;;;;;AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,mBAAmB,CAAC;AAClD,OAAO,EAAE,cAAc,EAAE,MAAM,mBAAmB,CAAC;AACnD,OAAO,EAAE,IAAI,EAAkB,MAAM,KAAK,CAAC;AAC3C,OAAO,sCAAsC,CAAC;AAC9C,OAAO,oCAAoC,CAAC;AAGrC,IAAM,cAAc,GAApB,MAAM,cAAe,SAAQ,cAAc;IAC3B,MAAM;QACrB,OAAO,IAAI,CAAA;;yBAEM,CAAC,CAAa,EAAE,EAAE;YACvB,IAAI,CAAC,OAAO,CAAC,IAAI,CAAC,MAAM,GAAI,CAAC,CAAC,MAA2B,CAAC,KAAK,CAAC;QACpE,CAAC;;kBAEC,IAAI,CAAC,OAAO,CAAC,IAAI,CAAC,gBAAgB,CAAC,GAAG,CACpC,CAAC,IAAI,EAAE,EAAE,CAAC,IAAI,CAAA;kDACgB,IAAI,cAAc,IAAI,CAAC,OAAO,CAAC,IAAI,CAAC,MAAM,KAAK,IAAI;mDAClD,IAAI,CAAC,CAAC,CAAC,mBAAmB,IAAI,EAAE,CAAC;;qBAE/D,CACJ;;SAER,CAAC;IACN,CAAC;CACJ,CAAA;AAlBY,cAAc;IAD1B,aAAa,CAAC,mBAAmB,CAAC;GACtB,cAAc,CAkB1B"}

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

@@ -0,0 +1,7 @@
+import { PapyrosElement } from "../PapyrosElement";
+import { TemplateResult } from "lit";
+import "@material/web/select/outlined-select";
+import "@material/web/select/select-option";
+export declare class ProgrammingLanguagePicker extends PapyrosElement {
+    protected render(): TemplateResult;
+}