Add stub types to make screen compatible with react-tela render()

TooTallNate · Feb 18, 2024 · aaa1024 · aaa1024
1 parent 74f074d
commit aaa1024
Show file tree

Hide file tree

Showing 3 changed files with 69 additions and 0 deletions.
diff --git a/.changeset/famous-dodos-glow.md b/.changeset/famous-dodos-glow.md
@@ -0,0 +1,5 @@
+---
+'nxjs-runtime': patch
+---
+
+Add stub types to make `screen` compatible with react-tela `render()`
diff --git a/packages/runtime/src/canvas/canvas-rendering-context-2d.ts b/packages/runtime/src/canvas/canvas-rendering-context-2d.ts
@@ -51,6 +51,38 @@ export class CanvasRenderingContext2D {
 		return ctx;
 	}
 
+	// TODO: implement
+	declare direction: string;
+	declare fontKerning: string;
+	/** [MDN Reference](https://developer.mozilla.org/docs/Web/API/CanvasRenderingContext2D/clip) */
+	clip(fillRule?: CanvasFillRule): void;
+	clip(path: Path2D, fillRule?: CanvasFillRule): void;
+	clip(path: unknown, fillRule?: unknown) {
+		stub();
+	}
+	/** [MDN Reference](https://developer.mozilla.org/docs/Web/API/CanvasRenderingContext2D/isPointInPath) */
+	isPointInPath(x: number, y: number, fillRule?: CanvasFillRule): boolean;
+	isPointInPath(
+		path: Path2D,
+		x: number,
+		y: number,
+		fillRule?: CanvasFillRule
+	): boolean;
+	isPointInPath(
+		path: unknown,
+		x: unknown,
+		y: unknown,
+		fillRule?: unknown
+	): boolean {
+		stub();
+	}
+	/** [MDN Reference](https://developer.mozilla.org/docs/Web/API/CanvasRenderingContext2D/isPointInStroke) */
+	isPointInStroke(x: number, y: number): boolean;
+	isPointInStroke(path: Path2D, x: number, y: number): boolean;
+	isPointInStroke(path: unknown, x: unknown, y?: unknown): boolean {
+		stub();
+	}
+
 	/**
 	 * A read-only reference to the {@link Screen | `Canvas`} object
 	 * that is associated with the context.

diff --git a/packages/runtime/src/canvas/offscreen-canvas-rendering-context-2d.ts b/packages/runtime/src/canvas/offscreen-canvas-rendering-context-2d.ts
@@ -51,6 +51,38 @@ export class OffscreenCanvasRenderingContext2D {
 		return ctx;
 	}
 
+	// TODO: implement
+	declare direction: string;
+	declare fontKerning: string;
+	/** [MDN Reference](https://developer.mozilla.org/docs/Web/API/CanvasRenderingContext2D/clip) */
+	clip(fillRule?: CanvasFillRule): void;
+	clip(path: Path2D, fillRule?: CanvasFillRule): void;
+	clip(path: unknown, fillRule?: unknown) {
+		stub();
+	}
+	/** [MDN Reference](https://developer.mozilla.org/docs/Web/API/CanvasRenderingContext2D/isPointInPath) */
+	isPointInPath(x: number, y: number, fillRule?: CanvasFillRule): boolean;
+	isPointInPath(
+		path: Path2D,
+		x: number,
+		y: number,
+		fillRule?: CanvasFillRule
+	): boolean;
+	isPointInPath(
+		path: unknown,
+		x: unknown,
+		y: unknown,
+		fillRule?: unknown
+	): boolean {
+		stub();
+	}
+	/** [MDN Reference](https://developer.mozilla.org/docs/Web/API/CanvasRenderingContext2D/isPointInStroke) */
+	isPointInStroke(x: number, y: number): boolean;
+	isPointInStroke(path: Path2D, x: number, y: number): boolean;
+	isPointInStroke(path: unknown, x: unknown, y?: unknown): boolean {
+		stub();
+	}
+
 	/**
 	 * A read-only reference to the {@link OffscreenCanvas | `OffscreenCanvas`} object
 	 * that is associated with the context.