react-native-daro 1.0.0

package/android/src/main/java/com/darom/view/DaroMAdNativeViewContainer.kt

@@ -0,0 +1,372 @@
+package com.darom.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.ImageView
+import androidx.annotation.IdRes
+import androidx.core.view.children
+import com.darom.event.AdViewEvent
+import com.darom.util.AdInfoUtil
+import com.darom.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.DaroViewAd
+import droom.daro.view.DaroAdViewListener
+import droom.daro.view.DaroNativeAdView
+import kotlin.math.min
+import kotlin.math.roundToInt
+
+
+@SuppressLint("ViewConstructor")
+class DaroMAdNativeViewContainer(val context: ReactContext) : ReactViewGroup(context),
+  DaroAdViewListener {
+
+  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 isFirstLoad: Boolean = true
+
+  fun loadAd() {
+    (adView ?: buildAdView())?.apply {
+
+      adView = this
+
+      if (this.parent == null) {
+        this@DaroMAdNativeViewContainer.addView(this)
+      }
+
+      loadAd()
+    }
+  }
+
+  internal fun applyPrevSetting() {
+    if(adView!= null && adView!!.parent == null) addView(adView)
+  }
+
+  private fun buildAdView(): DaroNativeAdView? {
+    if (adUnitId.isEmpty()) {
+      return null
+    }
+
+    return DaroNativeAdView(
+      context,
+      DaroNativeAdUnit(
+        key = adUnitId,
+        placement = adUnitId,
+        adBinder = 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 { if (mediaViewId != null) it.setMediaViewGroupId(mediaViewId!!) else it }
+          .let { if (callToActionViewId != null) it.setCallToActionViewId(callToActionViewId!!) else it }
+          .build()
+      )
+    ).also { view ->
+      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() {
+    adView?.destroy()
+  }
+
+  override fun onAdLoadSuccess(
+    ad: DaroViewAd,
+    adInfo: DaroAdInfo,
+  ) {
+    sendNativeViewEvent(
+      reactContext = context,
+      event = AdViewEvent.ON_AD_LOADED,
+      params = AdInfoUtil.getAdInfo(adUnitId, adInfo)
+    )
+
+    post({
+      context.currentActivity?.window.let { window ->
+        window?.decorView?.requestLayout()
+      }
+    })
+  }
+
+  override fun onAdLoadFail(err: DaroAdLoadError) {
+    sendNativeViewEvent(
+      reactContext = context,
+      event = AdViewEvent.ON_AD_FAILED_TO_LOAD,
+      params = AdInfoUtil.getAdLoadFailedInfo(adUnitId, err)
+    )
+  }
+
+  override fun onAdClicked(adInfo: DaroAdInfo) {
+    sendNativeViewEvent(
+      reactContext = context,
+      event = AdViewEvent.ON_AD_CLICKED,
+      params = AdInfoUtil.getAdInfo(adUnitId, adInfo)
+    )
+  }
+
+  override fun onAdImpression(adInfo: DaroAdInfo) {
+    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 inner class LoadAdTask(private val nativeAdView: DaroMAdNativeViewContainer) :
+    Runnable {
+
+    override fun run() {
+      nativeAdView.loadAd()
+      nativeAdView.isFirstLoad = false
+    }
+  }
+
+  internal fun onSetProps() {
+    if (loadOnMount && isFirstLoad) {
+      loadAdHandler.removeCallbacksAndMessages(null)
+      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)
+
+      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 ratio =
+                adChoiceImageView.drawable.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)
+              }
+            }
+          }
+      }
+
+      mediaViewId?.let { adViewContainer.findViewById<View>(it) }?.let {
+        (it as ViewGroup).children.forEach { child ->
+          val width = it.width
+          val height = it.height
+
+          child.measure(
+            MeasureSpec.makeMeasureSpec(width, MeasureSpec.EXACTLY),
+            MeasureSpec.makeMeasureSpec(height, MeasureSpec.EXACTLY)
+          )
+
+          child.layout(0, 0, width, height)
+        }
+      }
+
+      titleViewId?.let { adViewContainer.findViewById<ReactTextView>(it) }
+        ?.restoreSpannableFromMap()
+      bodyViewId?.let { adViewContainer.findViewById<ReactTextView>(it) }?.restoreSpannableFromMap()
+      callToActionViewId?.let { adViewContainer.findViewById<ReactTextView>(it) }
+        ?.restoreSpannableFromMap()
+
+    } 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
+  }
+
+  /*
+  * 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 (titleViewId != null) return
+
+    this.titleViewId = tag
+    findViewById<ReactTextView>(tag)?.let {
+      it.moveViewsToAdViewContainer()
+      it.saveSpannableToMap()
+    }
+  }
+
+  fun setBodyView(tag: Int) {
+    if (bodyViewId != null) return
+
+    this.bodyViewId = tag
+    findViewById<ReactTextView>(tag)?.let {
+      it.moveViewsToAdViewContainer()
+      it.saveSpannableToMap()
+    }
+  }
+
+  fun setCallToActionView(tag: Int) {
+    if (callToActionViewId != null) return
+
+    this.callToActionViewId = tag
+    findViewById<ReactTextView>(tag)?.let {
+      it.moveViewsToAdViewContainer()
+      it.saveSpannableToMap()
+    }
+  }
+
+  fun setIconView(tag: Int) {
+    if (iconViewId != null) return
+
+    this.iconViewId = tag
+    findViewById<View>(tag)?.moveViewsToAdViewContainer()
+  }
+
+  fun setMediaView(tag: Int) {
+    if (mediaViewId != null) return
+
+    this.mediaViewId = tag
+    findViewById<View>(tag)?.moveViewsToAdViewContainer()
+  }
+
+  /*
+  * Setting View
+  * */
+
+  private fun View.moveViewsToAdViewContainer() {
+    val layoutParams = layoutParams
+
+    (this.parent as? ViewGroup)?.removeView(this)
+    adViewContainer.addView(this, layoutParams)
+  }
+
+  private val testSpanMap: MutableMap<Int, Spanned> = mutableMapOf()
+
+  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/main/res/layout/layout_activity_transparent.xml

@@ -0,0 +1,7 @@
+<?xml version="1.0" encoding="utf-8"?>
+<LinearLayout
+  xmlns:android="http://schemas.android.com/apk/res/android"
+  android:layout_width="match_parent"
+  android:layout_height="match_parent"
+  android:orientation="vertical">
+</LinearLayout>

package/android/src/main/res/values/styles.xml

@@ -0,0 +1,11 @@
+<?xml version="1.0" encoding="utf-8"?>
+<resources>
+  <style name="Theme.TransparentActivity" parent="Theme.AppCompat.NoActionBar">
+    <item name="android:windowBackground">@android:color/transparent</item>
+    <item name="android:windowIsTranslucent">true</item>
+    <item name="android:windowNoTitle">true</item>
+    <item name="android:statusBarColor">@android:color/transparent</item> <!-- 상태 바 투명 -->
+    <item name="android:windowDrawsSystemBarBackgrounds">true</item>
+    <item name="android:fitsSystemWindows">true</item>
+  </style>
+</resources>

package/ios/Daro+Extensions.swift

@@ -0,0 +1,196 @@
+import UIKit
+
+extension UIColor {
+  convenience init(hex: String) {
+    let hex = hex.trimmingCharacters(in: CharacterSet.alphanumerics.inverted)
+    var int = UInt64()
+    Scanner(string: hex).scanHexInt64(&int)
+    let a, r, g, b: UInt64
+    switch hex.count {
+    case 3: // RGB (12-bit)
+      (a, r, g, b) = (255, (int >> 8) * 17, (int >> 4 & 0xF) * 17, (int & 0xF) * 17)
+    case 6: // RGB (24-bit)
+      (a, r, g, b) = (255, int >> 16, int >> 8 & 0xFF, int & 0xFF)
+    case 8: // ARGB (32-bit)
+      (a, r, g, b) = (int >> 24, int >> 16 & 0xFF, int >> 8 & 0xFF, int & 0xFF)
+    default:
+      (a, r, g, b) = (255, 0, 0, 0)
+    }
+    self.init(red: CGFloat(r) / 255, green: CGFloat(g) / 255, blue: CGFloat(b) / 255, alpha: CGFloat(a) / 255)
+  }
+}
+
+extension UILabel {
+  func applyStyle(_ style: NSDictionary?) {
+    baseApplyStyle(style)
+    guard let style = style as? [String: Any] else { return }
+
+    if let fontSize = style["fontSize"] as? CGFloat {
+      self.font = self.font.withSize(fontSize)
+    }
+
+    if let fontWeight = style["fontWeight"] as? String {
+      let weight: UIFont.Weight
+      switch fontWeight {
+      case "100": weight = .ultraLight
+      case "200": weight = .thin
+      case "300": weight = .light
+      case "400", "normal": weight = .regular
+      case "500": weight = .medium
+      case "600": weight = .semibold
+      case "700", "bold": weight = .bold
+      case "800": weight = .heavy
+      case "900": weight = .black
+      default: weight = .regular
+      }
+      self.font = UIFont.systemFont(ofSize: self.font.pointSize, weight: weight)
+    }
+
+    if let fontFamily = style["fontFamily"] as? String {
+      if let fontSize = style["fontSize"] as? CGFloat {
+        self.font = UIFont(name: fontFamily, size: fontSize)
+      }
+    }
+
+    if let colorHex = style["color"] as? String {
+      self.textColor = UIColor(hex: colorHex)
+    }
+
+    if let backgroundColorHex = style["backgroundColor"] as? String {
+      self.backgroundColor = UIColor(hex: backgroundColorHex)
+    }
+
+    if let textAlign = style["textAlign"] as? String {
+      switch textAlign {
+      case "center":
+        self.textAlignment = .center
+      case "right":
+        self.textAlignment = .right
+      case "left":
+        self.textAlignment = .left
+      case "justify":
+        self.textAlignment = .justified
+      default:
+        self.textAlignment = .natural
+      }
+    }
+
+    if let numberOfLines = style["numberOfLines"] as? Int {
+      self.numberOfLines = numberOfLines
+    }
+
+    if let lineBreakMode = style["lineBreakMode"] as? String {
+      switch lineBreakMode {
+      case "head":
+        self.lineBreakMode = .byTruncatingHead
+      case "middle":
+        self.lineBreakMode = .byTruncatingMiddle
+      case "tail":
+        self.lineBreakMode = .byTruncatingTail
+      case "clip":
+        self.lineBreakMode = .byClipping
+      case "word-wrap":
+        self.lineBreakMode = .byWordWrapping
+      default:
+        self.lineBreakMode = .byTruncatingTail
+      }
+    }
+  }
+}
+
+extension UIImageView {
+  func applyStyle(_ style: NSDictionary?) {
+    baseApplyStyle(style)
+    guard let style = style as? [String: Any] else { return }
+
+    if let resizeMode = style["resizeMode"] as? String {
+      switch resizeMode {
+      case "cover":
+        self.contentMode = .scaleAspectFill
+      case "contain":
+        self.contentMode = .scaleAspectFit
+      case "stretch":
+        self.contentMode = .scaleToFill
+      case "repeat":
+        self.contentMode = .scaleToFill // iOS에서는 repeat이 없어서 scaleToFill로 대체
+      case "center":
+        self.contentMode = .center
+      default:
+        self.contentMode = .scaleAspectFill
+      }
+    }
+    if let aspectRatio = style["aspectRatio"] as? CGFloat {
+      self.contentMode = .scaleAspectFit
+      let constraint = NSLayoutConstraint(
+        item: self,
+        attribute: .width,
+        relatedBy: .equal,
+        toItem: self,
+        attribute: .height,
+        multiplier: aspectRatio,
+        constant: 0
+      )
+      self.addConstraint(constraint)
+    }
+  }
+}
+
+extension UIButton {
+  func applyStyle(_ style: NSDictionary?) {
+    titleLabel?.applyStyle(style)
+    baseApplyStyle(style)
+    guard let style = style as? [String: Any] else { return }
+    if let colorHex = style["color"] as? String {
+      setTitleColor(UIColor(hex: colorHex), for: .normal)
+    }
+  }
+}
+
+extension UIView {
+  func baseApplyStyle(_ style: NSDictionary?) {
+    guard let style = style as? [String: Any] else { return }
+    if let tintColorHex = style["tintColor"] as? String {
+      self.tintColor = UIColor(hex: tintColorHex)
+    }
+
+    if let cornerRadius = style["borderRadius"] as? CGFloat {
+      self.layer.cornerRadius = cornerRadius
+      self.clipsToBounds = true
+    }
+
+    if let backgroundColorHex = style["backgroundColor"] as? String {
+      self.backgroundColor = UIColor(hex: backgroundColorHex)
+    }
+
+    if let clipsToBounds = style["clipsToBounds"] as? Bool {
+      self.clipsToBounds = clipsToBounds
+    }
+
+    if let borderWidth = style["borderWidth"] as? CGFloat {
+      self.layer.borderWidth = borderWidth
+    }
+
+    if let borderColorHex = style["borderColor"] as? String {
+      self.layer.borderColor = UIColor(hex: borderColorHex).cgColor
+    }
+
+    if let shadowColorHex = style["shadowColor"] as? String {
+      self.layer.shadowColor = UIColor(hex: shadowColorHex).cgColor
+    }
+
+    if let shadowOffset = style["shadowOffset"] as? [String: CGFloat] {
+      self.layer.shadowOffset = CGSize(
+        width: shadowOffset["width"] ?? 0,
+        height: shadowOffset["height"] ?? 0
+      )
+    }
+
+    if let shadowOpacity = style["shadowOpacity"] as? Float {
+      self.layer.shadowOpacity = shadowOpacity
+    }
+
+    if let shadowRadius = style["shadowRadius"] as? CGFloat {
+      self.layer.shadowRadius = shadowRadius
+    }
+  }
+}

package/ios/DaroM-Bridging-Header.h

@@ -0,0 +1,6 @@
+#import <React/RCTViewManager.h>
+#import <React/RCTBridgeModule.h>
+#import <React/RCTEventEmitter.h>
+#import <React/RCTUIManager.h>
+#import <React/RCTImageView.h>
+#import <React/RCTTextView.h>

package/ios/DaroMAdBannerViewManager.m

@@ -0,0 +1,15 @@
+#import <React/RCTViewManager.h>
+
+@interface RCT_EXTERN_MODULE(DaroMAdBannerViewManager, RCTViewManager)
+
+RCT_EXPORT_VIEW_PROPERTY(adUnitId, NSString)
+RCT_EXPORT_VIEW_PROPERTY(adFormat, NSString)
+
+RCT_EXPORT_VIEW_PROPERTY(onAdLoadedEvent, RCTDirectEventBlock)
+RCT_EXPORT_VIEW_PROPERTY(onAdLoadFailedEvent, RCTDirectEventBlock)
+RCT_EXPORT_VIEW_PROPERTY(onAdClickedEvent, RCTDirectEventBlock)
+RCT_EXPORT_VIEW_PROPERTY(onAdImpressionRecordedEvent, RCTDirectEventBlock)
+
+RCT_EXTERN_METHOD(loadAd)
+
+@end

package/ios/DaroMAdBannerViewManager.swift

@@ -0,0 +1,87 @@
+import Daro
+
+@objc(DaroMAdBannerViewManager)
+class DaroMAdBannerViewManager: RCTViewManager {
+  override func view() -> DaroMAdBannerView {
+    DaroMAdBannerView()
+  }
+
+  @objc override static func requiresMainQueueSetup() -> Bool {
+    false
+  }
+}
+
+final class DaroMAdBannerView: UIView {
+
+  var adBannerView: DaroAdBannerView?
+
+    @objc var adUnitId: String?
+    @objc var adFormat: String = DaroMModule.Constants.bannerAdFormatLabel.value
+
+  // MARK: - Events
+    @objc var onAdLoadedEvent: RCTDirectEventBlock?
+    @objc var onAdLoadFailedEvent: RCTDirectEventBlock?
+    @objc var onAdClickedEvent: RCTDirectEventBlock?
+    @objc var onAdImpressionRecordedEvent: RCTDirectEventBlock?
+
+  init() {
+    super.init(frame: CGRect.zero)
+  }
+
+  required init?(coder: NSCoder) {
+    fatalError("init(coder:) has not been implemented")
+  }
+
+  /// Invoked after all the JavaScript properties are set when mounting AdView
+  override func didSetProps(_ changedProps: [String]!) {
+    initialize()
+    adBannerView?.loadAd()
+  }
+
+  @objc
+  func loadAd() {
+    adBannerView?.loadAd()
+  }
+
+  @objc(initialize)
+  func initialize() {
+    guard adBannerView == nil else {
+      DaroMModule.logger.warning("AdView is already initialized")
+      return
+    }
+    guard let adUnitId else {
+      DaroMModule.logger.warning("AdUnitId is required")
+      return
+    }
+
+    let bannerSize = adFormat == DaroMModule.Constants.bannerAdFormatLabel.value ? DaroAdBannerSize.banner : DaroAdBannerSize.MREC
+    let adUnit = DaroAdUnit(unitId: adUnitId)
+    let adBannerView = DaroAdBannerView(unit: adUnit, bannerSize: bannerSize)
+    setupBannerListener(for: adBannerView)
+
+    adBannerView.translatesAutoresizingMaskIntoConstraints = false
+    addSubview(adBannerView)
+    self.adBannerView = adBannerView
+
+    NSLayoutConstraint.activate([
+      adBannerView.widthAnchor.constraint(equalToConstant: bannerSize.width),
+      adBannerView.heightAnchor.constraint(equalToConstant: bannerSize.height),
+      adBannerView.centerXAnchor.constraint(equalTo: self.centerXAnchor),
+      adBannerView.centerYAnchor.constraint(equalTo: self.centerYAnchor),
+    ])
+  }
+
+  private func setupBannerListener(for bannerView: DaroAdBannerView) {
+    bannerView.listener.onAdLoadSuccess = { [weak self] ad, adInfo in
+      self?.onAdLoadedEvent?(adInfo?.toBody)
+    }
+
+    bannerView.listener.onAdLoadFail = { [weak self] error in
+      self?.onAdLoadFailedEvent?(error.toBody)
+    }
+
+    bannerView.listener.onAdImpression = { [weak self] adInfo in
+      self?.onAdImpressionRecordedEvent?(adInfo?.toBody)
+    }
+  }
+}