@dodona/papyros 0.1.61 → 0.1.91-tar

package/dist/input/BatchInputHandler.d.ts

@@ -0,0 +1,31 @@
+import { InputMode } from "../InputManager";
+import { RenderOptions } from "../util/Util";
+import { UserInputHandler } from "./UserInputHandler";
+export declare class BatchInputHandler extends UserInputHandler {
+    /**
+     * The index of the next line in lines to send
+     */
+    private lineNr;
+    /**
+     * The previous input of the user
+     * Is restored upon switching back to InputMode.Batch
+     */
+    private previousInput;
+    /**
+     * Construct a new BatchInputHandler
+     * @param {function()} inputCallback  Callback for when the user has entered a value
+     */
+    constructor(inputCallback: () => void);
+    onToggle(active: boolean): void;
+    getInputMode(): InputMode;
+    /**
+     * Retrieve the lines of input that the user has given so far
+     * @return {Array<string>} The entered lines
+     */
+    protected get lines(): Array<string>;
+    hasNext(): boolean;
+    next(): string;
+    onRunStart(): void;
+    onRunEnd(): void;
+    render(options: RenderOptions): HTMLElement;
+}

package/dist/input/InteractiveInputHandler.d.ts

@@ -0,0 +1,20 @@
+import { InputMode } from "../InputManager";
+import { RenderOptions } from "../util/Util";
+import { UserInputHandler } from "./UserInputHandler";
+/**
+ * Input handler that takes input from the user in an interactive fashion
+ */
+export declare class InteractiveInputHandler extends UserInputHandler {
+    /**
+     * Retrieve the button that users can click to send their input
+     */
+    get sendButton(): HTMLButtonElement;
+    getInputMode(): InputMode;
+    hasNext(): boolean;
+    next(): string;
+    waitWithPrompt(waiting: boolean, prompt?: string): void;
+    onToggle(): void;
+    onRunStart(): void;
+    onRunEnd(): void;
+    render(options: RenderOptions): HTMLElement;
+}

package/dist/input/UserInputHandler.d.ts

@@ -0,0 +1,61 @@
+import { InputMode } from "../InputManager";
+import { RenderOptions } from "../util/Util";
+/**
+ * Base class for components that handle input from the user
+ */
+export declare abstract class UserInputHandler {
+    /**
+     * Whether we are waiting for the user to input data
+     */
+    protected waiting: boolean;
+    protected inputCallback: () => void;
+    /**
+     * Construct a new UserInputHandler
+     * @param {function()} inputCallback  Callback for when the user has entered a value
+     */
+    constructor(inputCallback: () => void);
+    /**
+     * Whether this handler has input ready
+     */
+    abstract hasNext(): boolean;
+    /**
+     * Consume and return the next input value
+     *
+     * Assumes hasNext() has been called and returned true,
+     * otherwise behaviour can produce incorrect results
+     * @return {string} The next value
+     */
+    abstract next(): string;
+    /**
+     * Render this UserInputHandler with the given options
+     * @param {RenderOptions} options The options to use while rendering
+     * @return {HTMLElement} The parent with the new content
+     */
+    abstract render(options: RenderOptions): HTMLElement;
+    abstract onRunStart(): void;
+    abstract onRunEnd(): void;
+    /**
+     * Retrieve the InputMode corresponding to this handler
+     * @return {InputMode} The InputMode enum value
+     */
+    abstract getInputMode(): InputMode;
+    /**
+     * Enable or disable this UserInputHandler
+     * @param {boolean} active Whether this component is active
+     */
+    abstract onToggle(active: boolean): void;
+    /**
+     * Retrieve the HTMLInputElement for this InputHandler
+     */
+    get inputArea(): HTMLInputElement;
+    /**
+     * 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: boolean, prompt?: string): void;
+    /**
+     * Helper method to reset internal state
+     */
+    protected reset(): void;
+}

package/dist/inputServiceWorker.js

@@ -1 +1 @@
-(()=>{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,{serviceWorkerFetchListener:()=>u,asyncSleep:()=>c,ServiceWorkerError:()=>f,writeMessageAtomics:()=>p,writeMessageServiceWorker:()=>h,writeMessage:()=>d,makeChannel:()=>v,makeAtomicsChannel:()=>y,makeServiceWorkerChannel:()=>w,readMessage:()=>m,syncSleep:()=>g,uuidv4:()=>l});var r,n=(r=function(e,t){return r=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(e,t){e.__proto__=t}||function(e,t){for(var r in t)Object.prototype.hasOwnProperty.call(t,r)&&(e[r]=t[r])},r(e,t)},function(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Class extends value "+String(t)+" is not a constructor or null");function n(){this.constructor=e}r(e,t),e.prototype=null===t?Object.create(t):(n.prototype=t.prototype,new n)}),o=function(e,t,r,n){return new(r||(r=Promise))((function(o,i){function a(e){try{u(n.next(e))}catch(e){i(e)}}function s(e){try{u(n.throw(e))}catch(e){i(e)}}function u(e){var t;e.done?o(e.value):(t=e.value,t instanceof r?t:new r((function(e){e(t)}))).then(a,s)}u((n=n.apply(e,t||[])).next())}))},i=function(e,t){var r,n,o,i,a={label:0,sent:function(){if(1&o[0])throw o[1];return o[1]},trys:[],ops:[]};return i={next:s(0),throw:s(1),return:s(2)},"function"==typeof Symbol&&(i[Symbol.iterator]=function(){return this}),i;function s(i){return function(s){return function(i){if(r)throw new TypeError("Generator is already executing.");for(;a;)try{if(r=1,n&&(o=2&i[0]?n.return:i[0]?n.throw||((o=n.return)&&o.call(n),0):n.next)&&!(o=o.call(n,i[1])).done)return o;switch(n=0,o&&(i=[2&i[0],o.value]),i[0]){case 0:case 1:o=i;break;case 4:return a.label++,{value:i[1],done:!1};case 5:a.label++,n=i[1],i=[0];continue;case 7:i=a.ops.pop(),a.trys.pop();continue;default:if(!((o=(o=a.trys).length>0&&o[o.length-1])||6!==i[0]&&2!==i[0])){a=0;continue}if(3===i[0]&&(!o||i[1]>o[0]&&i[1]<o[3])){a.label=i[1];break}if(6===i[0]&&a.label<o[1]){a.label=o[1],o=i;break}if(o&&a.label<o[2]){a.label=o[2],a.ops.push(i);break}o[2]&&a.ops.pop(),a.trys.pop();continue}i=t.call(e,a)}catch(e){i=[6,e],n=0}finally{r=o=0}if(5&i[0])throw i[1];return{value:i[0]?i[1]:void 0,done:!0}}([i,s])}}},a="__SyncMessageServiceWorkerInput__",s="__sync-message-v2__";function u(){var e={},t={};return function(r){var n=r.request.url;return!!n.includes(a)&&(r.respondWith(function(){return o(this,void 0,void 0,(function(){function o(e){var t={message:e,version:s};return new Response(JSON.stringify(t),{status:200})}var a,u,c,l,f,p,h,d;return i(this,(function(i){switch(i.label){case 0:return n.endsWith("/read")?[4,r.request.json()]:[3,5];case 1:return a=i.sent(),u=a.messageId,c=a.timeout,(l=e[u])?(delete e[u],[2,o(l)]):[3,2];case 2:return[4,new Promise((function(e){t[u]=e,setTimeout((function(){delete t[u],e(new Response("",{status:408}))}),c)}))];case 3:return[2,i.sent()];case 4:return[3,8];case 5:return n.endsWith("/write")?[4,r.request.json()]:[3,7];case 6:return f=i.sent(),p=f.message,h=f.messageId,(d=t[h])?(d(o(p)),delete t[h]):e[h]=p,[2,o({early:!d})];case 7:if(n.endsWith("/version"))return[2,new Response(s,{status:200})];i.label=8;case 8:return[2]}}))}))}()),!0)}}function c(e){return new Promise((function(t){return setTimeout(t,e)}))}var l,f=function(e){function t(r,n){var o=e.call(this,"Received status ".concat(n," from ").concat(r,". Ensure the service worker is registered and active."))||this;return o.url=r,o.status=n,Object.setPrototypeOf(o,t.prototype),o}return n(t,e),t}(Error);function p(e,t){var r=(new TextEncoder).encode(JSON.stringify(t)),n=e.data,o=e.meta;if(r.length>n.length)throw"Input is too long";n.set(r,0),Atomics.store(o,0,r.length),Atomics.store(o,1,1),Atomics.notify(o,1)}function h(e,t,r){return o(this,void 0,void 0,(function(){var n,o,a,u,l;return i(this,(function(i){switch(i.label){case 0:return[4,navigator.serviceWorker.ready];case 1:i.sent(),n=e.baseUrl+"/write",o=Date.now(),i.label=2;case 2:return a={message:t,messageId:r},[4,fetch(n,{method:"POST",body:JSON.stringify(a)})];case 3:return u=i.sent(),(l=200===u.status)?[4,u.json()]:[3,5];case 4:l=i.sent().version===s,i.label=5;case 5:return l?[2]:Date.now()-o<e.timeout?[4,c(100)]:[3,7];case 6:return i.sent(),[3,2];case 7:throw new f(n,u.status);case 8:return[2]}}))}))}function d(e,t,r){return o(this,void 0,void 0,(function(){return i(this,(function(n){switch(n.label){case 0:return"atomics"!==e.type?[3,1]:(p(e,t),[3,3]);case 1:return[4,h(e,t,r)];case 2:n.sent(),n.label=3;case 3:return[2]}}))}))}function v(e){return void 0===e&&(e={}),"undefined"!=typeof SharedArrayBuffer?y(e.atomics):"serviceWorker"in navigator?w(e.serviceWorker):null}function y(e){var t=(void 0===e?{}:e).bufferSize;return{type:"atomics",data:new Uint8Array(new SharedArrayBuffer(t||131072)),meta:new Int32Array(new SharedArrayBuffer(2*Int32Array.BYTES_PER_ELEMENT))}}function w(e){return void 0===e&&(e={}),{type:"serviceWorker",baseUrl:(e.scope||"/")+a,timeout:e.timeout||5e3}}function b(e,t){return e>0?+e:t}function m(e,t,r){var n=void 0===r?{}:r,o=n.checkInterrupt,i=n.checkTimeout,a=n.timeout,u=performance.now();i=b(i,o?100:5e3);var c,l=b(a,Number.POSITIVE_INFINITY);if("atomics"===e.type){var p=e.data,h=e.meta;c=function(){if("timed-out"===Atomics.wait(h,1,0,i))return null;var e=Atomics.exchange(h,0,0),t=p.slice(0,e);Atomics.store(h,1,0);var r=(new TextDecoder).decode(t);return JSON.parse(r)}}else c=function(){var r=new XMLHttpRequest,n=e.baseUrl+"/read";r.open("POST",n,!1);var o={messageId:t,timeout:i};r.send(JSON.stringify(o));var a=r.status;if(408===a)return null;if(200===a){var c=JSON.parse(r.responseText);return c.version!==s?null:c.message}if(performance.now()-u<e.timeout)return null;throw new f(n,a)};for(;;){var d=l-(performance.now()-u);if(d<=0)return null;i=Math.min(i,d);var v=c();if(null!==v)return v;if(null==o?void 0:o())return null}}function g(e,t){if(e=b(e,0))if("undefined"!=typeof SharedArrayBuffer){var r=new Int32Array(new SharedArrayBuffer(Int32Array.BYTES_PER_ELEMENT));r[0]=0,Atomics.wait(r,0,0,e)}else m(t,"sleep ".concat(e," ").concat(l()),{timeout:e})}return l="randomUUID"in crypto?function(){return crypto.randomUUID()}:function(){return"10000000-1000-4000-8000-100000000000".replace(/[018]/g,(function(e){var 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 i=t[n]={exports:{}};return e[n](i,i.exports,r),i.exports}(()=>{"use strict";var e=r(137),t=function(){function t(t){this.syncMessageListener=(0,e.serviceWorkerFetchListener)(),this.hostName=t}return t.prototype.handleInputRequest=function(e){return t=this,r=void 0,o=function(){var t;return function(e,t){var r,n,o,i,a={label:0,sent:function(){if(1&o[0])throw o[1];return o[1]},trys:[],ops:[]};return i={next:s(0),throw:s(1),return:s(2)},"function"==typeof Symbol&&(i[Symbol.iterator]=function(){return this}),i;function s(i){return function(s){return function(i){if(r)throw new TypeError("Generator is already executing.");for(;a;)try{if(r=1,n&&(o=2&i[0]?n.return:i[0]?n.throw||((o=n.return)&&o.call(n),0):n.next)&&!(o=o.call(n,i[1])).done)return o;switch(n=0,o&&(i=[2&i[0],o.value]),i[0]){case 0:case 1:o=i;break;case 4:return a.label++,{value:i[1],done:!1};case 5:a.label++,n=i[1],i=[0];continue;case 7:i=a.ops.pop(),a.trys.pop();continue;default:if(!((o=(o=a.trys).length>0&&o[o.length-1])||6!==i[0]&&2!==i[0])){a=0;continue}if(3===i[0]&&(!o||i[1]>o[0]&&i[1]<o[3])){a.label=i[1];break}if(6===i[0]&&a.label<o[1]){a.label=o[1],o=i;break}if(o&&a.label<o[2]){a.label=o[2],a.ops.push(i);break}o[2]&&a.ops.pop(),a.trys.pop();continue}i=t.call(e,a)}catch(e){i=[6,e],n=0}finally{r=o=0}if(5&i[0])throw i[1];return{value:i[0]?i[1]:void 0,done:!0}}([i,s])}}}(this,(function(r){return this.syncMessageListener(e)?[2,!0]:e.request.url.includes(this.hostName)?(t=fetch(e.request).then((function(e){var t=new Headers(e.headers);return t.set("Cross-Origin-Embedder-Policy","require-corp"),t.set("Cross-Origin-Opener-Policy","same-origin"),t.set("Cross-Origin-Resource-Policy","cross-origin"),new Response(e.body,{status:e.status||200,statusText:e.statusText,headers:t})})),e.respondWith(t),[2,!0]):[2,!1]}))},new((n=void 0)||(n=Promise))((function(e,i){function a(e){try{u(o.next(e))}catch(e){i(e)}}function s(e){try{u(o.throw(e))}catch(e){i(e)}}function u(t){var r;t.done?e(t.value):(r=t.value,r instanceof n?r:new n((function(e){e(r)}))).then(a,s)}u((o=o.apply(t,r||[])).next())}));var t,r,n,o},t}(),n=new t(location.host);addEventListener("fetch",(function(e){return t=this,r=void 0,i=function(){return function(e,t){var r,n,o,i,a={label:0,sent:function(){if(1&o[0])throw o[1];return o[1]},trys:[],ops:[]};return i={next:s(0),throw:s(1),return:s(2)},"function"==typeof Symbol&&(i[Symbol.iterator]=function(){return this}),i;function s(i){return function(s){return function(i){if(r)throw new TypeError("Generator is already executing.");for(;a;)try{if(r=1,n&&(o=2&i[0]?n.return:i[0]?n.throw||((o=n.return)&&o.call(n),0):n.next)&&!(o=o.call(n,i[1])).done)return o;switch(n=0,o&&(i=[2&i[0],o.value]),i[0]){case 0:case 1:o=i;break;case 4:return a.label++,{value:i[1],done:!1};case 5:a.label++,n=i[1],i=[0];continue;case 7:i=a.ops.pop(),a.trys.pop();continue;default:if(!((o=(o=a.trys).length>0&&o[o.length-1])||6!==i[0]&&2!==i[0])){a=0;continue}if(3===i[0]&&(!o||i[1]>o[0]&&i[1]<o[3])){a.label=i[1];break}if(6===i[0]&&a.label<o[1]){a.label=o[1],o=i;break}if(o&&a.label<o[2]){a.label=o[2],a.ops.push(i);break}o[2]&&a.ops.pop(),a.trys.pop();continue}i=t.call(e,a)}catch(e){i=[6,e],n=0}finally{r=o=0}if(5&i[0])throw i[1];return{value:i[0]?i[1]:void 0,done:!0}}([i,s])}}}(this,(function(t){switch(t.label){case 0:return[4,n.handleInputRequest(e)];case 1:return t.sent()||e.respondWith(fetch(e.request)),[2]}}))},new((o=void 0)||(o=Promise))((function(e,n){function a(e){try{u(i.next(e))}catch(e){n(e)}}function s(e){try{u(i.throw(e))}catch(e){n(e)}}function u(t){var r;t.done?e(t.value):(r=t.value,r instanceof o?r:new o((function(e){e(r)}))).then(a,s)}u((i=i.apply(t,r||[])).next())}));var t,r,o,i})),addEventListener("install",(function(e){e.waitUntil(skipWaiting())})),addEventListener("activate",(function(e){e.waitUntil(clients.claim())}))})()})();
+!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,(function(){return(()=>{var e={137:e=>{self,e.exports=(()=>{"use strict";var e={d:(t,n)=>{for(var r in n)e.o(n,r)&&!e.o(t,r)&&Object.defineProperty(t,r,{enumerable:!0,get:n[r]})},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,{serviceWorkerFetchListener:()=>i,asyncSleep:()=>s,ServiceWorkerError:()=>u,writeMessageAtomics:()=>a,writeMessageServiceWorker:()=>c,writeMessage:()=>l,makeChannel:()=>f,makeAtomicsChannel:()=>d,makeServiceWorkerChannel:()=>p,readMessage:()=>h,syncSleep:()=>m,uuidv4:()=>v});var n=function(e,t,n,r){return new(n||(n=Promise))((function(o,i){function s(e){try{a(r.next(e))}catch(e){i(e)}}function u(e){try{a(r.throw(e))}catch(e){i(e)}}function a(e){var t;e.done?o(e.value):(t=e.value,t instanceof n?t:new n((function(e){e(t)}))).then(s,u)}a((r=r.apply(e,t||[])).next())}))};const r="__SyncMessageServiceWorkerInput__",o="__sync-message-v2__";function i(){const e={},t={};return i=>{const{url:s}=i.request;return!!s.includes(r)&&(i.respondWith(function(){return n(this,void 0,void 0,(function*(){function n(e){const t={message:e,version:o};return new Response(JSON.stringify(t),{status:200})}if(s.endsWith("/read")){const{messageId:r,timeout:o}=yield i.request.json(),s=e[r];return s?(delete e[r],n(s)):yield new Promise((e=>{t[r]=e,setTimeout((function(){delete t[r],e(new Response("",{status:408}))}),o)}))}if(s.endsWith("/write")){const{message:r,messageId:o}=yield i.request.json(),s=t[o];return s?(s(n(r)),delete t[o]):e[o]=r,n({early:!s})}if(s.endsWith("/version"))return new Response(o,{status:200})}))}()),!0)}}function s(e){return new Promise((t=>setTimeout(t,e)))}class u 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,u.prototype)}}function a(e,t){const n=(new TextEncoder).encode(JSON.stringify(t)),{data:r,meta:o}=e;if(n.length>r.length)throw new Error("Message is too big, increase bufferSize when making channel.");r.set(n,0),Atomics.store(o,0,n.length),Atomics.store(o,1,1),Atomics.notify(o,1)}function c(e,t,r){return n(this,void 0,void 0,(function*(){yield navigator.serviceWorker.ready;const n=e.baseUrl+"/write",i=Date.now();for(;;){const a={message:t,messageId:r},c=yield fetch(n,{method:"POST",body:JSON.stringify(a)});if(200===c.status&&(yield c.json()).version===o)return;if(!(Date.now()-i<e.timeout))throw new u(n,c.status);yield s(100)}}))}function l(e,t,r){return n(this,void 0,void 0,(function*(){"atomics"===e.type?a(e,t):yield c(e,t,r)}))}function f(e={}){return"undefined"!=typeof SharedArrayBuffer?d(e.atomics):"serviceWorker"in navigator?p(e.serviceWorker):null}function d({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||"/")+r,timeout:e.timeout||5e3}}function y(e,t){return e>0?+e:t}function h(e,t,{checkInterrupt:n,checkTimeout:r,timeout:i}={}){const s=performance.now();r=y(r,n?100:5e3);const a=y(i,Number.POSITIVE_INFINITY);let c;if("atomics"===e.type){const{data:t,meta:n}=e;c=()=>{if("timed-out"===Atomics.wait(n,1,0,r))return null;{const e=Atomics.exchange(n,0,0),r=t.slice(0,e);Atomics.store(n,1,0);const o=(new TextDecoder).decode(r);return JSON.parse(o)}}}else c=()=>{const n=new XMLHttpRequest,i=e.baseUrl+"/read";n.open("POST",i,!1);const a={messageId:t,timeout:r};n.send(JSON.stringify(a));const{status:c}=n;if(408===c)return null;if(200===c){const e=JSON.parse(n.responseText);return e.version!==o?null:e.message}if(performance.now()-s<e.timeout)return null;throw new u(i,c)};for(;;){const e=a-(performance.now()-s);if(e<=0)return null;r=Math.min(r,e);const t=c();if(null!==t)return t;if(null==n?void 0:n())return null}}function m(e,t){if(e=y(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} ${v()}`,{timeout:e})}let v;return v="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 n(r){var o=t[r];if(void 0!==o)return o.exports;var i=t[r]={exports:{}};return e[r](i,i.exports,n),i.exports}n.r=e=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})};var r={};return(()=>{"use strict";n.r(r);var e=n(137),t=function(){function t(t){this.hostName=t,this.syncMessageListener=(0,e.serviceWorkerFetchListener)()}return t.prototype.handleInputRequest=function(e){return t=this,n=void 0,o=function(){return function(e,t){var n,r,o,i,s={label:0,sent:function(){if(1&o[0])throw o[1];return o[1]},trys:[],ops:[]};return i={next:u(0),throw:u(1),return:u(2)},"function"==typeof Symbol&&(i[Symbol.iterator]=function(){return this}),i;function u(i){return function(u){return function(i){if(n)throw new TypeError("Generator is already executing.");for(;s;)try{if(n=1,r&&(o=2&i[0]?r.return:i[0]?r.throw||((o=r.return)&&o.call(r),0):r.next)&&!(o=o.call(r,i[1])).done)return o;switch(r=0,o&&(i=[2&i[0],o.value]),i[0]){case 0:case 1:o=i;break;case 4:return s.label++,{value:i[1],done:!1};case 5:s.label++,r=i[1],i=[0];continue;case 7:i=s.ops.pop(),s.trys.pop();continue;default:if(!((o=(o=s.trys).length>0&&o[o.length-1])||6!==i[0]&&2!==i[0])){s=0;continue}if(3===i[0]&&(!o||i[1]>o[0]&&i[1]<o[3])){s.label=i[1];break}if(6===i[0]&&s.label<o[1]){s.label=o[1],o=i;break}if(o&&s.label<o[2]){s.label=o[2],s.ops.push(i);break}o[2]&&s.ops.pop(),s.trys.pop();continue}i=t.call(e,s)}catch(e){i=[6,e],r=0}finally{n=o=0}if(5&i[0])throw i[1];return{value:i[0]?i[1]:void 0,done:!0}}([i,u])}}}(this,(function(t){return this.syncMessageListener(e)?[2,!0]:e.request.url.includes(this.hostName)?(e.respondWith(fetch(e.request).then((function(e){var t=new Headers(e.headers);return t.set("Cross-Origin-Embedder-Policy","require-corp"),t.set("Cross-Origin-Opener-Policy","same-origin"),t.set("Cross-Origin-Resource-Policy","cross-origin"),new Response(e.body,{status:e.status||200,statusText:e.statusText,headers:t})}))),[2,!0]):[2,!1]}))},new((r=void 0)||(r=Promise))((function(e,i){function s(e){try{a(o.next(e))}catch(e){i(e)}}function u(e){try{a(o.throw(e))}catch(e){i(e)}}function a(t){var n;t.done?e(t.value):(n=t.value,n instanceof r?n:new r((function(e){e(n)}))).then(s,u)}a((o=o.apply(t,n||[])).next())}));var t,n,r,o},t}(),o=location.href,i=new t(o=o.slice(0,o.lastIndexOf("/")+1));addEventListener("fetch",(function(e){return t=this,n=void 0,o=function(){return function(e,t){var n,r,o,i,s={label:0,sent:function(){if(1&o[0])throw o[1];return o[1]},trys:[],ops:[]};return i={next:u(0),throw:u(1),return:u(2)},"function"==typeof Symbol&&(i[Symbol.iterator]=function(){return this}),i;function u(i){return function(u){return function(i){if(n)throw new TypeError("Generator is already executing.");for(;s;)try{if(n=1,r&&(o=2&i[0]?r.return:i[0]?r.throw||((o=r.return)&&o.call(r),0):r.next)&&!(o=o.call(r,i[1])).done)return o;switch(r=0,o&&(i=[2&i[0],o.value]),i[0]){case 0:case 1:o=i;break;case 4:return s.label++,{value:i[1],done:!1};case 5:s.label++,r=i[1],i=[0];continue;case 7:i=s.ops.pop(),s.trys.pop();continue;default:if(!((o=(o=s.trys).length>0&&o[o.length-1])||6!==i[0]&&2!==i[0])){s=0;continue}if(3===i[0]&&(!o||i[1]>o[0]&&i[1]<o[3])){s.label=i[1];break}if(6===i[0]&&s.label<o[1]){s.label=o[1],o=i;break}if(o&&s.label<o[2]){s.label=o[2],s.ops.push(i);break}o[2]&&s.ops.pop(),s.trys.pop();continue}i=t.call(e,s)}catch(e){i=[6,e],r=0}finally{n=o=0}if(5&i[0])throw i[1];return{value:i[0]?i[1]:void 0,done:!0}}([i,u])}}}(this,(function(t){switch(t.label){case 0:return[4,i.handleInputRequest(e)];case 1:return t.sent()||e.respondWith(fetch(e.request)),[2]}}))},new((r=void 0)||(r=Promise))((function(e,i){function s(e){try{a(o.next(e))}catch(e){i(e)}}function u(e){try{a(o.throw(e))}catch(e){i(e)}}function a(t){var n;t.done?e(t.value):(n=t.value,n instanceof r?n:new r((function(e){e(n)}))).then(s,u)}a((o=o.apply(t,n||[])).next())}));var t,n,r,o})),addEventListener("install",(function(e){e.waitUntil(skipWaiting())})),addEventListener("activate",(function(e){e.waitUntil(clients.claim())}))})(),r})()}));

package/dist/util/HTMLShapes.d.ts

@@ -1,2 +1,15 @@
+/**
+ * Draw a circle using an HTML svg element
+ * @param {string} id HTML id for this element
+ * @param {string} color The color of the circle
+ * @return {string} A string representation of the circle
+ */
 export declare const svgCircle: (id: string, color: string) => string;
+/**
+ * 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} color The color of the circle and the symbol
+ * @return {string} A string representation of the circle with content
+ */
 export declare const inCircle: (content: string, title: string, color: string) => string;

package/dist/util/Logging.d.ts

@@ -1,6 +1,15 @@
+/**
+ * Enum representing the importance of a log message
+ * This is helpful for debugging while allowing filtering in production
+ */
 export declare enum LogType {
     Debug = 0,
     Error = 1,
     Important = 2
 }
+/**
+ * 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 declare function papyrosLog(logType: LogType, ...args: any[]): void;

package/dist/util/Util.d.ts

@@ -1,15 +1,107 @@
 import I18n from "i18n-js";
 export declare const t: typeof I18n.t;
+/**
+ * Add the translations for Papyros to the I18n instance
+ */
 export declare function loadTranslations(): void;
 export declare function getLocales(): Array<string>;
+/**
+ * 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 declare function getSelectOptions<T>(options: Array<T>, optionText: (option: T) => string, selected?: T): string;
+/**
+ * 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 declare function renderSelect<T>(selectId: string, options: Array<T>, optionText: (option: T) => string, selected?: T, labelText?: string): string;
-export declare function addListener<T extends string>(elementId: string, onEvent: (e: T) => void, eventType?: string, attribute?: string): void;
+/**
+ * Interface for options to use while rendering a button element
+ */
+export interface ButtonOptions {
+    /**
+     * The HTML id of the button
+     */
+    id: string;
+    /**
+     * The text to display in the button, can also be HTML
+     */
+    buttonText: string;
+    /**
+     * Optional classes to apply to the button
+     */
+    extraClasses?: string;
+}
+/**
+ * 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 declare function renderButton(options: ButtonOptions): string;
+/**
+ * Helper type to access a HTML element, either via its id or the element itself
+ */
+declare type ElementIdentifier = string | HTMLElement;
+/**
+ * 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 declare function addListener<T extends string>(elementId: ElementIdentifier, onEvent: (e: T) => void, eventType?: string, attribute?: string): void;
+/**
+ * Unset the selected item of a select element to prevent a default selection
+ * @param {ElementIdentifier} selectId Identifier for the select element
+ */
 export declare function removeSelection(selectId: string): void;
+/**
+ * Useful options for rendering an element
+ */
 export interface RenderOptions {
+    /**
+     * String identifier for the parent in which the element will be rendered
+     */
     parentElementId: string;
+    /**
+     * Names of HTML classes to be added to the element, separated by 1 space
+     */
     classNames?: string;
+    /**
+     * Extra attributes to add to the element, such as style or data
+     */
     attributes?: Map<string, string>;
 }
-export declare function getElement(element: string | HTMLElement): HTMLElement;
+/**
+ * Resolve an ElementIdentifier to the corresponding HTLMElement
+ * @param {ElementIdentifier} elementId The identifier for the element
+ * @return {T} The corresponding element
+ */
+export declare function getElement<T extends HTMLElement>(elementId: ElementIdentifier): T;
+/**
+ * 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 declare function renderWithOptions(options: RenderOptions, content: string | HTMLElement): HTMLElement;
+/**
+ * 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 declare function parseData(data: string, contentType: string): any;
+export {};

package/dist/workers/input/InputWorker.d.ts

@@ -1,6 +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 {
-    hostName: string;
-    syncMessageListener: (e: FetchEvent) => boolean;
+    private hostName;
+    private syncMessageListener;
+    /**
+     * Create a worker for a specific domain
+     * @param {string} hostName The 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/workers/python/Pyodide.d.ts

@@ -1,9 +1,32 @@
+/**
+ * TypeScript interface for used Pyodide methods
+ */
 export interface Pyodide {
+    /**
+     * Runs a string of Python code from JavaScript.
+     */
     runPython: (code: string, globals?: any) => any;
+    /**
+     * Runs Python code using PyCF_ALLOW_TOP_LEVEL_AWAIT.
+     */
     runPythonAsync: (code: string) => Promise<void>;
+    /**
+     * Inspect a Python code chunk and use pyodide.loadPackage()
+     * to install any known packages that the code chunk imports.
+     */
     loadPackagesFromImports: (code: string) => Promise<void>;
+    /**
+     * Load a package or a list of packages over the network.
+     */
     loadPackage: (names: string | string[]) => Promise<void>;
+    /**
+     * An alias to the global Python namespace.
+     */
     globals: Map<string, any>;
+    unpackArchive: (buffer: ArrayBuffer, format: string, extractDir?: string) => void;
+    pyimport: (name: string) => any;
+    registerComlink: any;
+    setInterruptBuffer: (buffer: Int32Array) => void;
 }
 export declare const PYODIDE_INDEX_URL: string;
 export declare const PYODIDE_JS_URL: string;

package/dist/workers/python/PythonWorker.worker.d.ts

@@ -1,2 +1,4 @@
+import { Pyodide } from "./Pyodide";
+export declare function getPyodide(): Promise<Pyodide>;
 declare const _default: any;
 export default _default;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@dodona/papyros",
-  "version": "0.1.61",
+  "version": "0.1.91-tar",
   "private": false,
   "homepage": ".",
   "devDependencies": {
@@ -31,6 +31,7 @@
     "ts-jest": "^27.0.7",
     "ts-loader": "^9.2.6",
     "typescript": "^4.1.2",
+    "url-loader": "^4.1.1",
     "webpack": "^5.64.0",
     "webpack-cli": "^4.9.1",
     "webpack-dev-server": "^4.6.0",
@@ -51,12 +52,15 @@
     "@codemirror/search": "^0.19.3",
     "@codemirror/state": "^0.19.6",
     "comlink": "^4.3.1",
+    "comsync": "^0.0.6",
     "escape-html": "^1.0.3",
     "i18n-js": "^3.8.0",
-    "sync-message": "^0.0.8"
+    "pyodide-worker-runner": "^0.0.7",
+    "sync-message": "^0.0.9"
   },
   "scripts": {
-    "start": "webpack serve --mode development",
+    "start": "yarn setup && webpack serve --mode development",
+    "setup": "bash scripts/setup.sh",
     "build:package": "webpack build --mode production --env=entry=./src/Library.ts",
     "build:app": "webpack build --mode production --env=entry=./src/App.ts",
     "test": "echo No tests defined yet",

package/dist/PapyrosEvent.d.ts

@@ -1,6 +0,0 @@
-export interface PapyrosEvent {
-    type: "input" | "output" | "script" | "success" | "error";
-    data: string;
-    runId: number;
-    content?: string;
-}

package/dist/StatusPanel.d.ts

@@ -1,8 +0,0 @@
-import { RenderOptions } from "./util/Util";
-export declare class StatusPanel {
-    get statusSpinner(): HTMLElement;
-    get statusText(): HTMLElement;
-    showSpinner(show: boolean): void;
-    setStatus(status: string): void;
-    render(options: RenderOptions): HTMLElement;
-}

package/dist/library.d.ts

@@ -1,9 +0,0 @@
-import { CodeEditor } from "./CodeEditor";
-import { InputManager, InputMode } from "./InputManager";
-import { OutputManager } from "./OutputManager";
-import { Papyros } from "./Papyros";
-import { PapyrosEvent } from "./PapyrosEvent";
-import { StatusPanel } from "./StatusPanel";
-export * from "./ProgrammingLanguage";
-export type { PapyrosEvent };
-export { Papyros, CodeEditor, StatusPanel, InputManager, InputMode, OutputManager, };