Handle Properties in kdl

inputfiles/addedTypes.jsonc

@@ -20,15 +20,6 @@
                         }
                     }
                 }
-            },
-            "WebGLRenderingContextBase": {
-                "properties": {
-                    "property": {
-                        "canvas": {
-                            "exposed": "Window"
-                        }
-                    }
-                }
             }
         }
     },

inputfiles/patches/webgl.kdl

@@ -0,0 +1,3 @@
+interface-mixin WebGLRenderingContextBase {
+    property canvas exposed=Window
+}

src/build/patches.ts

@@ -1,7 +1,8 @@
 import { parse, type Node } from "kdljs";
-import type { Enum, Event } from "./types";
+import type { Enum, Event, Property } from "./types";
 import { readdir, readFile } from "fs/promises";
 import { merge } from "./helpers.js";
+type Properties = Record<string, Omit<Property, "type">>;
 
 /**
  * Converts patch files in KDL to match the [types](types.d.ts).
@@ -54,10 +55,10 @@ function handleEnum(node: Node, enums: Record<string, Enum>) {
 }
 
 /**
- * Handles a mixin node by extracting its name and associated events.
+ * Handles a mixin node by extracting its name and associated events and properties.
  * Throws an error if the mixin name is missing.
- * If the mixin node specifies "event" as its second value, it collects all child nodes as events,
- * each with a name and type, and adds them to the mixins record under the mixin's name.
+ * Uses helper functions to collect events and properties.
+ * Adds them to the mixins record under the mixin's name.
  * @param node The mixin node to handle.
  * @param mixins The record of mixins to update.
  */
@@ -66,14 +67,31 @@ function handleMixin(node: Node, mixins: Record<string, any>) {
   if (typeof name !== "string") {
     throw new Error("Missing mixin name");
   }
-  const rawEvents = node.children.filter(
-    (child: any) => child.name === "event",
-  );
-  const event: Event[] = rawEvents.map((child: any) => ({
-    name: child.values[0],
-    type: child.properties.type,
-  }));
-  mixins[name] = { name, events: { event } };
+
+  const event: Event[] = [];
+  const property: Properties = {};
+
+  for (const child of node.children) {
+    const name = child.values[0] as string;
+    switch (child.name) {
+      case "event":
+        event.push({
+          name,
+          type: child.properties.type as string,
+        });
+        break;
+      case "property":
+        property[name] = {
+          name,
+          exposed: child.properties?.exposed as string,
+        };
+        break;
+      default:
+        throw new Error(`Unknown node name: ${child.name}`);
+    }
+  }
+
+  mixins[name] = { name, events: { event }, properties: { property } };
 }
 
 /**