@react-navigation/native 8.0.0-alpha.0 → 8.0.0-alpha.2

package/android/build/outputs/logs/manifest-merger-debug-report.txt

@@ -0,0 +1,16 @@
+-- Merging decision tree log ---
+manifest
+ADDED from /Users/satya/Developer/Projects/react-navigation/packages/native/android/src/main/AndroidManifest.xml:1:1-2:12
+INJECTED from /Users/satya/Developer/Projects/react-navigation/packages/native/android/src/main/AndroidManifest.xml:1:1-2:12
+	package
+		INJECTED from /Users/satya/Developer/Projects/react-navigation/packages/native/android/src/main/AndroidManifest.xml
+	xmlns:android
+		ADDED from /Users/satya/Developer/Projects/react-navigation/packages/native/android/src/main/AndroidManifest.xml:1:11-69
+uses-sdk
+INJECTED from /Users/satya/Developer/Projects/react-navigation/packages/native/android/src/main/AndroidManifest.xml reason: use-sdk injection requested
+INJECTED from /Users/satya/Developer/Projects/react-navigation/packages/native/android/src/main/AndroidManifest.xml
+INJECTED from /Users/satya/Developer/Projects/react-navigation/packages/native/android/src/main/AndroidManifest.xml
+	android:targetSdkVersion
+		INJECTED from /Users/satya/Developer/Projects/react-navigation/packages/native/android/src/main/AndroidManifest.xml
+	android:minSdkVersion
+		INJECTED from /Users/satya/Developer/Projects/react-navigation/packages/native/android/src/main/AndroidManifest.xml

package/android/build.gradle

@@ -0,0 +1,66 @@
+buildscript {
+  ext.getExtOrDefault = {name ->
+    return rootProject.ext.has(name) ? rootProject.ext.get(name) : project.properties['ReactNavigation_' + 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')}"
+  }
+}
+
+
+apply plugin: "com.android.library"
+apply plugin: "kotlin-android"
+
+apply plugin: "com.facebook.react"
+
+def getExtOrIntegerDefault(name) {
+  return rootProject.ext.has(name) ? rootProject.ext.get(name) : (project.properties["ReactNavigation_" + name]).toInteger()
+}
+
+android {
+  namespace "org.reactnavigation"
+
+  compileSdkVersion getExtOrIntegerDefault("compileSdkVersion")
+
+  defaultConfig {
+    minSdkVersion getExtOrIntegerDefault("minSdkVersion")
+    targetSdkVersion getExtOrIntegerDefault("targetSdkVersion")
+  }
+
+  buildTypes {
+    release {
+      minifyEnabled false
+    }
+  }
+
+  lint {
+    disable "GradleCompatible"
+  }
+
+  compileOptions {
+    sourceCompatibility JavaVersion.VERSION_1_8
+    targetCompatibility JavaVersion.VERSION_1_8
+  }
+}
+
+task copyAssets(type: Copy) {
+  from "../assets/fonts"
+  include "*.ttf"
+  into "${buildDir}/intermediates/react-navigation/fonts"
+}
+
+android.sourceSets.main.assets.srcDirs += file("${buildDir}/intermediates/react-navigation")
+
+preBuild.dependsOn(copyAssets)
+
+dependencies {
+  implementation "com.facebook.react:react-android"
+}

package/android/gradle.properties

@@ -0,0 +1,5 @@
+ReactNavigation_kotlinVersion=2.0.21
+ReactNavigation_minSdkVersion=24
+ReactNavigation_targetSdkVersion=34
+ReactNavigation_compileSdkVersion=35
+ReactNavigation_ndkVersion=27.1.12297006

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/java/org/reactnavigation/MaterialSymbolModule.kt

@@ -0,0 +1,111 @@
+package org.reactnavigation
+
+import android.graphics.Bitmap
+import android.graphics.Canvas
+import android.graphics.Paint
+import androidx.core.net.toUri
+import com.facebook.fbreact.specs.NativeMaterialSymbolModuleSpec
+import com.facebook.react.bridge.ColorPropConverter
+import com.facebook.react.bridge.ReactApplicationContext
+import com.facebook.react.bridge.ReadableMap
+import kotlinx.coroutines.CoroutineScope
+import kotlinx.coroutines.Dispatchers
+import kotlinx.coroutines.SupervisorJob
+import kotlinx.coroutines.launch
+import java.io.File
+import java.io.FileOutputStream
+import java.util.concurrent.Callable
+import java.util.concurrent.ConcurrentHashMap
+import java.util.concurrent.Executors
+import java.util.concurrent.Future
+import kotlin.math.roundToInt
+
+class MaterialSymbolModule(reactContext: ReactApplicationContext) :
+  NativeMaterialSymbolModuleSpec(reactContext) {
+
+  companion object {
+    private val executor = Executors.newCachedThreadPool()
+    private val futures = ConcurrentHashMap<String, Future<String>>()
+    private val scope = CoroutineScope(Dispatchers.IO + SupervisorJob())
+  }
+
+  override fun getImageSource(
+    name: String, variant: String, size: Double, color: ReadableMap, hash: String
+  ): String {
+    val colorValue = color.getDynamic("value").let {
+      when (it.type) {
+        com.facebook.react.bridge.ReadableType.Number -> it.asDouble()
+        com.facebook.react.bridge.ReadableType.Map -> it.asMap()
+        else -> null
+      }
+    }
+
+    val resolvedColor = ColorPropConverter.getColor(colorValue, reactApplicationContext)
+      ?: throw IllegalArgumentException("Could not resolve color")
+
+    val density = reactApplicationContext.resources.displayMetrics.density
+    val scaledSize = (size * density).roundToInt().coerceAtLeast(1)
+
+    val cacheDir = File(
+      reactApplicationContext.cacheDir, "react_navigation/material_symbols/$variant/$hash"
+    )
+
+    val cacheKey = "${name.hashCode()}_${scaledSize}_$resolvedColor"
+    val cacheFile = File(cacheDir, "$cacheKey.png")
+
+    if (cacheFile.exists()) {
+      return cacheFile.toUri().toString()
+    }
+
+    val future = futures.computeIfAbsent(cacheKey) {
+      executor.submit(
+        Callable {
+          try {
+            scope.launch {
+              cacheDir.parentFile?.listFiles { it.isDirectory && it.name != hash }
+                ?.forEach { it.deleteRecursively() }
+            }
+
+            cacheDir.mkdirs()
+
+            val paint = Paint(Paint.ANTI_ALIAS_FLAG).apply {
+              typeface = MaterialSymbolTypeface.get(reactApplicationContext, variant)
+              textSize = scaledSize.toFloat()
+              textAlign = Paint.Align.CENTER
+
+              this.color = resolvedColor
+            }
+
+            val fontMetrics = paint.fontMetrics
+            val bitmap = Bitmap.createBitmap(scaledSize, scaledSize, Bitmap.Config.ARGB_8888)
+
+            try {
+              val canvas = Canvas(bitmap)
+              val y =
+                (scaledSize - (fontMetrics.descent - fontMetrics.ascent)) / 2f - fontMetrics.ascent
+
+              canvas.drawText(name, scaledSize / 2f, y, paint)
+
+              FileOutputStream(cacheFile).use {
+                bitmap.compress(Bitmap.CompressFormat.PNG, 100, it)
+              }
+            } finally {
+              bitmap.recycle()
+            }
+
+            return@Callable cacheFile.toUri().toString()
+          } catch (e: Exception) {
+            futures.remove(cacheKey)
+
+            throw e
+          }
+        })
+    }
+
+    try {
+      return future.get()
+    } catch (e: Exception) {
+      throw (e.cause as? Exception) ?: e
+    }
+  }
+}

package/android/src/main/java/org/reactnavigation/MaterialSymbolTypeface.kt

@@ -0,0 +1,26 @@
+package org.reactnavigation
+
+import android.content.Context
+import android.graphics.Typeface
+
+object MaterialSymbolTypeface {
+  private val typefaces = mutableMapOf<String, Typeface>()
+
+  fun get(context: Context, variant: String?): Typeface {
+    return typefaces.getOrPut(variant ?: "outlined") {
+      val suffix = when (variant) {
+        "rounded" -> "Rounded"
+        "sharp" -> "Sharp"
+        else -> "Outlined"
+      }
+
+      val path = "fonts/MaterialSymbols${suffix}.ttf"
+
+      try {
+        Typeface.createFromAsset(context.assets, path)
+      } catch (e: Exception) {
+        throw RuntimeException("$path not found.", e)
+      }
+    }
+  }
+}

package/android/src/main/java/org/reactnavigation/MaterialSymbolView.kt

@@ -0,0 +1,50 @@
+package org.reactnavigation
+
+import android.content.Context
+import android.graphics.Canvas
+import android.graphics.Paint
+import android.util.AttributeSet
+import android.widget.TextView
+
+class MaterialSymbolView @JvmOverloads constructor(
+  context: Context, attrs: AttributeSet? = null, defStyleAttr: Int = 0
+) : TextView(context, attrs, defStyleAttr) {
+
+  private var variant: String? = null
+
+  override fun onDraw(canvas: Canvas) {
+    val text = text?.toString() ?: return
+
+    paint.color = currentTextColor
+    paint.textAlign = Paint.Align.CENTER
+
+    val fontMetrics = paint.fontMetrics
+    val x = width / 2f
+    val y = (height - (fontMetrics.descent - fontMetrics.ascent)) / 2f - fontMetrics.ascent
+
+    canvas.drawText(text, x, y, paint)
+  }
+
+  fun setName(name: String) {
+    text = name
+  }
+
+  fun setVariant(variant: String) {
+    if (this.variant == variant) {
+      return
+    }
+
+    this.variant = variant
+
+    setTypeface(MaterialSymbolTypeface.get(context, variant))
+    invalidate()
+  }
+
+  fun setColor(color: Int) {
+    setTextColor(color)
+  }
+
+  fun setSize(size: Float) {
+    textSize = size
+  }
+}

package/android/src/main/java/org/reactnavigation/MaterialSymbolViewManager.kt

@@ -0,0 +1,42 @@
+package org.reactnavigation
+
+import com.facebook.react.module.annotations.ReactModule
+import com.facebook.react.uimanager.SimpleViewManager
+import com.facebook.react.uimanager.ThemedReactContext
+import com.facebook.react.uimanager.annotations.ReactProp
+
+@ReactModule(name = MaterialSymbolViewManager.NAME)
+class MaterialSymbolViewManager : SimpleViewManager<MaterialSymbolView>() {
+
+  override fun getName(): String {
+    return NAME
+  }
+
+  override fun createViewInstance(context: ThemedReactContext): MaterialSymbolView {
+    return MaterialSymbolView(context)
+  }
+
+  @ReactProp(name = "name")
+  fun setName(view: MaterialSymbolView, name: String) {
+    view.setName(name)
+  }
+
+  @ReactProp(name = "variant")
+  fun setVariant(view: MaterialSymbolView, variant: String) {
+    view.setVariant(variant)
+  }
+
+  @ReactProp(name = "color", customType = "Color", defaultInt = android.graphics.Color.BLACK)
+  fun setColor(view: MaterialSymbolView, color: Int) {
+    view.setColor(color)
+  }
+
+  @ReactProp(name = "size")
+  fun setSize(view: MaterialSymbolView, size: Float) {
+    view.setSize(size)
+  }
+
+  companion object {
+    const val NAME = "ReactNavigationMaterialSymbolView"
+  }
+}

package/android/src/main/java/org/reactnavigation/ReactNavigationPackage.kt

@@ -0,0 +1,37 @@
+package org.reactnavigation
+
+import com.facebook.fbreact.specs.NativeMaterialSymbolModuleSpec
+import com.facebook.react.BaseReactPackage
+import com.facebook.react.bridge.NativeModule
+import com.facebook.react.bridge.ReactApplicationContext
+import com.facebook.react.module.model.ReactModuleInfo
+import com.facebook.react.module.model.ReactModuleInfoProvider
+import com.facebook.react.uimanager.ViewManager
+
+class ReactNavigationPackage : BaseReactPackage() {
+  override fun createViewManagers(reactContext: ReactApplicationContext): List<ViewManager<*, *>> {
+    return listOf(MaterialSymbolViewManager())
+  }
+
+  override fun getModule(name: String, reactContext: ReactApplicationContext): NativeModule? {
+    return when (name) {
+      NativeMaterialSymbolModuleSpec.NAME -> MaterialSymbolModule(reactContext)
+      else -> null
+    }
+  }
+
+  override fun getReactModuleInfoProvider(): ReactModuleInfoProvider {
+    return ReactModuleInfoProvider {
+      mapOf(
+        NativeMaterialSymbolModuleSpec.NAME to ReactModuleInfo(
+          NativeMaterialSymbolModuleSpec.NAME,
+          MaterialSymbolModule::class.java.name,
+          false, // canOverrideExistingModule
+          false, // needsEagerInit
+          false, // isCxxModule
+          true // isTurboModule
+        )
+      )
+    }
+  }
+}