cleanup

Author: aspeddro

src/ConsolePanel.res

@@ -17,8 +17,8 @@ let make = (~logs, ~appendLog) => {
       | _ => ()
       }
     }
-    WebAPI.Window.addEventListener(window, WebAPI.EventAPI.Custom("message"), cb)
-    Some(() => WebAPI.Window.removeEventListener(window, WebAPI.EventAPI.Custom("message"), cb))
+    WebAPI.Window.addEventListener(window, Custom("message"), cb)
+    Some(() => WebAPI.Window.removeEventListener(window, Custom("message"), cb))
   }, [appendLog])
 
   <div className="px-2 py-6 relative flex flex-col flex-1 overflow-y-hidden">

src/Playground.res

@@ -515,9 +515,7 @@ module WarningFlagsWidget = {
     let listboxRef = React.useRef(Nullable.null)
 
     // Used for the text input
-    let inputRef: React.ref<Nullable.t<WebAPI.DOMAPI.htmlInputElement>> = React.useRef(
-      Nullable.null,
-    )
+    let inputRef = React.useRef(Nullable.null)
 
     let focusInput = () =>
       inputRef.current->Nullable.forEach(el => WebAPI.HTMLInputElement.focus(el))
@@ -1124,8 +1122,8 @@ module ControlPanel = {
       }
 
       React.useEffect(() => {
-        WebAPI.Window.addEventListener(window, WebAPI.EventAPI.Keydown, onKeyDown)
-        Some(() => WebAPI.Window.removeEventListener(window, WebAPI.EventAPI.Keydown, onKeyDown))
+        WebAPI.Window.addEventListener(window, Keydown, onKeyDown)
+        Some(() => WebAPI.Window.removeEventListener(window, Keydown, onKeyDown))
       }, [])
 
       let runButtonText = {
@@ -1529,8 +1527,8 @@ let make = (~versions: array<string>) => {
   }
 
   React.useEffect(() => {
-    WebAPI.Window.addEventListener(window, WebAPI.EventAPI.Resize, onResize)
-    Some(() => WebAPI.Window.removeEventListener(window, WebAPI.EventAPI.Resize, onResize))
+    WebAPI.Window.addEventListener(window, Resize, onResize)
+    Some(() => WebAPI.Window.removeEventListener(window, Resize, onResize))
   }, [])
 
   // To force CodeMirror render scrollbar on first render
@@ -1615,15 +1613,15 @@ let make = (~versions: array<string>) => {
       onMove(position)
     }
 
-    WebAPI.Window.addEventListener(window, WebAPI.EventAPI.Mousemove, onMouseMove)
-    WebAPI.Window.addEventListener(window, WebAPI.EventAPI.Touchmove, onTouchMove)
-    WebAPI.Window.addEventListener(window, WebAPI.EventAPI.Mouseup, onMouseUp)
+    WebAPI.Window.addEventListener(window, Mousemove, onMouseMove)
+    WebAPI.Window.addEventListener(window, Touchmove, onTouchMove)
+    WebAPI.Window.addEventListener(window, Mouseup, onMouseUp)
 
     Some(
       () => {
-        WebAPI.Window.removeEventListener(window, WebAPI.EventAPI.Mousemove, onMouseMove)
-        WebAPI.Window.removeEventListener(window, WebAPI.EventAPI.Touchmove, onTouchMove)
-        WebAPI.Window.removeEventListener(window, WebAPI.EventAPI.Mouseup, onMouseUp)
+        WebAPI.Window.removeEventListener(window, Mousemove, onMouseMove)
+        WebAPI.Window.removeEventListener(window, Touchmove, onTouchMove)
+        WebAPI.Window.removeEventListener(window, Mouseup, onMouseUp)
       },
     )
   }, [layout])

src/common/Hooks.res

@@ -60,8 +60,8 @@ let useScrollDirection = (~topMargin=80, ~threshold=20) => {
         }
       })
     }
-    WebAPI.Window.addEventListener(window, WebAPI.EventAPI.Scroll, onScroll)
-    Some(() => WebAPI.Window.removeEventListener(window, WebAPI.EventAPI.Scroll, onScroll))
+    WebAPI.Window.addEventListener(window, Scroll, onScroll)
+    Some(() => WebAPI.Window.removeEventListener(window, Scroll, onScroll))
   }, [topMargin, threshold])
 
   scrollDir

src/components/CodeMirror.res

@@ -478,7 +478,7 @@ let updateErrors = (
   let isMarkerId = id =>
     String.startsWith(id, "gutter-marker") || String.startsWith(id, "text-marker")
 
-  WebAPI.Element.addEventListener(wrapper, WebAPI.EventAPI.Mouseover, (
+  WebAPI.Element.addEventListener(wrapper, Mouseover, (
     evt: WebAPI.UIEventsAPI.mouseEvent,
   ) => {
     let target = (Obj.magic(evt.target): Null.t<WebAPI.DOMAPI.element>)
@@ -495,7 +495,7 @@ let updateErrors = (
     }
   })
 
-  WebAPI.Element.addEventListener(wrapper, WebAPI.EventAPI.Mouseout, (
+  WebAPI.Element.addEventListener(wrapper, Mouseout, (
     evt: WebAPI.UIEventsAPI.mouseEvent,
   ) => {
     let target = (Obj.magic(evt.target): Null.t<WebAPI.DOMAPI.element>)

src/components/Search.res

@@ -64,7 +64,7 @@ let make = () => {
       switch WebAPI.Document.querySelector(document, "body") {
       | Value(body) =>
         WebAPI.DOMTokenList.remove(body.classList, "DocSearch--active")
-        modal->WebAPI.Element.addEventListener(WebAPI.EventAPI.Transitionend, () => {
+        modal->WebAPI.Element.addEventListener(Transitionend, () => {
           setState(_ => Inactive)
         })
       | Null => setState(_ => Inactive)

src/components/SearchBox.res

@@ -16,7 +16,7 @@ let make = (
   ~onValueChange: string => unit,
 ) => {
   let (state, setState) = React.useState(_ => Inactive)
-  let textInput: React.ref<Nullable.t<WebAPI.DOMAPI.htmlInputElement>> = React.useRef(Nullable.null)
+  let textInput = React.useRef(Nullable.null)
 
   let onMouseDownClear = evt => {
     ReactEvent.Mouse.preventDefault(evt)