@dodona/papyros 1.0.1 → 2.0.0-beta.0

package/dist/input/InteractiveInputHandler.js

@@ -0,0 +1,90 @@
+import { INPUT_TA_ID, SEND_INPUT_BTN_ID } from "../Constants";
+import { InputMode } from "../InputManager";
+import { addListener, getElement, t } from "../util/Util";
+import { UserInputHandler } from "./UserInputHandler";
+import { renderButton, renderWithOptions } from "../util/Rendering";
+/**
+ * Input handler that takes input from the user in an interactive fashion
+ */
+export class InteractiveInputHandler extends UserInputHandler {
+    /**
+     * Retrieve the button that users can click to send their input
+     */
+    get sendButton() {
+        return getElement(SEND_INPUT_BTN_ID);
+    }
+    /**
+     * Retrieve the HTMLInputElement for this InputHandler
+     */
+    get inputArea() {
+        return getElement(INPUT_TA_ID);
+    }
+    getInputMode() {
+        return InputMode.Interactive;
+    }
+    hasNext() {
+        return this.waiting; // Allow sending empty lines when the user does this explicitly
+    }
+    next() {
+        const value = this.inputArea.value;
+        this.reset();
+        return value;
+    }
+    waitWithPrompt(waiting, prompt) {
+        this.waiting = waiting;
+        this.sendButton.disabled = !waiting;
+        this.inputArea.disabled = !waiting;
+        super.waitWithPrompt(waiting, prompt);
+    }
+    setPlaceholder(placeholder) {
+        if (this.waiting) {
+            this.inputArea.setAttribute("placeholder", placeholder);
+            this.inputArea.setAttribute("title", "");
+        }
+        else {
+            this.inputArea.setAttribute("placeholder", "");
+            this.inputArea.setAttribute("title", t("Papyros.input_disabled"));
+        }
+    }
+    focus() {
+        this.inputArea.focus();
+    }
+    toggle() {
+        this.reset();
+    }
+    onRunStart() {
+        this.reset();
+    }
+    onRunEnd() {
+        // Intentionally empty
+    }
+    _render(options) {
+        const buttonHTML = renderButton({
+            id: SEND_INPUT_BTN_ID,
+            // eslint-disable-next-line max-len
+            classNames: "_tw-text-black _tw-bg-white _tw-border-2 dark:_tw-text-white dark:_tw-bg-dark-mode-bg",
+            buttonText: t("Papyros.enter")
+        });
+        renderWithOptions(options, `
+<div class="_tw-flex _tw-flex-row _tw-my-1">
+    <input id="${INPUT_TA_ID}" type="text"
+    class="_tw-border _tw-w-full _tw-mr-0.5 _tw-px-1 _tw-rounded-lg
+    dark:_tw-border-dark-mode-content dark:_tw-bg-dark-mode-bg
+    placeholder:_tw-text-placeholder-grey disabled:_tw-cursor-not-allowed
+    focus:_tw-outline-none focus:_tw-ring-1 focus:_tw-ring-blue-500">
+    </input>
+    ${buttonHTML}
+</div>`);
+        addListener(SEND_INPUT_BTN_ID, () => this.inputCallback(this.next()), "click");
+        this.inputArea.addEventListener("keydown", (ev) => {
+            if (this.waiting && ev.key && ev.key.toLowerCase() === "enter") {
+                this.inputCallback(this.next());
+            }
+        });
+    }
+    reset() {
+        super.reset();
+        this.inputArea.value = "";
+    }
+}
+//# sourceMappingURL=InteractiveInputHandler.js.map

package/dist/input/InteractiveInputHandler.js.map

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

package/dist/input/UserInputHandler.js

@@ -0,0 +1,40 @@
+import { t } from "../util/Util";
+import { Renderable } from "../util/Rendering";
+/**
+ * Base class for components that handle input from the user
+ */
+export class UserInputHandler extends Renderable {
+    /**
+     * Construct a new UserInputHandler
+     * @param {function()} inputCallback  Callback for when the user has entered a value
+     */
+    constructor(inputCallback) {
+        super();
+        this.waiting = false;
+        this.inputCallback = inputCallback;
+    }
+    /**
+     * Wait for input of the user for a certain prompt
+     * @param {boolean} waiting Whether we are waiting for input
+     * @param {string} prompt Optional message to display if waiting
+     */
+    waitWithPrompt(waiting, prompt = "") {
+        this.waiting = waiting;
+        this.setPlaceholder(prompt || t(`Papyros.input_placeholder.${this.getInputMode()}`));
+        if (this.waiting) {
+            // Focusing is a rendering operation
+            // Subclasses can execute code after this operation, skipping the rendering
+            // Using setTimeout ensures rendering will be done when the main thread has time
+            // eslint-disable-next-line max-len
+            // More info here: https://stackoverflow.com/questions/1096436/document-getelementbyidid-focus-is-not-working-for-firefox-or-chrome
+            setTimeout(() => this.focus(), 0);
+        }
+    }
+    /**
+     * Helper method to reset internal state
+     */
+    reset() {
+        this.waiting = false;
+    }
+}
+//# sourceMappingURL=UserInputHandler.js.map

package/dist/input/UserInputHandler.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"UserInputHandler.js","sourceRoot":"","sources":["../../src/input/UserInputHandler.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,CAAC,EAAE,MAAM,cAAc,CAAC;AACjC,OAAO,EAAE,UAAU,EAAE,MAAM,mBAAmB,CAAC;AAE/C;;GAEG;AACH,MAAM,OAAgB,gBAAiB,SAAQ,UAAqC;IAUhF;;;OAGG;IACH,YAAY,aAAqC;QAC7C,KAAK,EAAE,CAAC;QACR,IAAI,CAAC,OAAO,GAAG,KAAK,CAAC;QACrB,IAAI,CAAC,aAAa,GAAG,aAAa,CAAC;IACvC,CAAC;IA6CD;;;;OAIG;IACI,cAAc,CAAC,OAAgB,EAAE,MAAM,GAAG,EAAE;QAC/C,IAAI,CAAC,OAAO,GAAG,OAAO,CAAC;QACvB,IAAI,CAAC,cAAc,CAAC,MAAM,IAAI,CAAC,CAAC,6BAA6B,IAAI,CAAC,YAAY,EAAE,EAAE,CAAC,CAAC,CAAC;QACrF,IAAI,IAAI,CAAC,OAAO,EAAE,CAAC;YACf,oCAAoC;YACpC,2EAA2E;YAC3E,gFAAgF;YAChF,mCAAmC;YACnC,mIAAmI;YACnI,UAAU,CAAC,GAAG,EAAE,CAAC,IAAI,CAAC,KAAK,EAAE,EAAE,CAAC,CAAC,CAAC;QACtC,CAAC;IACL,CAAC;IAED;;OAEG;IACO,KAAK;QACX,IAAI,CAAC,OAAO,GAAG,KAAK,CAAC;IACzB,CAAC;CACJ"}

package/dist/util/HTMLShapes.js

@@ -0,0 +1,25 @@
+/**
+ * Draw a spinning circle to represent a loading animation
+ * @param {string} id HTML id for this element
+ * @param {string} borderColors The tailwind color classes for the borders of the circle
+ * @return {string} A string representation of the circle
+ */
+export function renderSpinningCircle(id, borderColors) {
+    return `
+<div id="${id}" class="_tw-animate-spin _tw-rounded-full ${borderColors}
+ _tw-border-2 _tw-h-[20px] _tw-w-[20px] _tw-mr-3"></div>`;
+}
+/**
+ * Wrap text (best a single character) in a circle to provide information to the user
+ * @param {string} content The symbol in the circle, e.g. ? of !
+ * @param {string} title The information to display when hovering over the element
+ * @param {string} colorClasses The classes to color the content
+ * @return {string} A string representation of the circle with content
+ */
+export function renderInCircle(content, title, colorClasses) {
+    const htmlTitle = title ? `title="${title}"` : "";
+    return `<span ${htmlTitle} class="_tw-display-block _tw-font-bold _tw-text-center
+    _tw-w-[10px] _tw-h-[10px] _tw-rounded-full _tw-px-1  _tw-mx-1
+    _tw-bg-white-500 _tw-border-2 ${colorClasses}">${content}</span>`;
+}
+//# sourceMappingURL=HTMLShapes.js.map

package/dist/util/HTMLShapes.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"HTMLShapes.js","sourceRoot":"","sources":["../../src/util/HTMLShapes.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AACH,MAAM,UAAU,oBAAoB,CAAC,EAAU,EAAE,YAAoB;IACjE,OAAO;WACA,EAAE,8CAA8C,YAAY;yDACd,CAAC;AAC1D,CAAC;AAED;;;;;;GAMG;AACH,MAAM,UAAU,cAAc,CAAC,OAAe,EAAE,KAAa,EAAE,YAAoB;IAC/E,MAAM,SAAS,GAAG,KAAK,CAAC,CAAC,CAAC,UAAU,KAAK,GAAG,CAAC,CAAC,CAAC,EAAE,CAAC;IAClD,OAAO,SAAS,SAAS;;oCAEO,YAAY,KAAK,OAAO,SAAS,CAAC;AACtE,CAAC"}

package/dist/util/Logging.js

@@ -0,0 +1,30 @@
+/**
+ * Enum representing the importance of a log message
+ * This is helpful for debugging while allowing filtering in production
+ */
+export var LogType;
+(function (LogType) {
+    LogType[LogType["Debug"] = 0] = "Debug";
+    LogType[LogType["Error"] = 1] = "Error";
+    LogType[LogType["Important"] = 2] = "Important";
+})(LogType || (LogType = {}));
+const ENVIRONMENT = process.env.NODE_ENV || "development";
+// Log everything in development
+const SHOULD_LOG = ENVIRONMENT !== "production";
+/**
+ * Helper method to log useful information at runtime
+ * @param {LogType} logType The importance of this log message
+ * @param {any[]} args The data to log
+ */
+export function papyrosLog(logType, ...args) {
+    const doLog = SHOULD_LOG || logType !== LogType.Debug;
+    if (doLog) {
+        if (logType === LogType.Error) {
+            console.error(...args);
+        }
+        else {
+            console.log(...args);
+        }
+    }
+}
+//# sourceMappingURL=Logging.js.map

package/dist/util/Logging.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Logging.js","sourceRoot":"","sources":["../../src/util/Logging.ts"],"names":[],"mappings":"AAAA;;;GAGG;AACH,MAAM,CAAN,IAAY,OAEX;AAFD,WAAY,OAAO;IACf,uCAAK,CAAA;IAAE,uCAAK,CAAA;IAAE,+CAAS,CAAA;AAC3B,CAAC,EAFW,OAAO,KAAP,OAAO,QAElB;AAED,MAAM,WAAW,GAAW,OAAO,CAAC,GAAG,CAAC,QAAQ,IAAI,aAAa,CAAC;AAClE,gCAAgC;AAChC,MAAM,UAAU,GAAG,WAAW,KAAK,YAAY,CAAC;AAEhD;;;;GAIG;AACH,MAAM,UAAU,UAAU,CAAC,OAAgB,EAAE,GAAG,IAAW;IACvD,MAAM,KAAK,GAAG,UAAU,IAAI,OAAO,KAAK,OAAO,CAAC,KAAK,CAAC;IACtD,IAAI,KAAK,EAAE,CAAC;QACR,IAAI,OAAO,KAAK,OAAO,CAAC,KAAK,EAAE,CAAC;YAC5B,OAAO,CAAC,KAAK,CAAC,GAAG,IAAI,CAAC,CAAC;QAC3B,CAAC;aAAM,CAAC;YACJ,OAAO,CAAC,GAAG,CAAC,GAAG,IAAI,CAAC,CAAC;QACzB,CAAC;IACL,CAAC;AACL,CAAC"}

package/dist/util/Rendering.js

@@ -0,0 +1,139 @@
+/* eslint-disable max-len */
+import { getElement } from "./Util";
+import escapeHTML from "escape-html";
+/**
+ * Helper method to append classes to the class attribute of an HTMLElement
+ * as consecutive whitespace is not allowed
+ * @param {Object} options Object containing classNames
+ * @param {string} classNames The classes to append
+ */
+export function appendClasses(options, classNames) {
+    if (options.classNames && !options.classNames.includes(classNames)) {
+        options.classNames = `${options.classNames} ${classNames}`;
+    }
+    else {
+        options.classNames = classNames;
+    }
+}
+/**
+ * Helper method to add attributes to options with a possibly undefined attribute Map
+ * @param {Object} options Object containing attributes
+ * @param {Map<string, string>} attributes The attributes to add
+ */
+export function addAttributes(options, attributes) {
+    options.attributes = new Map([
+        ...(options.attributes || []),
+        ...attributes
+    ]);
+}
+/**
+ * Renders an element with the given options
+ * @param {RenderOptions} options Options to be used while rendering
+ * @param {string | HTMLElement} content What to fill the parent with.
+ * If the content is a string, it should be properly formatted HTML
+ * @return {HTMLElement} The parent with the new child
+ */
+export function renderWithOptions(options, content) {
+    const parent = getElement(options.parentElementId);
+    if (options.classNames) {
+        parent.classList.add(...options.classNames.split(" "));
+    }
+    parent.classList.toggle("_tw-dark", Boolean(options.darkMode));
+    if (options.attributes) {
+        for (const [attr, value] of options.attributes.entries()) {
+            parent.setAttribute(attr, value);
+        }
+    }
+    if (typeof content === "string") {
+        parent.innerHTML = content;
+    }
+    else {
+        parent.replaceChildren(content);
+    }
+    return parent;
+}
+/**
+ * Construct a HTML button string from the given options
+ * @param {ButtonOptions} options The options for the button
+ * @return {string} HTML string for the button
+ */
+export function renderButton(options) {
+    appendClasses(options, "papyros-button");
+    return `
+<button id="${options.id}" type="button"
+    class="${options.classNames}">
+    ${options.buttonText}
+</button>`;
+}
+/**
+ * Constructs the options for use within an HTML select element
+ * @param {Array<T>} options All options to display in the list
+ * @param {function(T):string} optionText Function to convert the elements to a string
+ * @param {T} selected The initially selected element in the list, if any
+ * @return {string} The string representation of the select options
+ */
+export function renderSelectOptions(options, optionText, selected) {
+    return options.map((option) => {
+        const selectedValue = option === selected ? "selected" : "";
+        return `
+            <option ${selectedValue} value="${escapeHTML(option)}" class="dark:_tw-text-white dark:_tw-bg-dark-mode-bg">
+                ${optionText(option)}
+            </option>
+        `;
+    }).join("\n");
+}
+/**
+ * Build a string representation of an HTML label element
+ * @param {string} labelText Optional text to display in a label
+ * If not provided, no label is created
+ * @param {string} forElement The id of the element this label is for
+ * @return {string} The HTML string of the label
+ */
+export function renderLabel(labelText, forElement) {
+    return labelText ? `
+<label for="${forElement}"
+class="dark:_tw-text-white dark:_tw-bg-dark-mode-bg _tw-px-1">${labelText}: </label>` : "";
+}
+/**
+ * Constructs an HTML select element
+ * @param {string} selectId The HTML id for the element
+ * @param {Array<T>} options to display in the list
+ * @param {function(T):string} optionText to convert elements to a string
+ * @param {T} selected The initially selected element in the list, if any
+ * @param {string} labelText Optional text to display in a label
+ * @return {string} The string representation of the select element
+ */
+export function renderSelect(selectId, options, optionText, selected, labelText) {
+    const select = `
+    <select id="${selectId}" class="_tw-m-2 _tw-border-2 _tw-px-1 _tw-rounded-lg
+    dark:_tw-text-white dark:_tw-bg-dark-mode-bg dark:_tw-border-dark-mode-content">
+        ${renderSelectOptions(options, optionText, selected)}
+    </select>`;
+    return `
+    ${renderLabel(labelText, selectId)}
+    ${select}
+    `;
+}
+/**
+ * Helper superclass to handle storing options used during rendering
+ * to allow re-rendering without needing to explicitly store used options each time
+ */
+export class Renderable {
+    get renderOptions() {
+        if (!this._renderOptions) {
+            throw new Error(`${this.constructor.name} not yet rendered!`);
+        }
+        return this._renderOptions;
+    }
+    /**
+     * Render this component into the DOM
+     * @param {Options} options Optional options to render with. If omitted, stored options are used
+     */
+    render(options) {
+        if (options) {
+            this._renderOptions = options;
+        }
+        this._render(this.renderOptions);
+    }
+}
+//# sourceMappingURL=Rendering.js.map

package/dist/util/Rendering.js.map

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

package/dist/util/Util.d.ts

@@ -8,7 +8,7 @@ export declare function getLocales(): Array<string>;
 /**
  * Helper type to access a HTML element, either via its id or the element itself
  */
-declare type ElementIdentifier = string | HTMLElement;
+type ElementIdentifier = string | HTMLElement;
 /**
  * Resolve an ElementIdentifier to the corresponding HTLMElement
  * @param {ElementIdentifier} elementId The identifier for the element

package/dist/util/Util.js

@@ -0,0 +1,148 @@
+import I18n from "i18n-js";
+import { TRANSLATIONS } from "../Translations";
+import { LogType, papyrosLog } from "./Logging";
+// Shorthand for ease of use
+export const t = I18n.t;
+/**
+ * Add the translations for Papyros to the I18n instance
+ */
+export function loadTranslations() {
+    for (const [language, translations] of Object.entries(TRANSLATIONS)) {
+        // Add keys to already existing translations if they exist
+        I18n.translations[language] = Object.assign((I18n.translations[language] || {}), translations);
+    }
+}
+export function getLocales() {
+    return Object.keys(TRANSLATIONS);
+}
+/**
+ * Resolve an ElementIdentifier to the corresponding HTLMElement
+ * @param {ElementIdentifier} elementId The identifier for the element
+ * @return {T} The corresponding element
+ */
+export function getElement(elementId) {
+    if (typeof elementId === "string") {
+        return document.getElementById(elementId);
+    }
+    else {
+        return elementId;
+    }
+}
+/**
+ * Add a listener to an HTML element for an event on an attribute
+ * Element attributes tend to be strings, but string Enums can also be used
+ * by using the type-parameter T
+ * @param {ElementIdentifier} elementId Identifier for the element
+ * @param {function(T)} onEvent The listener for the event
+ * @param {string} eventType The type of the event
+ * @param {string} attribute The attribute affected by the event
+ */
+export function addListener(elementId, onEvent, eventType = "change", attribute = "value") {
+    const element = getElement(elementId);
+    element.addEventListener(eventType, () => {
+        onEvent(element[attribute] || element.getAttribute(attribute));
+    });
+}
+/**
+ * Unset the selected item of a select element to prevent a default selection
+ * @param {ElementIdentifier} selectId Identifier for the select element
+ */
+export function removeSelection(selectId) {
+    getElement(selectId).selectedIndex = -1;
+}
+/**
+ * Parse the data contained within a PapyrosEvent using its contentType
+ * Supported content types are: text/plain, text/json, img/png;base64
+ * @param {string} data The data to parse
+ * @param {string} contentType The content type of the data
+ * @return {any} The parsed data
+ */
+export function parseData(data, contentType) {
+    if (!contentType) {
+        return data;
+    }
+    const [baseType, specificType] = contentType.split("/");
+    switch (baseType) {
+        case "text": {
+            switch (specificType) {
+                case "plain": {
+                    return data;
+                }
+                case "json": {
+                    return JSON.parse(data);
+                }
+                case "integer": {
+                    return parseInt(data);
+                }
+                case "float": {
+                    return parseFloat(data);
+                }
+            }
+            break;
+        }
+        case "img": {
+            switch (specificType) {
+                case "png;base64": {
+                    return data;
+                }
+            }
+            break;
+        }
+        case "application": {
+            // Content such as application/json does not need parsing as it is in the correct shape
+            return data;
+        }
+    }
+    papyrosLog(LogType.Important, `Unhandled content type: ${contentType}`);
+    return data;
+}
+export function downloadResults(data, filename) {
+    const blob = new Blob([data], { type: "text/plain" });
+    const elem = window.document.createElement("a");
+    // Cast URL to any as TypeScript doesn't recognize it properly
+    // error TS2339: Property 'revokeObjectURL' does not exist on type
+    const windowUrl = URL;
+    elem.href = windowUrl.createObjectURL(blob);
+    elem.download = filename;
+    document.body.appendChild(elem);
+    elem.click();
+    document.body.removeChild(elem);
+    windowUrl.revokeObjectURL(elem.href);
+}
+/**
+ * Obtain the url of the current page without hashes, identifiers, query params, ...
+ * @param {boolean} endingSlash Whether the url should end in a slash
+ * @return {string} The current url
+ */
+export function cleanCurrentUrl(endingSlash = false) {
+    let url = location.origin + location.pathname;
+    if (endingSlash && !url.endsWith("/")) {
+        url += "/";
+    }
+    else if (!endingSlash && url.endsWith("/")) {
+        url = url.slice(0, url.length - 1);
+    }
+    return url;
+}
+/**
+ * Focus an element, setting the user's caret at the end of the contents
+ * Needed to ensure focusing a contenteditable element works as expected
+ * @param {HTMLElement} el The element to focus
+ */
+export function placeCaretAtEnd(el) {
+    // eslint-disable-next-line max-len
+    // Source: https://stackoverflow.com/questions/4233265/contenteditable-set-caret-at-the-end-of-the-text-cross-browser
+    el.focus();
+    if (typeof window.getSelection !== "undefined" &&
+        typeof document.createRange !== "undefined") {
+        const range = document.createRange();
+        range.selectNodeContents(el);
+        range.collapse(false);
+        const sel = window.getSelection();
+        if (sel) {
+            sel.removeAllRanges();
+            sel.addRange(range);
+        }
+    }
+}
+//# sourceMappingURL=Util.js.map

package/dist/util/Util.js.map

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

package/dist/workers/input/InputWorker.js

@@ -1 +1,63 @@
-!function(e,t){"object"==typeof exports&&"object"==typeof module?module.exports=t():"function"==typeof define&&define.amd?define([],t):"object"==typeof exports?exports.Papyros=t():e.Papyros=t()}(self,(()=>(()=>{var e={137:e=>{self,e.exports=(()=>{"use strict";var e={d:(t,r)=>{for(var n in r)e.o(r,n)&&!e.o(t,n)&&Object.defineProperty(t,n,{enumerable:!0,get:r[n]})},o:(e,t)=>Object.prototype.hasOwnProperty.call(e,t),r:e=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})}},t={};e.r(t),e.d(t,{isServiceWorkerRequest:()=>s,serviceWorkerFetchListener:()=>i,asyncSleep:()=>u,ServiceWorkerError:()=>c,writeMessageAtomics:()=>a,writeMessageServiceWorker:()=>f,writeMessage:()=>d,makeChannel:()=>l,makeAtomicsChannel:()=>y,makeServiceWorkerChannel:()=>p,readMessage:()=>h,syncSleep:()=>v,uuidv4:()=>g});var r=function(e,t,r,n){return new(r||(r=Promise))((function(o,s){function i(e){try{c(n.next(e))}catch(e){s(e)}}function u(e){try{c(n.throw(e))}catch(e){s(e)}}function c(e){var t;e.done?o(e.value):(t=e.value,t instanceof r?t:new r((function(e){e(t)}))).then(i,u)}c((n=n.apply(e,t||[])).next())}))};const n="__SyncMessageServiceWorkerInput__",o="__sync-message-v2__";function s(e){return"string"!=typeof e&&(e=e.request.url),e.includes(n)}function i(){const e={},t={};return n=>{const{url:i}=n.request;return!!s(i)&&(n.respondWith(function(){return r(this,void 0,void 0,(function*(){function r(e){const t={message:e,version:o};return new Response(JSON.stringify(t),{status:200})}if(i.endsWith("/read")){const{messageId:o,timeout:s}=yield n.request.json(),i=e[o];return i?(delete e[o],r(i)):yield new Promise((e=>{t[o]=e,setTimeout((function(){delete t[o],e(new Response("",{status:408}))}),s)}))}if(i.endsWith("/write")){const{message:o,messageId:s}=yield n.request.json(),i=t[s];return i?(i(r(o)),delete t[s]):e[s]=o,r({early:!i})}if(i.endsWith("/version"))return new Response(o,{status:200})}))}()),!0)}}function u(e){return new Promise((t=>setTimeout(t,e)))}class c extends Error{constructor(e,t){super(`Received status ${t} from ${e}. Ensure the service worker is registered and active.`),this.url=e,this.status=t,this.type="ServiceWorkerError",Object.setPrototypeOf(this,c.prototype)}}function a(e,t){const r=(new TextEncoder).encode(JSON.stringify(t)),{data:n,meta:o}=e;if(r.length>n.length)throw new Error("Message is too big, increase bufferSize when making channel.");n.set(r,0),Atomics.store(o,0,r.length),Atomics.store(o,1,1),Atomics.notify(o,1)}function f(e,t,n){return r(this,void 0,void 0,(function*(){yield navigator.serviceWorker.ready;const r=e.baseUrl+"/write",s=Date.now();for(;;){const i={message:t,messageId:n},a=yield fetch(r,{method:"POST",body:JSON.stringify(i)});if(200===a.status&&(yield a.json()).version===o)return;if(!(Date.now()-s<e.timeout))throw new c(r,a.status);yield u(100)}}))}function d(e,t,n){return r(this,void 0,void 0,(function*(){"atomics"===e.type?a(e,t):yield f(e,t,n)}))}function l(e={}){return"undefined"!=typeof SharedArrayBuffer?y(e.atomics):"serviceWorker"in navigator?p(e.serviceWorker):null}function y({bufferSize:e}={}){return{type:"atomics",data:new Uint8Array(new SharedArrayBuffer(e||131072)),meta:new Int32Array(new SharedArrayBuffer(2*Int32Array.BYTES_PER_ELEMENT))}}function p(e={}){return{type:"serviceWorker",baseUrl:(e.scope||"/")+n,timeout:e.timeout||5e3}}function m(e,t){return e>0?+e:t}function h(e,t,{checkInterrupt:r,checkTimeout:n,timeout:s}={}){const i=performance.now();n=m(n,r?100:5e3);const u=m(s,Number.POSITIVE_INFINITY);let a;if("atomics"===e.type){const{data:t,meta:r}=e;a=()=>{if("timed-out"===Atomics.wait(r,1,0,n))return null;{const e=Atomics.exchange(r,0,0),n=t.slice(0,e);Atomics.store(r,1,0);const o=(new TextDecoder).decode(n);return JSON.parse(o)}}}else a=()=>{const r=new XMLHttpRequest,s=e.baseUrl+"/read";r.open("POST",s,!1);const u={messageId:t,timeout:n};r.send(JSON.stringify(u));const{status:a}=r;if(408===a)return null;if(200===a){const e=JSON.parse(r.responseText);return e.version!==o?null:e.message}if(performance.now()-i<e.timeout)return null;throw new c(s,a)};for(;;){const e=u-(performance.now()-i);if(e<=0)return null;n=Math.min(n,e);const t=a();if(null!==t)return t;if(null==r?void 0:r())return null}}function v(e,t){if(e=m(e,0))if("undefined"!=typeof SharedArrayBuffer){const t=new Int32Array(new SharedArrayBuffer(Int32Array.BYTES_PER_ELEMENT));t[0]=0,Atomics.wait(t,0,0,e)}else h(t,`sleep ${e} ${g()}`,{timeout:e})}let g;return g="randomUUID"in crypto?function(){return crypto.randomUUID()}:function(){return"10000000-1000-4000-8000-100000000000".replace(/[018]/g,(e=>{const t=Number(e);return(t^crypto.getRandomValues(new Uint8Array(1))[0]&15>>t/4).toString(16)}))},t})()}},t={};function r(n){var o=t[n];if(void 0!==o)return o.exports;var s=t[n]={exports:{}};return e[n](s,s.exports,r),s.exports}r.n=e=>{var t=e&&e.__esModule?()=>e.default:()=>e;return r.d(t,{a:t}),t},r.d=(e,t)=>{for(var n in t)r.o(t,n)&&!r.o(e,n)&&Object.defineProperty(e,n,{enumerable:!0,get:t[n]})},r.o=(e,t)=>Object.prototype.hasOwnProperty.call(e,t),r.r=e=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})};var n={};return(()=>{"use strict";r.r(n),r.d(n,{InputWorker:()=>o});var e=r(137),t=function(e,t,r,n){return new(r||(r=Promise))((function(o,s){function i(e){try{c(n.next(e))}catch(e){s(e)}}function u(e){try{c(n.throw(e))}catch(e){s(e)}}function c(e){var t;e.done?o(e.value):(t=e.value,t instanceof r?t:new r((function(e){e(t)}))).then(i,u)}c((n=n.apply(e,t||[])).next())}))};class o{constructor(t=""){this.hostName=t,this.syncMessageListener=(0,e.serviceWorkerFetchListener)()}handleInputRequest(e){return t(this,void 0,void 0,(function*(){if(this.syncMessageListener(e))return!0;const t=e.request.url;return!(!this.hostName||!t.includes(this.hostName))&&(e.respondWith(fetch(e.request).then((e=>{const t=new Headers(e.headers);t.set("Cross-Origin-Embedder-Policy","require-corp"),t.set("Cross-Origin-Opener-Policy","same-origin"),t.set("Cross-Origin-Resource-Policy","cross-origin");return new Response(e.body,{status:e.status||200,statusText:e.statusText,headers:t})}))),!0)}))}}})(),n})()));
+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/workers/input/InputWorker.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"InputWorker.js","sourceRoot":"","sources":["../../../src/workers/input/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/workers/javascript/JavaScriptWorker.d.ts

@@ -0,0 +1,39 @@
+import { Backend, WorkerDiagnostic } from "../../Backend";
+import { SyncExtras } from "comsync";
+/**
+ * Implementation of a JavaScript backend for Papyros
+ * by using eval and overriding some builtins
+ */
+export declare class JavaScriptWorker extends Backend<SyncExtras> {
+    /**
+     * Convert varargs to a string, similar to how the console does it
+     * @param {any[]} args The values to join into a string
+     * @return {string} The string representation
+     */
+    private static stringify;
+    /**
+     * Prompt the user for input with a message
+     * @param {string} text The message to show when asking for input
+     * @return {string} The value the user gave
+     */
+    private prompt;
+    /**
+     * Print values to the output screen
+     * @param {any[]} args The values to log
+     */
+    private consoleLog;
+    /**
+     * Print values to the error screen
+     * @param {any[]} args The error values to log
+     */
+    private consoleError;
+    /**
+     * Helper method to generate suggestions based on properties in an object
+     * @param {number} from Where in the document the autocompletion starts
+     * @param {any} object Object with properties that might be relevant
+     * @return {CompletionResult} Autocompletion suggestions
+     */
+    private static completeProperties;
+    runCode(extras: SyncExtras, code: string): Promise<any>;
+    lintCode(): Promise<Array<WorkerDiagnostic>>;
+}