@dodona/papyros 3.0.2 → 4.0.0-beta.2

package/dist/frontend/state/Debugger.js

@@ -0,0 +1,80 @@
+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 { BackendManager } from "../../communication/BackendManager";
+import { BackendEventType } from "../../communication/BackendEvent";
+import { State, stateProperty } from "@dodona/lit-state";
+export class Debugger extends State {
+    set active(active) {
+        this._active = active;
+        this.reset();
+    }
+    get active() {
+        return this._active;
+    }
+    constructor(papyros) {
+        super();
+        this.frameStates = [];
+        this.activeFrame = undefined;
+        this.trace = [];
+        this._active = false;
+        this.papyros = papyros;
+        this.reset();
+        BackendManager.subscribe(BackendEventType.Start, () => {
+            this.reset();
+        });
+        BackendManager.subscribe(BackendEventType.Frame, e => {
+            const frame = JSON.parse(e.data);
+            const frameState = {
+                line: frame.line,
+                outputs: this.papyros.io.output.length,
+                inputs: this.papyros.io.inputs.length
+            };
+            this.frameStates = [...this.frameStates, frameState];
+            this.trace = [...this.trace, frame];
+            if (this.frameStates.length >= this.papyros.constants.maxDebugFrames) {
+                this.papyros.runner.stop();
+            }
+        });
+    }
+    reset() {
+        this.frameStates = [];
+        this.currentOutputs = 0;
+        this.currentInputs = 0;
+        this.trace = [];
+    }
+    get activeFrameState() {
+        if (this.activeFrame === undefined) {
+            return undefined;
+        }
+        return this.frameStates[this.activeFrame];
+    }
+    get debugLine() {
+        var _a;
+        return (_a = this.activeFrameState) === null || _a === void 0 ? void 0 : _a.line;
+    }
+    get debugOutputs() {
+        var _a;
+        return (_a = this.activeFrameState) === null || _a === void 0 ? void 0 : _a.outputs;
+    }
+    get debugUsedInputs() {
+        var _a;
+        return (_a = this.activeFrameState) === null || _a === void 0 ? void 0 : _a.inputs;
+    }
+}
+__decorate([
+    stateProperty
+], Debugger.prototype, "frameStates", void 0);
+__decorate([
+    stateProperty
+], Debugger.prototype, "activeFrame", void 0);
+__decorate([
+    stateProperty
+], Debugger.prototype, "trace", void 0);
+__decorate([
+    stateProperty
+], Debugger.prototype, "_active", void 0);
+//# sourceMappingURL=Debugger.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Debugger.js","sourceRoot":"","sources":["../../../src/frontend/state/Debugger.ts"],"names":[],"mappings":";;;;;;AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,oCAAoC,CAAC;AACpE,OAAO,EAAE,gBAAgB,EAAE,MAAM,kCAAkC,CAAC;AAEpE,OAAO,EAAE,KAAK,EAAE,aAAa,EAAE,MAAM,mBAAmB,CAAC;AAQzD,MAAM,OAAO,QAAS,SAAQ,KAAK;IAW/B,IAAW,MAAM,CAAC,MAAe;QAC7B,IAAI,CAAC,OAAO,GAAG,MAAM,CAAC;QAEtB,IAAI,CAAC,KAAK,EAAE,CAAC;IACjB,CAAC;IAED,IAAW,MAAM;QACb,OAAO,IAAI,CAAC,OAAO,CAAC;IACxB,CAAC;IAED,YAAY,OAAgB;QACxB,KAAK,EAAE,CAAC;QAnBJ,gBAAW,GAAiB,EAAE,CAAC;QAEhC,gBAAW,GAAuB,SAAS,CAAC;QAE5C,UAAK,GAAY,EAAE,CAAC;QAEnB,YAAO,GAAY,KAAK,CAAC;QAc7B,IAAI,CAAC,OAAO,GAAG,OAAO,CAAC;QACvB,IAAI,CAAC,KAAK,EAAE,CAAC;QAEb,cAAc,CAAC,SAAS,CAAC,gBAAgB,CAAC,KAAK,EAAE,GAAG,EAAE;YAClD,IAAI,CAAC,KAAK,EAAE,CAAC;QACjB,CAAC,CAAC,CAAC;QACH,cAAc,CAAC,SAAS,CAAC,gBAAgB,CAAC,KAAK,EAAE,CAAC,CAAC,EAAE;YACjD,MAAM,KAAK,GAAG,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC;YACjC,MAAM,UAAU,GAAG;gBACf,IAAI,EAAE,KAAK,CAAC,IAAI;gBAChB,OAAO,EAAE,IAAI,CAAC,OAAO,CAAC,EAAE,CAAC,MAAM,CAAC,MAAM;gBACtC,MAAM,EAAE,IAAI,CAAC,OAAO,CAAC,EAAE,CAAC,MAAM,CAAC,MAAM;aACxC,CAAC;YACF,IAAI,CAAC,WAAW,GAAG,CAAC,GAAG,IAAI,CAAC,WAAW,EAAE,UAAU,CAAC,CAAC;YACrD,IAAI,CAAC,KAAK,GAAG,CAAC,GAAG,IAAI,CAAC,KAAK,EAAE,KAAK,CAAC,CAAC;YACpC,IAAI,IAAI,CAAC,WAAW,CAAC,MAAM,IAAI,IAAI,CAAC,OAAO,CAAC,SAAS,CAAC,cAAc,EAAE,CAAC;gBACnE,IAAI,CAAC,OAAO,CAAC,MAAM,CAAC,IAAI,EAAE,CAAC;YAC/B,CAAC;QACL,CAAC,CAAC,CAAC;IACP,CAAC;IAEM,KAAK;QACR,IAAI,CAAC,WAAW,GAAG,EAAE,CAAC;QACtB,IAAI,CAAC,cAAc,GAAG,CAAC,CAAC;QACxB,IAAI,CAAC,aAAa,GAAG,CAAC,CAAC;QACvB,IAAI,CAAC,KAAK,GAAG,EAAE,CAAC;IACpB,CAAC;IAED,IAAI,gBAAgB;QAChB,IAAG,IAAI,CAAC,WAAW,KAAK,SAAS,EAAE,CAAC;YAChC,OAAO,SAAS,CAAC;QACrB,CAAC;QAED,OAAO,IAAI,CAAC,WAAW,CAAC,IAAI,CAAC,WAAW,CAAC,CAAC;IAC9C,CAAC;IAED,IAAI,SAAS;;QACT,OAAO,MAAA,IAAI,CAAC,gBAAgB,0CAAE,IAAI,CAAC;IACvC,CAAC;IAED,IAAI,YAAY;;QACZ,OAAO,MAAA,IAAI,CAAC,gBAAgB,0CAAE,OAAO,CAAA;IACzC,CAAC;IAED,IAAI,eAAe;;QACf,OAAO,MAAA,IAAI,CAAC,gBAAgB,0CAAE,MAAM,CAAA;IACxC,CAAC;CACJ;AAnEW;IADP,aAAa;6CACyB;AAEhC;IADN,aAAa;6CACqC;AAE5C;IADN,aAAa;uCACa;AAEnB;IADP,aAAa;yCACmB"}

package/dist/frontend/state/Examples.d.ts

@@ -0,0 +1,11 @@
+import { State } from "@dodona/lit-state";
+import { ProgrammingLanguage } from "../../ProgrammingLanguage";
+import { Papyros } from "../../Papyros";
+export declare class Examples extends State {
+    papyros: Papyros;
+    private examples;
+    constructor(papyros: Papyros);
+    setExamples(language: ProgrammingLanguage, examples: Record<string, string>): void;
+    get names(): Array<string>;
+    getExampleCode(name: string): string;
+}

package/dist/frontend/state/Examples.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 { State, StateMap, stateProperty } from "@dodona/lit-state";
+import { ProgrammingLanguage } from "../../ProgrammingLanguage";
+import { JAVASCRIPT_EXAMPLES } from "../components/app/examples/JavaScriptExamples";
+import { PYTHON_EXAMPLES } from "../components/app/examples/PythonExamples";
+export class Examples extends State {
+    constructor(papyros) {
+        super();
+        this.examples = new StateMap();
+        this.papyros = papyros;
+        this.setExamples(ProgrammingLanguage.JavaScript, JAVASCRIPT_EXAMPLES);
+        this.setExamples(ProgrammingLanguage.Python, PYTHON_EXAMPLES);
+    }
+    setExamples(language, examples) {
+        this.examples.set(language, examples);
+    }
+    get names() {
+        var _a;
+        const language = this.papyros.runner.programmingLanguage;
+        return Object.keys((_a = this.examples.get(language)) !== null && _a !== void 0 ? _a : {});
+    }
+    getExampleCode(name) {
+        var _a, _b;
+        const language = this.papyros.runner.programmingLanguage;
+        return (_b = (_a = this.examples.get(language)) === null || _a === void 0 ? void 0 : _a[name]) !== null && _b !== void 0 ? _b : "";
+    }
+}
+__decorate([
+    stateProperty
+], Examples.prototype, "examples", void 0);
+//# sourceMappingURL=Examples.js.map

package/dist/frontend/state/Examples.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Examples.js","sourceRoot":"","sources":["../../../src/frontend/state/Examples.ts"],"names":[],"mappings":";;;;;;AAAA,OAAO,EAAE,KAAK,EAAE,QAAQ,EAAE,aAAa,EAAE,MAAM,mBAAmB,CAAC;AACnE,OAAO,EAAE,mBAAmB,EAAE,MAAM,2BAA2B,CAAC;AAEhE,OAAO,EAAE,mBAAmB,EAAE,MAAM,+CAA+C,CAAC;AACpF,OAAO,EAAE,eAAe,EAAE,MAAM,2CAA2C,CAAC;AAE5E,MAAM,OAAO,QAAS,SAAQ,KAAK;IAK/B,YAAY,OAAgB;QACxB,KAAK,EAAE,CAAC;QAHJ,aAAQ,GAAG,IAAI,QAAQ,EAA+C,CAAC;QAI3E,IAAI,CAAC,OAAO,GAAG,OAAO,CAAC;QACvB,IAAI,CAAC,WAAW,CAAC,mBAAmB,CAAC,UAAU,EAAE,mBAAmB,CAAC,CAAC;QACtE,IAAI,CAAC,WAAW,CAAC,mBAAmB,CAAC,MAAM,EAAE,eAAe,CAAC,CAAC;IAClE,CAAC;IAEM,WAAW,CAAC,QAA6B,EAAE,QAAgC;QAC9E,IAAI,CAAC,QAAQ,CAAC,GAAG,CAAC,QAAQ,EAAE,QAAQ,CAAC,CAAC;IAC1C,CAAC;IAED,IAAW,KAAK;;QACZ,MAAM,QAAQ,GAAG,IAAI,CAAC,OAAO,CAAC,MAAM,CAAC,mBAAmB,CAAC;QACzD,OAAO,MAAM,CAAC,IAAI,CAAC,MAAA,IAAI,CAAC,QAAQ,CAAC,GAAG,CAAC,QAAQ,CAAC,mCAAI,EAAE,CAAC,CAAC;IAC1D,CAAC;IAEM,cAAc,CAAC,IAAY;;QAC9B,MAAM,QAAQ,GAAG,IAAI,CAAC,OAAO,CAAC,MAAM,CAAC,mBAAmB,CAAC;QACzD,OAAO,MAAA,MAAA,IAAI,CAAC,QAAQ,CAAC,GAAG,CAAC,QAAQ,CAAC,0CAAG,IAAI,CAAC,mCAAI,EAAE,CAAC;IACrD,CAAC;CACJ;AAtBW;IADP,aAAa;0CACiE"}

package/dist/frontend/state/I18n.d.ts

@@ -0,0 +1,16 @@
+import { State } from "@dodona/lit-state";
+export type Translations = {
+    [key: string]: string | Translations;
+};
+export declare class I18n extends State {
+    private readonly polyglot;
+    private readonly translations;
+    private _locale;
+    get availableLocales(): string[];
+    setTranslations(locale: string, translations: Translations): void;
+    set locale(locale: string);
+    get locale(): string;
+    t(phrase: string, options?: Record<string, any>): string;
+    getTranslations(key?: string): Translations | undefined;
+    constructor();
+}

package/dist/frontend/state/I18n.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 { State, StateMap, stateProperty } from "@dodona/lit-state";
+import Polyglot from "node-polyglot";
+import { DUTCH_TRANSLATION, ENGLISH_TRANSLATION } from "./Translations";
+export class I18n extends State {
+    get availableLocales() {
+        return [...this.translations.keys()];
+    }
+    setTranslations(locale, translations) {
+        this.translations.set(locale, translations);
+        if (this.locale === locale) {
+            this.dispatchStateEvent("t");
+            this.polyglot.replace(this.translations.get(locale));
+        }
+    }
+    set locale(locale) {
+        if (this.translations.has(locale)) {
+            this.dispatchStateEvent("t");
+            this._locale = locale;
+            this.polyglot.locale(locale);
+            this.polyglot.replace(this.translations.get(locale));
+        }
+        else {
+            throw new Error(`Locale ${locale} not loaded`);
+        }
+    }
+    get locale() {
+        return this._locale;
+    }
+    t(phrase, options) {
+        this.recordRead("t");
+        return this.polyglot.t(phrase, options);
+    }
+    getTranslations(key) {
+        if (!this.translations.has(this.locale)) {
+            return undefined;
+        }
+        if (!key) {
+            return this.translations.get(this.locale);
+        }
+        const keys = key.split(".");
+        let record = this.translations.get(this.locale);
+        for (const k of keys) {
+            if (typeof record === "string" || !(k in record)) {
+                return undefined;
+            }
+            record = record[k];
+        }
+        if (typeof record === "string") {
+            return undefined;
+        }
+        return record;
+    }
+    constructor() {
+        super();
+        this.polyglot = new Polyglot();
+        this.translations = new StateMap();
+        this._locale = "en";
+        this.polyglot.locale(this.locale);
+        this.setTranslations("en", ENGLISH_TRANSLATION);
+        this.setTranslations("nl", DUTCH_TRANSLATION);
+    }
+}
+__decorate([
+    stateProperty
+], I18n.prototype, "_locale", void 0);
+__decorate([
+    stateProperty
+], I18n.prototype, "locale", null);
+//# sourceMappingURL=I18n.js.map

package/dist/frontend/state/I18n.js.map

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

package/dist/frontend/state/InputOutput.d.ts

@@ -0,0 +1,55 @@
+import { State } from "@dodona/lit-state";
+import { Papyros } from "../../Papyros";
+/**
+ * Shape of Error objects that are easy to interpret
+ */
+export interface FriendlyError {
+    /**
+     * The name of the Error
+     */
+    name: string;
+    /**
+     * Traceback for where in the code the Error occurred
+     */
+    traceback?: string;
+    /**
+     * General information about this type of Error
+     */
+    info?: string;
+    /**
+     * Information about what went wrong in this case
+     */
+    what?: string;
+    /**
+     * Information about why this is wrong and how to fix it
+     */
+    why?: string;
+    /**
+     * Where specifically in the source code the Error occurred
+     */
+    where?: string;
+}
+export declare enum OutputType {
+    stdout = "stdout",
+    stderr = "stderr",
+    img = "img"
+}
+export type OutputEntry = {
+    type: OutputType;
+    content: string | FriendlyError;
+    contentType?: string;
+};
+export declare class InputOutput extends State {
+    private papyros;
+    inputs: string[];
+    output: OutputEntry[];
+    prompt: string;
+    awaitingInput: boolean;
+    constructor(papyros: Papyros);
+    logError(error: FriendlyError | string): void;
+    logImage(imageData: string, contentType?: string): void;
+    logOutput(output: string): void;
+    provideInput(input: string): void;
+    clearInputs(): void;
+    reset(): void;
+}

package/dist/frontend/state/InputOutput.js

@@ -0,0 +1,93 @@
+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 { State, stateProperty } from "@dodona/lit-state";
+import { BackendManager } from "../../communication/BackendManager";
+import { BackendEventType } from "../../communication/BackendEvent";
+import { parseData } from "../../util/Util";
+export var OutputType;
+(function (OutputType) {
+    OutputType["stdout"] = "stdout";
+    OutputType["stderr"] = "stderr";
+    OutputType["img"] = "img";
+})(OutputType || (OutputType = {}));
+export class InputOutput extends State {
+    constructor(papyros) {
+        super();
+        this.inputs = [];
+        this.output = [];
+        this.prompt = "";
+        this.awaitingInput = false;
+        this.papyros = papyros;
+        this.reset();
+        BackendManager.subscribe(BackendEventType.Start, () => this.reset());
+        BackendManager.subscribe(BackendEventType.Output, e => {
+            const data = parseData(e.data, e.contentType);
+            if (e.contentType && e.contentType.startsWith("img")) {
+                this.logImage(data, e.contentType);
+            }
+            else {
+                this.logOutput(data);
+            }
+        });
+        BackendManager.subscribe(BackendEventType.Error, e => {
+            const data = parseData(e.data, e.contentType);
+            this.logError(data);
+        });
+        BackendManager.subscribe(BackendEventType.Input, e => {
+            this.prompt = e.data || "";
+            this.awaitingInput = true;
+        });
+    }
+    logError(error) {
+        this.output = [...this.output, { type: OutputType.stderr, content: error }];
+    }
+    logImage(imageData, contentType = "img/png") {
+        this.output = [...this.output, { type: OutputType.img, content: imageData, contentType }];
+    }
+    logOutput(output) {
+        // lines have been merged to limit the number of events
+        // we split them again here, to simplify overflow detection
+        const lines = output.split("\n");
+        if (lines.length > 1) {
+            this.output = [...this.output,
+                ...lines.slice(0, -1).map(line => ({ type: OutputType.stdout, content: line + "\n" })),
+                { type: OutputType.stdout, content: lines[lines.length - 1] }
+            ];
+        }
+        else {
+            this.output = [...this.output, { type: OutputType.stdout, content: output }];
+        }
+    }
+    provideInput(input) {
+        this.inputs = [...this.inputs, input];
+        this.papyros.runner.provideInput(input);
+        this.prompt = "";
+        this.awaitingInput = false;
+    }
+    clearInputs() {
+        this.inputs = [];
+    }
+    reset() {
+        this.inputs = [];
+        this.output = [];
+        this.prompt = "";
+        this.awaitingInput = false;
+    }
+}
+__decorate([
+    stateProperty
+], InputOutput.prototype, "inputs", void 0);
+__decorate([
+    stateProperty
+], InputOutput.prototype, "output", void 0);
+__decorate([
+    stateProperty
+], InputOutput.prototype, "prompt", void 0);
+__decorate([
+    stateProperty
+], InputOutput.prototype, "awaitingInput", void 0);
+//# sourceMappingURL=InputOutput.js.map

package/dist/frontend/state/InputOutput.js.map

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

package/dist/frontend/state/Runner.d.ts

@@ -0,0 +1,118 @@
+import { SyncClient } from "comsync";
+import { Backend, RunMode, WorkerDiagnostic } from "../../backend/Backend";
+import { State } from "@dodona/lit-state";
+import { Papyros } from "../../Papyros";
+import { ProgrammingLanguage } from "../../ProgrammingLanguage";
+/**
+ * Enum representing the possible states while processing code
+ */
+export declare enum RunState {
+    Loading = "loading",
+    Running = "running",
+    AwaitingInput = "awaiting_input",
+    Stopping = "stopping",
+    Ready = "ready"
+}
+/**
+ * Interface to represent information required when handling loading events
+ */
+export interface LoadingData {
+    /**
+     * List of module names that are being loaded
+     */
+    modules: Array<string>;
+    /**
+     * The status of the import
+     */
+    status: "loading" | "loaded" | "failed";
+}
+/**
+ * Helper component to manage and visualize the current RunState
+ */
+export declare class Runner extends State {
+    /**
+     * The currently used programming language
+     */
+    private _programmingLanguage;
+    get programmingLanguage(): ProgrammingLanguage;
+    set programmingLanguage(value: ProgrammingLanguage);
+    /**
+     * The backend that executes the code asynchronously
+     */
+    backend: Promise<SyncClient<Backend>>;
+    /**
+     * Current state of the program
+     */
+    state: RunState;
+    /**
+     * An explanatory message about the current state
+     */
+    stateMessage: string;
+    /**
+     * Previous state to restore when loading is done
+     */
+    private previousState;
+    /**
+     * Array of packages that are being installed
+     */
+    loadingPackages: Array<string>;
+    /**
+     * Time at which the setState call occurred
+     */
+    runStartTime: number;
+    /**
+     * The code we are working with
+     */
+    _code: string;
+    get code(): string;
+    set code(value: string);
+    /**
+     * Async getter for the linting diagnostics of the current code
+     */
+    lintSource(): Promise<WorkerDiagnostic[]>;
+    /**
+     * available run modes for the current code
+     */
+    runModes: Array<RunMode>;
+    /**
+     * The global state where we are part of
+     */
+    private papyros;
+    constructor(papyros: Papyros);
+    /**
+     * Stops the current run and resets the state of the program
+     * Regular and debug output is cleared
+     * @return {Promise<void>} Returns when the program has been reset
+     */
+    reset(): Promise<void>;
+    /**
+     * Start the backend to enable running code
+     */
+    launch(): Promise<void>;
+    /**
+     * Execute the code in the editor
+     * @param {RunMode} mode The mode to run with
+     * @return {Promise<void>} Promise of running the code
+     */
+    start(mode?: RunMode): Promise<void>;
+    /**
+     * Interrupt the currently running code
+     * @return {Promise<void>} Returns when the code has been interrupted
+     */
+    stop(): Promise<void>;
+    provideInput(input: string): Promise<void>;
+    provideFiles(inlinedFiles: Record<string, string>, hrefFiles: Record<string, string>): Promise<void>;
+    /**
+     * Show the current state of the program to the user
+     * @param {RunState} state The current state of the run
+     * @param {string} message Optional message to indicate the state
+     */
+    setState(state: RunState, message?: string): void;
+    /**
+     * Callback to handle loading events
+     * @param {BackendEvent} e The loading event
+     */
+    private onLoad;
+    private onStart;
+    private updateRunModes;
+}