@colisweb/rescript-toolkit 2.36.3 → 2.38.1

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@colisweb/rescript-toolkit",
-  "version": "2.36.3",
+  "version": "2.38.1",
   "scripts": {
     "clean": "rescript clean",
     "build": "rescript build",

package/src/hooks/Toolkit__Hooks.res

@@ -240,3 +240,31 @@ let useOnClickOutside = (ref: React.ref<Js.Nullable.t<Dom.element>>, handler) =>
     )
   }, (ref, handler))
 }
+
+let useIntersection = ReactUse.useIntersection
+
+let useIsVisibleOnViewport = (~options: option<ReactUse.intersectionOptions<'a>>=?, domRef) => {
+  let (isVisible, setIsVisible) = React.useState(() => false)
+  let intersection = useIntersection(
+    domRef,
+    options->Option.getWithDefault({
+      root: Js.Nullable.null,
+      rootMargin: "0px",
+      threshold: 1.,
+    }),
+  )
+
+  React.useEffect1(() => {
+    intersection
+    ->Js.Nullable.toOption
+    ->Option.forEach(intersection => {
+      if intersection.intersectionRatio >= 1. {
+        setIsVisible(_ => true)
+      }
+    })
+
+    None
+  }, [intersection])
+
+  isVisible
+}

package/src/logger/Toolkit__NativeLogger.res

@@ -2,49 +2,45 @@ open BsSentryReactNative
 
 @val external isDev: bool = "__DEV__"
 
-let debugStyle = "background-color: #208E9C; color: white; padding: 5px; font-size: 10px;"
-let warningStyle = "background-color: #FFAD2D; color: white; padding: 5px; font-size: 10px;"
-let errorStyle = "background-color: #FF4714; color: white; padding: 5px; font-size: 10px;"
-
 let debug = str => {
   if isDev {
-    Js.Console.log3("%cDEBUG", debugStyle, str)
+    Js.Console.log2("DEBUG", str)
   }
 }
 
 let debug2 = (str, str2) => {
   if isDev {
-    Js.Console.log4("%cDEBUG", debugStyle, str, str2)
+    Js.Console.log3("DEBUG", str, str2)
   }
 }
 
 let debugMany = (arr: array<string>) => {
   if isDev {
-    Js.Console.logMany(["%cDEBUG", debugStyle]->Array.concat(arr))
+    Js.Console.logMany(["DEBUG"]->Array.concat(arr))
   }
 }
 
 let warning = str => {
   if isDev {
-    Js.Console.log3("%cWARN", warningStyle, str)
+    Js.Console.log2("WARN", str)
   }
 }
 
 let warning2 = (str, str2) => {
   if isDev {
-    Js.Console.log4("%cWARN", warningStyle, str, str2)
+    Js.Console.log3("WARN", str, str2)
   }
 }
 
 let warningMany = (arr: array<string>) => {
   if isDev {
-    Js.Console.logMany(["%cWARN", warningStyle]->Array.concat(arr))
+    Js.Console.logMany(["WARN"]->Array.concat(arr))
   }
 }
 
 let error = str => {
   if isDev {
-    Js.Console.log3("%cERROR", errorStyle, str)
+    Js.Console.log2("ERROR", str)
   } else {
     open Sentry
     withScope(_scope => {
@@ -55,7 +51,7 @@ let error = str => {
 
 let error2 = (str, str2) => {
   if isDev {
-    Js.Console.log4("%cERROR", errorStyle, str, str2)
+    Js.Console.log3("ERROR", str, str2)
   } else {
     open Sentry
     withScope(scope => {
@@ -69,7 +65,7 @@ let errorMany = (arr: array<string>) => {
   let message = arr[0]
   let data = arr->Array.length > 1 ? arr->Array.sliceToEnd(1) : []
   if isDev {
-    Js.Console.logMany(["%cERROR", errorStyle]->Array.concat(arr))
+    Js.Console.logMany(["ERROR"]->Array.concat(arr))
   } else {
     open Sentry
     withScope(scope => {

package/src/vendors/ReactUse.res

@@ -46,3 +46,17 @@ external useGetSet: (unit => 'a) => ('a, 'a => 'a) = "useGetSet"
 
 @module("react-use")
 external useHover: React.element => (React.element, bool) = "useHover"
+
+type intersectionObserver = {intersectionRatio: float}
+
+type intersectionOptions<'domElement> = {
+  root: Js.Nullable.t<'domElement>,
+  rootMargin: string,
+  threshold: float,
+}
+
+@module("react-use")
+external useIntersection: (
+  React.ref<'a>,
+  intersectionOptions<'domElement>,
+) => Js.Nullable.t<intersectionObserver> = "useIntersection"