@vpmedia/phaser 1.115.0 → 1.117.0

package/src/phaser/display/bitmap_text.ts

@@ -52,7 +52,7 @@ export class BitmapText extends DisplayObject {
   /**
    * Destroys this bitmap text and cleans up resources.
    */
-  public override destroy() {
+  public override destroy(): void {
     this._prevAnchor = null!;
     this._glyphs = null!;
     this._text = null!;
@@ -63,7 +63,7 @@ export class BitmapText extends DisplayObject {
   /**
    * Called before the update cycle for this bitmap text.
    */
-  public override preUpdate() {
+  public override preUpdate(): void {
     if (this.pendingDestroy) {
       this.destroy();
       return;
@@ -86,7 +86,7 @@ export class BitmapText extends DisplayObject {
    * Sets the text to display.
    * @param {string} text - The new text to display.
    */
-  public setText(text: string) {
+  public setText(text: string): void {
     this.text = text;
   }
 
@@ -164,7 +164,7 @@ export class BitmapText extends DisplayObject {
    * @param {string} replace - The character to use for replacement of invalid characters (default: '').
    * @returns {string} The cleaned text.
    */
-  public cleanText(text: string, replace = '') {
+  public cleanText(text: string, replace = ''): string {
     const data = this._data.font;
     if (!data) {
       return '';
@@ -189,7 +189,7 @@ export class BitmapText extends DisplayObject {
   /**
    * Updates the internal text rendering based on current properties and content.
    */
-  public updateText() {
+  public updateText(): void {
     const data = this._data.font;
     if (!data) {
       return;
@@ -260,7 +260,7 @@ export class BitmapText extends DisplayObject {
    * Removes unused glyphs from the pool and returns the number removed.
    * @returns {number} The number of glyphs that were removed from the pool.
    */
-  public purgeGlyphs() {
+  public purgeGlyphs(): number {
     const len = this._glyphs.length;
     const kept = [];
     for (const glyph of this._glyphs) {
@@ -295,7 +295,7 @@ export class BitmapText extends DisplayObject {
    * @param {number} _position - The character position to apply the color to.
    * @returns {BitmapText} This bitmap text instance for chaining.
    */
-  public addColor(value: string, _position: number) {
+  public addColor(value: string, _position: number): this {
     const color = typeof value === 'string' ? Number.parseInt(value.replace('#', ''), 16) : value;
     if (color !== this._tint) {
       this._tint = color;
@@ -308,7 +308,7 @@ export class BitmapText extends DisplayObject {
    * Gets the text alignment property.
    * @returns {string} The current text alignment (left, center, right).
    */
-  public get align() {
+  public get align(): string {
     return this._align;
   }
 
@@ -327,7 +327,7 @@ export class BitmapText extends DisplayObject {
    * Gets the tint color of this bitmap text.
    * @returns {number} The current tint color in RGB format.
    */
-  public get tint() {
+  public get tint(): number {
     return this._tint;
   }
 
@@ -346,7 +346,7 @@ export class BitmapText extends DisplayObject {
    * Gets the fill color of this bitmap text as a hex string.
    * @returns {string} The current fill color in hex format.
    */
-  public get fill() {
+  public get fill(): string {
     if (typeof this.tint === 'number') {
       let colorStr = this.tint.toString(16);
       while (colorStr.length < 6) {
@@ -369,7 +369,7 @@ export class BitmapText extends DisplayObject {
    * Gets the font key used by this bitmap text.
    * @returns {string} The current font key.
    */
-  public get font() {
+  public get font(): string {
     return this._font;
   }
 
@@ -430,7 +430,7 @@ export class BitmapText extends DisplayObject {
    * Gets the maximum width of this bitmap text.
    * @returns {number} The current maximum width.
    */
-  public get maxWidth() {
+  public get maxWidth(): number {
     return this._maxWidth;
   }
 
@@ -449,7 +449,7 @@ export class BitmapText extends DisplayObject {
    * Gets whether smoothing is enabled for this bitmap text's font.
    * @returns {boolean} True if smoothing is enabled, false otherwise.
    */
-  public get smoothed() {
+  public get smoothed(): boolean {
     return !this._data.base.scaleMode;
   }
 

package/src/phaser/display/button.ts

@@ -85,7 +85,7 @@ export class Button extends Image {
   /**
    * Destroys this button and cleans up resources.
    */
-  public override destroy() {
+  public override destroy(): void {
     this._onOverFrame = null;
     this._onOutFrame = null;
     this._onDownFrame = null;
@@ -113,12 +113,12 @@ export class Button extends Image {
    * @param {boolean} isEnabled - Whether the button should be enabled (true) or disabled (false).
    * @param {boolean} isImmediate - Whether to change the state immediately or with a delay (default: false).
    */
-  public setEnabled(isEnabled: boolean, isImmediate = false) {
+  public setEnabled(isEnabled: boolean, isImmediate = false): void {
     this.input.enabled = isEnabled;
     if (isImmediate) {
       this.changeStateFrame(isEnabled ? STATE_UP : STATE_DISABLED);
     } else {
-      setTimeout(() => {
+      setTimeout((): void => {
         this.changeStateFrame(isEnabled ? STATE_UP : STATE_DISABLED);
       }, 1);
     }
@@ -127,14 +127,14 @@ export class Button extends Image {
   /**
    * Clears all the frame settings for this button.
    */
-  public clearFrames() {
+  public clearFrames(): void {
     this.setFrames(null, null, null, null, null);
   }
 
   /**
    * Called when this button is removed from the world.
    */
-  public removedFromWorld() {
+  public removedFromWorld(): void {
     this.inputEnabled = false;
   }
 
@@ -144,7 +144,7 @@ export class Button extends Image {
    * @param {string} frame - The frame identifier to set for this state.
    * @param {boolean} switchImmediately - Whether to switch to the new frame immediately (default: false).
    */
-  public setStateFrame(state: string, frame: string | null, switchImmediately = false) {
+  public setStateFrame(state: string, frame: string | null, switchImmediately = false): void {
     const frameKey: `_on${string}Frame` = `_on${state}Frame`;
     if (frame) {
       this[frameKey] = frame;
@@ -161,7 +161,7 @@ export class Button extends Image {
    * @param {string} newState - The new state to change to (Over, Out, Down, Up, Disabled).
    * @returns {boolean} True if the frame was changed, false otherwise.
    */
-  public changeStateFrame(newState: string) {
+  public changeStateFrame(newState: string): boolean {
     if (this.freezeFrames) {
       return false;
     }
@@ -192,7 +192,7 @@ export class Button extends Image {
     downFrame: string | null,
     upFrame: string | null,
     disabledFrame: string | null = null
-  ) {
+  ): void {
     this.setStateFrame(STATE_OVER, overFrame, this.input.pointerOver());
     this.setStateFrame(STATE_OUT, outFrame, !this.input.pointerOver());
     this.setStateFrame(STATE_DOWN, downFrame, this.input.pointerDown());
@@ -207,7 +207,7 @@ export class Button extends Image {
    * @param {object} _sprite - The sprite that triggered the event.
    * @param {object} pointer - The pointer that triggered the event.
    */
-  public onInputOverHandler(_sprite: any, pointer: any) {
+  public onInputOverHandler(_sprite: any, pointer: any): void {
     if (pointer.justReleased() && (this.justReleasedPreventsOver & pointer.pointerMode) === pointer.pointerMode) {
       //  If the Pointer was only just released then we don't fire an over event
       return;
@@ -226,7 +226,7 @@ export class Button extends Image {
    * @param {object} _sprite - The sprite that triggered the event.
    * @param {object} pointer - The pointer that triggered the event.
    */
-  public onInputOutHandler(_sprite: any, pointer: any) {
+  public onInputOutHandler(_sprite: any, pointer: any): void {
     this.changeStateFrame(STATE_OUT);
     if (this.onInputOut) {
       this.onInputOut.dispatch(this, pointer);
@@ -238,7 +238,7 @@ export class Button extends Image {
    * @param {object} _sprite - The sprite that triggered the event.
    * @param {object} pointer - The pointer that triggered the event.
    */
-  public onInputDownHandler(_sprite: any, pointer: any) {
+  public onInputDownHandler(_sprite: any, pointer: any): void {
     this.changeStateFrame(STATE_DOWN);
     if (this.onInputDown) {
       this.onInputDown.dispatch(this, pointer);
@@ -251,7 +251,7 @@ export class Button extends Image {
    * @param {object} pointer - The pointer that triggered the event.
    * @param {boolean} isOver - Whether the pointer is currently over the button (default: true).
    */
-  public onInputUpHandler(_sprite: any, pointer: any, isOver: boolean) {
+  public onInputUpHandler(_sprite: any, pointer: any, isOver: boolean): void {
     if (this.onInputUp) {
       this.onInputUp.dispatch(this, pointer, isOver);
     }
@@ -277,7 +277,7 @@ export class Button extends Image {
    * Gets whether input is currently enabled for this button.
    * @returns {boolean} True if input is enabled, false otherwise.
    */
-  public get inputEnabled() {
+  public get inputEnabled(): boolean {
     return this.input && this.input.enabled;
   }
 

package/src/phaser/display/canvas/buffer.ts

@@ -22,7 +22,7 @@ export class CanvasBuffer {
   /**
    * Clears the canvas buffer.
    */
-  public clear() {
+  public clear(): void {
     this.context.setTransform(1, 0, 0, 1, 0, 0);
     this.context.clearRect(0, 0, this.width, this.height);
   }
@@ -32,7 +32,7 @@ export class CanvasBuffer {
    * @param {number} width - The new width of the canvas buffer.
    * @param {number} height - The new height of the canvas buffer.
    */
-  public resize(width: number, height: number) {
+  public resize(width: number, height: number): void {
     this.width = width;
     this.height = height;
     this.canvas.width = width;
@@ -42,7 +42,7 @@ export class CanvasBuffer {
   /**
    * Destroys the canvas buffer and cleans up resources.
    */
-  public destroy() {
+  public destroy(): void {
     try {
       this.context?.reset();
     } catch {

package/src/phaser/display/canvas/graphics.ts

@@ -9,7 +9,7 @@ import { RoundedRectangle } from '../../geom/rounded_rectangle.js';
  * Renders a graphics object to canvas.
  * @param {Graphics} graphics - The graphics object to render.
  */
-export const updateGraphicsTint = (graphics: Graphics) => {
+export const updateGraphicsTint = (graphics: Graphics): void => {
   if (graphics.tint === 0xffffff) {
     return;
   }
@@ -35,7 +35,7 @@ export const updateGraphicsTint = (graphics: Graphics) => {
  * @param {Graphics} graphics - The graphics object to render.
  * @param {object} context - The canvas rendering context.
  */
-export const renderGraphics = (graphics: Graphics, context: CanvasRenderingContext2D) => {
+export const renderGraphics = (graphics: Graphics, context: CanvasRenderingContext2D): void => {
   const { worldAlpha } = graphics;
   if (graphics.dirty) {
     updateGraphicsTint(graphics);
@@ -163,7 +163,7 @@ export const renderGraphics = (graphics: Graphics, context: CanvasRenderingConte
  * @param {Graphics} graphics - The graphics object to render.
  * @param {object} context - The canvas rendering context.
  */
-export const renderGraphicsMask = (graphics: Graphics, context: CanvasRenderingContext2D) => {
+export const renderGraphicsMask = (graphics: Graphics, context: CanvasRenderingContext2D): void => {
   const len = graphics.graphicsData.length;
   if (len === 0) {
     return;

package/src/phaser/display/canvas/masker.ts

@@ -7,7 +7,7 @@ import type { Graphics } from '../graphics.js';
  * @param {object} maskData - The mask data to apply.
  * @param {object} renderSession - The rendering session object.
  */
-export const pushMask = (maskData: any, renderSession: RenderSession) => {
+export const pushMask = (maskData: any, renderSession: RenderSession): void => {
   const { context } = renderSession;
   context.save();
   const cacheAlpha = maskData.alpha;
@@ -31,6 +31,6 @@ export const pushMask = (maskData: any, renderSession: RenderSession) => {
  * @param {object} _maskData - Unused; the canvas path restores whatever was saved.
  * @param {object} renderSession - The rendering session object.
  */
-export const popMask = (_maskData: Graphics | null, renderSession: RenderSession) => {
+export const popMask = (_maskData: Graphics | null, renderSession: RenderSession): void => {
   renderSession.context.restore();
 };

package/src/phaser/display/canvas/pool.ts

@@ -13,7 +13,7 @@ export const getPool = (): CanvasPoolEntry[] => {
  * Gets the current size of the canvas pool.
  * @returns {number} The current size of the canvas pool.
  */
-export const getFirst = () => {
+export const getFirst = (): number => {
   const pool = getPool();
   for (let i = 0; i < pool.length; i += 1) {
     if (!pool[i]!.parent) {
@@ -27,7 +27,7 @@ export const getFirst = () => {
  * Adds a canvas to the pool with the specified parent.
  * @param {object} parent - The parent object for the canvas.
  */
-export const remove = (parent: any) => {
+export const remove = (parent: any): void => {
   const pool = getPool();
   for (const entry of pool) {
     if (entry.parent === parent) {
@@ -42,7 +42,7 @@ export const remove = (parent: any) => {
  * Removes a canvas from the pool.
  * @param {HTMLCanvasElement} canvas - The canvas to remove from the pool.
  */
-export const removeByCanvas = (canvas: HTMLCanvasElement) => {
+export const removeByCanvas = (canvas: HTMLCanvasElement): void => {
   const pool = getPool();
   for (const entry of pool) {
     if (entry.canvas === canvas) {
@@ -57,7 +57,7 @@ export const removeByCanvas = (canvas: HTMLCanvasElement) => {
  * Gets the total count of canvases in the pool.
  * @returns {number} The total count of canvases in the pool.
  */
-export const getTotal = () => {
+export const getTotal = (): number => {
   const pool = getPool();
   let c = 0;
   for (const entry of pool) {
@@ -72,7 +72,7 @@ export const getTotal = () => {
  * Gets the number of free canvases in the pool.
  * @returns {number} The number of free canvases in the pool.
  */
-export const getFree = () => {
+export const getFree = (): number => {
   const pool = getPool();
   let c = 0;
   for (const entry of pool) {
@@ -91,7 +91,7 @@ export const getFree = () => {
  * @param {boolean} skipPool - True to skip using the pool and create a new canvas.
  * @returns {HTMLCanvasElement} The canvas from the pool or a newly created one.
  */
-export const create = (parent: any, width?: any, height?: any, skipPool = false) => {
+export const create = (parent: any, width?: any, height?: any, skipPool = false): HTMLCanvasElement => {
   if (parent === undefined) {
     console.warn('Created CanvasPool element with undefined parent.');
   }

package/src/phaser/display/canvas/renderer.ts

@@ -81,7 +81,7 @@ export class CanvasRenderer {
    * Renders the stage to canvas.
    * @param {Stage} root - The root stage to render.
    */
-  public render(root: Stage) {
+  public render(root: Stage): void {
     if (!this.context) {
       return;
     }
@@ -106,7 +106,7 @@ export class CanvasRenderer {
    * Destroys this renderer and cleans up resources.
    * @param {boolean} removeView - Whether to remove the view from the DOM.
    */
-  public destroy(removeView = true) {
+  public destroy(removeView = true): void {
     if (removeView && this.view.parent) {
       this.view.parent.removeChild(this.view);
     }
@@ -117,7 +117,7 @@ export class CanvasRenderer {
    * @param {number} width - The new width of the canvas.
    * @param {number} height - The new height of the canvas.
    */
-  public resize(width: number, height: number) {
+  public resize(width: number, height: number): void {
     this.width = width * this.resolution;
     this.height = height * this.resolution;
     this.view.width = this.width;
@@ -137,7 +137,7 @@ export class CanvasRenderer {
    * @param {CanvasRenderingContext2D} context - The canvas rendering context.
    * @param {Matrix} matrix - The transformation matrix.
    */
-  public renderDisplayObject(displayObject: any, context?: any, matrix?: any) {
+  public renderDisplayObject(displayObject: any, context?: any, matrix?: any): void {
     this.renderSession.context = context ?? this.context;
     this.renderSession.resolution = this.resolution;
     displayObject.renderCanvas(this.renderSession, matrix);
@@ -146,7 +146,7 @@ export class CanvasRenderer {
   /**
    * Maps blend modes to canvas rendering operations.
    */
-  public mapBlendModes() {
+  public mapBlendModes(): void {
     if (globalThis.PhaserRegistry.blendModesCanvas) {
       return;
     }
@@ -176,7 +176,7 @@ export class CanvasRenderer {
    * Initializes the WebGL context for rendering.
    * @param {Game} game - The game instance.
    */
-  public initContext(_game: Game) {
+  public initContext(_game: Game): void {
     // stub
   }
 }

package/src/phaser/display/canvas/tinter.ts

@@ -1,3 +1,4 @@
+import type { Texture } from '../webgl/texture.js';
 import { ENGINE_ERROR_CREATING_CANVAS_2D_CONTEXT, ENGINE_ERROR_GETTING_DOCUMENT } from '../../core/error_code.js';
 import { hex2rgb } from '../../util/math.js';
 import { create, removeByCanvas } from './pool.js';
@@ -24,7 +25,7 @@ export const getTintedTexture = (sprite: Image, color: number): HTMLCanvasElemen
  * @param {HTMLCanvasElement} canvas - The canvas to render to.
  * @throws {Error} If the operation fails.
  */
-export const tintWithMultiply = (texture: any, color: any, canvas: HTMLCanvasElement) => {
+export const tintWithMultiply = (texture: Texture, color: number, canvas: HTMLCanvasElement): void => {
   const context = canvas.getContext('2d', { willReadFrequently: false });
   if (!context) {
     throw new Error(ENGINE_ERROR_CREATING_CANVAS_2D_CONTEXT);
@@ -38,9 +39,29 @@ export const tintWithMultiply = (texture: any, color: any, canvas: HTMLCanvasEle
   context.fillStyle = `#${`00000${Math.trunc(color).toString(16)}`.slice(-6)}`;
   context.fillRect(0, 0, crop.width, crop.height);
   context.globalCompositeOperation = 'multiply';
-  context.drawImage(texture.baseTexture.source, crop.x, crop.y, crop.width, crop.height, 0, 0, crop.width, crop.height);
+  context.drawImage(
+    texture.baseTexture.source!,
+    crop.x,
+    crop.y,
+    crop.width,
+    crop.height,
+    0,
+    0,
+    crop.width,
+    crop.height
+  );
   context.globalCompositeOperation = 'destination-atop';
-  context.drawImage(texture.baseTexture.source, crop.x, crop.y, crop.width, crop.height, 0, 0, crop.width, crop.height);
+  context.drawImage(
+    texture.baseTexture.source!,
+    crop.x,
+    crop.y,
+    crop.width,
+    crop.height,
+    0,
+    0,
+    crop.width,
+    crop.height
+  );
 };
 
 /**
@@ -50,7 +71,7 @@ export const tintWithMultiply = (texture: any, color: any, canvas: HTMLCanvasEle
  * @param {HTMLCanvasElement} canvas - The canvas to render to.
  * @throws {Error} If the operation fails.
  */
-export const tintWithPerPixel = (texture: any, color: any, canvas: HTMLCanvasElement) => {
+export const tintWithPerPixel = (texture: Texture, color: number, canvas: HTMLCanvasElement): void => {
   const context = canvas.getContext('2d', { willReadFrequently: false });
   if (!context) {
     throw new Error(ENGINE_ERROR_CREATING_CANVAS_2D_CONTEXT);
@@ -59,7 +80,17 @@ export const tintWithPerPixel = (texture: any, color: any, canvas: HTMLCanvasEle
   canvas.width = crop.width;
   canvas.height = crop.height;
   context.globalCompositeOperation = 'copy';
-  context.drawImage(texture.baseTexture.source, crop.x, crop.y, crop.width, crop.height, 0, 0, crop.width, crop.height);
+  context.drawImage(
+    texture.baseTexture.source!,
+    crop.x,
+    crop.y,
+    crop.width,
+    crop.height,
+    0,
+    0,
+    crop.width,
+    crop.height
+  );
   const rgbValues = hex2rgb(color);
   const r = rgbValues[0];
   const g = rgbValues[1];
@@ -86,7 +117,7 @@ export const tintWithPerPixel = (texture: any, color: any, canvas: HTMLCanvasEle
  * @returns {boolean} True if the tinter can handle the texture, false otherwise.
  * @throws {Error} If the operation fails.
  */
-export const checkInverseAlpha = () => {
+export const checkInverseAlpha = (): boolean => {
   // Check for DOM
   if (document === undefined) {
     throw new Error(ENGINE_ERROR_GETTING_DOCUMENT);
@@ -128,7 +159,7 @@ export const checkInverseAlpha = () => {
  * @returns {boolean} True if the tinter can handle the texture, false otherwise.
  * @throws {Error} If the operation fails.
  */
-export const canUseNewCanvasBlendModes = () => {
+export const canUseNewCanvasBlendModes = (): boolean => {
   // Check for DOM
   if (document === undefined) {
     throw new Error(ENGINE_ERROR_GETTING_DOCUMENT);
@@ -169,7 +200,7 @@ export const canUseNewCanvasBlendModes = () => {
  * Creates a new Tinter instance.
  * @param {Game} game - The game instance.
  */
-export const detectCapabilities = (game: Game) => {
+export const detectCapabilities = (game: Game): void => {
   getRegistry();
   try {
     globalThis.PhaserRegistry.CAN_CANVAS_USE_MULTIPLY = canUseNewCanvasBlendModes();

package/src/phaser/display/canvas/util.ts

@@ -9,7 +9,13 @@ import { create as createCanvas } from './pool.js';
  * @param {boolean} skipPool - Whether to skip using the canvas pool.
  * @returns {HTMLCanvasElement} The created HTML canvas element.
  */
-export const create = (parent: any, width: number, height: number, id: string, skipPool: boolean) => {
+export const create = (
+  parent: any,
+  width: number,
+  height: number,
+  id: string,
+  skipPool: boolean
+): HTMLCanvasElement => {
   width = width || 256;
   height = height || 256;
   const canvas = skipPool ? document.createElement('canvas') : createCanvas(parent, width, height);
@@ -28,7 +34,7 @@ export const create = (parent: any, width: number, height: number, id: string, s
  * @param {string} color - The background color to set.
  * @returns {HTMLCanvasElement} The modified canvas element.
  */
-export const setBackgroundColor = (canvas: HTMLCanvasElement, color = 'rgb(0,0,0)') => {
+export const setBackgroundColor = (canvas: HTMLCanvasElement, color = 'rgb(0,0,0)'): HTMLCanvasElement => {
   canvas.style.backgroundColor = color;
   return canvas;
 };
@@ -39,7 +45,7 @@ export const setBackgroundColor = (canvas: HTMLCanvasElement, color = 'rgb(0,0,0
  * @param {string} value - The touch action value to set.
  * @returns {HTMLCanvasElement} The modified canvas element.
  */
-export const setTouchAction = (canvas: HTMLCanvasElement, value = 'none') => {
+export const setTouchAction = (canvas: HTMLCanvasElement, value = 'none'): HTMLCanvasElement => {
   value = value || 'none';
   canvas.style.setProperty('-ms-touch-action', value);
   canvas.style.setProperty('touch-action', value);
@@ -52,7 +58,7 @@ export const setTouchAction = (canvas: HTMLCanvasElement, value = 'none') => {
  * @param {string} value - The user select value to set.
  * @returns {HTMLCanvasElement} The modified canvas element.
  */
-export const setUserSelect = (canvas: HTMLCanvasElement, value = 'none') => {
+export const setUserSelect = (canvas: HTMLCanvasElement, value = 'none'): HTMLCanvasElement => {
   value = value || 'none';
   canvas.style.setProperty('-webkit-touch-callout', value);
   canvas.style.setProperty('-webkit-user-select', value);
@@ -71,7 +77,7 @@ export const setUserSelect = (canvas: HTMLCanvasElement, value = 'none') => {
  * @param {boolean} overflowHidden - Whether to set overflow hidden on the parent.
  * @returns {HTMLCanvasElement} The added canvas element.
  */
-export const addToDOM = (canvas: HTMLCanvasElement, parent: any, overflowHidden = true) => {
+export const addToDOM = (canvas: HTMLCanvasElement, parent: any, overflowHidden = true): HTMLCanvasElement => {
   let target;
   if (parent) {
     if (typeof parent === 'string') {
@@ -95,7 +101,7 @@ export const addToDOM = (canvas: HTMLCanvasElement, parent: any, overflowHidden
  * Removes a canvas element from the DOM.
  * @param {HTMLCanvasElement} canvas - The canvas element to remove.
  */
-export const removeFromDOM = (canvas: HTMLCanvasElement) => {
+export const removeFromDOM = (canvas: HTMLCanvasElement): void => {
   if (canvas && canvas.parentNode) {
     canvas.parentNode.removeChild(canvas);
   }
@@ -120,7 +126,7 @@ export const setTransform = (
   scaleY: number,
   skewX: number,
   skewY: number
-) => {
+): CanvasRenderingContext2D => {
   context.setTransform(scaleX, skewX, skewY, scaleY, translateX, translateY);
   return context;
 };
@@ -130,7 +136,7 @@ export const setTransform = (
  * @param {CanvasRenderingContext2D} context - The canvas rendering context.
  * @returns {string | null} The smoothing property name or null if not found.
  */
-export const getSmoothingPrefix = (context: CanvasRenderingContext2D) => {
+export const getSmoothingPrefix = (context: CanvasRenderingContext2D): string | null => {
   const VENDORS = ['i', 'webkitI', 'msI', 'mozI', 'oI'];
   // the vendor-prefixed smoothing flags predate the standard property and are absent from lib.dom
   const smoothingFlags = context as unknown as Record<string, boolean | undefined>;
@@ -159,7 +165,7 @@ export const setSmoothing = (context: CanvasRenderingContext2D, property: string
  * @param {boolean} value - The smoothing enabled value to set.
  * @returns {CanvasRenderingContext2D} The modified rendering context.
  */
-export const setSmoothingEnabled = (context: CanvasRenderingContext2D, value: boolean) => {
+export const setSmoothingEnabled = (context: CanvasRenderingContext2D, value: boolean): CanvasRenderingContext2D => {
   const s = getSmoothingPrefix(context);
   if (s) {
     setSmoothing(context, s, value);