@dodona/papyros 0.3.1 → 0.3.5

package/dist/OutputManager.d.ts

@@ -41,13 +41,13 @@ export declare class OutputManager extends Renderable {
     /**
      * Retrieve the parent element containing all output parts
      */
-    get outputArea(): HTMLElement;
+    private get outputArea();
     /**
      * Render an element in the next position of the output area
      * @param {string} html Safe string version of the next child to render
      * @param {boolean} isNewElement Whether this a newly generated element
      */
-    renderNextElement(html: string, isNewElement?: boolean): void;
+    private renderNextElement;
     /**
      * Convert a piece of text to a span element for displaying
      * @param {string} text The text content for the span
@@ -71,5 +71,5 @@ export declare class OutputManager extends Renderable {
      * Clear the contents of the output area
      */
     reset(): void;
-    onRunEnd(): void;
+    private onRunEnd;
 }

package/dist/Papyros.d.ts

@@ -72,15 +72,15 @@ export declare class Papyros extends Renderable<PapyrosRenderOptions> {
     /**
      * Config used to initialize Papyros
      */
-    config: PapyrosConfig;
+    private config;
     /**
      * Component to run code entered by the user
      */
-    codeRunner: CodeRunner;
+    readonly codeRunner: CodeRunner;
     /**
      * Component to handle output generated by the user's code
      */
-    outputManager: OutputManager;
+    readonly outputManager: OutputManager;
     /**
      * Construct a new Papyros instance
      * @param {PapyrosConfig} config Properties to configure this instance

package/dist/input/BatchInputHandler.d.ts

@@ -16,7 +16,7 @@ export declare class BatchInputHandler extends UserInputHandler {
      * @param {function()} inputCallback  Callback for when the user has entered a value
      */
     constructor(inputCallback: () => void);
-    onToggle(active: boolean): void;
+    toggle(active: boolean): void;
     getInputMode(): InputMode;
     /**
      * Retrieve the lines of input that the user has given so far

package/dist/input/InteractiveInputHandler.d.ts

@@ -8,12 +8,12 @@ export declare class InteractiveInputHandler extends UserInputHandler {
     /**
      * Retrieve the button that users can click to send their input
      */
-    get sendButton(): HTMLButtonElement;
+    private get sendButton();
     getInputMode(): InputMode;
     hasNext(): boolean;
     next(): string;
     waitWithPrompt(waiting: boolean, prompt?: string): void;
-    onToggle(): void;
+    toggle(): void;
     onRunStart(): void;
     onRunEnd(): void;
     protected _render(options: RenderOptions): void;

package/dist/input/UserInputHandler.d.ts

@@ -26,7 +26,13 @@ export declare abstract class UserInputHandler extends Renderable {
      * @return {string} The next value
      */
     abstract next(): string;
+    /**
+     * Method to call when a new run has started
+     */
     abstract onRunStart(): void;
+    /**
+     * Method to call when the run ended
+     */
     abstract onRunEnd(): void;
     /**
      * Retrieve the InputMode corresponding to this handler
@@ -37,7 +43,7 @@ export declare abstract class UserInputHandler extends Renderable {
      * Enable or disable this UserInputHandler
      * @param {boolean} active Whether this component is active
      */
-    abstract onToggle(active: boolean): void;
+    abstract toggle(active: boolean): void;
     /**
      * Retrieve the HTMLInputElement for this InputHandler
      */

package/dist/util/HTMLShapes.d.ts

@@ -4,7 +4,7 @@
  * @param {string} borderColors The tailwind color classes for the borders of the circle
  * @return {string} A string representation of the circle
  */
-export declare const spinningCircle: (id: string, borderColors: string) => string;
+export declare function renderSpinningCircle(id: string, borderColors: 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 !
@@ -12,4 +12,4 @@ export declare const spinningCircle: (id: string, borderColors: string) => strin
  * @param {string} colorClasses The classes to color the content
  * @return {string} A string representation of the circle with content
  */
-export declare const inCircle: (content: string, title: string, colorClasses: string) => string;
+export declare function renderInCircle(content: string, title: string, colorClasses: string): string;

package/dist/util/Rendering.d.ts

@@ -74,7 +74,7 @@ export declare function renderButton(options: ButtonOptions): 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 renderSelectOptions<T>(options: Array<T>, optionText: (option: T) => string, selected?: T): string;
+export declare function renderSelectOptions<T extends string>(options: Array<T>, optionText: (option: T) => string, selected?: T): string;
 /**
  * Build a string representation of an HTML label element
  * @param {string} labelText Optional text to display in a label
@@ -92,7 +92,7 @@ export declare function renderLabel(labelText: string | undefined, forElement: s
  * @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 renderSelect<T extends string>(selectId: string, options: Array<T>, optionText: (option: T) => string, selected?: T, labelText?: string): string;
 /**
  * Helper superclass to handle storing options used during rendering
  * to allow re-rendering without needing to explicitly store used options each time

package/dist/util/Util.d.ts

@@ -39,4 +39,10 @@ export declare function removeSelection(selectId: string): void;
  */
 export declare function parseData(data: string, contentType?: string): any;
 export declare function downloadResults(data: string, filename: string): void;
+/**
+ * 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 declare function cleanCurrentUrl(endingSlash?: boolean): string;
 export {};

package/dist/workers/input/InputWorker.js

@@ -0,0 +1 @@
+!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:()=>a,writeMessageAtomics:()=>c,writeMessageServiceWorker:()=>f,writeMessage:()=>l,makeChannel:()=>d,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{a(n.next(e))}catch(e){s(e)}}function u(e){try{a(n.throw(e))}catch(e){s(e)}}function a(e){var t;e.done?o(e.value):(t=e.value,t instanceof r?t:new r((function(e){e(t)}))).then(i,u)}a((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 a 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,a.prototype)}}function c(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},c=yield fetch(r,{method:"POST",body:JSON.stringify(i)});if(200===c.status&&(yield c.json()).version===o)return;if(!(Date.now()-s<e.timeout))throw new a(r,c.status);yield u(100)}}))}function l(e,t,n){return r(this,void 0,void 0,(function*(){"atomics"===e.type?c(e,t):yield f(e,t,n)}))}function d(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 c;if("atomics"===e.type){const{data:t,meta:r}=e;c=()=>{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 c=()=>{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:c}=r;if(408===c)return null;if(200===c){const e=JSON.parse(r.responseText);return e.version!==o?null:e.message}if(performance.now()-i<e.timeout)return null;throw new a(s,c)};for(;;){const e=u-(performance.now()-i);if(e<=0)return null;n=Math.min(n,e);const t=c();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:()=>s});var e=r(137),t=function(e,t,r,n){return new(r||(r=Promise))((function(o,s){function i(e){try{a(n.next(e))}catch(e){s(e)}}function u(e){try{a(n.throw(e))}catch(e){s(e)}}function a(e){var t;e.done?o(e.value):(t=e.value,t instanceof r?t:new r((function(e){e(t)}))).then(i,u)}a((n=n.apply(e,t||[])).next())}))},o=function(e,t){var r,n,o,s,i={label:0,sent:function(){if(1&o[0])throw o[1];return o[1]},trys:[],ops:[]};return s={next:u(0),throw:u(1),return:u(2)},"function"==typeof Symbol&&(s[Symbol.iterator]=function(){return this}),s;function u(s){return function(u){return function(s){if(r)throw new TypeError("Generator is already executing.");for(;i;)try{if(r=1,n&&(o=2&s[0]?n.return:s[0]?n.throw||((o=n.return)&&o.call(n),0):n.next)&&!(o=o.call(n,s[1])).done)return o;switch(n=0,o&&(s=[2&s[0],o.value]),s[0]){case 0:case 1:o=s;break;case 4:return i.label++,{value:s[1],done:!1};case 5:i.label++,n=s[1],s=[0];continue;case 7:s=i.ops.pop(),i.trys.pop();continue;default:if(!(o=i.trys,(o=o.length>0&&o[o.length-1])||6!==s[0]&&2!==s[0])){i=0;continue}if(3===s[0]&&(!o||s[1]>o[0]&&s[1]<o[3])){i.label=s[1];break}if(6===s[0]&&i.label<o[1]){i.label=o[1],o=s;break}if(o&&i.label<o[2]){i.label=o[2],i.ops.push(s);break}o[2]&&i.ops.pop(),i.trys.pop();continue}s=t.call(e,i)}catch(e){s=[6,e],n=0}finally{r=o=0}if(5&s[0])throw s[1];return{value:s[0]?s[1]:void 0,done:!0}}([s,u])}}},s=function(){function r(t){void 0===t&&(t=""),this.hostName=t,this.syncMessageListener=(0,e.serviceWorkerFetchListener)()}return r.prototype.handleInputRequest=function(e){return t(this,void 0,void 0,(function(){var t;return o(this,(function(r){return this.syncMessageListener(e)?[2,!0]:(t=e.request.url,this.hostName&&t.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])}))}))},r}()})(),n})()));

package/package.json

@@ -1,29 +1,25 @@
 {
   "name": "@dodona/papyros",
-  "version": "0.3.1",
+  "version": "0.3.5",
   "private": false,
   "homepage": ".",
   "devDependencies": {
     "@types/escape-html": "^1.0.1",
     "@types/i18n-js": "^3.8.2",
     "@types/jest": "27.4.1",
-    "@types/serviceworker": "^0.0.42",
+    "@types/serviceworker": "^0.0.43",
     "@typescript-eslint/eslint-plugin": "^5.21.0",
     "@typescript-eslint/parser": "^5.21.0",
     "autoprefixer": "^10.4.0",
     "css-loader": "^6.5.1",
     "eslint": "^7.11.0",
     "eslint-config-google": "^0.14.0",
-    "eslint-plugin-flowtype": "^7.0.0",
-    "eslint-plugin-import": "^2.22.1",
     "eslint-plugin-jest": "^26.1.5",
-    "eslint-webpack-plugin": "^3.1.1",
     "i18n-extract": "^0.6.7",
     "jest": "27.0.0",
     "postcss": "^8.3.11",
     "postcss-import": "^14.0.2",
     "postcss-loader": "^6.2.0",
-    "raw-loader": "^4.0.2",
     "style-loader": "^3.3.1",
     "tailwindcss": "^3.0.24",
     "terser-webpack-plugin": "^5.3.1",
@@ -51,7 +47,7 @@
     "comsync": "^0.0.8",
     "escape-html": "^1.0.3",
     "i18n-js": "^3.8.0",
-    "pyodide-worker-runner": "^0.0.8",
+    "pyodide-worker-runner": "^0.0.10",
     "sync-message": "^0.0.10"
   },
   "scripts": {