Proof of concept querySelector helpers

README.md

@@ -9,7 +9,7 @@ Experimental successor to [rescript-webapi](https://github.com/TheSpyder/rescrip
 Install the package using your favorite package manager:
 
 ```shell
-npm i -D @rescript/webapi@experimental
+npm i @rescript/webapi@experimental
 ```
 
 and add `@rescript/webapi` to your `rescript.json`:

docs/content/docs/index.mdx

@@ -30,14 +30,14 @@ Install the package using your favorite package manager:
     <Code
       lang="shell"
       frame="none"
-      code="npm i -D @rescript/webapi@experimental"
+      code="npm i @rescript/webapi@experimental"
     />
   </TabItem>
   <TabItem label="bun">
     <Code
       lang="shell"
       frame="none"
-      code="bun i -D @rescript/webapi@experimental"
+      code="bun i @rescript/webapi@experimental"
     />
   </TabItem>
 </Tabs>

src/DOMAPI.res

@@ -7442,6 +7442,19 @@ and htmlTableRowElement = {
   cells: htmlCollectionOf<htmlTableCellElement>,
 }
 
+/**
+Provides special properties (beyond the HTMLElement interface it also has available to it inheritance) for manipulating single or grouped table column elements.
+[See HTMLTableColElement on MDN](https://developer.mozilla.org/docs/Web/API/HTMLTableColElement)
+*/
+type htmlTableColElement = {
+  ...htmlElement,
+  /**
+    Sets or retrieves the number of columns in the group.
+    [Read more on MDN](https://developer.mozilla.org/docs/Web/API/HTMLTableColElement/span)
+    */
+  mutable span: int,
+}
+
 /**
 Provides properties and methods (beyond the regular HTMLElement interface it also has available to it by inheritance) for manipulating <button> elements.
 [See HTMLButtonElement on MDN](https://developer.mozilla.org/docs/Web/API/HTMLButtonElement)
@@ -8307,6 +8320,22 @@ type htmlDataElement = {
   mutable value: string,
 }
 
+/**
+[See HTMLDetailsElement on MDN](https://developer.mozilla.org/docs/Web/API/HTMLDetailsElement)
+*/
+type htmlDetailsElement = {
+  ...htmlElement,
+  /**
+    [Read more on MDN](https://developer.mozilla.org/docs/Web/API/HTMLDetailsElement/open)
+    */
+  mutable name: string,
+  /**
+    [Read more on MDN](https://developer.mozilla.org/docs/Web/API/HTMLDetailsElement/open)
+    */
+  @as("open")
+  mutable open_: bool,
+}
+
 /**
 [See HTMLDialogElement on MDN](https://developer.mozilla.org/docs/Web/API/HTMLDialogElement)
 */

src/DOMAPI/Document.res

@@ -77,12 +77,9 @@ Throws a "HierarchyRequestError" DOMException if the constraints of the node tre
 @send
 external replaceChildren2: (document, string) => unit = "replaceChildren"
 
-/**
-Returns the first element that is a descendant of node that matches selectors.
-[Read more on MDN](https://developer.mozilla.org/docs/Web/API/Document/querySelector)
-*/
-@send
-external querySelector: (document, string) => element = "querySelector"
+include QuerySelector.Impl({
+  type t = document
+})
 
 /**
 Returns all element descendants of node that match selectors.

src/DOMAPI/HTMLCanvasElement.res

@@ -8,6 +8,7 @@ external asHTMLElement: htmlCanvasElement => htmlElement = "%identity"
 external asElement: htmlCanvasElement => element = "%identity"
 external asNode: htmlCanvasElement => node = "%identity"
 external asEventTarget: htmlCanvasElement => eventTarget = "%identity"
+
 /**
 [Read more on MDN](https://developer.mozilla.org/docs/Web/API/HTMLElement/focus)
 */