Added LogLifecycle. Logs during each lifecycle callback.

Author: japgolly

HISTORY.md

@@ -6,6 +6,7 @@ History
 * Fixed Scalatags rejecting `VDom`.
 * Added `ScalazReact.ReactS.setM`.
 * Added `Listenable.install{IO,F}`, added `M[_]` to `Listenable.installS`.
+* Added `LogLifecycle` which when applied to a component, logs during each lifecycle callback.
 
 ### 0.5.0 ([commit log](https://github.com/japgolly/scalajs-react/compare/v0.4.1...v0.5.0))
 

core/src/main/scala/japgolly/scalajs/react/ReactComponentB.scala

@@ -66,7 +66,7 @@ object ReactComponentB {
 
 import ReactComponentB.LifeCycle
 
-final class ReactComponentB[P, S, B](name: String,
+final class ReactComponentB[P, S, B](val name: String,
                                      initF: P => S,
                                      backF: BackendScope[P, S] => B,
                                      rendF: ComponentScopeU[P, S, B] => VDom,

core/src/main/scala/japgolly/scalajs/react/experiment/LogLifecycle.scala

@@ -0,0 +1,45 @@
+package japgolly.scalajs.react.experiment
+
+import japgolly.scalajs.react.ReactComponentB
+import org.scalajs.dom.console
+import scala.scalajs.js
+
+object LogLifecycle {
+  @inline private[this] def fmt(m: String, a: Any) =
+    Seq[js.Any](s"\n  $m: $a")
+
+  @inline private[this] def log(m: js.Any, ps: js.Any*) =
+    console.log(m, ps: _*)
+
+  @inline private[this] def logc(m: js.Any, c: js.Any, ps: js.Any*) =
+    log(m + "\n ", c +: ps: _*)
+
+  @inline private[this] def log1(m: String) = (c: js.Any) =>
+    logc(m, c)
+
+  @inline private[this] def logp(m: String) = (c: js.Any, p: Any) =>
+    logc(m, c, fmt("Props", p): _*)
+
+  @inline private[this] def logps(m: String) = (c: js.Any, p: Any, s: Any) =>
+    logc(m, c, fmt("Props", p) ++ fmt("State", s): _*)
+
+  def short[P, S, B] = (rc: ReactComponentB[P, S, B]) => {
+    val name = rc.name
+    rc.componentWillMount       (_       => log(s"$name.componentWillMount"))
+      .componentDidMount        (_       => log(s"$name.componentDidMount"))
+      .componentWillUnmount     (_       => log(s"$name.componentWillUnmount"))
+      .componentWillUpdate      ((_,_,_) => log(s"$name.componentWillUpdate"))
+      .componentDidUpdate       ((_,_,_) => log(s"$name.componentDidUpdate"))
+      .componentWillReceiveProps((_,_)   => log(s"$name.componentWillReceiveProps"))
+  }
+
+  def verbose[P, S, B] = (rc: ReactComponentB[P, S, B]) => {
+    val name = rc.name
+    rc.componentWillMount       (log1 (s"$name.componentWillMount"))
+      .componentDidMount        (log1 (s"$name.componentDidMount"))
+      .componentWillUnmount     (log1 (s"$name.componentWillUnmount"))
+      .componentWillUpdate      (logps(s"$name.componentWillUpdate"))
+      .componentDidUpdate       (logps(s"$name.componentDidUpdate"))
+      .componentWillReceiveProps(logp (s"$name.componentWillReceiveProps"))
+  }
+}