Use oxfmt

Author: nojaf

.github/workflows/ci.yml

@@ -30,6 +30,9 @@ jobs:
       - name: Install dependencies
         run: npm ci
 
+      - name: Check formatting
+        run: npm run format:check
+
       - name: Rebuild ReScript code
         run: npm run build
 
@@ -81,4 +84,4 @@ jobs:
     steps:
       - name: Deploy to GitHub Pages
         id: deployment
-        uses: actions/deploy-pages@v4
+        uses: actions/deploy-pages@v4

docs/content/docs/contributing/api-modelling.mdx

@@ -112,11 +112,7 @@ String(unsafeConversation(t))
 }
 `
 
-<Code
-  code={fillStyleModule}
-  title="DOMAPI/FillStyle.res"
-  lang="ReScript"
-></Code>
+<Code code={fillStyleModule} title="DOMAPI/FillStyle.res" lang="ReScript"></Code>
 
 We can now use `FillStyle.decode` to get the actual value of the `fillStyle` property.  
 And use `FillStyle.fromString`, `FillStyle.fromCanvasGradient`, and `FillStyle.fromCanvasPattern` to set the value.
@@ -135,11 +131,5 @@ switch ctx.fillStyle->FillStyle.decode {
 }
 ```
 
-<Icon
-  name="information"
-  color="var(--sl-color-text-accent)"
-  class="inline-icon"
-  size="1.5rem"
-/>
-Try and use `decoded` and `decode` as conventions for the type and function
-names.
+<Icon name="information" color="var(--sl-color-text-accent)" class="inline-icon" size="1.5rem" />
+Try and use `decoded` and `decode` as conventions for the type and function names.

docs/content/docs/contributing/api-module-structure.mdx

@@ -51,8 +51,8 @@ type htmlSpanElement = {
 ```
 
 <Aside>
-  Properties spreading is not possible in recursive types! When a circular
-  reference is detected, the base properties are duplicated instead.
+  Properties spreading is not possible in recursive types! When a circular reference is detected,
+  the base properties are duplicated instead.
 </Aside>
 
 ```ReScript

docs/content/docs/contributing/code-generation.mdx

@@ -64,10 +64,7 @@ interfaceHierarchy = [
     name: "Temp",
     entries: [
       enums(["WebGLPowerPreference"]),
-      dictionaries([
-        "ImageBitmapRenderingContextSettings",
-        "WebGLContextAttributes",
-      ]),
+      dictionaries(["ImageBitmapRenderingContextSettings", "WebGLContextAttributes"]),
     ],
     opens: [],
   },

docs/content/docs/contributing/getting-started.mdx

@@ -7,8 +7,8 @@ slug: "01-getting-started"
 import { Aside } from "@astrojs/starlight/components";
 
 <Aside type="caution">
-  **Real talk**: First time diving into this project? Might feel like a letdown.
-  But hey, the upside? It’s stupid easy to toss us a PR and make it better!
+  **Real talk**: First time diving into this project? Might feel like a letdown. But hey, the
+  upside? It’s stupid easy to toss us a PR and make it better!
 </Aside>
 
 The [WebAPI](https://developer.mozilla.org/en-US/docs/Web/API) are vast and ever-growing. We need your help to make them better.  

docs/content/docs/contributing/module-type-structure.mdx

@@ -45,9 +45,9 @@ open DOMAPI
 // A concrete type for \`T.t\` is passed later using the \`include\` keyword.
 module Impl = (T: { type t }) => {
 
-/**
+/\*_
 [Read more on MDN](https://developer.mozilla.org/docs/Web/API/HTMLElement/focus)
-*/
+_/
 @send
 external focus: (T.t, ~options: focusOptions=?) => unit = "focus"
 
@@ -56,11 +56,7 @@ external focus: (T.t, ~options: focusOptions=?) => unit = "focus"
 include Impl({ type t = htmlElement })
 `;
 
-<Code
-  code={htmlElementModule}
-  title="DOMAPI/HTMLElement.res"
-  lang="ReScript"
-></Code>
+<Code code={htmlElementModule} title="DOMAPI/HTMLElement.res" lang="ReScript"></Code>
 
 export const buttonModule = `
 open DOMAPI
@@ -70,17 +66,12 @@ include HTMLElement.Impl({ type t = htmlButtonElement })
 
 // Add additional methods specific to HTMLButtonElement:
 
-/**
+/\*_
 Returns whether a form will validate when it is submitted, without having to submit it.
-[Read more on MDN](
-  https://developer.mozilla.org/docs/Web/API/HTMLButtonElement/checkValidity)
-*/
+[Read more on MDN](https://developer.mozilla.org/docs/Web/API/HTMLButtonElement/checkValidity)
+_/
 @send
 external checkValidity: htmlButtonElement => bool = "checkValidity"
 `;
 
-<Code
-  code={buttonModule}
-  title="DOMAPI/HTMLButtonElement.res"
-  lang="ReScript"
-></Code>
+<Code code={buttonModule} title="DOMAPI/HTMLButtonElement.res" lang="ReScript"></Code>

docs/content/docs/contributing/testing.mdx

@@ -36,9 +36,8 @@ npm test
 If any of the existing tests have different ouput JavaScript, you will see a diff in the output and the test will fail.
 
 <Aside>
-  Depending on your use-case, it might be okay to have slightly different output
-  JavaScript. The maintainers will help you to decide if the change is
-  acceptable.
+  Depending on your use-case, it might be okay to have slightly different output JavaScript. The
+  maintainers will help you to decide if the change is acceptable.
 </Aside>
 
 ## Why add tests?

docs/content/docs/index.mdx

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