@pretty-chitty/core 1.1.1

package/dist/utilities/CanvasStack/ImageCache.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ImageCache.d.ts","sourceRoot":"","sources":["../../../src/library/utilities/CanvasStack/ImageCache.ts"],"names":[],"mappings":"AAGA,qBAAa,WAAW;gBAOV,GAAG,EAAE,MAAM;CASxB;AAED,qBAAa,UAAU;gBAIT,OAAO,EAAE,MAAM;IAI3B,QAAQ,CAAC,GAAG,EAAE,MAAM;CAQrB"}

package/dist/utilities/CanvasStack/ImageCache.js

@@ -0,0 +1,29 @@
+import QuickLRU from "quick-lru";
+import { EventChannel } from "../EventChannel";
+export class ImageResult {
+    constructor(url) {
+        /** @internal */
+        this.isLoaded = new EventChannel(false);
+        this.image = new Image();
+        this.image.crossOrigin = "anonymous";
+        this.image.src = "";
+        this.image.onload = () => {
+            this.isLoaded.value = true;
+        };
+        this.image.src = url;
+    }
+}
+export class ImageCache {
+    constructor(maxSize) {
+        this.lru = new QuickLRU({ maxSize });
+    }
+    getImage(url) {
+        let result = this.lru.get(url);
+        if (!result) {
+            result = new ImageResult(url);
+            this.lru.set(url, result);
+        }
+        return result;
+    }
+}
+//# sourceMappingURL=ImageCache.js.map

package/dist/utilities/CanvasStack/ImageCache.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ImageCache.js","sourceRoot":"","sources":["../../../src/library/utilities/CanvasStack/ImageCache.ts"],"names":[],"mappings":"AAAA,OAAO,QAAQ,MAAM,WAAW,CAAC;AACjC,OAAO,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAC;AAE/C,MAAM,OAAO,WAAW;IAOtB,YAAY,GAAW;QAHvB,gBAAgB;QAChB,aAAQ,GAAG,IAAI,YAAY,CAAU,KAAK,CAAC,CAAC;QAG1C,IAAI,CAAC,KAAK,GAAG,IAAI,KAAK,EAAE,CAAC;QACzB,IAAI,CAAC,KAAK,CAAC,WAAW,GAAG,WAAW,CAAC;QACrC,IAAI,CAAC,KAAK,CAAC,GAAG,GAAG,EAAE,CAAC;QACpB,IAAI,CAAC,KAAK,CAAC,MAAM,GAAG,GAAG,EAAE;YACvB,IAAI,CAAC,QAAQ,CAAC,KAAK,GAAG,IAAI,CAAC;QAC7B,CAAC,CAAC;QACF,IAAI,CAAC,KAAK,CAAC,GAAG,GAAG,GAAG,CAAC;IACvB,CAAC;CACF;AAED,MAAM,OAAO,UAAU;IAIrB,YAAY,OAAe;QACzB,IAAI,CAAC,GAAG,GAAG,IAAI,QAAQ,CAAsB,EAAE,OAAO,EAAE,CAAC,CAAC;IAC5D,CAAC;IAED,QAAQ,CAAC,GAAW;QAClB,IAAI,MAAM,GAAG,IAAI,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC;QAC/B,IAAI,CAAC,MAAM,EAAE,CAAC;YACZ,MAAM,GAAG,IAAI,WAAW,CAAC,GAAG,CAAC,CAAC;YAC9B,IAAI,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,EAAE,MAAM,CAAC,CAAC;QAC5B,CAAC;QACD,OAAO,MAAM,CAAC;IAChB,CAAC;CACF"}

package/dist/utilities/CanvasStack/ImageColorOverlayer.d.ts

@@ -0,0 +1,2 @@
+export default function imageColorOverlayer(image: HTMLImageElement, color: string): HTMLCanvasElement | HTMLImageElement;
+//# sourceMappingURL=ImageColorOverlayer.d.ts.map

package/dist/utilities/CanvasStack/ImageColorOverlayer.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ImageColorOverlayer.d.ts","sourceRoot":"","sources":["../../../src/library/utilities/CanvasStack/ImageColorOverlayer.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,OAAO,UAAU,mBAAmB,CAAC,KAAK,EAAE,gBAAgB,EAAE,KAAK,EAAE,MAAM,wCAmCjF"}

package/dist/utilities/CanvasStack/ImageColorOverlayer.js

@@ -0,0 +1,31 @@
+export default function imageColorOverlayer(image, color) {
+    if (!image.width && !image.height) {
+        return image;
+    }
+    let offCanvas = image.__offCanvas;
+    if (!offCanvas) {
+        // --- Offscreen canvas ---
+        offCanvas = document.createElement("canvas");
+        offCanvas.width = image.width;
+        offCanvas.height = image.height;
+        image.__offCanvas = offCanvas;
+    }
+    const offCtx = offCanvas.getContext("2d");
+    if (!offCtx) {
+        throw "could not create context";
+    }
+    // Clear the context first
+    offCtx.clearRect(0, 0, offCanvas.width, offCanvas.height);
+    // a) Draw the black icon onto the offscreen
+    offCtx.drawImage(image, 0, 0);
+    // b) Switch to "source-in"
+    //    which means: keep only the existing pixels (the icon),
+    //    and color them in the new fill style
+    offCtx.globalCompositeOperation = "source-in";
+    offCtx.fillStyle = color;
+    offCtx.fillRect(0, 0, image.width, image.height);
+    // c) Reset the offscreen context if you like
+    offCtx.globalCompositeOperation = "source-over";
+    return offCanvas;
+}
+//# sourceMappingURL=ImageColorOverlayer.js.map

package/dist/utilities/CanvasStack/ImageColorOverlayer.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ImageColorOverlayer.js","sourceRoot":"","sources":["../../../src/library/utilities/CanvasStack/ImageColorOverlayer.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,OAAO,UAAU,mBAAmB,CAAC,KAAuB,EAAE,KAAa;IAChF,IAAI,CAAC,KAAK,CAAC,KAAK,IAAI,CAAC,KAAK,CAAC,MAAM,EAAE,CAAC;QAClC,OAAO,KAAK,CAAC;IACf,CAAC;IAED,IAAI,SAAS,GAAI,KAAa,CAAC,WAAgC,CAAC;IAChE,IAAI,CAAC,SAAS,EAAE,CAAC;QACf,2BAA2B;QAC3B,SAAS,GAAG,QAAQ,CAAC,aAAa,CAAC,QAAQ,CAAC,CAAC;QAC7C,SAAS,CAAC,KAAK,GAAG,KAAK,CAAC,KAAK,CAAC;QAC9B,SAAS,CAAC,MAAM,GAAG,KAAK,CAAC,MAAM,CAAC;QAC/B,KAAa,CAAC,WAAW,GAAG,SAAS,CAAC;IACzC,CAAC;IAED,MAAM,MAAM,GAAG,SAAS,CAAC,UAAU,CAAC,IAAI,CAAC,CAAC;IAC1C,IAAI,CAAC,MAAM,EAAE,CAAC;QACZ,MAAM,0BAA0B,CAAC;IACnC,CAAC;IAED,0BAA0B;IAC1B,MAAM,CAAC,SAAS,CAAC,CAAC,EAAE,CAAC,EAAE,SAAS,CAAC,KAAK,EAAE,SAAS,CAAC,MAAM,CAAC,CAAC;IAC1D,4CAA4C;IAC5C,MAAM,CAAC,SAAS,CAAC,KAAK,EAAE,CAAC,EAAE,CAAC,CAAC,CAAC;IAE9B,2BAA2B;IAC3B,4DAA4D;IAC5D,0CAA0C;IAC1C,MAAM,CAAC,wBAAwB,GAAG,WAAW,CAAC;IAC9C,MAAM,CAAC,SAAS,GAAG,KAAK,CAAC;IACzB,MAAM,CAAC,QAAQ,CAAC,CAAC,EAAE,CAAC,EAAE,KAAK,CAAC,KAAK,EAAE,KAAK,CAAC,MAAM,CAAC,CAAC;IAEjD,6CAA6C;IAC7C,MAAM,CAAC,wBAAwB,GAAG,aAAa,CAAC;IAEhD,OAAO,SAAS,CAAC;AACnB,CAAC"}

package/dist/utilities/CanvasStack/PlayerCanvas.d.ts

@@ -0,0 +1,10 @@
+import { PlayerChit } from "../../game/PlayerChit";
+import { ParameterizedCanvas } from "../ParameterizedCanvas";
+export declare class PlayerCanvas extends ParameterizedCanvas {
+    private player;
+    width: number;
+    height: number;
+    constructor(player: PlayerChit);
+    protected render(): import("react/jsx-runtime").JSX.Element;
+}
+//# sourceMappingURL=PlayerCanvas.d.ts.map

package/dist/utilities/CanvasStack/PlayerCanvas.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"PlayerCanvas.d.ts","sourceRoot":"","sources":["../../../src/library/utilities/CanvasStack/PlayerCanvas.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,UAAU,EAAE,MAAM,uBAAuB,CAAC;AACnD,OAAO,EAAE,mBAAmB,EAAE,MAAM,wBAAwB,CAAC;AAG7D,qBAAa,YAAa,SAAQ,mBAAmB;IAIvC,OAAO,CAAC,MAAM;IAH1B,KAAK,SAAM;IACX,MAAM,SAAM;gBAEQ,MAAM,EAAE,UAAU;IAItC,SAAS,CAAC,MAAM;CAGjB"}

package/dist/utilities/CanvasStack/PlayerCanvas.js

@@ -0,0 +1,15 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { ParameterizedCanvas } from "../ParameterizedCanvas";
+import { Player } from "./ReactCanvas";
+export class PlayerCanvas extends ParameterizedCanvas {
+    constructor(player) {
+        super();
+        this.player = player;
+        this.width = 50;
+        this.height = 50;
+    }
+    render() {
+        return _jsx(Player, { player: this.player });
+    }
+}
+//# sourceMappingURL=PlayerCanvas.js.map

package/dist/utilities/CanvasStack/PlayerCanvas.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PlayerCanvas.js","sourceRoot":"","sources":["../../../src/library/utilities/CanvasStack/PlayerCanvas.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAE,mBAAmB,EAAE,MAAM,wBAAwB,CAAC;AAC7D,OAAO,EAAE,MAAM,EAAE,MAAM,eAAe,CAAC;AAEvC,MAAM,OAAO,YAAa,SAAQ,mBAAmB;IAInD,YAAoB,MAAkB;QACpC,KAAK,EAAE,CAAC;QADU,WAAM,GAAN,MAAM,CAAY;QAHtC,UAAK,GAAG,EAAE,CAAC;QACX,WAAM,GAAG,EAAE,CAAC;IAIZ,CAAC;IAES,MAAM;QACd,OAAO,KAAC,MAAM,IAAC,MAAM,EAAE,IAAI,CAAC,MAAM,GAAI,CAAC;IACzC,CAAC;CACF"}

package/dist/utilities/CanvasStack/ReactCanvas.d.ts

@@ -0,0 +1,133 @@
+import { ReactNode } from "react";
+import { IconMap, ImageSpec, RenderCallback } from "./CanvasOperations";
+import { PlayerChit } from "../../game/PlayerChit";
+import { RichTextRenderOptionsParameters } from "./RichTextRenderer";
+export interface DefaultProps {
+    size?: number;
+}
+/**
+ * Renders all children literally on top of each other.
+ * @param args
+ * @returns
+ */
+export declare function Layered({ children }: {
+    children: ReactNode | ReactNode[];
+} & DefaultProps): ReactNode;
+/**
+ * A spacer is useful for Horizontal or Vertical stacks and when you want gaps in rendering
+ * @param args
+ * @returns
+ */
+export declare function Spacer({}: DefaultProps): ReactNode;
+/**
+ * Creates a named outlet for a region on the canvas
+ * @param args
+ * @returns
+ */
+export declare function Outlet({ name, children }: {
+    name: string;
+    children: ReactNode;
+} & DefaultProps): ReactNode;
+/**
+ * Pads the render context, either by "amount" or by whatever top/left/right/bottom amount you set
+ * @param args
+ * @returns
+ */
+export declare function Pad({ amount, left, top, bottom, right, children, }: {
+    amount?: number;
+    left?: number;
+    top?: number;
+    bottom?: number;
+    right?: number;
+    children: ReactNode;
+} & DefaultProps): ReactNode;
+/**
+ * Fills the render context with a solid color
+ * @param args
+ * @returns
+ */
+export declare function Color({ hex, val }: {
+    hex?: string;
+    val?: number;
+} & DefaultProps): ReactNode;
+/**
+ * Creates a vertical stack of elements.  Any elements with defined sizes will be that tall.
+ * The remaining elements will fill the remaining space equally
+ * @param args
+ * @returns
+ */
+export declare function Vertical({ children }: {
+    children: ReactNode[] | ReactNode;
+} & DefaultProps): ReactNode;
+/**
+ * Creates a horizontal stack of elements.  Any elements with defined sizes will be that wide.
+ * The remaining elements will fill the remaining space equally
+ * @param args
+ * @returns
+ */
+export declare function Horizontal({ children }: {
+    children: ReactNode[] | ReactNode;
+} & DefaultProps): ReactNode;
+/**
+ * Renders an image from a spritemap.  Can either fill the allocated area or fit within it.
+ * @param args
+ * @returns
+ */
+export declare function Image({ image, fill, overlayColor, }: {
+    image: ImageSpec;
+    fill?: boolean;
+    overlayColor?: string;
+} & DefaultProps): ReactNode;
+/**
+ * Renders a player's image and color
+ * @param args
+ * @returns
+ */
+export declare function Player({ player }: {
+    player: PlayerChit;
+}): import("react/jsx-runtime").JSX.Element;
+/**
+ * Renders text in an area.  The body of this tag should be the text you want rendered.
+ * @param args
+ * @returns
+ */
+export declare function Text({ children, align, fill, stroke, font, offsetX, offsetY, shadowBlur, shadowColor, before, after, }: {
+    children?: string | any[] | any;
+    align?: "center" | "left" | "right";
+    fill?: string;
+    stroke?: string;
+    font?: string;
+    shadowBlur?: number;
+    shadowColor?: string;
+    offsetX?: number;
+    offsetY?: number;
+    before?: ReactNode;
+    after?: ReactNode;
+} & DefaultProps): ReactNode;
+/**
+ * Renders text in an area.  The body of this tag should be the text you want rendered.
+ * @param args
+ * @returns
+ */
+export declare function MultiLineText(params: {
+    children?: string | any[] | any;
+    icons?: IconMap;
+} & DefaultProps & RichTextRenderOptionsParameters): ReactNode;
+/**
+ * Perform your own canvas rendering operations
+ * @param args
+ * @returns
+ */
+export declare function Raw({ cb }: {
+    cb: RenderCallback;
+} & DefaultProps): ReactNode;
+/**
+ * Renders children into a rounded rectangle mask.
+ * @param args
+ * @returns
+ */
+export declare function RoundedRect({ radius, children, }: {
+    radius: number;
+    children: ReactNode | ReactNode[];
+} & DefaultProps): ReactNode;
+//# sourceMappingURL=ReactCanvas.d.ts.map

package/dist/utilities/CanvasStack/ReactCanvas.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ReactCanvas.d.ts","sourceRoot":"","sources":["../../../src/library/utilities/CanvasStack/ReactCanvas.tsx"],"names":[],"mappings":"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"}

package/dist/utilities/CanvasStack/ReactCanvas.js

@@ -0,0 +1,161 @@
+import { Fragment as _Fragment, jsx as _jsx } from "react/jsx-runtime";
+import * as Colors from "color";
+import { CallbackCanvasOperation, ColorCanvasOperation, HorizontalStackCanvasOperation, ImageCanvasOperation, LayeredCanvasOperation, MarkdownCanvasOperation, OutletCanvasOperation, PadCanvasOperation, PlayerCanvasOperation, RoundedRectCanvasOperation, TextCanvasOperation, VerticalStackCanvasOperation, } from "./CanvasOperations";
+// eslint-disable-next-line @typescript-eslint/no-unused-vars
+function WrappedCanvasOperation({ operation }) {
+    return _jsx(_Fragment, {});
+}
+/** @internal */
+export function unwrapCanvasNode(node) {
+    if (Array.isArray(node)) {
+        return new LayeredCanvasOperation(node.map(unwrapCanvasNode));
+    }
+    const reactElement = node;
+    if (reactElement) {
+        if (reactElement.type === WrappedCanvasOperation) {
+            return reactElement.props.operation;
+        }
+        if (typeof reactElement.type === "function") {
+            // eslint-disable-next-line no-empty-pattern
+            const Element = reactElement.type;
+            if (Element) {
+                const results = Element(reactElement.props);
+                return unwrapCanvasNode(results);
+            }
+        }
+        else if (typeof reactElement.type === "symbol") {
+            return new LayeredCanvasOperation([].concat(reactElement.props.children ?? []).map(unwrapCanvasNode));
+        }
+    }
+    return new LayeredCanvasOperation([]);
+}
+function unwrapStackItem(node) {
+    const reactElement = node;
+    if (reactElement) {
+        const size = reactElement.props?.size;
+        return { size, layer: unwrapCanvasNode(reactElement) };
+    }
+    return { size: 0 };
+}
+/**
+ * Renders all children literally on top of each other.
+ * @param args
+ * @returns
+ */
+export function Layered({ children }) {
+    const layers = Array.isArray(children) ? children : [children];
+    return _jsx(WrappedCanvasOperation, { operation: new LayeredCanvasOperation(layers.map(unwrapCanvasNode)) });
+}
+/**
+ * A spacer is useful for Horizontal or Vertical stacks and when you want gaps in rendering
+ * @param args
+ * @returns
+ */
+// eslint-disable-next-line no-empty-pattern
+export function Spacer({}) {
+    return _jsx(_Fragment, {});
+}
+/**
+ * Creates a named outlet for a region on the canvas
+ * @param args
+ * @returns
+ */
+export function Outlet({ name, children }) {
+    return _jsx(WrappedCanvasOperation, { operation: new OutletCanvasOperation(name, unwrapCanvasNode(children)) });
+}
+/**
+ * Pads the render context, either by "amount" or by whatever top/left/right/bottom amount you set
+ * @param args
+ * @returns
+ */
+export function Pad({ amount, left, top, bottom, right, children, }) {
+    return (_jsx(WrappedCanvasOperation, { operation: new PadCanvasOperation({
+            top: top ?? amount,
+            left: left ?? amount,
+            right: right ?? amount,
+            bottom: bottom ?? amount,
+        }, unwrapCanvasNode(children)) }));
+}
+/**
+ * Fills the render context with a solid color
+ * @param args
+ * @returns
+ */
+export function Color({ hex, val }) {
+    return _jsx(WrappedCanvasOperation, { operation: new ColorCanvasOperation(hex ? hex : Colors.default(val).hex()) });
+}
+/**
+ * Creates a vertical stack of elements.  Any elements with defined sizes will be that tall.
+ * The remaining elements will fill the remaining space equally
+ * @param args
+ * @returns
+ */
+export function Vertical({ children }) {
+    return (_jsx(WrappedCanvasOperation, { operation: new VerticalStackCanvasOperation((Array.isArray(children) ? children : [children]).flat().map(unwrapStackItem)) }));
+}
+/**
+ * Creates a horizontal stack of elements.  Any elements with defined sizes will be that wide.
+ * The remaining elements will fill the remaining space equally
+ * @param args
+ * @returns
+ */
+export function Horizontal({ children }) {
+    return (_jsx(WrappedCanvasOperation, { operation: new HorizontalStackCanvasOperation((Array.isArray(children) ? children : [children]).flat().map(unwrapStackItem)) }));
+}
+/**
+ * Renders an image from a spritemap.  Can either fill the allocated area or fit within it.
+ * @param args
+ * @returns
+ */
+export function Image({ image, fill, overlayColor, }) {
+    return _jsx(WrappedCanvasOperation, { operation: new ImageCanvasOperation(image, { fill, overlayColor }) });
+}
+/**
+ * Renders a player's image and color
+ * @param args
+ * @returns
+ */
+export function Player({ player }) {
+    return _jsx(WrappedCanvasOperation, { operation: new PlayerCanvasOperation(player) });
+}
+/**
+ * Renders text in an area.  The body of this tag should be the text you want rendered.
+ * @param args
+ * @returns
+ */
+export function Text({ children = "", align = "center", fill, stroke, font, offsetX, offsetY, shadowBlur, shadowColor, before, after, }) {
+    return (_jsx(WrappedCanvasOperation, { operation: new TextCanvasOperation(Array.isArray(children) ? children.join("") : String(children), {
+            align,
+            before: before ? unwrapCanvasNode(before) : undefined,
+            after: after ? unwrapCanvasNode(after) : undefined,
+            offsetX,
+            offsetY,
+            contextOptions: { fillStyle: fill, strokeStyle: stroke, font, shadowBlur, shadowColor },
+        }) }));
+}
+/**
+ * Renders text in an area.  The body of this tag should be the text you want rendered.
+ * @param args
+ * @returns
+ */
+export function MultiLineText(params) {
+    return (_jsx(WrappedCanvasOperation, { operation: new MarkdownCanvasOperation(Array.isArray(params.children) ? params.children.join("") : String(params.children), params.icons ?? {}, params) }));
+}
+/**
+ * Perform your own canvas rendering operations
+ * @param args
+ * @returns
+ */
+export function Raw({ cb }) {
+    return _jsx(WrappedCanvasOperation, { operation: new CallbackCanvasOperation(cb) });
+}
+/**
+ * Renders children into a rounded rectangle mask.
+ * @param args
+ * @returns
+ */
+export function RoundedRect({ radius, children, }) {
+    const childOps = Array.isArray(children) ? children.map(unwrapCanvasNode) : [unwrapCanvasNode(children)];
+    return _jsx(WrappedCanvasOperation, { operation: new RoundedRectCanvasOperation(childOps, radius) });
+}
+//# sourceMappingURL=ReactCanvas.js.map

package/dist/utilities/CanvasStack/ReactCanvas.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ReactCanvas.js","sourceRoot":"","sources":["../../../src/library/utilities/CanvasStack/ReactCanvas.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,MAAM,MAAM,OAAO,CAAC;AAEhC,OAAO,EACL,uBAAuB,EAEvB,oBAAoB,EACpB,8BAA8B,EAE9B,oBAAoB,EAEpB,sBAAsB,EACtB,uBAAuB,EACvB,qBAAqB,EACrB,kBAAkB,EAClB,qBAAqB,EAErB,0BAA0B,EAE1B,mBAAmB,EACnB,4BAA4B,GAC7B,MAAM,oBAAoB,CAAC;AAQ5B,6DAA6D;AAC7D,SAAS,sBAAsB,CAAC,EAAE,SAAS,EAAkC;IAC3E,OAAO,mBAAK,CAAC;AACf,CAAC;AAED,gBAAgB;AAChB,MAAM,UAAU,gBAAgB,CAAC,IAAe;IAC9C,IAAI,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC,EAAE,CAAC;QACxB,OAAO,IAAI,sBAAsB,CAAC,IAAI,CAAC,GAAG,CAAC,gBAAgB,CAAC,CAAC,CAAC;IAChE,CAAC;IAED,MAAM,YAAY,GAAG,IAAoB,CAAC;IAC1C,IAAI,YAAY,EAAE,CAAC;QACjB,IAAI,YAAY,CAAC,IAAI,KAAK,sBAAsB,EAAE,CAAC;YACjD,OAAO,YAAY,CAAC,KAAK,CAAC,SAAS,CAAC;QACtC,CAAC;QAED,IAAI,OAAO,YAAY,CAAC,IAAI,KAAK,UAAU,EAAE,CAAC;YAC5C,4CAA4C;YAC5C,MAAM,OAAO,GAAG,YAAY,CAAC,IAAyB,CAAC;YACvD,IAAI,OAAO,EAAE,CAAC;gBACZ,MAAM,OAAO,GAAG,OAAO,CAAC,YAAY,CAAC,KAAK,CAAC,CAAC;gBAC5C,OAAO,gBAAgB,CAAC,OAAO,CAAC,CAAC;YACnC,CAAC;QACH,CAAC;aAAM,IAAI,OAAO,YAAY,CAAC,IAAI,KAAK,QAAQ,EAAE,CAAC;YACjD,OAAO,IAAI,sBAAsB,CAAC,EAAE,CAAC,MAAM,CAAC,YAAY,CAAC,KAAK,CAAC,QAAQ,IAAI,EAAE,CAAC,CAAC,GAAG,CAAC,gBAAgB,CAAC,CAAC,CAAC;QACxG,CAAC;IACH,CAAC;IACD,OAAO,IAAI,sBAAsB,CAAC,EAAE,CAAC,CAAC;AACxC,CAAC;AACD,SAAS,eAAe,CAAC,IAAe;IACtC,MAAM,YAAY,GAAG,IAAoB,CAAC;IAC1C,IAAI,YAAY,EAAE,CAAC;QACjB,MAAM,IAAI,GAAG,YAAY,CAAC,KAAK,EAAE,IAAI,CAAC;QACtC,OAAO,EAAE,IAAI,EAAE,KAAK,EAAE,gBAAgB,CAAC,YAAY,CAAC,EAAE,CAAC;IACzD,CAAC;IACD,OAAO,EAAE,IAAI,EAAE,CAAC,EAAE,CAAC;AACrB,CAAC;AAED;;;;GAIG;AACH,MAAM,UAAU,OAAO,CAAC,EAAE,QAAQ,EAAwD;IACxF,MAAM,MAAM,GAAG,KAAK,CAAC,OAAO,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC;IAC/D,OAAO,KAAC,sBAAsB,IAAC,SAAS,EAAE,IAAI,sBAAsB,CAAC,MAAM,CAAC,GAAG,CAAC,gBAAgB,CAAC,CAAC,GAAI,CAAC;AACzG,CAAC;AAED;;;;GAIG;AACH,4CAA4C;AAC5C,MAAM,UAAU,MAAM,CAAC,EAAgB;IACrC,OAAO,mBAAK,CAAC;AACf,CAAC;AAED;;;;GAIG;AACH,MAAM,UAAU,MAAM,CAAC,EAAE,IAAI,EAAE,QAAQ,EAAwD;IAC7F,OAAO,KAAC,sBAAsB,IAAC,SAAS,EAAE,IAAI,qBAAqB,CAAC,IAAI,EAAE,gBAAgB,CAAC,QAAQ,CAAC,CAAC,GAAI,CAAC;AAC5G,CAAC;AAED;;;;GAIG;AACH,MAAM,UAAU,GAAG,CAAC,EAClB,MAAM,EACN,IAAI,EACJ,GAAG,EACH,MAAM,EACN,KAAK,EACL,QAAQ,GAQM;IACd,OAAO,CACL,KAAC,sBAAsB,IACrB,SAAS,EACP,IAAI,kBAAkB,CACpB;YACE,GAAG,EAAE,GAAG,IAAI,MAAM;YAClB,IAAI,EAAE,IAAI,IAAI,MAAM;YACpB,KAAK,EAAE,KAAK,IAAI,MAAM;YACtB,MAAM,EAAE,MAAM,IAAI,MAAM;SACzB,EACD,gBAAgB,CAAC,QAAQ,CAAC,CAC3B,GAEH,CACH,CAAC;AACJ,CAAC;AAED;;;;GAIG;AACH,MAAM,UAAU,KAAK,CAAC,EAAE,GAAG,EAAE,GAAG,EAAiD;IAC/E,OAAO,KAAC,sBAAsB,IAAC,SAAS,EAAE,IAAI,oBAAoB,CAAC,GAAG,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,MAAM,CAAC,OAAO,CAAC,GAAG,CAAC,CAAC,GAAG,EAAE,CAAC,GAAI,CAAC;AAChH,CAAC;AAED;;;;;GAKG;AACH,MAAM,UAAU,QAAQ,CAAC,EAAE,QAAQ,EAAwD;IACzF,OAAO,CACL,KAAC,sBAAsB,IACrB,SAAS,EACP,IAAI,4BAA4B,CAAC,CAAC,KAAK,CAAC,OAAO,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,IAAI,EAAE,CAAC,GAAG,CAAC,eAAe,CAAC,CAAC,GAEjH,CACH,CAAC;AACJ,CAAC;AAED;;;;;GAKG;AACH,MAAM,UAAU,UAAU,CAAC,EAAE,QAAQ,EAAwD;IAC3F,OAAO,CACL,KAAC,sBAAsB,IACrB,SAAS,EACP,IAAI,8BAA8B,CAChC,CAAC,KAAK,CAAC,OAAO,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,IAAI,EAAE,CAAC,GAAG,CAAC,eAAe,CAAC,CAC9E,GAEH,CACH,CAAC;AACJ,CAAC;AAED;;;;GAIG;AACH,MAAM,UAAU,KAAK,CAAC,EACpB,KAAK,EACL,IAAI,EACJ,YAAY,GAC+D;IAC3E,OAAO,KAAC,sBAAsB,IAAC,SAAS,EAAE,IAAI,oBAAoB,CAAC,KAAK,EAAE,EAAE,IAAI,EAAE,YAAY,EAAE,CAAC,GAAI,CAAC;AACxG,CAAC;AAED;;;;GAIG;AACH,MAAM,UAAU,MAAM,CAAC,EAAE,MAAM,EAA0B;IACvD,OAAO,KAAC,sBAAsB,IAAC,SAAS,EAAE,IAAI,qBAAqB,CAAC,MAAM,CAAC,GAAI,CAAC;AAClF,CAAC;AAED;;;;GAIG;AACH,MAAM,UAAU,IAAI,CAAC,EACnB,QAAQ,GAAG,EAAE,EACb,KAAK,GAAG,QAAQ,EAChB,IAAI,EACJ,MAAM,EACN,IAAI,EACJ,OAAO,EACP,OAAO,EACP,UAAU,EACV,WAAW,EACX,MAAM,EACN,KAAK,GAaS;IACd,OAAO,CACL,KAAC,sBAAsB,IACrB,SAAS,EACP,IAAI,mBAAmB,CAAC,KAAK,CAAC,OAAO,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,MAAM,CAAC,QAAQ,CAAC,EAAE;YACtF,KAAK;YACL,MAAM,EAAE,MAAM,CAAC,CAAC,CAAC,gBAAgB,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,SAAS;YACrD,KAAK,EAAE,KAAK,CAAC,CAAC,CAAC,gBAAgB,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,SAAS;YAClD,OAAO;YACP,OAAO;YACP,cAAc,EAAE,EAAE,SAAS,EAAE,IAAI,EAAE,WAAW,EAAE,MAAM,EAAE,IAAI,EAAE,UAAU,EAAE,WAAW,EAAE;SACxF,CAAC,GAEJ,CACH,CAAC;AACJ,CAAC;AAED;;;;GAIG;AACH,MAAM,UAAU,aAAa,CAC3B,MAIiC;IAEjC,OAAO,CACL,KAAC,sBAAsB,IACrB,SAAS,EACP,IAAI,uBAAuB,CACzB,KAAK,CAAC,OAAO,CAAC,MAAM,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC,MAAM,CAAC,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,MAAM,CAAC,MAAM,CAAC,QAAQ,CAAC,EACnF,MAAM,CAAC,KAAK,IAAI,EAAE,EAClB,MAAM,CACP,GAEH,CACH,CAAC;AACJ,CAAC;AAED;;;;GAIG;AACH,MAAM,UAAU,GAAG,CAAC,EAAE,EAAE,EAAyC;IAC/D,OAAO,KAAC,sBAAsB,IAAC,SAAS,EAAE,IAAI,uBAAuB,CAAC,EAAE,CAAC,GAAI,CAAC;AAChF,CAAC;AAED;;;;GAIG;AACH,MAAM,UAAU,WAAW,CAAC,EAC1B,MAAM,EACN,QAAQ,GAIM;IACd,MAAM,QAAQ,GAAG,KAAK,CAAC,OAAO,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC,QAAQ,CAAC,GAAG,CAAC,gBAAgB,CAAC,CAAC,CAAC,CAAC,CAAC,gBAAgB,CAAC,QAAQ,CAAC,CAAC,CAAC;IACzG,OAAO,KAAC,sBAAsB,IAAC,SAAS,EAAE,IAAI,0BAA0B,CAAC,QAAQ,EAAE,MAAM,CAAC,GAAI,CAAC;AACjG,CAAC"}

package/dist/utilities/CanvasStack/RichTextRenderer.d.ts

@@ -0,0 +1,63 @@
+export type Align = "left" | "center" | "right";
+export type IconBaseline = "text" | "middle" | "bottom";
+export type VerticalAlign = "top" | "middle" | "bottom";
+/** A single sprite inside a larger sprite sheet image */
+export interface SpriteRef {
+    image: HTMLImageElement;
+    x: number;
+    y: number;
+    width: number;
+    height: number;
+}
+export interface IconMap {
+    [name: string]: SpriteRef | undefined;
+}
+export type RichTextRenderOptionsParameters = {
+    fontFamily?: string;
+    fontSize?: number;
+    lineHeight?: number;
+    align?: Align;
+    verticalAlign?: VerticalAlign;
+    color?: string;
+    iconMap?: IconMap;
+    iconBaseline?: IconBaseline;
+    iconScale?: number;
+};
+export interface RenderOptions extends RichTextRenderOptionsParameters {
+    x?: number;
+    y?: number;
+    maxWidth: number;
+    height?: number;
+    debug?: boolean;
+}
+export interface RenderResult {
+    height: number;
+    lines: number;
+    lastBaselineY: number;
+}
+export declare class RichTextRenderer {
+    render(ctx: CanvasRenderingContext2D, text: string, opts: RenderOptions): RenderResult;
+    /** Supports **bold** / __bold__ / *italic* / _italic_ / ***bold-italic*** and :icon: */
+    private tokenize;
+    /** Split text tokens into runs by whitespace, preserving spaces as runs for measurement. */
+    private expandRuns;
+    private layoutRunsToLines;
+    private newLine;
+    private styleKey;
+    private makeFont;
+    private measureText;
+    /** Decide a chunk for the current line:
+     * - If whole `word` fits in `limit`, return it (no hyphen).
+     * - Else return the largest prefix that fits with a trailing "-" (requires at least 1 char left as rest).
+     * - If even "a-" won't fit, returns { first: "", rest: word, addHyphen: false }.
+     */
+    private hyphenateChunk;
+    /** Hyphenate `text` across one or more lines. Returns updated `line` and `cursorW`.
+     *  - First piece is constrained by `firstLimit` (remaining width on current line).
+     *  - Subsequent pieces use `maxWidth`.
+     *  - Adds "-" to all but the last piece.
+     */
+    private hyphenateIntoLines;
+    private iconBaselinePosition;
+}
+//# sourceMappingURL=RichTextRenderer.d.ts.map

package/dist/utilities/CanvasStack/RichTextRenderer.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"RichTextRenderer.d.ts","sourceRoot":"","sources":["../../../src/library/utilities/CanvasStack/RichTextRenderer.ts"],"names":[],"mappings":"AAAA,MAAM,MAAM,KAAK,GAAG,MAAM,GAAG,QAAQ,GAAG,OAAO,CAAC;AAChD,MAAM,MAAM,YAAY,GAAG,MAAM,GAAG,QAAQ,GAAG,QAAQ,CAAC;AACxD,MAAM,MAAM,aAAa,GAAG,KAAK,GAAG,QAAQ,GAAG,QAAQ,CAAC;AAExD,yDAAyD;AACzD,MAAM,WAAW,SAAS;IACxB,KAAK,EAAE,gBAAgB,CAAC;IACxB,CAAC,EAAE,MAAM,CAAC;IACV,CAAC,EAAE,MAAM,CAAC;IACV,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,MAAM,CAAC;CAChB;AAED,MAAM,WAAW,OAAO;IACtB,CAAC,IAAI,EAAE,MAAM,GAAG,SAAS,GAAG,SAAS,CAAC;CACvC;AAED,MAAM,MAAM,+BAA+B,GAAG;IAC5C,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,KAAK,CAAC,EAAE,KAAK,CAAC;IACd,aAAa,CAAC,EAAE,aAAa,CAAC;IAC9B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,YAAY,CAAC,EAAE,YAAY,CAAC;IAC5B,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,CAAC;AAEF,MAAM,WAAW,aAAc,SAAQ,+BAA+B;IACpE,CAAC,CAAC,EAAE,MAAM,CAAC;IACX,CAAC,CAAC,EAAE,MAAM,CAAC;IACX,QAAQ,EAAE,MAAM,CAAC;IACjB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,KAAK,CAAC,EAAE,OAAO,CAAC;CACjB;AAED,MAAM,WAAW,YAAY;IAC3B,MAAM,EAAE,MAAM,CAAC;IACf,KAAK,EAAE,MAAM,CAAC;IACd,aAAa,EAAE,MAAM,CAAC;CACvB;AA+BD,qBAAa,gBAAgB;IAC3B,MAAM,CAAC,GAAG,EAAE,wBAAwB,EAAE,IAAI,EAAE,MAAM,EAAE,IAAI,EAAE,aAAa,GAAG,YAAY;IAuHtF,wFAAwF;IACxF,OAAO,CAAC,QAAQ;IA2FhB,4FAA4F;IAC5F,OAAO,CAAC,UAAU;IA0BlB,OAAO,CAAC,iBAAiB;IAwKzB,OAAO,CAAC,OAAO;IAIf,OAAO,CAAC,QAAQ;IAIhB,OAAO,CAAC,QAAQ;IAMhB,OAAO,CAAC,WAAW;IAUnB;;;;OAIG;IACH,OAAO,CAAC,cAAc;IAqFtB;;;;OAIG;IACH,OAAO,CAAC,kBAAkB;IAyG1B,OAAO,CAAC,oBAAoB;CAe7B"}