summaryrefslogtreecommitdiff
path: root/packages/webapi/src/lib/OffscreenCanvas.ts
blob: 01ee5d34a1755dd0eb3f102b5e960730224b9c78 (plain) (blame)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
import type { CanvasRenderingContext2D } from './CanvasRenderingContext2D'

import * as _ from './utils'
import { __createCanvasRenderingContext2D } from './CanvasRenderingContext2D'

export class OffscreenCanvas extends EventTarget {
	constructor(width: number, height: number) {
		super()

		if (arguments.length < 2) throw new TypeError(`Failed to construct 'OffscreenCanvas': 2 arguments required.`)

		width = Number(width) || 0
		height = Number(height) || 0

		_.INTERNALS.set(this, { width, height } as OffscreenCanvasInternals)
	}

	get height(): number {
		return _.internalsOf(this, 'OffscreenCanvas', 'height').height
	}

	set height(value) {
		_.internalsOf(this, 'OffscreenCanvas', 'height').height = Number(value) || 0
	}

	get width(): number {
		return _.internalsOf(this, 'OffscreenCanvas', 'width').width
	}

	set width(value) {
		_.internalsOf(this, 'OffscreenCanvas', 'width').width = Number(value) || 0
	}

	getContext(contextType: PredefinedContextId): CanvasRenderingContext2D | null {
		const internals = _.internalsOf<OffscreenCanvasInternals>(this, 'HTMLCanvasElement', 'getContext')

		switch (contextType) {
			case '2d':
				if (internals.renderingContext2D) return internals.renderingContext2D

				internals.renderingContext2D = __createCanvasRenderingContext2D(this)

				return internals.renderingContext2D
			default:
				return null
		}
	}

	convertToBlob(options: Partial<ConvertToBlobOptions>) {
		options = Object(options)

		const quality = Number(options.quality) || 0
		const type = getImageType(String(options.type).trim().toLowerCase())

		void quality

		return Promise.resolve(
			new Blob([], { type })
		)
	}
}

_.allowStringTag(OffscreenCanvas)

const getImageType = (type: string): PredefinedImageType => type === 'image/avif' || type === 'image/jpeg' || type === 'image/png' || type === 'image/webp' ? type : 'image/png'

interface OffscreenCanvasInternals {
	height: number
	renderingContext2D: CanvasRenderingContext2D
	width: number
}

interface ConvertToBlobOptions {
	quality: number
	type: PredefinedImageType
}

type PredefinedContextId = '2d' | 'bitmaprenderer' | 'webgl' | 'webgl2' | 'webgpu'

type PredefinedImageType = 'image/avif' | 'image/jpeg' | 'image/png' | 'image/webp'