@onekeyfe/react-native-perp-depth-bar 3.0.39

package/LICENSE

@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 2024 OneKey
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

package/PerpDepthBar.podspec

@@ -0,0 +1,29 @@
+require "json"
+
+package = JSON.parse(File.read(File.join(__dir__, "package.json")))
+
+Pod::Spec.new do |s|
+  s.name         = "PerpDepthBar"
+  s.version      = package["version"]
+  s.summary      = package["description"]
+  s.homepage     = package["homepage"]
+  s.license      = package["license"]
+  s.authors      = package["author"]
+
+  s.platforms    = { :ios => min_ios_version_supported }
+  s.source       = { :git => "https://github.com/OneKeyHQ/app-modules.git", :tag => "#{s.version}" }
+
+  s.source_files = [
+    "ios/**/*.{swift}",
+    "ios/**/*.{m,mm}",
+    "cpp/**/*.{hpp,cpp}",
+  ]
+
+  s.dependency 'React-jsi'
+  s.dependency 'React-callinvoker'
+
+  load 'nitrogen/generated/ios/PerpDepthBar+autolinking.rb'
+  add_nitrogen_files(s)
+
+  install_modules_dependencies(s)
+end

package/README.md

@@ -0,0 +1,31 @@
+# @onekeyfe/react-native-perp-depth-bar
+
+PerpDepthBar view for React Native
+
+## Installation
+
+```sh
+yarn add @onekeyfe/react-native-perp-depth-bar
+```
+
+## Usage
+
+```js
+import { PerpDepthBarView } from '@onekeyfe/react-native-perp-depth-bar';
+
+// ...
+
+<PerpDepthBarView color="#ff0000" style={{ width: 100, height: 100 }} />
+```
+
+## Contributing
+
+See the [contributing guide](CONTRIBUTING.md) to learn how to contribute to the repository and the development workflow.
+
+## License
+
+MIT
+
+---
+
+Made with [create-react-native-library](https://github.com/callstack/react-native-builder-bob)

package/android/CMakeLists.txt

@@ -0,0 +1,24 @@
+project(perpdepthbar)
+cmake_minimum_required(VERSION 3.9.0)
+
+set(PACKAGE_NAME perpdepthbar)
+set(CMAKE_VERBOSE_MAKEFILE ON)
+set(CMAKE_CXX_STANDARD 20)
+
+# Define C++ library and add all sources
+add_library(${PACKAGE_NAME} SHARED src/main/cpp/cpp-adapter.cpp)
+
+# Add Nitrogen specs :)
+include(${CMAKE_SOURCE_DIR}/../nitrogen/generated/android/perpdepthbar+autolinking.cmake)
+
+# Set up local includes
+include_directories("src/main/cpp" "../cpp")
+
+find_library(LOG_LIB log)
+
+# Link all libraries together
+target_link_libraries(
+        ${PACKAGE_NAME}
+        ${LOG_LIB}
+        android # <-- Android core
+)

package/android/build.gradle

@@ -0,0 +1,128 @@
+buildscript {
+  ext.getExtOrDefault = {name ->
+    return rootProject.ext.has(name) ? rootProject.ext.get(name) : project.properties['PerpDepthBar_' + name]
+  }
+
+  repositories {
+    google()
+    mavenCentral()
+  }
+
+  dependencies {
+    classpath "com.android.tools.build:gradle:8.7.2"
+    // noinspection DifferentKotlinGradleVersion
+    classpath "org.jetbrains.kotlin:kotlin-gradle-plugin:${getExtOrDefault('kotlinVersion')}"
+  }
+}
+
+def reactNativeArchitectures() {
+  def value = rootProject.getProperties().get("reactNativeArchitectures")
+  return value ? value.split(",") : ["armeabi-v7a", "x86", "x86_64", "arm64-v8a"]
+}
+
+apply plugin: "com.android.library"
+apply plugin: "kotlin-android"
+apply from: '../nitrogen/generated/android/perpdepthbar+autolinking.gradle'
+
+apply plugin: "com.facebook.react"
+
+def getExtOrIntegerDefault(name) {
+  return rootProject.ext.has(name) ? rootProject.ext.get(name) : (project.properties["PerpDepthBar_" + name]).toInteger()
+}
+
+android {
+  namespace "com.margelo.nitro.perpdepthbar"
+
+  compileSdkVersion getExtOrIntegerDefault("compileSdkVersion")
+
+  defaultConfig {
+    minSdkVersion getExtOrIntegerDefault("minSdkVersion")
+    targetSdkVersion getExtOrIntegerDefault("targetSdkVersion")
+
+    externalNativeBuild {
+      cmake {
+        cppFlags "-frtti -fexceptions -Wall -fstack-protector-all"
+        arguments "-DANDROID_STL=c++_shared", "-DANDROID_SUPPORT_FLEXIBLE_PAGE_SIZES=ON"
+        abiFilters (*reactNativeArchitectures())
+
+        buildTypes {
+          debug {
+            cppFlags "-O1 -g"
+          }
+          release {
+            cppFlags "-O2"
+          }
+        }
+      }
+    }
+  }
+
+  externalNativeBuild {
+    cmake {
+      path "CMakeLists.txt"
+    }
+  }
+
+  packagingOptions {
+    excludes = [
+            "META-INF",
+            "META-INF/**",
+            "**/libc++_shared.so",
+            "**/libfbjni.so",
+            "**/libjsi.so",
+            "**/libfolly_json.so",
+            "**/libfolly_runtime.so",
+            "**/libglog.so",
+            "**/libhermes.so",
+            "**/libhermes-executor-debug.so",
+            "**/libhermes_executor.so",
+            "**/libreactnative.so",
+            "**/libreactnativejni.so",
+            "**/libturbomodulejsijni.so",
+            "**/libreact_nativemodule_core.so",
+            "**/libjscexecutor.so"
+    ]
+  }
+
+  buildFeatures {
+    buildConfig true
+    prefab true
+  }
+
+  buildTypes {
+    release {
+      minifyEnabled false
+    }
+  }
+
+  lintOptions {
+    disable "GradleCompatible"
+  }
+
+  compileOptions {
+    sourceCompatibility JavaVersion.VERSION_1_8
+    targetCompatibility JavaVersion.VERSION_1_8
+  }
+
+  sourceSets {
+    main {
+      java.srcDirs += [
+        "generated/java",
+        "generated/jni"
+      ]
+    }
+  }
+}
+
+repositories {
+  mavenCentral()
+  google()
+}
+
+def kotlin_version = getExtOrDefault("kotlinVersion")
+
+dependencies {
+  implementation "com.facebook.react:react-android"
+  implementation "org.jetbrains.kotlin:kotlin-stdlib:$kotlin_version"
+  implementation project(":react-native-nitro-modules")
+}

package/android/src/main/AndroidManifest.xml

@@ -0,0 +1,2 @@
+<manifest xmlns:android="http://schemas.android.com/apk/res/android">
+</manifest>

package/android/src/main/cpp/cpp-adapter.cpp

@@ -0,0 +1,6 @@
+#include <jni.h>
+#include "perpdepthbarOnLoad.hpp"
+
+JNIEXPORT jint JNICALL JNI_OnLoad(JavaVM* vm, void*) {
+  return margelo::nitro::perpdepthbar::initialize(vm);
+}

package/android/src/main/java/com/margelo/nitro/perpdepthbar/HybridPerpDepthBars.kt

@@ -0,0 +1,164 @@
+package com.margelo.nitro.perpdepthbar
+
+import android.animation.ValueAnimator
+import android.graphics.Canvas
+import android.graphics.Paint
+import android.view.View
+import android.view.animation.PathInterpolator
+import com.facebook.proguard.annotations.DoNotStrip
+import com.facebook.react.uimanager.ThemedReactContext
+
+/**
+ * Renders an entire column of order-book depth bars for one side. Draws N
+ * rects whose horizontal fill fraction animates on the UI thread via a single
+ * [ValueAnimator], replacing N reanimated `DepthBar` instances.
+ */
+@DoNotStrip
+class HybridPerpDepthBars(val context: ThemedReactContext) : HybridPerpDepthBarsSpec() {
+
+  private val density = context.resources.displayMetrics.density
+  private val paint = Paint(Paint.ANTI_ALIAS_FLAG)
+
+  private var current = DoubleArray(0)
+  private var start = DoubleArray(0)
+  private var target = DoubleArray(0)
+
+  private var lastEpoch = Double.NaN
+  private var hasDrawn = false
+  private var isDisposed = false
+  private var animator: ValueAnimator? = null
+
+  override val view: View = object : View(context) {
+    override fun onDraw(canvas: Canvas) {
+      drawBars(canvas)
+    }
+  }.apply {
+    isClickable = false
+    isFocusable = false
+  }
+
+  // MARK: - Props
+  override var percents: DoubleArray = DoubleArray(0)
+    get() = field
+    set(value) { if (!isDisposed) { field = value; view.invalidate() } }
+
+  override var rowHeight: Double = 0.0
+    get() = field
+    set(value) { if (!isDisposed) { field = value; view.invalidate() } }
+
+  override var rowMarginTop: Double = 0.0
+    get() = field
+    set(value) { if (!isDisposed) { field = value; view.invalidate() } }
+
+  override var barInset: Double = 0.0
+    get() = field
+    set(value) { if (!isDisposed) { field = value; view.invalidate() } }
+
+  override var origin: String = "left"
+    get() = field
+    set(value) { if (!isDisposed) { field = value; view.invalidate() } }
+
+  override var reducedMotion: Boolean = false
+    get() = field
+    set(value) { field = value }
+
+  override var epoch: Double = 0.0
+    get() = field
+    set(value) { field = value }
+
+  override var color: String = ""
+    get() = field
+    set(value) {
+      if (isDisposed) return
+      field = value
+      paint.color = PerpColorParser.parse(value)
+      view.invalidate()
+    }
+
+  /**
+   * Called by Nitro once after a prop-update transaction. Recompute targets and
+   * (re)start the animation here so a multi-prop update animates once.
+   */
+  override fun afterUpdate() {
+    super.afterUpdate()
+    if (isDisposed) return
+    syncTargets()
+  }
+
+  private fun syncTargets() {
+    val count = percents.size
+    val epochChanged = epoch != lastEpoch
+    val countChanged = target.size != count
+    val snap = !hasDrawn || reducedMotion || epochChanged || countChanged
+
+    val newTarget = DoubleArray(count) { clampFrac(percents[it]) }
+
+    if (snap) {
+      animator?.cancel()
+      current = newTarget.copyOf()
+      target = newTarget
+      lastEpoch = epoch
+      hasDrawn = true
+      view.invalidate()
+      return
+    }
+
+    // Animate each row from its current value to the new target.
+    if (current.size != count) current = current.copyOf(count)
+    start = current.copyOf()
+    target = newTarget
+    lastEpoch = epoch
+
+    animator?.cancel()
+    animator = ValueAnimator.ofFloat(0f, 1f).apply {
+      duration = DURATION_MS
+      interpolator = EASE_OUT_CUBIC
+      addUpdateListener { a ->
+        if (isDisposed) return@addUpdateListener
+        val f = a.animatedFraction
+        for (i in current.indices) {
+          val s = if (i < start.size) start[i] else 0.0
+          val t = if (i < target.size) target[i] else 0.0
+          current[i] = s + (t - s) * f
+        }
+        view.invalidate()
+      }
+      start()
+    }
+  }
+
+  private fun drawBars(canvas: Canvas) {
+    val w = view.width.toFloat()
+    if (w <= 0f) return
+    val rh = (rowHeight * density).toFloat()
+    val mt = (rowMarginTop * density).toFloat()
+    val inset = (barInset * density).toFloat()
+    val barH = (rh - inset * 2f).coerceAtLeast(0f)
+    val isRight = origin == "right"
+
+    for (i in current.indices) {
+      val rowTop = mt + i * (rh + mt)
+      val top = rowTop + inset
+      val bottom = top + barH
+      val fillW = w * current[i].toFloat()
+      if (fillW <= 0f) continue
+      val left = if (isRight) w - fillW else 0f
+      val right = if (isRight) w else fillW
+      canvas.drawRect(left, top, right, bottom, paint)
+    }
+  }
+
+  private fun clampFrac(percent: Double): Double =
+    (percent.coerceIn(0.0, 100.0)) / 100.0
+
+  override fun dispose() {
+    isDisposed = true
+    animator?.cancel()
+    animator = null
+  }
+
+  companion object {
+    private const val DURATION_MS = 260L
+    private val EASE_OUT_CUBIC = PathInterpolator(0.33f, 1f, 0.68f, 1f)
+  }
+}

package/android/src/main/java/com/margelo/nitro/perpdepthbar/HybridPerpSideRatio.kt

@@ -0,0 +1,139 @@
+package com.margelo.nitro.perpdepthbar
+
+import android.animation.ValueAnimator
+import android.graphics.Canvas
+import android.graphics.Paint
+import android.graphics.RectF
+import android.view.View
+import android.view.animation.PathInterpolator
+import com.facebook.proguard.annotations.DoNotStrip
+import com.facebook.react.uimanager.ThemedReactContext
+
+/** Two horizontal segments whose widths animate to the bid/ask ratio. */
+@DoNotStrip
+class HybridPerpSideRatio(val context: ThemedReactContext) : HybridPerpSideRatioSpec() {
+
+  private val density = context.resources.displayMetrics.density
+  private val bidPaint = Paint(Paint.ANTI_ALIAS_FLAG)
+  private val askPaint = Paint(Paint.ANTI_ALIAS_FLAG)
+
+  // Animated split fraction (bid share of the available width), 0..1.
+  private var currentSplit = 0.5
+  private var startSplit = 0.5
+  private var targetSplit = 0.5
+  private var hasDrawn = false
+  private var isDisposed = false
+  private var animator: ValueAnimator? = null
+
+  override val view: View = object : View(context) {
+    override fun onDraw(canvas: Canvas) {
+      drawSegments(canvas)
+    }
+  }.apply {
+    isClickable = false
+    isFocusable = false
+  }
+
+  override var bidPercentage: Double = 50.0
+    get() = field
+    set(value) { field = value }
+
+  override var askPercentage: Double = 50.0
+    get() = field
+    set(value) { field = value }
+
+  override var segmentHeight: Double = 4.0
+    get() = field
+    set(value) { if (!isDisposed) { field = value; view.invalidate() } }
+
+  override var cornerRadius: Double = 999.0
+    get() = field
+    set(value) { if (!isDisposed) { field = value; view.invalidate() } }
+
+  override var gap: Double = 2.0
+    get() = field
+    set(value) { if (!isDisposed) { field = value; view.invalidate() } }
+
+  override var reducedMotion: Boolean = false
+    get() = field
+    set(value) { field = value }
+
+  override var longColor: String = ""
+    get() = field
+    set(value) {
+      if (isDisposed) return
+      field = value
+      bidPaint.color = PerpColorParser.parse(value)
+      view.invalidate()
+    }
+
+  override var shortColor: String = ""
+    get() = field
+    set(value) {
+      if (isDisposed) return
+      field = value
+      askPaint.color = PerpColorParser.parse(value)
+      view.invalidate()
+    }
+
+  override fun afterUpdate() {
+    super.afterUpdate()
+    if (isDisposed) return
+    val bid = maxOf(bidPercentage, 1.0)
+    val ask = maxOf(askPercentage, 1.0)
+    val split = bid / (bid + ask)
+    val snap = !hasDrawn || reducedMotion
+    if (snap) {
+      animator?.cancel()
+      currentSplit = split
+      targetSplit = split
+      hasDrawn = true
+      view.invalidate()
+      return
+    }
+    startSplit = currentSplit
+    targetSplit = split
+    animator?.cancel()
+    animator = ValueAnimator.ofFloat(0f, 1f).apply {
+      duration = DURATION_MS
+      interpolator = EASE_OUT_CUBIC
+      addUpdateListener { a ->
+        if (isDisposed) return@addUpdateListener
+        currentSplit = startSplit + (targetSplit - startSplit) * a.animatedFraction
+        view.invalidate()
+      }
+      start()
+    }
+  }
+
+  private fun drawSegments(canvas: Canvas) {
+    val w = view.width.toFloat()
+    if (w <= 0f) return
+    val h = (segmentHeight * density).toFloat()
+    val g = (gap * density).toFloat()
+    val y = (view.height - h) / 2f
+    val available = (w - g).coerceAtLeast(0f)
+    val bidW = available * currentSplit.toFloat()
+    val askW = available - bidW
+    val r = (cornerRadius * density).toFloat().coerceAtMost(h / 2f)
+
+    if (bidW > 0f) {
+      canvas.drawRoundRect(RectF(0f, y, bidW, y + h), r, r, bidPaint)
+    }
+    if (askW > 0f) {
+      val askLeft = bidW + g
+      canvas.drawRoundRect(RectF(askLeft, y, askLeft + askW, y + h), r, r, askPaint)
+    }
+  }
+
+  override fun dispose() {
+    isDisposed = true
+    animator?.cancel()
+    animator = null
+  }
+
+  companion object {
+    private const val DURATION_MS = 300L
+    private val EASE_OUT_CUBIC = PathInterpolator(0.33f, 1f, 0.68f, 1f)
+  }
+}

package/android/src/main/java/com/margelo/nitro/perpdepthbar/PerpColorParser.kt

@@ -0,0 +1,56 @@
+package com.margelo.nitro.perpdepthbar
+
+import android.graphics.Color
+
+/**
+ * Parses color strings from JS. Supports `#rgb`/`#rrggbb`/`#rrggbbaa` and
+ * `rgb(...)`/`rgba(...)` (alpha 0..1). Returns [fallback] on failure.
+ *
+ * Note: Android's [Color.parseColor] expects `#AARRGGBB`, while web/JS emit
+ * `#RRGGBBAA`, so 8-digit hex is reordered here before parsing.
+ */
+object PerpColorParser {
+  fun parse(value: String?, fallback: Int = Color.TRANSPARENT): Int {
+    val raw = value?.trim().orEmpty()
+    if (raw.isEmpty()) return fallback
+    return try {
+      when {
+        raw.startsWith("#") -> parseHex(raw) ?: fallback
+        raw.startsWith("rgb", ignoreCase = true) -> parseRgb(raw) ?: fallback
+        else -> fallback
+      }
+    } catch (e: Exception) {
+      fallback
+    }
+  }
+
+  private fun parseHex(hex: String): Int? {
+    var s = hex.substring(1)
+    if (s.length == 3) {
+      s = s.map { "$it$it" }.joinToString("")
+    }
+    return when (s.length) {
+      6 -> Color.parseColor("#$s")
+      8 -> {
+        // #RRGGBBAA (JS) -> #AARRGGBB (Android)
+        val rgb = s.substring(0, 6)
+        val a = s.substring(6, 8)
+        Color.parseColor("#$a$rgb")
+      }
+      else -> null
+    }
+  }
+
+  private fun parseRgb(value: String): Int? {
+    val open = value.indexOf('(')
+    val close = value.indexOf(')')
+    if (open < 0 || close < 0 || close <= open) return null
+    val parts = value.substring(open + 1, close).split(",").map { it.trim() }
+    if (parts.size < 3) return null
+    val r = parts[0].toFloatOrNull()?.toInt() ?: return null
+    val g = parts[1].toFloatOrNull()?.toInt() ?: return null
+    val b = parts[2].toFloatOrNull()?.toInt() ?: return null
+    val a = if (parts.size >= 4) ((parts[3].toFloatOrNull() ?: 1f) * 255f).toInt() else 255
+    return Color.argb(a.coerceIn(0, 255), r.coerceIn(0, 255), g.coerceIn(0, 255), b.coerceIn(0, 255))
+  }
+}

package/android/src/main/java/com/margelo/nitro/perpdepthbar/PerpDepthBarPackage.kt

@@ -0,0 +1,33 @@
+package com.margelo.nitro.perpdepthbar
+
+import com.facebook.react.BaseReactPackage
+import com.facebook.react.bridge.NativeModule
+import com.facebook.react.bridge.ReactApplicationContext
+import com.facebook.react.module.model.ReactModuleInfoProvider
+import com.facebook.react.uimanager.ViewManager
+
+import com.margelo.nitro.perpdepthbar.views.HybridPerpDepthBarsManager
+import com.margelo.nitro.perpdepthbar.views.HybridPerpSideRatioManager
+
+class PerpDepthBarPackage : BaseReactPackage() {
+  override fun getModule(name: String, reactContext: ReactApplicationContext): NativeModule? {
+    return null
+  }
+
+  override fun getReactModuleInfoProvider(): ReactModuleInfoProvider {
+    return ReactModuleInfoProvider { HashMap() }
+  }
+
+  override fun createViewManagers(reactContext: ReactApplicationContext): List<ViewManager<*, *>> {
+    return listOf(
+      HybridPerpDepthBarsManager(),
+      HybridPerpSideRatioManager()
+    )
+  }
+
+  companion object {
+    init {
+      System.loadLibrary("perpdepthbar")
+    }
+  }
+}