Add `@astrojs/webapi` package (#2729)@astrojs/webapi@0.11.0

* chore: add @astrojs/webapi

* chore: update package.json

* fix: update file case

* fix: remove lowercase file

* chore: update tests to use mocha

* chore: update LICENSE

1 files changed, 37 insertions, 0 deletions

diff --git a/packages/webapi/src/lib/MediaQueryList.ts b/packages/webapi/src/lib/MediaQueryList.ts
new file mode 100644
index 000000000..44edd89be
--- /dev/null
+++ b/packages/webapi/src/lib/MediaQueryList.ts
@@ -0,0 +1,37 @@
+import * as _ from './utils'
+
+export class MediaQueryList extends EventTarget {
+	get matches(): boolean {
+		return _.internalsOf(this, 'MediaQueryList', 'matches').matches
+	}
+
+	get media(): string {
+		return _.internalsOf(this, 'MediaQueryList', 'media').media
+	}
+}
+
+_.allowStringTag(MediaQueryList)
+
+export const initMediaQueryList = (target: Target, exclude: Set<string>) => {
+	if (exclude.has('MediaQueryList') || exclude.has('matchMedia')) return
+
+	const EventTarget = target.EventTarget || globalThis.EventTarget
+	const MediaQueryList = target.MediaQueryList || globalThis.MediaQueryList
+
+	target.matchMedia = function matchMedia(media: string) {
+		const mql = Object.setPrototypeOf(new EventTarget(), MediaQueryList.prototype) as MediaQueryList
+
+		_.INTERNALS.set(mql, {
+			matches: false,
+			media,
+		})
+
+		return mql
+	}
+}
+
+interface Target extends Record<any, any> {
+	matchMedia: {
+		(media: string): MediaQueryList
+	}
+}