react-native-daro 1.0.15 → 2.0.0-rc.1

package/android/src/main/java/com/daro/reactnative/view/DaroRNAdNativeViewContainer.kt

@@ -0,0 +1,623 @@
+package com.daro.reactnative.view
+
+import android.annotation.SuppressLint
+import android.os.Handler
+import android.os.Looper
+import android.text.SpannableString
+import android.text.Spanned
+import android.view.View
+import android.view.ViewGroup
+import android.widget.FrameLayout
+import android.widget.ImageView
+import android.widget.TextView
+import androidx.annotation.IdRes
+import androidx.core.view.children
+import com.daro.reactnative.event.AdViewEvent
+import com.daro.reactnative.util.AdInfoUtil
+import com.daro.reactnative.util.EventEmitterUtil.sendNativeViewEvent
+import com.facebook.react.bridge.ReactContext
+import com.facebook.react.views.text.ReactTextView
+import com.facebook.react.views.view.ReactViewGroup
+import droom.daro.core.adunit.DaroNativeAdUnit
+import droom.daro.core.model.DaroAdInfo
+import droom.daro.core.model.DaroAdLoadError
+import droom.daro.core.model.DaroNativeAdBinder
+import droom.daro.core.model.DaroNativeAdChoicePlacement
+import droom.daro.core.model.DaroViewAd
+import droom.daro.view.DaroAdViewListener
+import droom.daro.view.DaroNativeAdView
+import kotlin.math.min
+import kotlin.math.roundToInt
+
+
+@SuppressLint("ViewConstructor")
+class DaroRNAdNativeViewContainer(val context: ReactContext) : ReactViewGroup(context),
+  DaroAdViewListener {
+
+  private companion object {
+    private const val MAX_LOAD_ASSET_VIEW_RETRY_COUNT = 40
+    private const val LOAD_ASSET_VIEW_RETRY_DELAY_MS = 50L
+  }
+
+  private val adViewContainer: ReactViewGroup = ReactViewGroup(context)
+
+  init {
+    post {
+      setOnClickListener {
+        adView?.performClick()
+      }
+    }
+  }
+
+  private var adView: DaroNativeAdView? = null
+
+  internal var adUnitId: String = ""
+
+  internal var loadOnMount: Boolean = true
+  private var adChoicesPosition: DaroNativeAdChoicePlacement =
+    DaroNativeAdChoicePlacement.BOTTOM_RIGHT
+
+  private var isFirstLoad: Boolean = true
+  private var isDestroyed: Boolean = false
+  private var pendingLoadAssetViewRetryCount: Int = 0
+
+  fun addReactSubview(child: View, index: Int) {
+    if (isDestroyed) return
+
+    if (index < 0 || index >= adViewContainer.childCount) {
+      adViewContainer.addView(child)
+    } else {
+      adViewContainer.addView(child, index)
+    }
+
+    scheduleInitialLoadIfNeeded()
+  }
+
+  fun getReactSubviewCount(): Int {
+    if (isDestroyed) return 0
+
+    return adViewContainer.childCount
+  }
+
+  fun getReactSubviewAt(index: Int): View {
+    return adViewContainer.getChildAt(index)
+  }
+
+  fun removeReactSubviewAt(index: Int) {
+    if (isDestroyed || index < 0 || index >= adViewContainer.childCount) return
+
+    adViewContainer.removeViewAt(index)
+  }
+
+  fun removeAllReactSubviews() {
+    if (isDestroyed) return
+
+    adViewContainer.removeAllViews()
+  }
+
+  fun loadAd(): Boolean {
+    if (isDestroyed) return false
+
+    if (!hasRegisteredAssetView()) {
+      scheduleLoadWhenAssetViewsMounted()
+      return false
+    }
+
+    if (!areRegisteredAssetViewsMounted()) {
+      scheduleLoadWhenAssetViewsMounted()
+      return false
+    }
+
+    pendingLoadAssetViewRetryCount = 0
+    captureRegisteredTextSpans()
+
+    return (adView ?: buildAdView())?.let { view ->
+
+      adView = view
+
+      if (view.parent == null) {
+        this@DaroRNAdNativeViewContainer.addView(view)
+      }
+
+      view.loadAd()
+      isFirstLoad = false
+      true
+    } ?: false
+  }
+
+  private fun buildAdView(): DaroNativeAdView? {
+    if (adUnitId.isEmpty()) {
+      return null
+    }
+
+    return DaroNativeAdView(
+      context,
+      DaroNativeAdUnit(
+        key = adUnitId,
+      )
+    ).also { view ->
+      view.setAdBinder(
+        DaroNativeAdBinder
+          .Builder(adViewContainer)
+          .let { if (titleViewId != null) it.setTitleViewId(titleViewId!!) else it }
+          .let { if (bodyViewId != null) it.setBodyTextViewId(bodyViewId!!) else it }
+          .let { if (iconViewId != null) it.setIconViewId(iconViewId!!) else it }
+          .let { builder ->
+            // 등록 누락 시 더미 뷰에 바인딩되지 않도록 DaroMediaView를 직접 찾아 폴백한다.
+            val mediaId = mediaViewId ?: findDaroMediaViewId()
+            if (mediaId != null) builder.setMediaViewGroupId(mediaId) else builder
+          }
+          .let { if (callToActionViewId != null) it.setCallToActionViewId(callToActionViewId!!) else it }
+          .setAdChoicePlacement(adChoicesPosition)
+          .build()
+      )
+
+      view.setListener(this)
+      view.setOnHierarchyChangeListener(
+        object : OnHierarchyChangeListener {
+          override fun onChildViewAdded(parent: View?, child: View?) {
+            if (child != null && parent != null) {
+              view.layoutParams = LayoutParams(
+                LayoutParams.WRAP_CONTENT,
+                LayoutParams.WRAP_CONTENT,
+              )
+              view.layout(0, 0, parent.width, parent.height)
+            }
+          }
+
+          override fun onChildViewRemoved(parent: View?, child: View?) {}
+        }
+      )
+    }
+  }
+
+  fun destroy() {
+    isDestroyed = true
+    loadAdHandler.removeCallbacksAndMessages(null)
+    setOnClickListener(null)
+
+    adView?.let { view ->
+      (view.parent as? ViewGroup)?.removeView(view)
+      view.destroy()
+      installFallbackAssetViews()
+    }
+    adView = null
+    pendingLoadAssetViewRetryCount = 0
+    removeAllViews()
+    testSpanMap.clear()
+  }
+
+  override fun onAttachedToWindow() {
+    super.onAttachedToWindow()
+    if (!isDestroyed) {
+      adView?.resume()
+    }
+  }
+
+  override fun onAdLoadSuccess(
+    ad: DaroViewAd,
+    adInfo: DaroAdInfo,
+  ) {
+    if (isDestroyed) return
+
+    sendNativeViewEvent(
+      reactContext = context,
+      event = AdViewEvent.ON_AD_LOADED,
+      params = AdInfoUtil.getAdInfo(adUnitId, adInfo)
+    )
+
+    post({
+      layoutMediaViewChildrenFallback()
+      context.currentActivity?.window.let { window ->
+        window?.decorView?.requestLayout()
+      }
+    })
+  }
+
+  override fun onAdLoadFail(err: DaroAdLoadError) {
+    if (isDestroyed) return
+
+    sendNativeViewEvent(
+      reactContext = context,
+      event = AdViewEvent.ON_AD_FAILED_TO_LOAD,
+      params = AdInfoUtil.getAdLoadFailedInfo(adUnitId, err)
+    )
+  }
+
+  override fun onAdClicked(adInfo: DaroAdInfo) {
+    if (isDestroyed) return
+
+    sendNativeViewEvent(
+      reactContext = context,
+      event = AdViewEvent.ON_AD_CLICKED,
+      params = AdInfoUtil.getAdInfo(adUnitId, adInfo)
+    )
+  }
+
+  override fun onAdImpression(adInfo: DaroAdInfo) {
+    if (isDestroyed) return
+
+    sendNativeViewEvent(
+      reactContext = context,
+      event = AdViewEvent.ON_AD_IMPRESSION,
+      params = AdInfoUtil.getAdInfo(adUnitId, adInfo)
+    )
+  }
+
+  private val loadAdHandler = Handler(Looper.getMainLooper())
+  private val loadAdTask = LoadAdTask(this)
+  private val retryLoadAdTask = Runnable {
+    if (!isDestroyed) {
+      loadAd()
+    }
+  }
+
+  private inner class LoadAdTask(private val nativeAdView: DaroRNAdNativeViewContainer) :
+    Runnable {
+
+    override fun run() {
+      nativeAdView.loadAd()
+    }
+  }
+
+  internal fun onSetProps() {
+    if (isDestroyed) return
+
+    scheduleInitialLoadIfNeeded()
+  }
+
+  private fun scheduleInitialLoadIfNeeded() {
+    loadAdHandler.removeCallbacks(loadAdTask)
+
+    if (loadOnMount && isFirstLoad && adUnitId.isNotEmpty() && hasRegisteredAssetView()) {
+      loadAdHandler.postDelayed(loadAdTask, 50)
+    }
+  }
+
+  override fun requestLayout() {
+    super.requestLayout()
+
+    // https://stackoverflow.com/a/39838774/5477988
+    // This is required to ensure ad refreshes render correctly in RN Android due to known issue
+    // where `getWidth()` and `getHeight()` return 0 on attach
+    try {
+      adView?.measure(
+        MeasureSpec.makeMeasureSpec(width, MeasureSpec.EXACTLY),
+        MeasureSpec.makeMeasureSpec(height, MeasureSpec.EXACTLY)
+      )
+
+      adView?.layout(0, 0, width, height)
+    } catch (_: Exception) {
+      // Ignore
+    }
+
+    try {
+      adViewContainer.parent?.let {
+        (it as ViewGroup).children.filter { it != adViewContainer && it is ViewGroup }.lastOrNull()
+          ?.let {
+            it.measure(
+              MeasureSpec.makeMeasureSpec(width, MeasureSpec.EXACTLY),
+              MeasureSpec.makeMeasureSpec(height, MeasureSpec.EXACTLY)
+            )
+
+            it.layout(0, 0, width, height)
+
+            findImageView(it as ViewGroup)?.let { adChoiceImageView ->
+              if ((adChoiceImageView.parent as View).measuredWidth == adChoiceImageView.measuredWidth) return@let
+
+              val adChoiceDrawable = adChoiceImageView.drawable ?: return@let
+
+              val ratio =
+                adChoiceDrawable.intrinsicHeight.toFloat() / (adChoiceImageView.parent as View).height
+
+              val w = ((adChoiceImageView.parent as View).width * ratio).roundToInt()
+              val h = ((adChoiceImageView.parent as View).height * ratio).roundToInt()
+
+              it.measure(
+                MeasureSpec.makeMeasureSpec(w, MeasureSpec.EXACTLY),
+                MeasureSpec.makeMeasureSpec(h, MeasureSpec.EXACTLY)
+              )
+
+              it.layout(width - w, 0, width, height)
+
+              (adChoiceImageView.parent as View).let { v ->
+                v.measure(
+                  MeasureSpec.makeMeasureSpec(w, MeasureSpec.EXACTLY),
+                  MeasureSpec.makeMeasureSpec(h, MeasureSpec.EXACTLY)
+                )
+
+                v.layout(0, 0, w, h)
+              }
+            }
+          }
+      }
+    } catch (_: Exception) {
+      // Ignore
+    }
+
+    try {
+      layoutMediaViewChildrenFallback()
+    } catch (_: Exception) {
+      // Ignore
+    }
+
+    try {
+      restoreRegisteredTextSpans()
+    } catch (_: Exception) {
+      // Ignore
+    }
+  }
+
+  private fun findImageView(root: ViewGroup): ImageView? {
+    for (i in 0 until root.childCount) {
+      val child = root.getChildAt(i)
+      if (child is ImageView) {
+        return child
+      } else if (child is ViewGroup) {
+        val result = findImageView(child)
+        if (result != null) return result
+      }
+    }
+    return null
+  }
+
+  // 미디어 그룹이 DaroMediaView가 아닌 경우(구버전 JS 조합)용 직계 자식 폴백.
+  private fun layoutMediaViewChildrenFallback() {
+    val mediaViewGroup = getMediaViewGroup() ?: return
+    if (mediaViewGroup is DaroMediaView) return
+
+    val width = mediaViewGroup.width
+    val height = mediaViewGroup.height
+
+    if (width <= 0 || height <= 0) return
+
+    mediaViewGroup.children.forEach { child ->
+      child.measure(
+        MeasureSpec.makeMeasureSpec(width, MeasureSpec.EXACTLY),
+        MeasureSpec.makeMeasureSpec(height, MeasureSpec.EXACTLY)
+      )
+
+      child.layout(0, 0, width, height)
+    }
+  }
+
+  private fun findDaroMediaViewId(): Int? {
+    return findDaroMediaView(adViewContainer)?.id?.takeIf { it != View.NO_ID }
+  }
+
+  private fun findDaroMediaView(root: ViewGroup): DaroMediaView? {
+    root.children.forEach { child ->
+      if (child is DaroMediaView) return child
+      if (child is ViewGroup) findDaroMediaView(child)?.let { return it }
+    }
+    return null
+  }
+
+  private fun getMediaViewGroup(): ViewGroup? {
+    return mediaViewId?.let { findRegisteredAssetView(it) as? ViewGroup }
+  }
+
+  private fun hasRegisteredAssetView(): Boolean {
+    return titleViewId != null ||
+      bodyViewId != null ||
+      callToActionViewId != null ||
+      iconViewId != null ||
+      mediaViewId != null
+  }
+
+  private fun areRegisteredAssetViewsMounted(): Boolean {
+    if (!hasRegisteredAssetView()) return false
+
+    titleViewId?.let {
+      if (findRegisteredAssetView(it) !is TextView) return false
+    }
+
+    bodyViewId?.let {
+      if (findRegisteredAssetView(it) !is TextView) return false
+    }
+
+    callToActionViewId?.let {
+      if (findRegisteredAssetView(it) !is TextView) return false
+    }
+
+    iconViewId?.let {
+      if (findRegisteredAssetView(it) !is ImageView) return false
+    }
+
+    mediaViewId?.let {
+      if (findRegisteredAssetView(it) !is ViewGroup) return false
+    }
+
+    return true
+  }
+
+  private fun findRegisteredAssetView(@IdRes id: Int): View? {
+    return adViewContainer.findViewById(id)
+  }
+
+  private fun scheduleLoadWhenAssetViewsMounted() {
+    if (pendingLoadAssetViewRetryCount >= MAX_LOAD_ASSET_VIEW_RETRY_COUNT) {
+      pendingLoadAssetViewRetryCount = 0
+      return
+    }
+
+    pendingLoadAssetViewRetryCount += 1
+    loadAdHandler.removeCallbacks(retryLoadAdTask)
+    loadAdHandler.postDelayed(retryLoadAdTask, LOAD_ASSET_VIEW_RETRY_DELAY_MS)
+  }
+
+  private fun cancelPendingLoadIfNoRegisteredAssetView() {
+    if (hasRegisteredAssetView()) return
+
+    pendingLoadAssetViewRetryCount = 0
+    loadAdHandler.removeCallbacks(loadAdTask)
+    loadAdHandler.removeCallbacks(retryLoadAdTask)
+  }
+
+  /*
+  * Mapping View
+  * */
+
+  @IdRes
+  private var titleViewId: Int? = null
+
+  @IdRes
+  private var bodyViewId: Int? = null
+
+  @IdRes
+  private var callToActionViewId: Int? = null
+
+  @IdRes
+  private var iconViewId: Int? = null
+
+  @IdRes
+  private var mediaViewId: Int? = null
+
+  fun setTitleView(tag: Int) {
+    if (tag == View.NO_ID || tag == 0) {
+      titleViewId = null
+      cancelPendingLoadIfNoRegisteredAssetView()
+      return
+    }
+
+    if (titleViewId == tag) return
+
+    this.titleViewId = tag
+    adViewContainer.findViewById<ReactTextView>(tag)?.let {
+      it.saveSpannableToMap()
+    }
+    scheduleInitialLoadIfNeeded()
+  }
+
+  fun setBodyView(tag: Int) {
+    if (tag == View.NO_ID || tag == 0) {
+      bodyViewId = null
+      cancelPendingLoadIfNoRegisteredAssetView()
+      return
+    }
+
+    if (bodyViewId == tag) return
+
+    this.bodyViewId = tag
+    adViewContainer.findViewById<ReactTextView>(tag)?.let {
+      it.saveSpannableToMap()
+    }
+    scheduleInitialLoadIfNeeded()
+  }
+
+  fun setCallToActionView(tag: Int) {
+    if (tag == View.NO_ID || tag == 0) {
+      callToActionViewId = null
+      cancelPendingLoadIfNoRegisteredAssetView()
+      return
+    }
+
+    if (callToActionViewId == tag) return
+
+    this.callToActionViewId = tag
+    adViewContainer.findViewById<ReactTextView>(tag)?.let {
+      it.saveSpannableToMap()
+    }
+    scheduleInitialLoadIfNeeded()
+  }
+
+  fun setIconView(tag: Int) {
+    if (tag == View.NO_ID || tag == 0) {
+      iconViewId = null
+      cancelPendingLoadIfNoRegisteredAssetView()
+      return
+    }
+
+    if (iconViewId == tag) return
+
+    this.iconViewId = tag
+    scheduleInitialLoadIfNeeded()
+  }
+
+  fun setMediaView(tag: Int) {
+    if (tag == View.NO_ID || tag == 0) {
+      mediaViewId = null
+      cancelPendingLoadIfNoRegisteredAssetView()
+      return
+    }
+
+    if (mediaViewId == tag) return
+
+    this.mediaViewId = tag
+    scheduleInitialLoadIfNeeded()
+  }
+
+  fun setAdChoicesPosition(value: String?) {
+    adChoicesPosition = when (value) {
+      "topLeft" -> DaroNativeAdChoicePlacement.TOP_LEFT
+      "topRight" -> DaroNativeAdChoicePlacement.TOP_RIGHT
+      "bottomLeft" -> DaroNativeAdChoicePlacement.BOTTOM_LEFT
+      else -> DaroNativeAdChoicePlacement.BOTTOM_RIGHT
+    }
+  }
+
+  /*
+  * Setting View
+  * */
+
+  private fun installFallbackAssetViews() {
+    adViewContainer.removeAllViews()
+
+    titleViewId?.let { adViewContainer.addView(TextView(context).apply { id = it }) }
+    bodyViewId?.let { adViewContainer.addView(TextView(context).apply { id = it }) }
+    callToActionViewId?.let { adViewContainer.addView(TextView(context).apply { id = it }) }
+    iconViewId?.let { adViewContainer.addView(ImageView(context).apply { id = it }) }
+    mediaViewId?.let { adViewContainer.addView(FrameLayout(context).apply { id = it }) }
+  }
+
+  private val testSpanMap: MutableMap<Int, Spanned> = mutableMapOf()
+
+  private fun captureRegisteredTextSpans() {
+    titleViewId?.let { adViewContainer.findViewById<ReactTextView>(it) }?.saveSpannableToMap()
+    bodyViewId?.let { adViewContainer.findViewById<ReactTextView>(it) }?.saveSpannableToMap()
+    callToActionViewId?.let { adViewContainer.findViewById<ReactTextView>(it) }
+      ?.saveSpannableToMap()
+  }
+
+  private fun restoreRegisteredTextSpans() {
+    titleViewId?.let { adViewContainer.findViewById<ReactTextView>(it) }?.restoreSpannableFromMap()
+    bodyViewId?.let { adViewContainer.findViewById<ReactTextView>(it) }?.restoreSpannableFromMap()
+    callToActionViewId?.let { adViewContainer.findViewById<ReactTextView>(it) }
+      ?.restoreSpannableFromMap()
+  }
+
+  private fun ReactTextView.saveSpannableToMap() {
+    val text: CharSequence? = getText()
+
+    if (text is Spanned) {
+      testSpanMap[id] = text
+    }
+  }
+
+  private fun ReactTextView.restoreSpannableFromMap() {
+    testSpanMap[id]?.let {
+      val newSpannable = replaceTextPreserveSpans(it, text.toString())
+      text = newSpannable
+    }
+  }
+
+  fun replaceTextPreserveSpans(oldSpanned: Spanned, newText: String): SpannableString {
+    val newSpannable = SpannableString(newText)
+
+    val spans = oldSpanned.getSpans<Any>(0, oldSpanned.length, Any::class.java)
+    for (span in spans) {
+      val start = oldSpanned.getSpanStart(span)
+      val end = oldSpanned.getSpanEnd(span)
+      val flags = oldSpanned.getSpanFlags(span)
+
+      val newStart = start.coerceAtMost(newText.length)
+      val newEnd = if (end == oldSpanned.length) newText.length else min(end, newText.length)
+
+      if (newStart < newEnd) {
+        newSpannable.setSpan(span, newStart, newEnd, flags)
+      }
+    }
+
+    return newSpannable
+  }
+}

package/android/src/newarch/java/com/daro/reactnative/DaroRNModuleSpec.kt

@@ -0,0 +1,6 @@
+package com.daro.reactnative
+
+import com.facebook.react.bridge.ReactApplicationContext
+
+abstract class DaroRNModuleSpec(reactContext: ReactApplicationContext) :
+  NativeDaroModuleSpec(reactContext)