From e5f6186f4db7ba0b32575308b43d535b2a5186e7 Mon Sep 17 00:00:00 2001
From: Romain Menke <11521496+romainmenke@users.noreply.github.com>
Date: Tue, 28 May 2024 23:53:21 +0200
Subject: [PATCH] map some more features (#1792)

---
 .../lib/browser-compat/browser-compat.js      | 121 ++++++++++++++----
 1 file changed, 95 insertions(+), 26 deletions(-)

diff --git a/packages/pages/lib/browser-compat/browser-compat.js b/packages/pages/lib/browser-compat/browser-compat.js
index ec2375021..4316f855d 100644
--- a/packages/pages/lib/browser-compat/browser-compat.js
+++ b/packages/pages/lib/browser-compat/browser-compat.js
@@ -129,39 +129,108 @@ function handleFeature(compat, name, feature) {
 		return;
 	}
 
+	if (name === 'Element.prototype.inert') {
+		// skip, deprecated
+		return true;
+	}
+
+	if (name === 'Event.scrollend') {
+		if (mapPropertyFeatureAPI(compat, `Element.scrollend_event`, feature.name, feature)) {
+			return true;
+		}
+	}
+
+	if (name === 'Event.focusin') {
+		if (mapPropertyFeatureAPI(compat, `Element.focusin_event`, feature.name, feature)) {
+			return true;
+		}
+	}
+
+	if (name === 'Event.hashchange') {
+		if (mapPropertyFeatureAPI(compat, `Window.hashchange_event`, feature.name, feature)) {
+			return true;
+		}
+	}
+
+	if (name === 'MediaQueryList.prototype.addEventListener') {
+		if (mapPropertyFeatureAPI(compat, `MediaQueryList.EventTarget_inheritance`, feature.name, feature)) {
+			return true;
+		}
+	} else if (name === 'MediaQueryList.prototype.removeEventListener') {
+		// skip, already handled
+		return true;
+	}
+
 	if (name === '~custom-elements') {
-		mapPropertyFeatureAPI(compat, 'Window.customElements', feature.name, feature);
-	} else if (name.includes('.prototype.')) {
-		mapPrototypeFeatureAPI(compat, name, feature.name, feature) || mapPrototypeFeatureBuiltin(compat, name, feature.name, feature);
-	} else if (name.includes('.') && !(name.startsWith('Window.') || name.startsWith('window.')) && !(name.startsWith('Self.') || name.startsWith('self.'))) {
-		mapStaticPropertyFeatureAPI(compat, name, feature.name, feature) || mapPropertyFeatureAPI(compat, name, feature.name, feature) || mapPropertyFeatureBuiltin(compat, name, feature.name, feature) ||
-			mapPropertyFeatureAPI(compat, toTitleCase(name), feature.name, feature) || mapPropertyFeatureBuiltin(compat, toTitleCase(name), feature.name, feature);
-	} else if (bcd.api[name]) {
-		mapMainFeatureAPI(compat, name, feature.name, feature);
-	} else if (bcd.javascript.builtins[name]) {
-		mapMainFeatureBuiltin(compat, name, feature.name, feature);
-	} else if (bcd.api.Window[name]) {
-		mapWindowFeatureAPI(compat, name, feature.name, feature)
-	} else if (bcd.api.WorkerGlobalScope[name]) {
-		mapWorkerGlobalScopeFeatureAPI(compat, name, feature.name, feature)
-	} else {
-		if (name.startsWith('Window.') || name.startsWith('window.')) {
-			handleFeature(compat, name.substr(7), feature);
-			return;
+		if (mapPropertyFeatureAPI(compat, 'Window.customElements', feature.name, feature)) {
+			return true;
+		}
+	}
+	
+	if (name.includes('.prototype.')) {
+		if (
+			mapPrototypeFeatureAPI(compat, name, feature.name, feature) ||
+			mapPrototypeFeatureBuiltin(compat, name, feature.name, feature)
+		) {
+			return true;
+		}
+	}
+	
+	if (name.includes('.') && !(name.startsWith('Window.') || name.startsWith('window.')) && !(name.startsWith('Self.') || name.startsWith('self.'))) {
+		if (
+			mapStaticPropertyFeatureAPI(compat, name, feature.name, feature) ||
+			mapPropertyFeatureAPI(compat, name, feature.name, feature) ||
+			mapPropertyFeatureBuiltin(compat, name, feature.name, feature) ||
+			mapPropertyFeatureAPI(compat, toTitleCase(name), feature.name, feature) ||
+			mapPropertyFeatureBuiltin(compat, toTitleCase(name), feature.name, feature)
+		) {
+			return true;
 		}
+	}
+	
+	if (bcd.api[name]) {
+		if (mapMainFeatureAPI(compat, name, feature.name, feature)) {
+			return true;
+		}
+	}
+	
+	if (bcd.javascript.builtins[name]) {
+		if (mapMainFeatureBuiltin(compat, name, feature.name, feature)) {
+			return true;
+		}
+	}
+	
+	if (bcd.api.Window[name]) {
+		if (mapWindowFeatureAPI(compat, name, feature.name, feature)) {
+			return true;
+		}
+	}
+	
+	if (bcd.api.WorkerGlobalScope[name]) {
+		if (mapWorkerGlobalScopeFeatureAPI(compat, name, feature.name, feature)) {
+			return true;
+		}
+	}
 
-		if (name === '~element-qsa-has') {
-			mapQuerySelectorFeature(compat, `querySelector with :has pseudo class`, feature.name, feature);
-			return;
+	if (name.startsWith('Window.') || name.startsWith('window.')) {
+		if (handleFeature(compat, name.substr(7), feature)) {
+			return true;
 		}
+	}
 
-		if (name === '~element-qsa-scope') {
-			mapQuerySelectorFeature(compat, `querySelector with :scope pseudo class`, feature.name, feature);
-			return;
+	if (name === '~element-qsa-has') {
+		if (mapQuerySelectorFeature(compat, `querySelector with :has pseudo class`, feature.name, feature)) {
+			return true;
 		}
+	}
+
+	if (name === '~element-qsa-scope') {
+		if (mapQuerySelectorFeature(compat, `querySelector with :scope pseudo class`, feature.name, feature)) {
+			return true;
+		}
+	}
 
-		console.log('skipped', feature.name);
-	}	
+	console.log('skipped', feature.name);
 }
 
 function mapWindowFeatureAPI(compat, featureName, polyfillName, feature) {