-

Author: Bashamega

inputfiles/patches/eventhandlers.kdl

@@ -73,6 +73,13 @@ interface-mixin GlobalEventHandlers {
     event transitionstart type=TransitionEvent
     event transitionend type=TransitionEvent
     event transitioncancel type=TransitionEvent
+    // Touch event handlers are intentionally hidden in non-mobile web browsers.
+    // See w3c.github.io/touch-events#dfn-expose-legacy-touch-event-apis.
+    property ontouchcancel optional=#true
+    property ontouchend optional=#true
+    property ontouchmove optional=#true
+    property ontouchstart optional=#true
+    property onerror overrideType=OnErrorEventHandler
 }
 
 interface-mixin MessageEventTarget {

inputfiles/patches/events.kdl

@@ -1,4 +1,4 @@
-import { parse, type Node } from "kdljs";
+import { parse, type Value, type Node } from "kdljs";
 import type { Enum, Event, Property, Interface, WebIdl } from "./types";
 import { readdir, readFile } from "fs/promises";
 import { merge } from "./helpers.js";
@@ -7,6 +7,16 @@ type DeepPartial<T> = T extends object
   ? { [K in keyof T]?: DeepPartial<T[K]> }
   : T;
 
+function optionalMember<const T>(prop: string, type: T, value?: Value) {
+  if (value === undefined) {
+    return {};
+  }
+  if (typeof value !== type) {
+    throw new Error(`Expected type ${value} for ${prop}`);
+  }
+  return { [prop]: value as T extends "string" ? string : T extends "number" ? number : T extends "boolean" ? boolean : never };
+}
+
 /**
  * Converts patch files in KDL to match the [types](types.d.ts).
  */
@@ -92,15 +102,12 @@ function handleMixin(node: Node): DeepPartial<Interface> {
     }
   }
 
-  const result = {
+  return {
     name,
     events: { event },
     properties: { property },
+    ...optionalMember("extends", "string", node.properties?.extends),
   } as DeepPartial<Interface>;
-  if (node.properties.extends) {
-    result.extends = node.properties.extends as string;
-  }
-  return result;
 }
 
 /**
@@ -119,19 +126,12 @@ function handleEvent(child: Node): Event {
  * @param child The child node to handle.
  */
 function handleProperty(child: Node): Partial<Property> {
-  const result: Partial<Property> = {
+  return {
     name: child.values[0] as string,
+    ...optionalMember("exposed", "string", child.properties?.exposed),
+    ...optionalMember("optional", "boolean", child.properties?.optional),
+    ...optionalMember("overrideType", "string", child.properties?.overrideType),
   };
-
-  const props: (keyof Property)[] = ["exposed", "optional", "overrideType"];
-
-  props.forEach((prop) => {
-    const value = child.properties[prop];
-    if (value !== undefined) {
-      result[prop] = value as any;
-    }
-  });
-  return result;
 }
 
 /**