Format all files using the Mint formatter

Author: Nils Lindemann

source/WebSocket.mint

@@ -16,44 +16,54 @@ component Websocket {
   state connection = Maybe::Nothing
 
   fun componentDidMount {
-    let websocket = createWebsocket()
+    let websocket =
+      createWebsocket()
+
     next { connection: Maybe::Just(websocket) }
   }
 
-  fun createWebsocket() {
-    WebSocket.open({
-      url: "ws://localhost:6789/",
-      reconnectOnClose : true,
-      onOpen : (w: WebSocket){ next {isReady: true} },
-      onClose : (){ next {isReady: false} },
-      onError : (){ next {isReady: false} },
-      onMessage : (raw: String) {
-        let message = parseServerMessage(raw)
-        case message {
-          ServerMessage::AmountUsers(a) =>
-            next { amountUsers: a }
-          ServerMessage::Counter(c) =>
-            next {counter: c }
-          =>
-            next {}
-        }
-      }
-    })
+  fun createWebsocket {
+    WebSocket.open(
+      {
+        url: "ws://localhost:6789/",
+        reconnectOnClose: true,
+        onOpen: (w : WebSocket) { next { isReady: true } },
+        onClose: () { next { isReady: false } },
+        onError: () { next { isReady: false } },
+        onMessage:
+          (raw : String) {
+            let message =
+              parseServerMessage(raw)
+
+            case message {
+              ServerMessage::AmountUsers(a) =>
+                next { amountUsers: a }
+
+              ServerMessage::Counter(c) =>
+                next { counter: c }
+
+              =>
+                next { }
+            }
+          }
+      })
   }
 
-  fun parseServerMessage(raw: String): ServerMessage {
+  fun parseServerMessage (raw : String) : ServerMessage {
     let Result::Ok(syntax) =
       Json.parse(raw) or return ServerMessage::Unknown
+
     let Result::Ok(semantic) =
       decode syntax as TypedData or return ServerMessage::Unknown
+
     case semantic.desc {
       "counter" => ServerMessage::Counter(semantic.data)
       "amount_users" => ServerMessage::AmountUsers(semantic.data)
       => ServerMessage::Unknown
     }
   }
 
-  fun send (websocket: WebSocket, data: Number, desc: String) {
+  fun send (websocket : WebSocket, data : Number, desc : String) {
     WebSocket.send(
       websocket,
       (encode {
@@ -63,10 +73,11 @@ component Websocket {
       |> Json.stringify())
   }
 
-  fun addToCounter(num: Number) {
+  fun addToCounter (num : Number) {
     case connection {
       Maybe::Nothing =>
-        next {counter: counter + num}
+        next { counter: counter + num }
+
       Maybe::Just(websocket) =>
         send(websocket, num, "update_counter")
     }
@@ -75,26 +86,51 @@ component Websocket {
   fun render {
     <section id="websocket">
       <h2>"WebSocket"</h2>
+
       if isReady {
         <>
           <div class="grid3">
-            <button onclick={(){addToCounter(-1)}}>"-"</button>
-            <span> <{ counter |> Number.toString() }> </span>
-            <button onclick={(){addToCounter(1)}}>"+"</button>
+            <button onclick={() { addToCounter(-1) }}>
+              "-"
+            </button>
+
+            <span>
+              <{
+                counter
+                |> Number.toString()
+              }>
+            </span>
+
+            <button onclick={() { addToCounter(1) }}>
+              "+"
+            </button>
           </div>
+
           <p>
-            <{ amountUsers |> Number.toString() }>
+            <{
+              amountUsers
+              |> Number.toString()
+            }>
+
             " user"
-            if amountUsers == 1 { "" } else { "s" }
+
+            if amountUsers == 1 {
+              ""
+            } else {
+              "s"
+            }
+
             " online"
           </p>
         </>
       } else {
         <p class="important">
-          "Can not establish a websocket connection. is " <code>"websocketserver.py"</code>
+          "Can not establish a websocket connection. is "
+          <code>"websocketserver.py"</code>
           " running?"
         </p>
       }
+
       <GoTop/>
     </section>
   }

source/Window/ActiveUrl.mint

@@ -1,48 +1,63 @@
 component ActiveUrl {
-
-  state urlInfos = [
-    { "http://127.0.0.1:3000/", false },
-    { "http://127.0.0.1:3000/?foo=bar", false },
-    { "http://127.0.0.1:3000/#lorem", false },
-    { "http://127.0.0.1:3000/a/b/c", false },
-    { "http://127.0.0.1:9999/", false },
-    { "http://999.9.9.9:3000/", false },
-    { "https://127.0.0.1:3000/", false },
-  ]
+  state urlInfos =
+    [
+      {"http://127.0.0.1:3000/", false},
+      {"http://127.0.0.1:3000/?foo=bar", false},
+      {"http://127.0.0.1:3000/#lorem", false},
+      {"http://127.0.0.1:3000/a/b/c", false},
+      {"http://127.0.0.1:9999/", false},
+      {"http://999.9.9.9:3000/", false},
+      {"https://127.0.0.1:3000/", false}
+    ]
 
   use Provider.Url {
-    changes: (url: Url) : Promise(Void) {
-      check(url)
-    }
+    changes:
+      (url : Url) : Promise(Void) {
+        check(url)
+      }
   }
 
   fun componentDidMount {
-      check(Window.url())
+    check(Window.url())
   }
 
-  fun check(url: Url) : Promise(Void) {
-    next {
-      urlInfos :
-        for urlInfo of urlInfos {
-          let url = urlInfo[0]
-          { url, Window.isActiveURL(url) }
-        }
-    }
+  fun check (url : Url) : Promise(Void) {
+    next
+      {
+        urlInfos:
+          for urlInfo of urlInfos {
+            let url =
+              urlInfo[0]
+
+            {url, Window.isActiveURL(url)}
+          }
+      }
   }
 
-  fun rows (urlInfos: Array(Tuple(String, Bool))) {
+  fun rows (urlInfos : Array(Tuple(String, Bool))) {
     for urlInfo of urlInfos {
-      let {url, isActiveUrl} = urlInfo
+      let {url, isActiveUrl} =
+        urlInfo
+
       <tr>
         <td>
-          <code><{ url }></code>
+          <code>
+            <{ url }>
+          </code>
         </td>
+
         <td>
-          <{ if isActiveUrl {
-            <span class="green">"Yes"</span>
-          } else {
-            <span class="red">"No"</span>
-          } }>
+          <{
+            if isActiveUrl {
+              <span class="green">
+                "Yes"
+              </span>
+            } else {
+              <span class="red">
+                "No"
+              </span>
+            }
+          }>
         </td>
       </tr>
     }
@@ -51,10 +66,10 @@ component ActiveUrl {
   fun render : Html {
     <section>
       <h3>"Active URL?"</h3>
+
       <table>
         <{ rows(urlInfos) }>
       </table>
     </section>
-
   }
-}
+}

source/Window/AddRemoveListener.mint

@@ -1,39 +1,53 @@
 component AddRemoveListener {
-
-  state handlerRemover: Maybe(Function(Void)) = Maybe::Nothing
+  state handlerRemover : Maybe(Function(Void)) = Maybe::Nothing
   state buttonText = "Add a window click listener"
   state clickAmount = 0
 
   fun toggleHandler {
     case handlerRemover {
-      Maybe::Nothing => {
-        // TBD: Why cant I give the type `Function(Void)` to `remover`?
-        let remover = Window.addEventListener(
-          "click", true, (event: Html.Event) {
-            next { clickAmount: clickAmount + 1 }
-          }
-        )
-        next {
-          handlerRemover: Maybe::Just(remover),
-          buttonText: "Remove the window click listener"
+      Maybe::Nothing =>
+        {
+          // TBD: Why cant I give the type `Function(Void)` to `remover`?
+          let remover =
+            Window.addEventListener(
+              "click",
+              true,
+              (event : Html.Event) {
+                next { clickAmount: clickAmount + 1 }
+              })
+
+          next
+            {
+              handlerRemover: Maybe::Just(remover),
+              buttonText: "Remove the window click listener"
+            }
         }
-      }
-      Maybe::Just(remover) => {
-        remover()
-        next {
-          handlerRemover: Maybe::Nothing,
-          buttonText: "Add a window click listener",
+
+      Maybe::Just(remover) =>
+        {
+          remover()
+
+          next
+            {
+              handlerRemover: Maybe::Nothing,
+              buttonText: "Add a window click listener"
+            }
         }
-      }
     }
   }
 
   fun render {
     <section>
       <h3>"Add / Remove listener"</h3>
-      <button onclick={toggleHandler}><{buttonText}></button>
-      <p>"The window was clicked #{clickAmount |> Number.toString } times"</p>
+
+      <button onclick={toggleHandler}>
+        <{ buttonText }>
+      </button>
+
+      <p>
+        "The window was clicked #{clickAmount
+        |> Number.toString} times"
+      </p>
     </section>
   }
-
 }