@dodona/papyros 0.1.94 → 0.1.95-darkmode

package/dist/OutputManager.d.ts

@@ -1,5 +1,5 @@
 import { BackendEvent } from "./BackendEvent";
-import { RenderOptions } from "./util/Util";
+import { Renderable, RenderOptions } from "./util/Rendering";
 /**
  * Shape of Error objects that are easy to interpret
  */
@@ -32,8 +32,11 @@ export interface FriendlyError {
 /**
  * Component for displaying code output or errors to the user
  */
-export declare class OutputManager {
-    options: RenderOptions;
+export declare class OutputManager extends Renderable {
+    /**
+     * Store the HTML that is rendered to restore when changing language/theme
+     */
+    private content;
     constructor();
     /**
      * Retrieve the parent element containing all output parts
@@ -62,12 +65,7 @@ export declare class OutputManager {
      * @param {BackendEvent} error Event containing the error data
      */
     showError(error: BackendEvent): void;
-    /**
-     * Render the OutputManager with the given options
-     * @param {RenderOptions} options Options for rendering
-     * @return {HTMLElement} The rendered output area
-     */
-    render(options: RenderOptions): HTMLElement;
+    protected _render(options: RenderOptions): void;
     /**
      * Clear the contents of the output area
      */

package/dist/Papyros.d.ts

@@ -1,9 +1,9 @@
 import "./Papyros.css";
 import { InputMode } from "./InputManager";
 import { ProgrammingLanguage } from "./ProgrammingLanguage";
-import { RenderOptions, ButtonOptions } from "./util/Util";
 import { RunState, CodeRunner } from "./CodeRunner";
 import { OutputManager } from "./OutputManager";
+import { RenderOptions, ButtonOptions, Renderable } from "./util/Rendering";
 /**
  * Configuration options for this instance of Papyros
  */
@@ -49,11 +49,15 @@ interface PapyrosRenderOptions {
      * RenderOptions for the output field
      */
     outputOptions?: RenderOptions;
+    /**
+     * Whether to render in dark mode
+     */
+    darkMode?: boolean;
 }
 /**
  * Class that manages multiple components to form a coding scratchpad
  */
-export declare class Papyros {
+export declare class Papyros extends Renderable<PapyrosRenderOptions> {
     /**
      * Config used to initialize Papyros
      */
@@ -89,6 +93,14 @@ export declare class Papyros {
      * @param {ProgrammingLanguage} programmingLanguage The language to use
      */
     setProgrammingLanguage(programmingLanguage: ProgrammingLanguage): Promise<void>;
+    /**
+     * @param {string} locale The locale to use
+     */
+    setLocale(locale: string): void;
+    /**
+     * @param {boolean} darkMode Whether to use dark mode
+     */
+    setDarkMode(darkMode: boolean): void;
     /**
      * @param {string} code The code to use in the editor
      */
@@ -109,11 +121,7 @@ export declare class Papyros {
      * @return {Promise<boolean>} Promise of configuring input
      */
     configureInput(serviceWorkerRoot?: string, serviceWorkerName?: string): Promise<boolean>;
-    /**
-     * Render Papyros with the given options
-     * @param {PapyrosRenderOptions} renderOptions Options to use
-     */
-    render(renderOptions: PapyrosRenderOptions): void;
+    protected _render(renderOptions: PapyrosRenderOptions): void;
     /**
      * Add a button to the status panel within Papyros
      * @param {ButtonOptions} options Options to render the button with

package/dist/input/BatchInputHandler.d.ts

@@ -1,6 +1,6 @@
 import { InputMode } from "../InputManager";
-import { RenderOptions } from "../util/Util";
 import { UserInputHandler } from "./UserInputHandler";
+import { RenderOptions } from "../util/Rendering";
 export declare class BatchInputHandler extends UserInputHandler {
     /**
      * The index of the next line in lines to send
@@ -27,5 +27,5 @@ export declare class BatchInputHandler extends UserInputHandler {
     next(): string;
     onRunStart(): void;
     onRunEnd(): void;
-    render(options: RenderOptions): HTMLElement;
+    protected _render(options: RenderOptions): void;
 }

package/dist/input/InteractiveInputHandler.d.ts

@@ -1,6 +1,6 @@
 import { InputMode } from "../InputManager";
-import { RenderOptions } from "../util/Util";
 import { UserInputHandler } from "./UserInputHandler";
+import { RenderOptions } from "../util/Rendering";
 /**
  * Input handler that takes input from the user in an interactive fashion
  */
@@ -16,5 +16,5 @@ export declare class InteractiveInputHandler extends UserInputHandler {
     onToggle(): void;
     onRunStart(): void;
     onRunEnd(): void;
-    render(options: RenderOptions): HTMLElement;
+    protected _render(options: RenderOptions): void;
 }

package/dist/input/UserInputHandler.d.ts

@@ -1,9 +1,9 @@
 import { InputMode } from "../InputManager";
-import { RenderOptions } from "../util/Util";
+import { Renderable } from "../util/Rendering";
 /**
  * Base class for components that handle input from the user
  */
-export declare abstract class UserInputHandler {
+export declare abstract class UserInputHandler extends Renderable {
     /**
      * Whether we are waiting for the user to input data
      */
@@ -26,12 +26,6 @@ export declare abstract class UserInputHandler {
      * @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;
     /**

package/dist/util/Rendering.d.ts

@@ -0,0 +1,108 @@
+/**
+ * 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>;
+    /**
+     * Whether to render in dark mode
+     */
+    darkMode?: boolean;
+}
+/**
+ * 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 declare function appendClasses(options: {
+    classNames?: string;
+}, classNames: string): void;
+/**
+ * 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 declare function addAttributes(options: {
+    attributes?: Map<string, string>;
+}, attributes: Map<string, string>): void;
+/**
+ * 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;
+/**
+ * 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
+     */
+    classNames?: 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;
+/**
+ * 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;
+/**
+ * Helper superclass to handle storing options used during rendering
+ * to allow re-rendering without needing to explicitly store used options each time
+ */
+export declare abstract class Renderable<Options = RenderOptions> {
+    /**
+     * The options to render with
+     */
+    private _renderOptions?;
+    protected get renderOptions(): Options;
+    /**
+     * Render this component into the DOM
+     * @param {Options} options Optional options to render with. If omitted, stored options are used
+     */
+    render(options?: Options): void;
+    /**
+     * Internal method to actually perform the rendering
+     * @param {Options} options The options to render with
+     */
+    protected abstract _render(options: Options): void;
+}

package/dist/util/Util.d.ts

@@ -5,51 +5,16 @@ export declare const t: typeof I18n.t;
  */
 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;
-/**
- * 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;
+/**
+ * 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;
 /**
  * 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
@@ -65,37 +30,6 @@ export declare function addListener<T extends string>(elementId: ElementIdentifi
  * @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>;
-}
-/**
- * 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

package/dist/workers/input/InputWorker.js

@@ -1 +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,(function(){return(()=>{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})()}));
+!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,6 +1,6 @@
 {
   "name": "@dodona/papyros",
-  "version": "0.1.94",
+  "version": "0.1.95-darkmode",
   "private": false,
   "homepage": ".",
   "devDependencies": {
@@ -28,7 +28,7 @@
     "postcss-loader": "^6.2.0",
     "raw-loader": "^4.0.2",
     "style-loader": "^3.3.1",
-    "tailwindcss": "^2.2.19",
+    "tailwindcss": "^3.0.24",
     "terser-webpack-plugin": "^5.3.1",
     "ts-jest": "^27.0.7",
     "ts-loader": "^9.2.6",
@@ -53,6 +53,7 @@
     "@codemirror/rectangular-selection": "^0.19.1",
     "@codemirror/search": "^0.19.3",
     "@codemirror/state": "^0.19.6",
+    "@codemirror/theme-one-dark": "^0.19.0",
     "comlink": "^4.3.1",
     "comsync": "^0.0.8",
     "escape-html": "^1.0.3",