npm - @oliversalzburg/js-utils - Versions diffs - 0.0.14 → 0.0.16 - Mend

@oliversalzburg/js-utils 0.0.14 → 0.0.16

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (163) hide show

package/_site/assets/highlight.css +92 -8
package/_site/assets/navigation.js +1 -1
package/_site/assets/search.js +1 -1
package/_site/classes/AbstractError.html +47 -8
package/_site/classes/Canvas.html +73 -23
package/_site/classes/CanvasSandbox.html +91 -0
package/_site/classes/Euler.html +217 -0
package/_site/classes/InternalError.html +48 -9
package/_site/classes/InvalidArgumentError.html +47 -8
package/_site/classes/InvalidOperationError.html +47 -8
package/_site/classes/Matrix3.html +167 -0
package/_site/classes/NotImplementedError.html +47 -8
package/_site/classes/PermissionViolationError.html +47 -8
package/_site/classes/Quaternion.html +211 -0
package/_site/classes/Random.html +56 -15
package/_site/classes/RenderLoop.html +58 -19
package/_site/classes/ResourceConflictError.html +47 -8
package/_site/classes/Transformation.html +52 -0
package/_site/classes/UnexpectedNilError.html +44 -5
package/_site/classes/UnknownError.html +47 -8
package/_site/classes/Vector2.html +77 -38
package/_site/classes/Vector3.html +201 -15
package/_site/classes/Vector4.html +156 -0
package/_site/functions/addVector2.html +43 -4
package/_site/functions/addVector3.html +44 -0
package/_site/functions/blend.html +41 -2
package/_site/functions/blendAdditive.html +41 -2
package/_site/functions/blendSubtractive.html +41 -2
package/_site/functions/clamp.html +41 -2
package/_site/functions/coalesceOnRejection.html +51 -0
package/_site/functions/cosDeg.html +41 -2
package/_site/functions/crossVector3.html +44 -0
package/_site/functions/deg2rad.html +41 -2
package/_site/functions/difference.html +41 -2
package/_site/functions/distance.html +41 -2
package/_site/functions/dotVector3.html +44 -0
package/_site/functions/errorToJSON.html +41 -2
package/_site/functions/errorToRecord.html +41 -2
package/_site/functions/errorToSimpleSerializable.html +41 -2
package/_site/functions/filterType.html +41 -2
package/_site/functions/formatString.html +42 -3
package/_site/functions/formatStringTemplate.html +42 -3
package/_site/functions/fromRGB.html +41 -2
package/_site/functions/fromRGBA.html +41 -2
package/_site/functions/getA.html +41 -2
package/_site/functions/getB.html +41 -2
package/_site/functions/getDocumentElementTypeById.html +43 -6
package/_site/functions/getDocumentElementTypeByIdStrict.html +48 -0
package/_site/functions/getG.html +41 -2
package/_site/functions/getR.html +41 -2
package/_site/functions/intersect.html +41 -2
package/_site/functions/is.html +41 -2
package/_site/functions/isError.html +41 -2
package/_site/functions/isInteger.html +41 -2
package/_site/functions/isNil.html +41 -2
package/_site/functions/isqrt.html +41 -2
package/_site/functions/multiplyVector2.html +43 -4
package/_site/functions/multiplyVector3.html +44 -0
package/_site/functions/mustExist.html +41 -2
package/_site/functions/nextPalette.html +42 -2
package/_site/functions/prepareAsyncContext.html +46 -0
package/_site/functions/putPixel32.html +41 -2
package/_site/functions/putPixel32Add.html +41 -2
package/_site/functions/putPixel32Sub.html +41 -2
package/_site/functions/putSubPixel32.html +41 -2
package/_site/functions/rad2deg.html +41 -2
package/_site/functions/randomRange.html +41 -2
package/_site/functions/safeRGBComponent.html +41 -2
package/_site/functions/seedFromString.html +41 -2
package/_site/functions/shuffleArray.html +41 -2
package/_site/functions/sinDeg.html +41 -2
package/_site/functions/sleep.html +41 -2
package/_site/functions/somecolor.html +41 -2
package/_site/functions/subtractVector2.html +43 -4
package/_site/functions/subtractVector3.html +44 -0
package/_site/functions/toGrayScale.html +41 -2
package/_site/functions/unknownToError.html +41 -2
package/_site/index.html +41 -2
package/_site/interfaces/CanvasOptions.html +42 -3
package/_site/interfaces/CanvasSandboxApplication.html +60 -0
package/_site/interfaces/CanvasSandboxExpectedOptions.html +48 -0
package/_site/interfaces/CanvasSandboxOptions.html +45 -0
package/_site/interfaces/RenderLoopOptions.html +43 -4
package/_site/modules.html +62 -4
package/_site/types/AnyAsyncFunction.html +41 -0
package/_site/types/AnyConstructor.html +41 -2
package/_site/types/AnyFunction.html +41 -2
package/_site/types/ConstructorOf.html +41 -2
package/_site/types/FunctionReturning.html +41 -2
package/_site/types/Maybe.html +41 -2
package/_site/types/Mixin.html +41 -2
package/_site/types/Nil.html +41 -2
package/_site/types/RenderLoopCallback.html +41 -2
package/_site/types/SerializedError.html +41 -2
package/_site/variables/CANVAS_SANDBOX_DEFAULT_CSS.html +41 -0
package/_site/variables/MS_PER_FRAME_60FPS.html +42 -1
package/_site/variables/PALETTES.html +41 -2
package/_site/variables/TWO_PI.html +41 -2
package/_site/variables/random-1.html +41 -2
package/docs/assets/favicon.ico +0 -0
package/lib/async.d.ts +27 -0
package/lib/async.js +43 -0
package/lib/async.js.map +1 -0
package/lib/core.d.ts +4 -0
package/lib/core.js.map +1 -1
package/lib/dom/core.d.ts +13 -3
package/lib/dom/core.js +22 -3
package/lib/dom/core.js.map +1 -1
package/lib/graphics/canvas-sandbox.d.ts +207 -0
package/lib/graphics/canvas-sandbox.js +315 -0
package/lib/graphics/canvas-sandbox.js.map +1 -0
package/lib/graphics/canvas.d.ts +13 -6
package/lib/graphics/canvas.js +51 -16
package/lib/graphics/canvas.js.map +1 -1
package/lib/graphics/core.d.ts +2 -1
package/lib/graphics/core.js +2 -0
package/lib/graphics/core.js.map +1 -1
package/lib/graphics/index.d.ts +1 -0
package/lib/graphics/index.js +1 -0
package/lib/graphics/index.js.map +1 -1
package/lib/graphics/render-loop.d.ts +2 -1
package/lib/graphics/render-loop.js +52 -33
package/lib/graphics/render-loop.js.map +1 -1
package/lib/index.d.ts +1 -0
package/lib/index.js +1 -0
package/lib/index.js.map +1 -1
package/lib/math/euler.d.ts +19 -0
package/lib/math/euler.js +23 -0
package/lib/math/euler.js.map +1 -0
package/lib/math/index.d.ts +5 -1
package/lib/math/index.js +5 -1
package/lib/math/index.js.map +1 -1
package/lib/math/matrix3.d.ts +218 -0
package/lib/math/matrix3.js +509 -0
package/lib/math/matrix3.js.map +1 -0
package/lib/math/quaternion.d.ts +120 -0
package/lib/math/quaternion.js +272 -0
package/lib/math/quaternion.js.map +1 -0
package/lib/math/transformation.d.ts +27 -0
package/lib/math/transformation.js +32 -0
package/lib/math/transformation.js.map +1 -0
package/lib/math/vector2.d.ts +19 -19
package/lib/math/vector2.js +12 -12
package/lib/math/vector2.js.map +1 -1
package/lib/math/vector3.d.ts +256 -3
package/lib/math/vector3.js +440 -1
package/lib/math/vector3.js.map +1 -1
package/lib/math/vector4.d.ts +183 -0
package/lib/math/vector4.js +303 -0
package/lib/math/vector4.js.map +1 -0
package/lib/random.d.ts +5 -1
package/lib/random.js +7 -1
package/lib/random.js.map +1 -1
package/package.json +5 -4
package/lib/graphics/canvas copy.d.ts +0 -170
package/lib/graphics/canvas copy.js +0 -300
package/lib/graphics/canvas copy.js.map +0 -1
package/lib/graphics/canvas-worker.d.ts +0 -50
package/lib/graphics/canvas-worker.js +0 -78
package/lib/graphics/canvas-worker.js.map +0 -1
package/lib/math/vector.d.ts +0 -2
package/lib/math/vector.js +0 -3
package/lib/math/vector.js.map +0 -1

package/lib/graphics/canvas-sandbox.js ADDED Viewed

@@ -0,0 +1,315 @@
+import { getDocumentElementTypeById } from "../dom/core.js";
+import { Canvas } from "./canvas.js";
+import { nextPalette } from "./core.js";
+import { RenderLoop } from "./render-loop.js";
+/**
+ * Provides the input as-is.
+ * This method exists only to make use of the `css` template string tag,
+ * which allows us to use in-IDE support for CSS through the support for
+ * {@link https://lit.dev/docs/components/styles/ Lit styles}.
+ * @param input The CSS code.
+ * @returns The CSS code as-is.
+ */
+const css = (input) => input.join("");
+/**
+ * The CSS we inject into the document, if requested.
+ * @group Graphics
+ */
+export const CANVAS_SANDBOX_DEFAULT_CSS = /* PURE */ css `
+  html,
+  body {
+    height: 100%;
+    width: 100%;
+    padding: 0;
+    margin: 0;
+    background-color: #808080;
+  }
+  body {
+    transition: background-color 1s ease-in-out;
+  }
+  body.darkMode {
+    background-color: #211f1f;
+  }
+  body.lightMode {
+    background-color: #ebdcdc;
+  }
+  #main {
+    display: block;
+    position: absolute;
+    margin: auto;
+    top: 0;
+    left: 0;
+    right: 0;
+    bottom: 0;
+    filter: drop-shadow(10px 10px 4px rgba(0, 0, 0, 0.5));
+    transition: all 1s;
+  }
+`;
+/**
+ * The {@linkcode CanvasSandbox} provides a scaffold to quickly perform experiments
+ * with a {@linkcode !HTMLCanvasElement} in a document. Common functionality for such
+ * experiments is implemented in the sandbox already.
+ * @example
+ * ### `main.ts`
+ * ```ts
+ * import { Random, seedFromString } from "@oliversalzburg/js-utils/lib/random.js";
+ * import { Canvas } from "@oliversalzburg/js-utils/lib/graphics/canvas.js";
+ * import { getDocumentElementTypeByIdStrict } from "@oliversalzburg/js-utils/lib/dom/core.js";
+ * import { CanvasSandbox } from "@oliversalzburg/js-utils/lib/graphics/canvas-sandbox.js";
+ *
+ * interface ApplicationOptions {
+ *   seed: string;
+ *   somethingElse: number;
+ * }
+ *
+ * class Application {
+ *   canvas: Canvas;
+ *   options: ApplicationOptions;
+ *   random: Random;
+ *
+ *   constructor(canvas:Canvas, options: ApplicationOptions) {
+ *     this.canvas = canvas;
+ *     this.options = options;
+ *     this.random = new Random(seedFromString(options.seed));
+ *   }
+ *
+ *   reconfigure(canvas:Canvas, options: Partial<ApplicationOptions> = {}) {
+ *     this.canvas = canvas;
+ *     this.options = { ...this.options, ...options };
+ *     this.random = new Random(seedFromString(options.seed));
+ *   }
+ *
+ *   onDraw(delta:number, timestamp:number) {
+ *     // draw something on `this.canvas`
+ *   }
+ *
+ *   start() {}
+ * }
+ *
+ * const canvasNode = getDocumentElementTypeByIdStrict(document, "main", HTMLCanvasElement);
+ * const canvasSandbox = new CanvasSandbox(
+ *   window,
+ *   canvasNode,
+ *   Application,
+ *   {seed: "foo", somethingElse: 12345}
+ * );
+ *
+ * // By running the sandbox, your `start()` and `onDraw()` methods will automatically be invoked
+ * // by the sandbox. You shouldn't invoke those methods directly from your own code.
+ * canvasSandbox.run();
+ * ```
+ * ### `index.html`
+ * ```html
+ * <!doctype html>
+ * <html>
+ *   <head>
+ *     <meta charset="UTF-8" />
+ *   </head>
+ *
+ *   <body>
+ *     <canvas id="main" class="darkMode" width="512" height="512"></canvas>
+ *   </body>
+ *   <script src="main.ts" type="module"></script>
+ * </html>
+ * ```
+ * @template {CanvasSandboxExpectedOptions} TApplicationOptions The type of the options
+ * the application in the sandbox will be constructed with.
+ * @group Graphics
+ */
+export class CanvasSandbox {
+    /**
+     * The window the sandbox is running in.
+     */
+    window;
+    /**
+     * The document the sandbox is interacting with.
+     */
+    document;
+    /**
+     * The application running inside the sandbox.
+     */
+    application;
+    /**
+     * The canvas node that we're drawing into.
+     */
+    canvasNode;
+    /**
+     * Our convenience canvas wrapper, which we provide to the application
+     * to render to.
+     */
+    canvas;
+    /**
+     * The render loop we use to control frame rendering.
+     */
+    renderLoop;
+    /**
+     * The handle that keeps track of debouncing of `resize` events.
+     */
+    #resizeDebounce = null;
+    /**
+     * Construct a new {@linkcode CanvasSandbox}.
+     * @param window The window we're running inside.
+     * @param canvasNode The canvas node we're drawing to.
+     * @param Application The application that is going to run in the sandbox.
+     * @param options The options that the application should be constructed with.
+     * @param sandboxOptions The options for the sandbox itself.
+     */
+    constructor(window, canvasNode, Application, options, sandboxOptions) {
+        this.window = window;
+        this.document = window.document;
+        this.canvasNode = canvasNode;
+        this.canvas = new Canvas(canvasNode);
+        if (sandboxOptions?.injectDefaultCss ?? true) {
+            this.injectDefaultCss();
+        }
+        this.application = new Application(this.canvas, options);
+        const applicationOnDraw = this.application.onDraw.bind(this.application);
+        this.renderLoop = new RenderLoop(applicationOnDraw, this.canvas, { drawFps: true });
+        this.#hookWindow();
+        this.#hookBody();
+        this.#hookCanvas();
+        const systemPrefersDarkMode = this.window.matchMedia("(prefers-color-scheme: dark)").matches;
+        if (systemPrefersDarkMode) {
+            this.toDarkMode();
+        }
+        else {
+            this.toLightMode();
+        }
+    }
+    /**
+     * Injects our default CSS into the document, if it hasn't already been injected.
+     * @see {@linkcode CANVAS_SANDBOX_DEFAULT_CSS}
+     */
+    injectDefaultCss() {
+        const existingStyle = getDocumentElementTypeById(this.document, "canvas-sandbox-styles", HTMLStyleElement);
+        if (existingStyle) {
+            return;
+        }
+        const styleNode = this.document.createElement("style");
+        styleNode.textContent = CANVAS_SANDBOX_DEFAULT_CSS;
+        this.document.head.appendChild(styleNode);
+    }
+    /**
+     * Run the sandbox.
+     */
+    run() {
+        this.application.start();
+        // In case the application doesn't maintain this state itself.
+        this.application.paused = false;
+        this.renderLoop.unblock();
+    }
+    /**
+     * Create event listeners on the document `body`.
+     */
+    #hookBody() {
+        // eslint-disable-next-line @typescript-eslint/no-misused-promises
+        this.document.body.addEventListener("click", async (event) => {
+            if (event.defaultPrevented) {
+                return;
+            }
+            if (!this.document.fullscreenEnabled) {
+                return;
+            }
+            if (!this.document.fullscreenElement) {
+                await this.canvasNode.requestFullscreen();
+            }
+        });
+        this.document.body.addEventListener("keyup", event => {
+            switch (event.keyCode) {
+                case 13:
+                    // Enter
+                    nextPalette();
+                    this.#reconfigureApplication({
+                        seed: this.application.random.next().toString(),
+                    });
+                    this.application.reconfigure(this.canvas, {
+                        seed: this.application.random.next().toString(),
+                    });
+                    this.application.start();
+                    break;
+                case 32:
+                    // Space
+                    this.application.paused = !this.application.paused;
+                    break;
+            }
+        });
+    }
+    /**
+     * Reconfigures, and then restarts, the application.
+     * @param options The new options for the application.
+     */
+    #reconfigureApplication(options = {}) {
+        this.application.reconfigure(this.canvas, options);
+        this.application.start();
+        // In case the application doesn't maintain this state itself.
+        this.application.paused = false;
+    }
+    /**
+     * Create event listeners on the canvas node in the document.
+     */
+    #hookCanvas() {
+        // eslint-disable-next-line @typescript-eslint/no-misused-promises
+        this.canvasNode.addEventListener("click", async (event) => {
+            if (this.document.fullscreenElement) {
+                await document.exitFullscreen();
+                return;
+            }
+            nextPalette();
+            this.#reconfigureApplication({
+                seed: this.application.random.next().toString(),
+            });
+            event.preventDefault();
+        });
+    }
+    /**
+     * Create event listeners on the window we're running in.
+     */
+    #hookWindow() {
+        this.window
+            .matchMedia("(prefers-color-scheme: dark)")
+            .addEventListener("change", ({ matches }) => {
+            if (matches) {
+                this.toDarkMode();
+            }
+            else {
+                this.toLightMode();
+            }
+        });
+        this.window.addEventListener("resize", event => {
+            if (this.#resizeDebounce !== null) {
+                this.window.clearTimeout(this.#resizeDebounce);
+            }
+            this.#resizeDebounce = this.window.setTimeout(() => {
+                this.application.reconfigure(this.canvas);
+                this.canvas.refreshCanvasNode();
+                this.application.start();
+                // In case the application doesn't maintain this state itself.
+                this.application.paused = false;
+            }, 1000);
+        });
+    }
+    /**
+     * Switch the sandbox to dark mode.
+     */
+    toDarkMode() {
+        this.#reconfigureApplication({
+            darkMode: true,
+        });
+        document.body.classList.add("darkMode");
+        document.body.classList.remove("lightMode");
+    }
+    /**
+     * Switch the sandbox to light mode.
+     */
+    toLightMode() {
+        this.#reconfigureApplication({
+            darkMode: false,
+        });
+        document.body.classList.add("lightMode");
+        document.body.classList.remove("darkMode");
+    }
+}
+//# sourceMappingURL=canvas-sandbox.js.map

package/lib/graphics/canvas-sandbox.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"canvas-sandbox.js","sourceRoot":"","sources":["../../source/graphics/canvas-sandbox.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,0BAA0B,EAAE,MAAM,gBAAgB,CAAC;AAE5D,OAAO,EAAE,MAAM,EAAE,MAAM,aAAa,CAAC;AACrC,OAAO,EAAE,WAAW,EAAE,MAAM,WAAW,CAAC;AACxC,OAAO,EAAE,UAAU,EAAE,MAAM,kBAAkB,CAAC;AAE9C;;;;;;;GAOG;AACH,MAAM,GAAG,GAAG,CAAC,KAA2B,EAAE,EAAE,CAAC,KAAK,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;AAE5D;;;GAGG;AACH,MAAM,CAAC,MAAM,0BAA0B,GAAG,UAAU,CAAC,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAgCvD,CAAC;AA8EF;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAsEG;AACH,MAAM,OAAO,aAAa;IACxB;;OAEG;IACM,MAAM,CAAS;IAExB;;OAEG;IACM,QAAQ,CAAW;IAE5B;;OAEG;IACM,WAAW,CAAgD;IAEpE;;OAEG;IACM,UAAU,CAAoB;IAEvC;;;OAGG;IACM,MAAM,CAAS;IAExB;;OAEG;IACM,UAAU,CAAa;IAEhC;;OAEG;IACH,eAAe,GAAkB,IAAI,CAAC;IAEtC;;;;;;;OAOG;IACH,YACE,MAAc,EACd,UAA6B,EAC7B,WASkD,EAClD,OAA4B,EAC5B,cAAqC;QAErC,IAAI,CAAC,MAAM,GAAG,MAAM,CAAC;QACrB,IAAI,CAAC,QAAQ,GAAG,MAAM,CAAC,QAAQ,CAAC;QAChC,IAAI,CAAC,UAAU,GAAG,UAAU,CAAC;QAC7B,IAAI,CAAC,MAAM,GAAG,IAAI,MAAM,CAAC,UAAU,CAAC,CAAC;QAErC,IAAI,cAAc,EAAE,gBAAgB,IAAI,IAAI,EAAE;YAC5C,IAAI,CAAC,gBAAgB,EAAE,CAAC;SACzB;QAED,IAAI,CAAC,WAAW,GAAG,IAAI,WAAW,CAAC,IAAI,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;QACzD,MAAM,iBAAiB,GAAG,IAAI,CAAC,WAAW,CAAC,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC,WAAW,CAAC,CAAC;QACzE,IAAI,CAAC,UAAU,GAAG,IAAI,UAAU,CAAC,iBAAiB,EAAE,IAAI,CAAC,MAAM,EAAE,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC,CAAC;QAEpF,IAAI,CAAC,WAAW,EAAE,CAAC;QACnB,IAAI,CAAC,SAAS,EAAE,CAAC;QACjB,IAAI,CAAC,WAAW,EAAE,CAAC;QAEnB,MAAM,qBAAqB,GAAG,IAAI,CAAC,MAAM,CAAC,UAAU,CAAC,8BAA8B,CAAC,CAAC,OAAO,CAAC;QAC7F,IAAI,qBAAqB,EAAE;YACzB,IAAI,CAAC,UAAU,EAAE,CAAC;SACnB;aAAM;YACL,IAAI,CAAC,WAAW,EAAE,CAAC;SACpB;IACH,CAAC;IAED;;;OAGG;IACH,gBAAgB;QACd,MAAM,aAAa,GAAG,0BAA0B,CAC9C,IAAI,CAAC,QAAQ,EACb,uBAAuB,EACvB,gBAAgB,CACjB,CAAC;QACF,IAAI,aAAa,EAAE;YACjB,OAAO;SACR;QACD,MAAM,SAAS,GAAG,IAAI,CAAC,QAAQ,CAAC,aAAa,CAAC,OAAO,CAAC,CAAC;QACvD,SAAS,CAAC,WAAW,GAAG,0BAA0B,CAAC;QACnD,IAAI,CAAC,QAAQ,CAAC,IAAI,CAAC,WAAW,CAAC,SAAS,CAAC,CAAC;IAC5C,CAAC;IAED;;OAEG;IACH,GAAG;QACD,IAAI,CAAC,WAAW,CAAC,KAAK,EAAE,CAAC;QACzB,8DAA8D;QAC9D,IAAI,CAAC,WAAW,CAAC,MAAM,GAAG,KAAK,CAAC;QAChC,IAAI,CAAC,UAAU,CAAC,OAAO,EAAE,CAAC;IAC5B,CAAC;IAED;;OAEG;IACH,SAAS;QACP,kEAAkE;QAClE,IAAI,CAAC,QAAQ,CAAC,IAAI,CAAC,gBAAgB,CAAC,OAAO,EAAE,KAAK,EAAE,KAAiB,EAAE,EAAE;YACvE,IAAI,KAAK,CAAC,gBAAgB,EAAE;gBAC1B,OAAO;aACR;YAED,IAAI,CAAC,IAAI,CAAC,QAAQ,CAAC,iBAAiB,EAAE;gBACpC,OAAO;aACR;YAED,IAAI,CAAC,IAAI,CAAC,QAAQ,CAAC,iBAAiB,EAAE;gBACpC,MAAM,IAAI,CAAC,UAAU,CAAC,iBAAiB,EAAE,CAAC;aAC3C;QACH,CAAC,CAAC,CAAC;QAEH,IAAI,CAAC,QAAQ,CAAC,IAAI,CAAC,gBAAgB,CAAC,OAAO,EAAE,KAAK,CAAC,EAAE;YACnD,QAAQ,KAAK,CAAC,OAAO,EAAE;gBACrB,KAAK,EAAE;oBACL,QAAQ;oBACR,WAAW,EAAE,CAAC;oBACd,IAAI,CAAC,uBAAuB,CAAC;wBAC3B,IAAI,EAAE,IAAI,CAAC,WAAW,CAAC,MAAM,CAAC,IAAI,EAAE,CAAC,QAAQ,EAAE;qBAChB,CAAC,CAAC;oBACnC,IAAI,CAAC,WAAW,CAAC,WAAW,CAAC,IAAI,CAAC,MAAM,EAAE;wBACxC,IAAI,EAAE,IAAI,CAAC,WAAW,CAAC,MAAM,CAAC,IAAI,EAAE,CAAC,QAAQ,EAAE;qBAChB,CAAC,CAAC;oBACnC,IAAI,CAAC,WAAW,CAAC,KAAK,EAAE,CAAC;oBACzB,MAAM;gBAER,KAAK,EAAE;oBACL,QAAQ;oBACR,IAAI,CAAC,WAAW,CAAC,MAAM,GAAG,CAAC,IAAI,CAAC,WAAW,CAAC,MAAM,CAAC;oBACnD,MAAM;aACT;QACH,CAAC,CAAC,CAAC;IACL,CAAC;IAED;;;OAGG;IACH,uBAAuB,CAAC,UAAwC,EAAE;QAChE,IAAI,CAAC,WAAW,CAAC,WAAW,CAAC,IAAI,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;QACnD,IAAI,CAAC,WAAW,CAAC,KAAK,EAAE,CAAC;QACzB,8DAA8D;QAC9D,IAAI,CAAC,WAAW,CAAC,MAAM,GAAG,KAAK,CAAC;IAClC,CAAC;IAED;;OAEG;IACH,WAAW;QACT,kEAAkE;QAClE,IAAI,CAAC,UAAU,CAAC,gBAAgB,CAAC,OAAO,EAAE,KAAK,EAAE,KAAiB,EAAE,EAAE;YACpE,IAAI,IAAI,CAAC,QAAQ,CAAC,iBAAiB,EAAE;gBACnC,MAAM,QAAQ,CAAC,cAAc,EAAE,CAAC;gBAChC,OAAO;aACR;YAED,WAAW,EAAE,CAAC;YACd,IAAI,CAAC,uBAAuB,CAAC;gBAC3B,IAAI,EAAE,IAAI,CAAC,WAAW,CAAC,MAAM,CAAC,IAAI,EAAE,CAAC,QAAQ,EAAE;aAChB,CAAC,CAAC;YACnC,KAAK,CAAC,cAAc,EAAE,CAAC;QACzB,CAAC,CAAC,CAAC;IACL,CAAC;IAED;;OAEG;IACH,WAAW;QACT,IAAI,CAAC,MAAM;aACR,UAAU,CAAC,8BAA8B,CAAC;aAC1C,gBAAgB,CAAC,QAAQ,EAAE,CAAC,EAAE,OAAO,EAAE,EAAE,EAAE;YAC1C,IAAI,OAAO,EAAE;gBACX,IAAI,CAAC,UAAU,EAAE,CAAC;aACnB;iBAAM;gBACL,IAAI,CAAC,WAAW,EAAE,CAAC;aACpB;QACH,CAAC,CAAC,CAAC;QAEL,IAAI,CAAC,MAAM,CAAC,gBAAgB,CAAC,QAAQ,EAAE,KAAK,CAAC,EAAE;YAC7C,IAAI,IAAI,CAAC,eAAe,KAAK,IAAI,EAAE;gBACjC,IAAI,CAAC,MAAM,CAAC,YAAY,CAAC,IAAI,CAAC,eAAe,CAAC,CAAC;aAChD;YAED,IAAI,CAAC,eAAe,GAAG,IAAI,CAAC,MAAM,CAAC,UAAU,CAAC,GAAG,EAAE;gBACjD,IAAI,CAAC,WAAW,CAAC,WAAW,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC;gBAC1C,IAAI,CAAC,MAAM,CAAC,iBAAiB,EAAE,CAAC;gBAChC,IAAI,CAAC,WAAW,CAAC,KAAK,EAAE,CAAC;gBACzB,8DAA8D;gBAC9D,IAAI,CAAC,WAAW,CAAC,MAAM,GAAG,KAAK,CAAC;YAClC,CAAC,EAAE,IAAI,CAAC,CAAC;QACX,CAAC,CAAC,CAAC;IACL,CAAC;IAED;;OAEG;IACH,UAAU;QACR,IAAI,CAAC,uBAAuB,CAAC;YAC3B,QAAQ,EAAE,IAAI;SACiB,CAAC,CAAC;QACnC,QAAQ,CAAC,IAAI,CAAC,SAAS,CAAC,GAAG,CAAC,UAAU,CAAC,CAAC;QACxC,QAAQ,CAAC,IAAI,CAAC,SAAS,CAAC,MAAM,CAAC,WAAW,CAAC,CAAC;IAC9C,CAAC;IAED;;OAEG;IACH,WAAW;QACT,IAAI,CAAC,uBAAuB,CAAC;YAC3B,QAAQ,EAAE,KAAK;SACgB,CAAC,CAAC;QACnC,QAAQ,CAAC,IAAI,CAAC,SAAS,CAAC,GAAG,CAAC,WAAW,CAAC,CAAC;QACzC,QAAQ,CAAC,IAAI,CAAC,SAAS,CAAC,MAAM,CAAC,UAAU,CAAC,CAAC;IAC7C,CAAC;CACF"}

package/lib/graphics/canvas.d.ts CHANGED Viewed

@@ -24,17 +24,20 @@ export declare class Canvas {
      */
     readonly canvasDom: HTMLCanvasElement;
     /**
-     * The width of the canvas.
+     * Retrieves the width of the canvas.
+     * @returns The width of the canvas.
      */
-    readonly width: number;
+    get width(): number;
     /**
-     * The height of the canvas.
+     * Retrieves the height of the canvas.
+     * @returns The height of the canvas.
      */
-    readonly height: number;
+    get height(): number;
     /**
-     * The {@linkcode !OffscreenCanvasRenderingContext2D} we're using to draw to the canvas.
+     * Retrieves the rendering context of the canvas.
+     * @returns The rendering context of the canvas.
      */
-    readonly context: OffscreenCanvasRenderingContext2D;
+    get context(): OffscreenCanvasRenderingContext2D;
     /**
      * Our back buffer.
      */
@@ -49,6 +52,10 @@ export declare class Canvas {
      * @param options The configuration for this canvas.
      */
     constructor(canvas: HTMLCanvasElement, options?: Partial<CanvasOptions>);
+    /**
+     * Recreate internal buffers in reaction to a change in our target {@linkcode !HTMLCanvasElement}.
+     */
+    refreshCanvasNode(): void;
     /**
      * Draws the back buffer onto the canvas.
      */

package/lib/graphics/canvas.js CHANGED Viewed

@@ -24,15 +24,36 @@ export class Canvas {
     /**
      * The width of the canvas.
      */
-    width;
+    #width;
+    /**
+     * Retrieves the width of the canvas.
+     * @returns The width of the canvas.
+     */
+    get width() {
+        return this.#width;
+    }
     /**
      * The height of the canvas.
      */
-    height;
+    #height;
     /**
-     * The {@linkcode !OffscreenCanvasRenderingContext2D} we're using to draw to the canvas.
+     * Retrieves the height of the canvas.
+     * @returns The height of the canvas.
      */
-    context;
+    get height() {
+        return this.#height;
+    }
+    /**
+     * The 2D rendering context we're using to draw to the canvas.
+     */
+    #context;
+    /**
+     * Retrieves the rendering context of the canvas.
+     * @returns The rendering context of the canvas.
+     */
+    get context() {
+        return this.#context;
+    }
     /**
      * The {@linkcode !ImageData} object in our offscreen canvas. We usually interact with its
      * {@linkcode Canvas.buffer buffer} directly.
@@ -52,28 +73,42 @@ export class Canvas {
      * @param options The configuration for this canvas.
      */
     constructor(canvas, options = {}) {
-        this.width = canvas.width;
-        this.height = canvas.height;
+        this.#width = canvas.width;
+        this.#height = canvas.height;
         this.options = options;
         this.canvasDom = canvas;
         this.#canvasDomContext = mustExist(this.canvasDom.getContext("bitmaprenderer", {
             alpha: false,
         }), "Unable to create rendering context for DOM canvas.");
-        this.#canvasOffscreen = new OffscreenCanvas(this.width, this.height);
-        this.context = mustExist(this.#canvasOffscreen.getContext("2d", {
+        this.#canvasOffscreen = new OffscreenCanvas(this.#width, this.#height);
+        this.#context = mustExist(this.#canvasOffscreen.getContext("2d", {
+            alpha: false,
+            desynchronized: true,
+            willReadFrequently: this.options.supportReadBack,
+        }), "Unable to create rendering context for offscreen canvas.");
+        this.#imageData = this.#context.createImageData(this.#width, this.#height);
+        this.buffer = this.#imageData.data;
+    }
+    /**
+     * Recreate internal buffers in reaction to a change in our target {@linkcode !HTMLCanvasElement}.
+     */
+    refreshCanvasNode() {
+        this.#width = this.canvasDom.width;
+        this.#height = this.canvasDom.height;
+        this.#canvasOffscreen = new OffscreenCanvas(this.#width, this.#height);
+        this.#context = mustExist(this.#canvasOffscreen.getContext("2d", {
             alpha: false,
             desynchronized: true,
             willReadFrequently: this.options.supportReadBack,
         }), "Unable to create rendering context for offscreen canvas.");
-        this.#imageData = this.context.createImageData(this.width, this.height);
+        this.#imageData = this.#context.createImageData(this.#width, this.#height);
         this.buffer = this.#imageData.data;
-        this.context.font = "12px sans-serif";
     }
     /**
      * Draws the back buffer onto the canvas.
      */
     update() {
-        this.context.putImageData(this.#imageData, 0, 0);
+        this.#context.putImageData(this.#imageData, 0, 0);
     }
     /**
      * Draws the offscreen canvas into the DOM canvas.
@@ -99,7 +134,7 @@ export class Canvas {
         if (!this.options.supportReadBack) {
             throw new InvalidOperationError("To use `bufferReadBack()`, you must construct the `Canvas` with `options.supportReadBack` set to `true`.");
         }
-        this.#imageData = this.context.getImageData(0, 0, this.width, this.height);
+        this.#imageData = this.#context.getImageData(0, 0, this.#width, this.#height);
         this.buffer = this.#imageData.data;
     }
     /**
@@ -109,7 +144,7 @@ export class Canvas {
      * @returns The color of the pixel at the given local.
      */
     getPixel32(x, y) {
-        const bufferOffset = (x + y * this.width) * 4;
+        const bufferOffset = (x + y * this.#width) * 4;
         return fromRGBA(this.buffer[bufferOffset + 0], this.buffer[bufferOffset + 1], this.buffer[bufferOffset + 2], this.buffer[bufferOffset + 3]);
     }
     /**
@@ -119,7 +154,7 @@ export class Canvas {
      * @param color The color to place at the coordinate.
      */
     setPixel32(x, y, color) {
-        const bufferOffset = (x + y * this.width) * 4;
+        const bufferOffset = (x + y * this.#width) * 4;
         this.buffer[bufferOffset + 0] = getR(color);
         this.buffer[bufferOffset + 1] = getG(color);
         this.buffer[bufferOffset + 2] = getB(color);
@@ -134,7 +169,7 @@ export class Canvas {
         const g = getG(color);
         const b = getB(color);
         const a = getA(color);
-        for (let bufferOffset = 0; bufferOffset < this.width * this.height * 4; bufferOffset += 4) {
+        for (let bufferOffset = 0; bufferOffset < this.#width * this.#height * 4; bufferOffset += 4) {
             this.buffer[bufferOffset + 0] = r;
             this.buffer[bufferOffset + 1] = g;
             this.buffer[bufferOffset + 2] = b;
@@ -150,7 +185,7 @@ export class Canvas {
         const g = getG(color);
         const b = getB(color);
         const a = getA(color);
-        for (let bufferOffset = 0; bufferOffset < this.width * this.height * 4; bufferOffset += 4) {
+        for (let bufferOffset = 0; bufferOffset < this.#width * this.#height * 4; bufferOffset += 4) {
             this.buffer[bufferOffset + 0] = (a * r + (255 - a) * this.buffer[bufferOffset + 0]) >> 8;
             this.buffer[bufferOffset + 1] = (a * g + (255 - a) * this.buffer[bufferOffset + 1]) >> 8;
             this.buffer[bufferOffset + 2] = (a * b + (255 - a) * this.buffer[bufferOffset + 2]) >> 8;

package/lib/graphics/canvas.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"canvas.js","sourceRoot":"","sources":["../../source/graphics/canvas.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,qBAAqB,EAAE,MAAM,oCAAoC,CAAC;AAC3E,OAAO,EAAE,SAAS,EAAE,MAAM,WAAW,CAAC;AACtC,OAAO,EACL,KAAK,EACL,aAAa,EACb,gBAAgB,EAChB,QAAQ,EACR,IAAI,EACJ,IAAI,EACJ,IAAI,EACJ,IAAI,GACL,MAAM,WAAW,CAAC;AAcnB;;;;;;GAMG;AACH,MAAM,OAAO,MAAM;IACjB;;OAEG;IACM,SAAS,CAAoB;IAEtC;;OAEG;IACH,iBAAiB,CAA8B;IAE/C;;OAEG;IACH,gBAAgB,CAAkB;IAElC;;OAEG;~~IACM~~,~~KAAK~~,CAAS;~~IAEvB~~;;OAEG;~~IACM~~,~~MAAM~~,CAAS;~~IAExB~~;;OAEG;~~IACM~~,~~OAAO~~,CAAoC;~~IAEpD~~;;;OAGG;IACH,UAAU,CAAY;IAEtB;;OAEG;IACH,MAAM,CAAoB;IAE1B;;OAEG;IACM,OAAO,CAAmC;IAEnD;;;;OAIG;IACH,YAAY,MAAyB,EAAE,UAAkC,EAAE;QACzE,IAAI,CAAC,~~KAAK~~,GAAG,MAAM,CAAC,KAAK,CAAC;~~QAC1B~~,IAAI,CAAC,~~MAAM~~,GAAG,MAAM,CAAC,MAAM,CAAC;~~QAC5B~~,IAAI,CAAC,OAAO,GAAG,OAAO,CAAC;QAEvB,IAAI,CAAC,SAAS,GAAG,MAAM,CAAC;QACxB,IAAI,CAAC,iBAAiB,GAAG,SAAS,CAChC,IAAI,CAAC,SAAS,CAAC,UAAU,CAAC,gBAAgB,EAAE;YAC1C,KAAK,EAAE,KAAK;SACb,CAAC,EACF,oDAAoD,CACrD,CAAC;QAEF,IAAI,CAAC,gBAAgB,GAAG,IAAI,eAAe,CAAC,IAAI,CAAC,~~KAAK~~,EAAE,IAAI,CAAC,~~MAAM~~,CAAC,CAAC;~~QACrE~~,IAAI,CAAC,~~OAAO~~,GAAG,SAAS,~~CACtB~~,IAAI,CAAC,gBAAgB,CAAC,UAAU,CAAC,IAAI,EAAE;YACrC,KAAK,EAAE,KAAK;YACZ,cAAc,EAAE,IAAI;YACpB,kBAAkB,EAAE,IAAI,CAAC,OAAO,CAAC,eAAe;SACjD,CAAC,EACF,0DAA0D,CAC3D,CAAC;QACF,IAAI,CAAC,UAAU,GAAG,IAAI,CAAC,~~OAAO~~,CAAC,eAAe,CAAC,IAAI,CAAC,~~KAAK~~,EAAE,IAAI,CAAC,MAAM,CAAC,CAAC;~~QACxE~~,IAAI,CAAC,MAAM,GAAG,IAAI,CAAC,UAAU,CAAC,IAAI,CAAC;~~QAEnC~~,IAAI,CAAC,OAAO,CAAC,IAAI,GAAG,~~iBAAiB~~,CAAC;~~IACxC~~,CAAC;IAED;;OAEG;IACH,MAAM;QACJ,IAAI,CAAC,~~OAAO~~,CAAC,YAAY,CAAC,IAAI,CAAC,UAAU,EAAE,CAAC,EAAE,CAAC,CAAC,CAAC;~~IACnD~~,CAAC;IAED;;OAEG;IACH,MAAM;QACJ,MAAM,QAAQ,GAAG,IAAI,CAAC,gBAAgB,CAAC,qBAAqB,EAAE,CAAC;QAC/D,IAAI,CAAC,iBAAiB,CAAC,uBAAuB,CAAC,QAAQ,CAAC,CAAC;IAC3D,CAAC;IAED;;;;;;OAMG;IACH,IAAI,CAAC,KAAK,GAAG,QAAQ,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,CAAC;QAC/B,IAAI,CAAC,SAAS,CAAC,KAAK,CAAC,CAAC;IACxB,CAAC;IAED;;OAEG;IACH,cAAc;QACZ,IAAI,CAAC,IAAI,CAAC,OAAO,CAAC,eAAe,EAAE;YACjC,MAAM,IAAI,qBAAqB,CAC7B,0GAA0G,CAC3G,CAAC;SACH;QACD,IAAI,CAAC,UAAU,GAAG,IAAI,CAAC,~~OAAO~~,CAAC,YAAY,CAAC,CAAC,EAAE,CAAC,EAAE,IAAI,CAAC,~~KAAK~~,EAAE,IAAI,CAAC,~~MAAM~~,CAAC,CAAC;~~QAC3E~~,IAAI,CAAC,MAAM,GAAG,IAAI,CAAC,UAAU,CAAC,IAAI,CAAC;IACrC,CAAC;IAED;;;;;OAKG;IACH,UAAU,CAAC,CAAS,EAAE,CAAS;QAC7B,MAAM,YAAY,GAAG,CAAC,CAAC,GAAG,CAAC,GAAG,IAAI,CAAC,~~KAAK~~,CAAC,GAAG,CAAC,CAAC;~~QAC9C~~,OAAO,QAAQ,CACb,IAAI,CAAC,MAAM,CAAC,YAAY,GAAG,CAAC,CAAC,EAC7B,IAAI,CAAC,MAAM,CAAC,YAAY,GAAG,CAAC,CAAC,EAC7B,IAAI,CAAC,MAAM,CAAC,YAAY,GAAG,CAAC,CAAC,EAC7B,IAAI,CAAC,MAAM,CAAC,YAAY,GAAG,CAAC,CAAC,CAC9B,CAAC;IACJ,CAAC;IAED;;;;;OAKG;IACH,UAAU,CAAC,CAAS,EAAE,CAAS,EAAE,KAAa;QAC5C,MAAM,YAAY,GAAG,CAAC,CAAC,GAAG,CAAC,GAAG,IAAI,CAAC,~~KAAK~~,CAAC,GAAG,CAAC,CAAC;~~QAC9C~~,IAAI,CAAC,MAAM,CAAC,YAAY,GAAG,CAAC,CAAC,GAAG,IAAI,CAAC,KAAK,CAAC,CAAC;QAC5C,IAAI,CAAC,MAAM,CAAC,YAAY,GAAG,CAAC,CAAC,GAAG,IAAI,CAAC,KAAK,CAAC,CAAC;QAC5C,IAAI,CAAC,MAAM,CAAC,YAAY,GAAG,CAAC,CAAC,GAAG,IAAI,CAAC,KAAK,CAAC,CAAC;QAC5C,IAAI,CAAC,MAAM,CAAC,YAAY,GAAG,CAAC,CAAC,GAAG,IAAI,CAAC,KAAK,CAAC,CAAC;IAC9C,CAAC;IAED;;;OAGG;IACH,SAAS,CAAC,KAAa;QACrB,MAAM,CAAC,GAAG,IAAI,CAAC,KAAK,CAAC,CAAC;QACtB,MAAM,CAAC,GAAG,IAAI,CAAC,KAAK,CAAC,CAAC;QACtB,MAAM,CAAC,GAAG,IAAI,CAAC,KAAK,CAAC,CAAC;QACtB,MAAM,CAAC,GAAG,IAAI,CAAC,KAAK,CAAC,CAAC;QACtB,KAAK,IAAI,YAAY,GAAG,CAAC,EAAE,YAAY,GAAG,IAAI,CAAC,~~KAAK~~,GAAG,IAAI,CAAC,~~MAAM~~,GAAG,CAAC,EAAE,YAAY,IAAI,CAAC,EAAE;~~YACzF~~,IAAI,CAAC,MAAM,CAAC,YAAY,GAAG,CAAC,CAAC,GAAG,CAAC,CAAC;YAClC,IAAI,CAAC,MAAM,CAAC,YAAY,GAAG,CAAC,CAAC,GAAG,CAAC,CAAC;YAClC,IAAI,CAAC,MAAM,CAAC,YAAY,GAAG,CAAC,CAAC,GAAG,CAAC,CAAC;YAClC,IAAI,CAAC,MAAM,CAAC,YAAY,GAAG,CAAC,CAAC,GAAG,CAAC,CAAC;SACnC;IACH,CAAC;IAED;;;OAGG;IACH,SAAS,CAAC,KAAa;QACrB,MAAM,CAAC,GAAG,IAAI,CAAC,KAAK,CAAC,CAAC;QACtB,MAAM,CAAC,GAAG,IAAI,CAAC,KAAK,CAAC,CAAC;QACtB,MAAM,CAAC,GAAG,IAAI,CAAC,KAAK,CAAC,CAAC;QACtB,MAAM,CAAC,GAAG,IAAI,CAAC,KAAK,CAAC,CAAC;QACtB,KAAK,IAAI,YAAY,GAAG,CAAC,EAAE,YAAY,GAAG,IAAI,CAAC,~~KAAK~~,GAAG,IAAI,CAAC,~~MAAM~~,GAAG,CAAC,EAAE,YAAY,IAAI,CAAC,EAAE;~~YACzF~~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"}
1	+ {"version":3,"file":"canvas.js","sourceRoot":"","sources":["../../source/graphics/canvas.ts"],"names":[],"mappings":"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"}

package/lib/graphics/core.d.ts CHANGED Viewed

@@ -100,9 +100,10 @@ export declare const blendSubtractive: (src: number, dst: number, alpha: number)
 export declare const somecolor: () => number;
 /**
  * Switches the global palette to the next available preset.
+ * @returns The new new global palette.
  * @group Graphics
  */
-export declare const nextPalette: () => void;
+export declare const nextPalette: () => number[];
 /**
  * Converts a color value to grayscale.
  * @param color The color to convert.

package/lib/graphics/core.js CHANGED Viewed

@@ -476,6 +476,7 @@ export const somecolor = () => {
 };
 /**
  * Switches the global palette to the next available preset.
+ * @returns The new new global palette.
  * @group Graphics
  */
 export const nextPalette = () => {
@@ -483,6 +484,7 @@ export const nextPalette = () => {
     if (PALETTES.length <= PALETTE_INDEX) {
         PALETTE_INDEX = 0;
     }
+    return PALETTES[PALETTE_INDEX];
 };
 /**
  * Converts a color value to grayscale.