@colisweb/rescript-toolkit 2.42.0 → 2.43.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@colisweb/rescript-toolkit",
-  "version": "2.42.0",
+  "version": "2.43.0",
   "scripts": {
     "clean": "rescript clean",
     "build": "rescript build -with-deps",

package/src/ui/Toolkit__Ui.res

@@ -31,3 +31,4 @@ module SpinnerFullScreen = Toolkit__Ui_SpinnerFullScreen
 module MultiSelect = Toolkit__Ui_MultiSelect
 module Notice = Toolkit__Ui_Notice
 module NativeDatePicker = Toolkit__Ui_NativeDatePicker
+module ErrorBoundary = Toolkit__Ui_ErrorBoundary

package/src/ui/Toolkit__Ui_ErrorBoundary.res

@@ -0,0 +1,45 @@
+@react.component
+let make = (
+  ~fallbackRender: ReactErrorBoundary.fallbackProps => React.element,
+  ~children: React.element,
+  ~resetKeys: option<array<'a>>=?,
+  ~customShouldRaiseAnError=false,
+) => {
+  <ReactErrorBoundary
+    fallbackRender
+    ?resetKeys
+    onError={err => {
+      switch Obj.magic(err) {
+      | #decodeError(requestConfig, deccoError) =>
+        Toolkit__BrowserLogger.error2(
+          `Decode error${requestConfig["url"]->Option.mapWithDefault("", url => " " ++ url)}`,
+          {
+            "deccoError": deccoError,
+            "requestConfig": requestConfig,
+          },
+        )
+      | #default(axiosError) =>
+        Js.Exn.message(axiosError)->Option.forEach(message => {
+          let message = message->Js.String2.toLowerCase
+          let ignoredTerms = ["timeout", "network"]
+
+          if ignoredTerms->Array.some(Js.String2.includes(message)) {
+            ()
+          } else {
+            Toolkit__BrowserLogger.error2(axiosError, axiosError)
+          }
+        })
+      | #custom(err) =>
+        if customShouldRaiseAnError {
+          Toolkit__BrowserLogger.error2("Custom error", err)
+        }
+      | err =>
+        switch Js.Exn.message(Obj.magic(err)) {
+        | None => Toolkit__BrowserLogger.error2("Unhandled error", err)
+        | Some(message) => Toolkit__BrowserLogger.error2(Obj.magic(message), err)
+        }
+      }
+    }}>
+    {children}
+  </ReactErrorBoundary>
+}