react-native-photo-video-editor 0.1.0 → 0.2.0

package/android/src/main/java/com/photovideoeditor/stickers/OnlineStickerSheet.kt

@@ -3,12 +3,14 @@ package com.photovideoeditor.stickers
 import android.app.Dialog
 import android.content.Context
 import android.graphics.Color
+import android.graphics.BitmapFactory
 import android.os.Bundle
 import android.os.Handler
 import android.os.Looper
 import android.text.Editable
 import android.text.TextWatcher
 import android.view.Gravity
+import android.view.MotionEvent
 import android.view.View
 import android.view.ViewGroup
 import android.view.Window
@@ -18,7 +20,6 @@ import android.widget.FrameLayout
 import android.widget.HorizontalScrollView
 import android.widget.ImageView
 import android.widget.LinearLayout
-import android.widget.ProgressBar
 import android.widget.TextView
 import android.widget.Toast
 import androidx.recyclerview.widget.GridLayoutManager
@@ -26,41 +27,50 @@ import androidx.recyclerview.widget.RecyclerView
 import com.photovideoeditor.ui.DesignTokens
 import com.photovideoeditor.ui.components.dpToPx
 import com.photovideoeditor.ui.components.editorChip
-import com.photovideoeditor.ui.components.editorPrimaryButton
 import com.photovideoeditor.ui.components.roundedDrawable
+import com.photovideoeditor.files.SourceResolver
+import java.io.File
+import java.io.FileOutputStream
+import java.net.URL
+import java.util.concurrent.Executors
+
+data class RuntimeSticker(val id: String, val uri: String)
 
 /**
- * Bottom sheet listing OpenMoji's free sticker catalog (search + category filter + grid),
+ * Bottom sheet listing bundled sticker assets (search + category filter + grid),
  * built as a plain [Dialog] (no Material `BottomSheetDialog`, which isn't a dependency here) that
  * slides up from the bottom and covers ~85% of the screen height.
  */
 class OnlineStickerSheet(
   context: Context,
+  private val runtimeStickers: List<RuntimeSticker> = emptyList(),
   private val onStickerPicked: (localFilePath: String) -> Unit
 ) : Dialog(context, android.R.style.Theme_Black_NoTitleBar) {
 
   private val mainHandler = Handler(Looper.getMainLooper())
+  private val ioExecutor = Executors.newFixedThreadPool(3)
   private var searchDebounce: Runnable? = null
 
-  private var allEntries: List<OpenMojiEntry> = emptyList()
+  private val localAssets: List<String> by lazy {
+    context.assets.list("Stickers")?.filter { it.endsWith(".png", ignoreCase = true) }?.sorted() ?: emptyList()
+  }
   private var selectedGroup: String? = null // null == "All"
   private var searchQuery: String = ""
-  private var loadError: Exception? = null
-  private var loading = true
 
   private lateinit var searchInput: EditText
   private lateinit var chipRow: LinearLayout
   private lateinit var recycler: RecyclerView
-  private lateinit var progress: ProgressBar
-  private lateinit var statusText: TextView
-  private lateinit var retryButton: View
   private lateinit var adapter: StickerAdapter
 
   override fun onCreate(savedInstanceState: Bundle?) {
     super.onCreate(savedInstanceState)
     setContentView(buildRootView())
     configureWindow()
-    loadCatalog()
+  }
+
+  override fun dismiss() {
+    ioExecutor.shutdownNow()
+    super.dismiss()
   }
 
   private fun configureWindow() {
@@ -76,7 +86,7 @@ class OnlineStickerSheet(
 
   private fun buildRootView(): View {
     val screenHeight = context.resources.displayMetrics.heightPixels
-    val sheetHeight = (screenHeight * 0.85f).toInt()
+    val sheetHeight = (screenHeight * 0.78f).toInt()
 
     val dimBackground = FrameLayout(context).apply {
       setBackgroundColor(Color.argb(140, 0, 0, 0))
@@ -90,17 +100,47 @@ class OnlineStickerSheet(
       setPadding(dp(DesignTokens.spaceLg), dp(DesignTokens.spaceMd), dp(DesignTokens.spaceLg), dp(DesignTokens.spaceLg))
     }
 
-    // Decorative drag handle.
-    sheet.addView(
-      View(context).apply { setBackgroundColor(DesignTokens.outlineVariant) },
-      LinearLayout.LayoutParams(dp(36), dp(4)).apply {
-        gravity = Gravity.CENTER_HORIZONTAL
-        bottomMargin = dp(DesignTokens.spaceMd)
+    // Functional drag handle with a generous touch target. The sheet follows
+    // the finger, dismisses past the threshold, or springs back into place.
+    var dragStartY = 0f
+    var sheetStartTranslation = 0f
+    val dragHandle = FrameLayout(context).apply {
+      isClickable = true
+      contentDescription = "Drag down to close stickers"
+      addView(
+        View(context).apply { setBackgroundColor(DesignTokens.outlineVariant) },
+        FrameLayout.LayoutParams(dp(40), dp(4), Gravity.CENTER)
+      )
+      setOnTouchListener { _, event ->
+        when (event.actionMasked) {
+          MotionEvent.ACTION_DOWN -> {
+            dragStartY = event.rawY
+            sheetStartTranslation = sheet.translationY
+            true
+          }
+          MotionEvent.ACTION_MOVE -> {
+            sheet.translationY = (sheetStartTranslation + event.rawY - dragStartY).coerceAtLeast(0f)
+            true
+          }
+          MotionEvent.ACTION_UP, MotionEvent.ACTION_CANCEL -> {
+            val shouldDismiss = sheet.translationY >= minOf(sheet.height * 0.18f, dp(140).toFloat())
+            if (shouldDismiss) {
+              sheet.animate().translationY(sheet.height.toFloat()).setDuration(180).withEndAction { dismiss() }.start()
+            } else {
+              sheet.animate().translationY(0f).setDuration(180).start()
+            }
+            true
+          }
+          else -> false
+        }
       }
-    )
+    }
+    sheet.addView(dragHandle, LinearLayout.LayoutParams(MATCH, dp(28)).apply {
+      bottomMargin = dp(DesignTokens.spaceSm)
+    })
 
     sheet.addView(TextView(context).apply {
-      text = "Browse stickers"
+      text = "Stickers"
       setTextColor(DesignTokens.textPrimary)
       textSize = 16f
       setTypeface(typeface, android.graphics.Typeface.BOLD)
@@ -140,43 +180,19 @@ class OnlineStickerSheet(
     val gridContainer = FrameLayout(context)
 
     recycler = RecyclerView(context).apply {
-      layoutManager = GridLayoutManager(context, 4)
+      layoutManager = GridLayoutManager(context, 5)
+      setHasFixedSize(true)
     }
     adapter = StickerAdapter()
     recycler.adapter = adapter
     gridContainer.addView(recycler, FrameLayout.LayoutParams(MATCH, MATCH))
 
-    progress = ProgressBar(context)
-    gridContainer.addView(progress, FrameLayout.LayoutParams(WRAP, WRAP, Gravity.CENTER))
-
-    val statusContainer = LinearLayout(context).apply {
-      orientation = LinearLayout.VERTICAL
-      gravity = Gravity.CENTER
-    }
-    statusText = TextView(context).apply {
-      setTextColor(DesignTokens.textSecondary)
-      textSize = 13f
-      gravity = Gravity.CENTER
-    }
-    statusContainer.addView(statusText, LinearLayout.LayoutParams(WRAP, WRAP))
-    retryButton = editorPrimaryButton(context, "Retry") { loadCatalog() }
-    statusContainer.addView(retryButton, LinearLayout.LayoutParams(WRAP, dp(DesignTokens.touchTargetMin)).apply {
-      topMargin = dp(DesignTokens.spaceMd)
-    })
-    gridContainer.addView(statusContainer, FrameLayout.LayoutParams(WRAP, WRAP, Gravity.CENTER))
-
     sheet.addView(gridContainer, LinearLayout.LayoutParams(MATCH, 0, 1f).apply {
       topMargin = dp(DesignTokens.spaceMd)
     })
 
-    sheet.addView(TextView(context).apply {
-      text = "Stickers by OpenMoji (CC BY-SA 4.0)"
-      setTextColor(DesignTokens.textSubtle)
-      textSize = 10f
-      gravity = Gravity.CENTER
-    }, LinearLayout.LayoutParams(MATCH, WRAP).apply { topMargin = dp(DesignTokens.spaceSm) })
-
-    updateStatusViews()
+    rebuildChips()
+    refreshList()
 
     val root = FrameLayout(context)
     root.addView(dimBackground, FrameLayout.LayoutParams(MATCH, MATCH))
@@ -194,27 +210,10 @@ class OnlineStickerSheet(
       )
     }
 
-  private fun loadCatalog() {
-    loading = true
-    loadError = null
-    updateStatusViews()
-    OpenMojiCatalog.load(context) { entries, error ->
-      loading = false
-      if (entries != null) {
-        allEntries = entries
-        loadError = null
-        rebuildChips()
-        refreshList()
-      } else {
-        loadError = error
-      }
-      updateStatusViews()
-    }
-  }
-
   private fun rebuildChips() {
     chipRow.removeAllViews()
-    val groups = listOf<String?>(null) + OpenMojiCatalog.groups()
+    val localGroups = localAssets.map { "local:" + it.substringBefore('_').lowercase() }.distinct()
+    val groups = listOf<String?>(null) + (if (runtimeStickers.isNotEmpty()) listOf("runtime") else emptyList()) + localGroups
     groups.forEach { group ->
       val label = group?.let { humanizeGroup(it) } ?: "All"
       val chip = editorChip(context, label, selected = group == selectedGroup) {
@@ -227,32 +226,20 @@ class OnlineStickerSheet(
   }
 
   private fun humanizeGroup(group: String): String =
-    group.split("-").joinToString(" ") { it.replaceFirstChar(Char::uppercase) }
+    if (group == "runtime") "My stickers" else group.removePrefix("local:").split("-").joinToString(" ") { it.replaceFirstChar(Char::uppercase) }
 
   private fun refreshList() {
     val query = searchQuery.trim()
-    val list = if (query.isNotEmpty()) {
-      OpenMojiCatalog.search(query)
-    } else {
-      val group = selectedGroup
-      if (group == null) allEntries else OpenMojiCatalog.byGroup(group)
-    }
-    adapter.submit(list)
-    updateStatusViews()
-  }
-
-  private fun updateStatusViews() {
-    progress.visibility = if (loading) View.VISIBLE else View.GONE
-    val error = loadError
-    val empty = !loading && error == null && adapter.itemCount == 0
-    recycler.visibility = if (!loading && error == null && !empty) View.VISIBLE else View.GONE
-    statusText.visibility = if (!loading && (error != null || empty)) View.VISIBLE else View.GONE
-    retryButton.visibility = if (!loading && error != null) View.VISIBLE else View.GONE
-    statusText.text = when {
-      error != null -> "Couldn't load stickers — check your connection."
-      empty -> "No stickers found."
-      else -> ""
-    }
+    val group = selectedGroup
+    val local = localAssets.filter { asset ->
+      val matchesQuery = query.isEmpty() || asset.contains(query, ignoreCase = true)
+      val matchesGroup = group == null || (group.startsWith("local:") && asset.startsWith(group.removePrefix("local:"), ignoreCase = true))
+      matchesQuery && matchesGroup
+    }.map { StickerItem(assetName = it) }
+    val runtime = runtimeStickers.filter {
+      (group == null || group == "runtime") && (query.isEmpty() || it.id.contains(query, ignoreCase = true))
+    }.map { StickerItem(runtime = it) }
+    adapter.submit(runtime + local)
   }
 
   private inner class StickerViewHolder(itemView: FrameLayout) : RecyclerView.ViewHolder(itemView) {
@@ -260,9 +247,9 @@ class OnlineStickerSheet(
   }
 
   private inner class StickerAdapter : RecyclerView.Adapter<StickerViewHolder>() {
-    private var items: List<OpenMojiEntry> = emptyList()
+    private var items: List<StickerItem> = emptyList()
 
-    fun submit(newItems: List<OpenMojiEntry>) {
+    fun submit(newItems: List<StickerItem>) {
       items = newItems
       notifyDataSetChanged()
     }
@@ -270,12 +257,13 @@ class OnlineStickerSheet(
     override fun getItemCount(): Int = items.size
 
     override fun onCreateViewHolder(parent: ViewGroup, viewType: Int): StickerViewHolder {
-      val cardSize = dp(72)
+      val availableWidth = context.resources.displayMetrics.widthPixels - dp(DesignTokens.spaceLg * 2) - dp(8 * 5)
+      val cardSize = (availableWidth / 5).coerceAtLeast(dp(52))
       val image = ImageView(context).apply {
         scaleType = ImageView.ScaleType.CENTER_INSIDE
       }
       val cell = FrameLayout(context).apply {
-        background = roundedDrawable(DesignTokens.surfaceContainer, DesignTokens.radiusMd, context)
+        background = roundedDrawable(DesignTokens.surfaceContainerLow, DesignTokens.radiusMd, context)
         addView(image, FrameLayout.LayoutParams(cardSize - dp(16), cardSize - dp(16), Gravity.CENTER))
       }
       cell.layoutParams = RecyclerView.LayoutParams(cardSize, cardSize).apply {
@@ -285,24 +273,67 @@ class OnlineStickerSheet(
     }
 
     override fun onBindViewHolder(holder: StickerViewHolder, position: Int) {
-      val entry = items[position]
-      RemoteImageLoader.loadThumbnail(context, OpenMojiCatalog.thumbnailUrl(entry.hexcode), holder.imageView)
-      holder.itemView.setOnClickListener { onStickerTapped(entry) }
+      val item = items[position]
+      holder.imageView.setImageDrawable(null)
+      item.assetName?.let { asset ->
+        holder.imageView.setImageBitmap(context.assets.open("Stickers/$asset").use { BitmapFactory.decodeStream(it) })
+        holder.itemView.setOnClickListener { onLocalStickerTapped(asset) }
+      }
+      item.runtime?.let { runtime ->
+        loadRuntimeThumbnail(runtime, holder.imageView)
+        holder.itemView.setOnClickListener { onRuntimeStickerTapped(runtime) }
+      }
     }
   }
 
-  private fun onStickerTapped(entry: OpenMojiEntry) {
-    Toast.makeText(context, "Downloading sticker…", Toast.LENGTH_SHORT).show()
-    RemoteImageLoader.downloadFull(context, OpenMojiCatalog.fullUrl(entry.hexcode)) { path, error ->
-      if (path != null) {
-        onStickerPicked(path)
-        dismiss()
-      } else {
-        Toast.makeText(context, "Couldn't download that sticker, try another.", Toast.LENGTH_SHORT).show()
+  private data class StickerItem(val assetName: String? = null, val runtime: RuntimeSticker? = null)
+
+  private fun loadRuntimeThumbnail(sticker: RuntimeSticker, imageView: ImageView) {
+    imageView.tag = sticker.uri
+    ioExecutor.execute {
+      val bitmap = try {
+        if (sticker.uri.startsWith("https://")) downloadRuntimeSticker(sticker.uri).inputStream().use(BitmapFactory::decodeStream)
+        else SourceResolver.resolvePath(context, sticker.uri, "pve_runtime_sticker")?.let(BitmapFactory::decodeFile)
+      } catch (_: Exception) { null }
+      mainHandler.post { if (imageView.tag == sticker.uri) imageView.setImageBitmap(bitmap) }
+    }
+  }
+
+  private fun onRuntimeStickerTapped(sticker: RuntimeSticker) {
+    ioExecutor.execute {
+      val path = try {
+        if (sticker.uri.startsWith("https://")) {
+          val output = File.createTempFile("pve_runtime_sticker_", ".img", context.cacheDir)
+          output.writeBytes(downloadRuntimeSticker(sticker.uri))
+          output.absolutePath
+        } else SourceResolver.resolvePath(context, sticker.uri, "pve_runtime_sticker")
+      } catch (_: Exception) { null }
+      mainHandler.post {
+        if (path != null) { onStickerPicked(path); dismiss() }
+        else Toast.makeText(context, "Couldn't open that sticker.", Toast.LENGTH_SHORT).show()
       }
     }
   }
 
+  private fun downloadRuntimeSticker(uri: String): ByteArray {
+    val connection = URL(uri).openConnection().apply {
+      connectTimeout = 10_000
+      readTimeout = 15_000
+    }
+    return connection.getInputStream().use { it.readBytes() }
+  }
+
+  private fun onLocalStickerTapped(assetName: String) {
+    try {
+      val output = File(context.cacheDir, "sticker-${assetName.lowercase()}")
+      context.assets.open("Stickers/$assetName").use { input -> FileOutputStream(output).use(input::copyTo) }
+      onStickerPicked(output.absolutePath)
+      dismiss()
+    } catch (_: Exception) {
+      Toast.makeText(context, "Couldn't open that sticker.", Toast.LENGTH_SHORT).show()
+    }
+  }
+
   companion object {
     private const val MATCH = ViewGroup.LayoutParams.MATCH_PARENT
     private const val WRAP = ViewGroup.LayoutParams.WRAP_CONTENT

package/android/src/main/java/com/photovideoeditor/ui/components/CropPanel.kt

@@ -0,0 +1,122 @@
+package com.photovideoeditor.ui.components
+
+import android.content.Context
+import android.graphics.Canvas
+import android.graphics.Color
+import android.graphics.Paint
+import android.graphics.drawable.GradientDrawable
+import android.view.Gravity
+import android.widget.*
+import com.photovideoeditor.R
+import com.photovideoeditor.photo.render.PhotoTransformState
+import com.photovideoeditor.ui.DesignTokens
+import kotlin.math.roundToInt
+
+/** Shared photo/video crop surface. Only UI state lives here; the controller owns the draft. */
+class CropPanel(
+  context: Context,
+  private val accent: Int,
+  surface: Int,
+  textColor: Int,
+  originalRatio: () -> Float,
+  onReset: () -> Unit,
+  onDone: () -> Unit,
+  onCancel: () -> Unit,
+  onStraighten: (Float) -> Unit,
+  onRotate: () -> Unit,
+  onRatio: (String, Float?) -> Unit
+) : LinearLayout(context) {
+  private fun dp(value: Int) = dpToPx(value, context)
+  private val valueLabel = TextView(context)
+  private val slider: SeekBar
+  private val presets = mutableMapOf<String, LinearLayout>()
+  private var syncing = false
+
+  init {
+    orientation = VERTICAL
+    setPadding(dp(12), dp(8), dp(12), dp(8))
+    background = GradientDrawable().apply {
+      setColor(surface); cornerRadii = floatArrayOf(dp(20).toFloat(), dp(20).toFloat(), dp(20).toFloat(), dp(20).toFloat(), 0f, 0f, 0f, 0f)
+    }
+    fun icon(resource: Int, label: String, action: () -> Unit) = ImageButton(context).apply {
+      setImageResource(resource); setColorFilter(textColor); contentDescription = label
+      background = roundedDrawable(Color.TRANSPARENT, 12, context)
+      setOnClickListener { action() }; applyPressScale()
+    }
+    val header = LinearLayout(context).apply { gravity = Gravity.CENTER_VERTICAL }
+    val reset = LinearLayout(context).apply {
+      gravity = Gravity.CENTER_VERTICAL; isClickable = true; contentDescription = "Reset crop"
+      addView(ImageView(context).apply { setImageResource(R.drawable.ic_undo); setColorFilter(textColor) }, LayoutParams(dp(20), dp(20)))
+      addView(TextView(context).apply { text = "Reset"; textSize = 13f; setTextColor(textColor); setPadding(dp(6), 0, 0, 0) })
+      setOnClickListener { onReset() }; applyPressScale()
+    }
+    header.addView(reset, LayoutParams(dp(88), dp(48)))
+    header.addView(TextView(context).apply { text = "Crop"; textSize = 17f; gravity = Gravity.CENTER; setTextColor(textColor); setTypeface(typeface, 1) }, LayoutParams(0, dp(48), 1f))
+    header.addView(icon(R.drawable.ic_close, "Cancel crop", onCancel), LayoutParams(dp(44), dp(48)))
+    header.addView(icon(R.drawable.ic_check, "Apply crop", onDone).apply { setColorFilter(accent) }, LayoutParams(dp(44), dp(48)))
+    addView(header)
+    val labels = LinearLayout(context).apply { gravity = Gravity.CENTER_VERTICAL }
+    labels.addView(TextView(context).apply { text = "Straighten"; textSize = 13f; setTextColor(textColor) }, LayoutParams(0, dp(44), 1f))
+    valueLabel.setTextColor(accent); valueLabel.textSize = 13f; valueLabel.gravity = Gravity.CENTER
+    labels.addView(valueLabel, LayoutParams(dp(56), dp(44)))
+    labels.addView(icon(R.drawable.ic_undo, "Reset straighten") { onStraighten(0f) }, LayoutParams(dp(44), dp(44)))
+    labels.addView(icon(R.drawable.ic_rotate_right, "Rotate 90 degrees", onRotate), LayoutParams(dp(44), dp(44)))
+    addView(labels)
+    slider = object : SeekBar(context) {
+      private val tick = Paint(Paint.ANTI_ALIAS_FLAG).apply { strokeWidth = resources.displayMetrics.density; color = DesignTokens.outline }
+      override fun onDraw(canvas: Canvas) {
+        val start = paddingLeft.toFloat(); val end = width - paddingRight.toFloat()
+        for (i in 0..90) {
+          val x = start + (end - start) * i / 90
+          tick.alpha = if (i % 5 == 0) 160 else 65
+          canvas.drawLine(x, 6f, x, if (i % 5 == 0) dp(12).toFloat() else dp(7).toFloat(), tick)
+        }
+        super.onDraw(canvas)
+      }
+    }.apply {
+      max = 900; progress = 450; contentDescription = "Straighten, minus 45 to plus 45 degrees"
+      progressTintList = android.content.res.ColorStateList.valueOf(accent); thumbTintList = progressTintList
+      setPadding(dp(12), dp(12), dp(12), 0)
+      setOnSeekBarChangeListener(object : SeekBar.OnSeekBarChangeListener {
+        override fun onProgressChanged(bar: SeekBar?, progress: Int, fromUser: Boolean) { if (fromUser && !syncing) onStraighten((progress - 450) / 10f) }
+        override fun onStartTrackingTouch(bar: SeekBar?) {}
+        override fun onStopTrackingTouch(bar: SeekBar?) {}
+      })
+    }
+    addView(slider, LayoutParams(LayoutParams.MATCH_PARENT, dp(48)))
+    val rail = LinearLayout(context).apply { gravity = Gravity.CENTER_VERTICAL }
+    val ratios = listOf("Free" to null, "Original" to null, "1:1" to 1f, "9:16" to 9f / 16, "16:9" to 16f / 9, "10:16" to 10f / 16, "16:10" to 16f / 10, "4:5" to 4f / 5, "5:4" to 5f / 4, "3:4" to 3f / 4, "4:3" to 4f / 3)
+    ratios.forEach { (name, ratio) ->
+      val tile = LinearLayout(context).apply {
+        orientation = VERTICAL; gravity = Gravity.CENTER; isClickable = true; isFocusable = true; contentDescription = "$name crop ratio"
+        addView(object : android.view.View(context) {
+          val paint = Paint(Paint.ANTI_ALIAS_FLAG).apply { style = Paint.Style.STROKE; strokeWidth = dp(1).toFloat(); color = textColor }
+          override fun onDraw(canvas: Canvas) {
+            paint.color = if (this@apply.isSelected) accent else textColor
+            val aspect = if (name == "Original") originalRatio() else ratio ?: 1.25f
+            val w = minOf(dp(24).toFloat(), dp(24) * aspect); val h = w / aspect
+            canvas.drawRoundRect((width-w)/2, (height-h)/2, (width+w)/2, (height+h)/2, dp(2).toFloat(), dp(2).toFloat(), paint)
+          }
+        }, LayoutParams(dp(40), dp(38)))
+        addView(TextView(context).apply { text = name; textSize = 11f; gravity = Gravity.CENTER; setTextColor(textColor) })
+        setOnClickListener { onRatio(name, if (name == "Original") originalRatio() else ratio) }; applyPressScale()
+      }
+      presets[name] = tile
+      rail.addView(tile, LayoutParams(dp(64), dp(68)))
+    }
+    addView(HorizontalScrollView(context).apply { isHorizontalScrollBarEnabled = false; addView(rail) }, LayoutParams(LayoutParams.MATCH_PARENT, dp(72)))
+  }
+
+  fun sync(state: PhotoTransformState) {
+    syncing = true
+    slider.progress = (state.straightenDegrees * 10 + 450).roundToInt()
+    valueLabel.text = String.format(java.util.Locale.US, "%.1f°", state.straightenDegrees)
+    presets.forEach { (name, tile) ->
+      tile.isSelected = name == state.aspectPreset
+      tile.background = roundedDrawable(if (tile.isSelected) (accent and 0x00FFFFFF) or 0x22000000 else Color.TRANSPARENT, 12, context)
+      (tile.getChildAt(1) as TextView).setTextColor(if (tile.isSelected) accent else DesignTokens.textSecondary)
+      tile.getChildAt(0).invalidate()
+    }
+    syncing = false
+  }
+}