expo-image 1.1.0 → 1.2.0

package/CHANGELOG.md

@@ -10,6 +10,20 @@
 
 ### 💡 Others
 
+## 1.2.0 — 2023-04-14
+
+### 🎉 New features
+
+- [Web] Add support for `require()` assets. ([#21798](https://github.com/expo/expo/pull/21798) by [@aleqsio](https://github.com/aleqsio))
+- Add `alt` prop as an alias to `accessibilityLabel`. ([#21884](https://github.com/expo/expo/pull/21884) by [@EvanBacon](https://github.com/EvanBacon))
+- [Web] Add `accessibilityLabel` support on web. ([#21884](https://github.com/expo/expo/pull/21884) by [@EvanBacon](https://github.com/EvanBacon))
+- Added `ThumbHash` support for Android, iOS and Web. ([#21952](https://github.com/expo/expo/pull/21952) by [@behenate](https://github.com/behenate))
+
+### 🐛 Bug fixes
+
+- [Web] Prevent breaking in static rendering environments. ([#21883](https://github.com/expo/expo/pull/21883) by [@EvanBacon](https://github.com/EvanBacon))
+- [Web] Fixed monorepo asset resolution in production for Metro web. ([#22094](https://github.com/expo/expo/pull/22094) by [@EvanBacon](https://github.com/EvanBacon))
+
 ## 1.1.0 — 2023-03-25
 
 ### 🎉 New features

package/README.md

@@ -14,7 +14,7 @@ A cross-platform, performant image component for React Native and Expo.
 - Designed for speed
 - Support for many image formats (including animated ones)
 - Disk and memory caching
-- Supports [blurhash](https://blurha.sh), a compact representation of a placeholder for an image
+- Supports [BlurHash](https://blurha.sh) and [ThumbHash](https://evanw.github.io/thumbhash/) - compact representations of a placeholder for an image
 - Transitioning between images when the source changes (no more flickering!)
 - Implements the CSS [`object-fit`](https://developer.mozilla.org/en-US/docs/Web/CSS/object-fit) and [`object-position`](https://developer.mozilla.org/en-US/docs/Web/CSS/object-position) properties (see [`contentFit`](#contentfit) and [`contentPosition`](#contentposition) props)
 - Uses performant [`SDWebImage`](https://github.com/SDWebImage/SDWebImage) and [`Glide`](https://github.com/bumptech/glide) under the hood

package/android/build.gradle

@@ -49,7 +49,7 @@ android {
     minSdkVersion safeExtGet("minSdkVersion", 21)
     targetSdkVersion safeExtGet("targetSdkVersion", 33)
     versionCode 1
-    versionName "1.1.0"
+    versionName "1.2.0"
   }
   lintOptions {
     abortOnError false

package/android/src/main/java/expo/modules/image/ExpoImageViewWrapper.kt

@@ -560,7 +560,7 @@ class ExpoImageViewWrapper(context: Context, appContext: AppContext) : ExpoView(
         .apply {
           if (placeholder != null) {
             thumbnail(requestManager.load(placeholder.glideData))
-            val newPlaceholderContentFit = if (bestPlaceholder.isBlurhash()) {
+            val newPlaceholderContentFit = if (bestPlaceholder.isBlurhash() || bestPlaceholder.isThumbhash()) {
               contentFit
             } else {
               placeholderContentFit

package/android/src/main/java/expo/modules/image/GlideModel.kt

@@ -57,3 +57,17 @@ class GlideBlurhashModel(
     return result
   }
 }
+
+class GlideThumbhashModel(
+  var uri: Uri
+) : GlideModel() {
+  override val glideData: GlideThumbhashModel = this
+
+  override fun equals(other: Any?): Boolean {
+    return (this === other) || other is GlideThumbhashModel && uri == other.uri
+  }
+
+  override fun hashCode(): Int {
+    return uri.hashCode()
+  }
+}

package/android/src/main/java/expo/modules/image/records/SourceMap.kt

@@ -10,6 +10,7 @@ import com.bumptech.glide.signature.ApplicationVersionSignature
 import expo.modules.image.GlideBlurhashModel
 import expo.modules.image.GlideModel
 import expo.modules.image.GlideRawModel
+import expo.modules.image.GlideThumbhashModel
 import expo.modules.image.GlideUriModel
 import expo.modules.image.GlideUrlModel
 import expo.modules.image.ResourceIdHelper
@@ -39,6 +40,8 @@ data class SourceMap(
 
   fun isBlurhash() = parsedUri?.scheme?.startsWith("blurhash") ?: false
 
+  fun isThumbhash() = parsedUri?.scheme?.startsWith("thumbhash") ?: false
+
   internal fun createGlideModel(context: Context): GlideModel? {
     if (uri.isNullOrBlank()) {
       return null
@@ -60,6 +63,12 @@ data class SourceMap(
       )
     }
 
+    if (isThumbhash()) {
+      return GlideThumbhashModel(
+        parsedUri!!
+      )
+    }
+
     if (isResourceUri()) {
       return GlideUriModel(parsedUri!!)
     }

package/android/src/main/java/expo/modules/image/thumbhash/ThumbhashDecoder.kt

@@ -0,0 +1,365 @@
+package expo.modules.image.thumbhash
+
+import android.graphics.Bitmap
+import android.graphics.Color
+
+// ThumbHash Java implementation (converted to kotlin) thanks to @evanw https://github.com/evanw/thumbhash
+object ThumbhashDecoder {
+  /**
+   * Encodes an RGBA image to a ThumbHash. RGB should not be premultiplied by A.
+   *
+   * @param w    The width of the input image. Must be ≤100px.
+   * @param h    The height of the input image. Must be ≤100px.
+   * @param rgba The pixels in the input image, row-by-row. Must have w*h*4 elements.
+   * @return The ThumbHash as a byte array.
+   */
+  fun rgbaToThumbHash(w: Int, h: Int, rgba: ByteArray): ByteArray {
+    // Encoding an image larger than 100x100 is slow with no benefit
+    require(!(w > 100 || h > 100)) { w.toString() + "x" + h + " doesn't fit in 100x100" }
+
+    // Determine the average color
+    var avg_r = 0f
+    var avg_g = 0f
+    var avg_b = 0f
+    var avg_a = 0f
+    var i = 0
+    var j = 0
+    while (i < w * h) {
+      val alpha = (rgba[j + 3].toInt() and 255) / 255.0f
+      avg_r += alpha / 255.0f * (rgba[j].toInt() and 255)
+      avg_g += alpha / 255.0f * (rgba[j + 1].toInt() and 255)
+      avg_b += alpha / 255.0f * (rgba[j + 2].toInt() and 255)
+      avg_a += alpha
+      i++
+      j += 4
+    }
+
+    if (avg_a > 0) {
+      avg_r /= avg_a
+      avg_g /= avg_a
+      avg_b /= avg_a
+    }
+    val hasAlpha = avg_a < w * h
+    val l_limit = if (hasAlpha) 5 else 7 // Use fewer luminance bits if there's alpha
+    val lx = Math.max(1, Math.round((l_limit * w).toFloat() / Math.max(w, h).toFloat()))
+    val ly = Math.max(1, Math.round((l_limit * h).toFloat() / Math.max(w, h).toFloat()))
+    val l = FloatArray(w * h) // luminance
+    val p = FloatArray(w * h) // yellow - blue
+    val q = FloatArray(w * h) // red - green
+    val a = FloatArray(w * h) // alpha
+
+    // Convert the image from RGBA to LPQA (composite atop the average color)
+    i = 0
+    j = 0
+    while (i < w * h) {
+      val alpha = (rgba[j + 3].toInt() and 255) / 255.0f
+      val r = avg_r * (1.0f - alpha) + alpha / 255.0f * (rgba[j].toInt() and 255)
+      val g = avg_g * (1.0f - alpha) + alpha / 255.0f * (rgba[j + 1].toInt() and 255)
+      val b = avg_b * (1.0f - alpha) + alpha / 255.0f * (rgba[j + 2].toInt() and 255)
+      l[i] = (r + g + b) / 3.0f
+      p[i] = (r + g) / 2.0f - b
+      q[i] = r - g
+      a[i] = alpha
+      i++
+      j += 4
+    }
+
+    // Encode using the DCT into DC (constant) and normalized AC (varying) terms
+    val l_channel = Channel(Math.max(3, lx), Math.max(3, ly)).encode(w, h, l)
+    val p_channel = Channel(3, 3).encode(w, h, p)
+    val q_channel = Channel(3, 3).encode(w, h, q)
+    val a_channel = if (hasAlpha) Channel(5, 5).encode(w, h, a) else null
+
+    // Write the constants
+    val isLandscape = w > h
+    val header24 = (
+      Math.round(63.0f * l_channel.dc)
+        or (Math.round(31.5f + 31.5f * p_channel.dc) shl 6)
+        or (Math.round(31.5f + 31.5f * q_channel.dc) shl 12)
+        or (Math.round(31.0f * l_channel.scale) shl 18)
+        or if (hasAlpha) 1 shl 23 else 0
+      )
+    val header16 = (
+      (if (isLandscape) ly else lx)
+        or (Math.round(63.0f * p_channel.scale) shl 3)
+        or (Math.round(63.0f * q_channel.scale) shl 9)
+        or if (isLandscape) 1 shl 15 else 0
+      )
+    val ac_start = if (hasAlpha) 6 else 5
+    val ac_count = (
+      l_channel.ac.size + p_channel.ac.size + q_channel.ac.size +
+        if (hasAlpha) a_channel!!.ac.size else 0
+      )
+    val hash = ByteArray(ac_start + (ac_count + 1) / 2)
+    hash[0] = header24.toByte()
+    hash[1] = (header24 shr 8).toByte()
+    hash[2] = (header24 shr 16).toByte()
+    hash[3] = header16.toByte()
+    hash[4] = (header16 shr 8).toByte()
+    if (hasAlpha) hash[5] = (
+      Math.round(15.0f * a_channel!!.dc)
+        or (Math.round(15.0f * a_channel.scale) shl 4)
+      ).toByte()
+
+    // Write the varying factors
+    var ac_index = 0
+    ac_index = l_channel.writeTo(hash, ac_start, ac_index)
+    ac_index = p_channel.writeTo(hash, ac_start, ac_index)
+    ac_index = q_channel.writeTo(hash, ac_start, ac_index)
+    if (hasAlpha) a_channel!!.writeTo(hash, ac_start, ac_index)
+    return hash
+  }
+
+  /**
+   * Decodes a ThumbHash to an RGBA image. RGB is not be premultiplied by A.
+   *
+   * @param hash The bytes of the ThumbHash.
+   * @return The width, height, and pixels of the rendered placeholder image.
+   */
+  fun thumbHashToRGBA(hash: ByteArray): Image {
+    // Read the constants
+    val header24 = hash[0].toInt() and 255 or (hash[1].toInt() and 255 shl 8) or (hash[2].toInt() and 255 shl 16)
+    val header16 = hash[3].toInt() and 255 or (hash[4].toInt() and 255 shl 8)
+    val l_dc = (header24 and 63).toFloat() / 63.0f
+    val p_dc = (header24 shr 6 and 63).toFloat() / 31.5f - 1.0f
+    val q_dc = (header24 shr 12 and 63).toFloat() / 31.5f - 1.0f
+    val l_scale = (header24 shr 18 and 31).toFloat() / 31.0f
+    val hasAlpha = header24 shr 23 != 0
+    val p_scale = (header16 shr 3 and 63).toFloat() / 63.0f
+    val q_scale = (header16 shr 9 and 63).toFloat() / 63.0f
+    val isLandscape = header16 shr 15 != 0
+    val lx = Math.max(3, if (isLandscape) if (hasAlpha) 5 else 7 else header16 and 7)
+    val ly = Math.max(3, if (isLandscape) header16 and 7 else if (hasAlpha) 5 else 7)
+    val a_dc = if (hasAlpha) (hash[5].toInt() and 15).toFloat() / 15.0f else 1.0f
+    val a_scale = (hash[5].toInt() shr 4 and 15).toFloat() / 15.0f
+
+    // Read the varying factors (boost saturation by 1.25x to compensate for quantization)
+    val ac_start = if (hasAlpha) 6 else 5
+    var ac_index = 0
+    val l_channel = Channel(lx, ly)
+    val p_channel = Channel(3, 3)
+    val q_channel = Channel(3, 3)
+    var a_channel: Channel? = null
+    ac_index = l_channel.decode(hash, ac_start, ac_index, l_scale)
+    ac_index = p_channel.decode(hash, ac_start, ac_index, p_scale * 1.25f)
+    ac_index = q_channel.decode(hash, ac_start, ac_index, q_scale * 1.25f)
+    if (hasAlpha) {
+      a_channel = Channel(5, 5)
+      a_channel.decode(hash, ac_start, ac_index, a_scale)
+    }
+    val l_ac = l_channel.ac
+    val p_ac = p_channel.ac
+    val q_ac = q_channel.ac
+    val a_ac = if (hasAlpha) a_channel!!.ac else null
+
+    // Decode using the DCT into RGB
+    val ratio = thumbHashToApproximateAspectRatio(hash)
+    val w = Math.round(if (ratio > 1.0f) 32.0f else 32.0f * ratio)
+    val h = Math.round(if (ratio > 1.0f) 32.0f / ratio else 32.0f)
+    val rgba = ByteArray(w * h * 4)
+    val cx_stop = Math.max(lx, if (hasAlpha) 5 else 3)
+    val cy_stop = Math.max(ly, if (hasAlpha) 5 else 3)
+    val fx = FloatArray(cx_stop)
+    val fy = FloatArray(cy_stop)
+    var y = 0
+    var i = 0
+    while (y < h) {
+      var x = 0
+      while (x < w) {
+        var l = l_dc
+        var p = p_dc
+        var q = q_dc
+        var a = a_dc
+
+        // Precompute the coefficients
+        for (cx in 0 until cx_stop) fx[cx] = Math.cos(Math.PI / w * (x + 0.5f) * cx).toFloat()
+        for (cy in 0 until cy_stop) fy[cy] = Math.cos(Math.PI / h * (y + 0.5f) * cy).toFloat()
+
+        // Decode L
+        run {
+          var cy = 0
+          var j = 0
+          while (cy < ly) {
+            val fy2 = fy[cy] * 2.0f
+            var cx = if (cy > 0) 0 else 1
+            while (cx * ly < lx * (ly - cy)) {
+              l += l_ac[j] * fx[cx] * fy2
+              cx++
+              j++
+            }
+            cy++
+          }
+        }
+
+        // Decode P and Q
+        var cy = 0
+        var j = 0
+        while (cy < 3) {
+          val fy2 = fy[cy] * 2.0f
+          var cx = if (cy > 0) 0 else 1
+          while (cx < 3 - cy) {
+            val f = fx[cx] * fy2
+            p += p_ac[j] * f
+            q += q_ac[j] * f
+            cx++
+            j++
+          }
+          cy++
+        }
+
+        // Decode A
+        if (hasAlpha) {
+          var cy = 0
+          var j = 0
+          while (cy < 5) {
+            val fy2 = fy[cy] * 2.0f
+            var cx = if (cy > 0) 0 else 1
+            while (cx < 5 - cy) {
+              a += a_ac!![j] * fx[cx] * fy2
+              cx++
+              j++
+            }
+            cy++
+          }
+        }
+
+        // Convert to RGB
+        val b = l - 2.0f / 3.0f * p
+        val r = (3.0f * l - b + q) / 2.0f
+        val g = r - q
+        rgba[i] = Math.max(0, Math.round(255.0f * Math.min(1f, r))).toByte()
+        rgba[i + 1] = Math.max(0, Math.round(255.0f * Math.min(1f, g))).toByte()
+        rgba[i + 2] = Math.max(0, Math.round(255.0f * Math.min(1f, b))).toByte()
+        rgba[i + 3] = Math.max(0, Math.round(255.0f * Math.min(1f, a))).toByte()
+        x++
+        i += 4
+      }
+      y++
+    }
+    return Image(w, h, rgba)
+  }
+
+  /**
+   * Converts a ThumbHash into a Bitmap image
+   */
+  fun thumbHashToBitmap(hash: ByteArray): Bitmap {
+    val thumbhashImage = thumbHashToRGBA(hash)
+    // TODO: @behenate it should be possible to replace all of the code below with
+    // with BitmapFactory.decodeByteArray but it always returns null when using thumbhashImage.rgba
+    val imageArray = IntArray(thumbhashImage.width * thumbhashImage.height)
+    val thumbhashImageInt = thumbhashImage.rgba.map { it.toUByte().toInt() }
+    for (i in thumbhashImageInt.indices step 4) {
+      imageArray[i / 4] = Color.argb(
+        thumbhashImageInt[i + 3],
+        thumbhashImageInt[i],
+        thumbhashImageInt[i + 1],
+        thumbhashImageInt[i + 2]
+      )
+    }
+    return Bitmap.createBitmap(imageArray, thumbhashImage.width, thumbhashImage.height, Bitmap.Config.ARGB_8888)
+  }
+
+  /**
+   * Extracts the average color from a ThumbHash. RGB is not be premultiplied by A.
+   *
+   * @param hash The bytes of the ThumbHash.
+   * @return The RGBA values for the average color. Each value ranges from 0 to 1.
+   */
+  fun thumbHashToAverageRGBA(hash: ByteArray): RGBA {
+    val header = hash[0].toInt() and 255 or (hash[1].toInt() and 255 shl 8) or (hash[2].toInt() and 255 shl 16)
+    val l = (header and 63).toFloat() / 63.0f
+    val p = (header shr 6 and 63).toFloat() / 31.5f - 1.0f
+    val q = (header shr 12 and 63).toFloat() / 31.5f - 1.0f
+    val hasAlpha = header shr 23 != 0
+    val a = if (hasAlpha) (hash[5].toInt() and 15).toFloat() / 15.0f else 1.0f
+    val b = l - 2.0f / 3.0f * p
+    val r = (3.0f * l - b + q) / 2.0f
+    val g = r - q
+    return RGBA(
+      Math.max(0f, Math.min(1f, r)),
+      Math.max(0f, Math.min(1f, g)),
+      Math.max(0f, Math.min(1f, b)),
+      a
+    )
+  }
+
+  /**
+   * Extracts the approximate aspect ratio of the original image.
+   *
+   * @param hash The bytes of the ThumbHash.
+   * @return The approximate aspect ratio (i.e. width / height).
+   */
+  fun thumbHashToApproximateAspectRatio(hash: ByteArray): Float {
+    val header = hash[3]
+    val hasAlpha = hash[2].toInt() and 0x80 != 0
+    val isLandscape = hash[4].toInt() and 0x80 != 0
+    val lx = if (isLandscape) if (hasAlpha) 5 else 7 else header.toInt() and 7
+    val ly = if (isLandscape) header.toInt() and 7 else if (hasAlpha) 5 else 7
+    return lx.toFloat() / ly.toFloat()
+  }
+
+  class Image(var width: Int, var height: Int, var rgba: ByteArray)
+  class RGBA(var r: Float, var g: Float, var b: Float, var a: Float)
+  private class Channel internal constructor(var nx: Int, var ny: Int) {
+    var dc = 0f
+    var ac: FloatArray
+    var scale = 0f
+
+    init {
+      var n = 0
+      for (cy in 0 until ny) {
+        var cx = if (cy > 0) 0 else 1
+        while (cx * ny < nx * (ny - cy)) {
+          n++
+          cx++
+        }
+      }
+      ac = FloatArray(n)
+    }
+
+    fun encode(w: Int, h: Int, channel: FloatArray): Channel {
+      var n = 0
+      val fx = FloatArray(w)
+      for (cy in 0 until ny) {
+        var cx = 0
+        while (cx * ny < nx * (ny - cy)) {
+          var f = 0f
+          for (x in 0 until w) fx[x] = Math.cos(Math.PI / w * cx * (x + 0.5f)).toFloat()
+          for (y in 0 until h) {
+            val fy = Math.cos(Math.PI / h * cy * (y + 0.5f)).toFloat()
+            for (x in 0 until w) f += channel[x + y * w] * fx[x] * fy
+          }
+          f /= (w * h).toFloat()
+          if (cx > 0 || cy > 0) {
+            ac[n++] = f
+            scale = Math.max(scale, Math.abs(f))
+          } else {
+            dc = f
+          }
+          cx++
+        }
+      }
+      if (scale > 0) for (i in ac.indices) ac[i] = 0.5f + 0.5f / scale * ac[i]
+      return this
+    }
+
+    fun decode(hash: ByteArray, start: Int, index: Int, scale: Float): Int {
+      var index = index
+      for (i in ac.indices) {
+        val data = hash[start + (index shr 1)].toInt() shr (index and 1 shl 2)
+        ac[i] = ((data and 15).toFloat() / 7.5f - 1.0f) * scale
+        index++
+      }
+      return index
+    }
+
+    fun writeTo(hash: ByteArray, start: Int, index: Int): Int {
+      var index = index
+      for (v in ac) {
+        hash[start + (index shr 1)] = (hash[start + (index shr 1)].toInt() or (Math.round(15.0f * v) shl (index and 1 shl 2))).toByte()
+        index++
+      }
+      return index
+    }
+  }
+}

package/android/src/main/java/expo/modules/image/thumbhash/ThumbhashFetcher.kt

@@ -0,0 +1,31 @@
+package expo.modules.image.thumbhash
+
+import android.graphics.Bitmap
+import android.util.Base64
+import com.bumptech.glide.Priority
+import com.bumptech.glide.load.DataSource
+import com.bumptech.glide.load.data.DataFetcher
+import expo.modules.kotlin.exception.CodedException
+
+class ThumbhashDecodingFailure(thumbhash: String?, cause: Exception?) : CodedException(
+  message = "Cannot decode provided thumbhash '$thumbhash' $cause"
+)
+
+class ThumbhashFetcher(
+  private val thumbhash: String?
+) : DataFetcher<Bitmap> {
+  override fun cleanup() = Unit
+  override fun cancel() = Unit
+  override fun getDataClass(): Class<Bitmap> = Bitmap::class.java
+  override fun getDataSource(): DataSource = DataSource.LOCAL
+
+  override fun loadData(priority: Priority, callback: DataFetcher.DataCallback<in Bitmap>) {
+    try {
+      val decodedThumbhash = Base64.decode(thumbhash, Base64.DEFAULT)
+      val bitmap = ThumbhashDecoder.thumbHashToBitmap(decodedThumbhash)
+      callback.onDataReady(bitmap)
+    } catch (e: Exception) {
+      callback.onLoadFailed(ThumbhashDecodingFailure(thumbhash, e))
+    }
+  }
+}

package/android/src/main/java/expo/modules/image/thumbhash/ThumbhashModelLoader.kt

@@ -0,0 +1,23 @@
+package expo.modules.image.thumbhash
+
+import android.graphics.Bitmap
+
+import com.bumptech.glide.load.Options
+import com.bumptech.glide.load.model.ModelLoader
+import com.bumptech.glide.signature.ObjectKey
+
+import expo.modules.image.GlideThumbhashModel
+
+class ThumbhashModelLoader : ModelLoader<GlideThumbhashModel, Bitmap> {
+
+  override fun handles(model: GlideThumbhashModel): Boolean = true
+
+  override fun buildLoadData(model: GlideThumbhashModel, width: Int, height: Int, options: Options): ModelLoader.LoadData<Bitmap> {
+    // Thumbhash might contain '/' characters
+    val thumbhash = model.uri.pathSegments.joinToString(separator = "/")
+    return ModelLoader.LoadData(
+      ObjectKey(model),
+      ThumbhashFetcher(thumbhash)
+    )
+  }
+}

package/android/src/main/java/expo/modules/image/thumbhash/ThumbhashModelLoaderFactory.kt

@@ -0,0 +1,14 @@
+package expo.modules.image.thumbhash
+
+import android.graphics.Bitmap
+import com.bumptech.glide.load.model.ModelLoader
+import com.bumptech.glide.load.model.ModelLoaderFactory
+import com.bumptech.glide.load.model.MultiModelLoaderFactory
+import expo.modules.image.GlideThumbhashModel
+
+class ThumbhashModelLoaderFactory : ModelLoaderFactory<GlideThumbhashModel, Bitmap> {
+  override fun build(multiFactory: MultiModelLoaderFactory): ModelLoader<GlideThumbhashModel, Bitmap> =
+    ThumbhashModelLoader()
+
+  override fun teardown() = Unit
+}

package/android/src/main/java/expo/modules/image/thumbhash/ThumbhashModule.kt

@@ -0,0 +1,17 @@
+package expo.modules.image.thumbhash
+
+import android.content.Context
+import android.graphics.Bitmap
+import com.bumptech.glide.Glide
+import com.bumptech.glide.Registry
+import com.bumptech.glide.annotation.GlideModule
+import com.bumptech.glide.module.LibraryGlideModule
+import expo.modules.image.GlideThumbhashModel
+
+@GlideModule
+class ThumbhashModule : LibraryGlideModule() {
+  override fun registerComponents(context: Context, glide: Glide, registry: Registry) {
+    super.registerComponents(context, glide, registry)
+    registry.prepend(GlideThumbhashModel::class.java, Bitmap::class.java, ThumbhashModelLoaderFactory())
+  }
+}

package/build/ExpoImage.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ExpoImage.d.ts","sourceRoot":"","sources":["../src/ExpoImage.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,oBAAoB,EAAsC,MAAM,cAAc,CAAC;AAExF,OAAO,EACL,mBAAmB,EACnB,kBAAkB,EAClB,gBAAgB,EAChB,sBAAsB,EACvB,MAAM,eAAe,CAAC;AAIvB,QAAA,MAAM,eAAe,KAAmC,CAAC;AAgBzD,cAAM,SAAU,SAAQ,KAAK,CAAC,aAAa,CAAC,gBAAgB,CAAC;IAC3D,WAAW,aAET;IAEF,MAAM,UAAW,qBAAqB,kBAAkB,CAAC,UAGvD;IAEF,UAAU,UAAW,qBAAqB,sBAAsB,CAAC,UAE/D;IAEF,OAAO,UAAW,qBAAqB,mBAAmB,CAAC,UAGzD;IAEF,SAAS,aAEP;IAEF,MAAM;CA8DP;AAED,OAAO,EAAE,eAAe,EAAE,CAAC;AAC3B,eAAe,SAAS,CAAC"}
+{"version":3,"file":"ExpoImage.d.ts","sourceRoot":"","sources":["../src/ExpoImage.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,oBAAoB,EAAsC,MAAM,cAAc,CAAC;AAExF,OAAO,EACL,mBAAmB,EACnB,kBAAkB,EAClB,gBAAgB,EAChB,sBAAsB,EACvB,MAAM,eAAe,CAAC;AAIvB,QAAA,MAAM,eAAe,KAAmC,CAAC;AAgBzD,cAAM,SAAU,SAAQ,KAAK,CAAC,aAAa,CAAC,gBAAgB,CAAC;IAC3D,WAAW,aAET;IAEF,MAAM,UAAW,qBAAqB,kBAAkB,CAAC,UAGvD;IAEF,UAAU,UAAW,qBAAqB,sBAAsB,CAAC,UAE/D;IAEF,OAAO,UAAW,qBAAqB,mBAAmB,CAAC,UAGzD;IAEF,SAAS,aAEP;IAEF,MAAM;CA+DP;AAED,OAAO,EAAE,eAAe,EAAE,CAAC;AAC3B,eAAe,SAAS,CAAC"}

package/build/ExpoImage.js

@@ -31,7 +31,7 @@ class ExpoImage extends React.PureComponent {
         this.props.onLoadEnd?.();
     };
     render() {
-        const { style, ...props } = this.props;
+        const { style, accessibilityLabel, alt, ...props } = this.props;
         const resolvedStyle = StyleSheet.flatten(style);
         // Shadows behave different on iOS, Android & Web.
         // Android uses the `elevation` prop, whereas iOS
@@ -67,7 +67,7 @@ class ExpoImage extends React.PureComponent {
         const borderTopColor = processColor(resolvedStyle.borderTopColor);
         // @ts-ignore
         const borderBottomColor = processColor(resolvedStyle.borderBottomColor);
-        return (React.createElement(NativeExpoImage, { ...props, ...resolvedStyle, style: resolvedStyle, onLoadStart: this.onLoadStart, onLoad: this.onLoad, onProgress: this.onProgress, onError: this.onError, tintColor: tintColor, borderColor: borderColor, borderLeftColor: borderLeftColor, borderRightColor: borderRightColor, borderTopColor: borderTopColor, borderBottomColor: borderBottomColor, borderStartColor: borderStartColor, borderEndColor: borderEndColor, backgroundColor: backgroundColor }));
+        return (React.createElement(NativeExpoImage, { ...props, ...resolvedStyle, accessibilityLabel: accessibilityLabel ?? alt, style: resolvedStyle, onLoadStart: this.onLoadStart, onLoad: this.onLoad, onProgress: this.onProgress, onError: this.onError, tintColor: tintColor, borderColor: borderColor, borderLeftColor: borderLeftColor, borderRightColor: borderRightColor, borderTopColor: borderTopColor, borderBottomColor: borderBottomColor, borderStartColor: borderStartColor, borderEndColor: borderEndColor, backgroundColor: backgroundColor }));
     }
 }
 export { ExpoImageModule };

package/build/ExpoImage.js.map

@@ -1 +1 @@
-{"version":3,"file":"ExpoImage.js","sourceRoot":"","sources":["../src/ExpoImage.tsx"],"names":[],"mappings":"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","sourcesContent":["import { requireNativeViewManager, requireNativeModule } from 'expo-modules-core';\nimport React from 'react';\nimport { NativeSyntheticEvent, StyleSheet, Platform, processColor } from 'react-native';\n\nimport {\n  ImageErrorEventData,\n  ImageLoadEventData,\n  ImageNativeProps,\n  ImageProgressEventData,\n} from './Image.types';\n\nconst NativeExpoImage = requireNativeViewManager('ExpoImage');\n\nconst ExpoImageModule = requireNativeModule('ExpoImage');\n\nfunction withDeprecatedNativeEvent<NativeEvent>(\n  event: NativeSyntheticEvent<NativeEvent>\n): NativeEvent {\n  Object.defineProperty(event.nativeEvent, 'nativeEvent', {\n    get() {\n      console.warn(\n        '[expo-image]: Accessing event payload through \"nativeEvent\" is deprecated, it is now part of the event object itself'\n      );\n      return event.nativeEvent;\n    },\n  });\n  return event.nativeEvent;\n}\n\nclass ExpoImage extends React.PureComponent<ImageNativeProps> {\n  onLoadStart = () => {\n    this.props.onLoadStart?.();\n  };\n\n  onLoad = (event: NativeSyntheticEvent<ImageLoadEventData>) => {\n    this.props.onLoad?.(withDeprecatedNativeEvent(event));\n    this.onLoadEnd();\n  };\n\n  onProgress = (event: NativeSyntheticEvent<ImageProgressEventData>) => {\n    this.props.onProgress?.(withDeprecatedNativeEvent(event));\n  };\n\n  onError = (event: NativeSyntheticEvent<ImageErrorEventData>) => {\n    this.props.onError?.(withDeprecatedNativeEvent(event));\n    this.onLoadEnd();\n  };\n\n  onLoadEnd = () => {\n    this.props.onLoadEnd?.();\n  };\n\n  render() {\n    const { style, ...props } = this.props;\n    const resolvedStyle = StyleSheet.flatten(style);\n\n    // Shadows behave different on iOS, Android & Web.\n    // Android uses the `elevation` prop, whereas iOS\n    // and web use the regular `shadow...` props.\n    if (Platform.OS === 'android') {\n      delete resolvedStyle.shadowColor;\n      delete resolvedStyle.shadowOffset;\n      delete resolvedStyle.shadowOpacity;\n      delete resolvedStyle.shadowRadius;\n    } else {\n      // @ts-expect-error\n      delete resolvedStyle.elevation;\n    }\n\n    // @ts-ignore\n    const backgroundColor = processColor(resolvedStyle.backgroundColor);\n    // On Android, we have to set the `backgroundColor` directly on the correct component.\n    // So we have to remove it from styles. Otherwise, the background color won't take into consideration the border-radius.\n    if (Platform.OS === 'android') {\n      delete resolvedStyle.backgroundColor;\n    }\n\n    const tintColor = processColor(props.tintColor || resolvedStyle.tintColor);\n\n    const borderColor = processColor(resolvedStyle.borderColor);\n    // @ts-ignore\n    const borderStartColor = processColor(resolvedStyle.borderStartColor);\n    // @ts-ignore\n    const borderEndColor = processColor(resolvedStyle.borderEndColor);\n    // @ts-ignore\n    const borderLeftColor = processColor(resolvedStyle.borderLeftColor);\n    // @ts-ignore\n    const borderRightColor = processColor(resolvedStyle.borderRightColor);\n    // @ts-ignore\n    const borderTopColor = processColor(resolvedStyle.borderTopColor);\n    // @ts-ignore\n    const borderBottomColor = processColor(resolvedStyle.borderBottomColor);\n\n    return (\n      <NativeExpoImage\n        {...props}\n        {...resolvedStyle}\n        style={resolvedStyle}\n        onLoadStart={this.onLoadStart}\n        onLoad={this.onLoad}\n        onProgress={this.onProgress}\n        onError={this.onError}\n        tintColor={tintColor}\n        borderColor={borderColor}\n        borderLeftColor={borderLeftColor}\n        borderRightColor={borderRightColor}\n        borderTopColor={borderTopColor}\n        borderBottomColor={borderBottomColor}\n        borderStartColor={borderStartColor}\n        borderEndColor={borderEndColor}\n        backgroundColor={backgroundColor}\n      />\n    );\n  }\n}\n\nexport { ExpoImageModule };\nexport default ExpoImage;\n"]}
+{"version":3,"file":"ExpoImage.js","sourceRoot":"","sources":["../src/ExpoImage.tsx"],"names":[],"mappings":"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","sourcesContent":["import { requireNativeViewManager, requireNativeModule } from 'expo-modules-core';\nimport React from 'react';\nimport { NativeSyntheticEvent, StyleSheet, Platform, processColor } from 'react-native';\n\nimport {\n  ImageErrorEventData,\n  ImageLoadEventData,\n  ImageNativeProps,\n  ImageProgressEventData,\n} from './Image.types';\n\nconst NativeExpoImage = requireNativeViewManager('ExpoImage');\n\nconst ExpoImageModule = requireNativeModule('ExpoImage');\n\nfunction withDeprecatedNativeEvent<NativeEvent>(\n  event: NativeSyntheticEvent<NativeEvent>\n): NativeEvent {\n  Object.defineProperty(event.nativeEvent, 'nativeEvent', {\n    get() {\n      console.warn(\n        '[expo-image]: Accessing event payload through \"nativeEvent\" is deprecated, it is now part of the event object itself'\n      );\n      return event.nativeEvent;\n    },\n  });\n  return event.nativeEvent;\n}\n\nclass ExpoImage extends React.PureComponent<ImageNativeProps> {\n  onLoadStart = () => {\n    this.props.onLoadStart?.();\n  };\n\n  onLoad = (event: NativeSyntheticEvent<ImageLoadEventData>) => {\n    this.props.onLoad?.(withDeprecatedNativeEvent(event));\n    this.onLoadEnd();\n  };\n\n  onProgress = (event: NativeSyntheticEvent<ImageProgressEventData>) => {\n    this.props.onProgress?.(withDeprecatedNativeEvent(event));\n  };\n\n  onError = (event: NativeSyntheticEvent<ImageErrorEventData>) => {\n    this.props.onError?.(withDeprecatedNativeEvent(event));\n    this.onLoadEnd();\n  };\n\n  onLoadEnd = () => {\n    this.props.onLoadEnd?.();\n  };\n\n  render() {\n    const { style, accessibilityLabel, alt, ...props } = this.props;\n    const resolvedStyle = StyleSheet.flatten(style);\n\n    // Shadows behave different on iOS, Android & Web.\n    // Android uses the `elevation` prop, whereas iOS\n    // and web use the regular `shadow...` props.\n    if (Platform.OS === 'android') {\n      delete resolvedStyle.shadowColor;\n      delete resolvedStyle.shadowOffset;\n      delete resolvedStyle.shadowOpacity;\n      delete resolvedStyle.shadowRadius;\n    } else {\n      // @ts-expect-error\n      delete resolvedStyle.elevation;\n    }\n\n    // @ts-ignore\n    const backgroundColor = processColor(resolvedStyle.backgroundColor);\n    // On Android, we have to set the `backgroundColor` directly on the correct component.\n    // So we have to remove it from styles. Otherwise, the background color won't take into consideration the border-radius.\n    if (Platform.OS === 'android') {\n      delete resolvedStyle.backgroundColor;\n    }\n\n    const tintColor = processColor(props.tintColor || resolvedStyle.tintColor);\n\n    const borderColor = processColor(resolvedStyle.borderColor);\n    // @ts-ignore\n    const borderStartColor = processColor(resolvedStyle.borderStartColor);\n    // @ts-ignore\n    const borderEndColor = processColor(resolvedStyle.borderEndColor);\n    // @ts-ignore\n    const borderLeftColor = processColor(resolvedStyle.borderLeftColor);\n    // @ts-ignore\n    const borderRightColor = processColor(resolvedStyle.borderRightColor);\n    // @ts-ignore\n    const borderTopColor = processColor(resolvedStyle.borderTopColor);\n    // @ts-ignore\n    const borderBottomColor = processColor(resolvedStyle.borderBottomColor);\n\n    return (\n      <NativeExpoImage\n        {...props}\n        {...resolvedStyle}\n        accessibilityLabel={accessibilityLabel ?? alt}\n        style={resolvedStyle}\n        onLoadStart={this.onLoadStart}\n        onLoad={this.onLoad}\n        onProgress={this.onProgress}\n        onError={this.onError}\n        tintColor={tintColor}\n        borderColor={borderColor}\n        borderLeftColor={borderLeftColor}\n        borderRightColor={borderRightColor}\n        borderTopColor={borderTopColor}\n        borderBottomColor={borderBottomColor}\n        borderStartColor={borderStartColor}\n        borderEndColor={borderEndColor}\n        backgroundColor={backgroundColor}\n      />\n    );\n  }\n}\n\nexport { ExpoImageModule };\nexport default ExpoImage;\n"]}

package/build/ExpoImage.web.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ExpoImage.web.d.ts","sourceRoot":"","sources":["../src/ExpoImage.web.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,gBAAgB,EAAmC,MAAM,eAAe,CAAC;AAoClF,MAAM,CAAC,OAAO,UAAU,SAAS,CAAC,EAChC,MAAM,EACN,WAAW,EACX,UAAU,EACV,eAAe,EACf,qBAAqB,EACrB,MAAM,EACN,UAAU,EACV,OAAO,EACP,gBAAgB,EAChB,SAAS,EACT,QAAQ,EACR,UAAU,EACV,YAAY,EACZ,GAAG,KAAK,EACT,EAAE,gBAAgB,eA0FlB"}
+{"version":3,"file":"ExpoImage.web.d.ts","sourceRoot":"","sources":["../src/ExpoImage.web.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,gBAAgB,EAAmC,MAAM,eAAe,CAAC;AAoClF,MAAM,CAAC,OAAO,UAAU,SAAS,CAAC,EAChC,MAAM,EACN,WAAW,EACX,UAAU,EACV,eAAe,EACf,qBAAqB,EACrB,MAAM,EACN,UAAU,EACV,OAAO,EACP,gBAAgB,EAChB,SAAS,EACT,QAAQ,EACR,UAAU,EACV,YAAY,EACZ,GAAG,KAAK,EACT,EAAE,gBAAgB,eA2FlB"}

package/build/ExpoImage.web.js

@@ -46,7 +46,7 @@ export default function ExpoImage({ source, placeholder, contentFit, contentPosi
                     ...style,
                 }, className: className, events: {
                     onTransitionEnd: [onAnimationFinished],
-                }, contentPosition: { left: '50%', top: '50%' }, blurhashContentPosition: contentPosition, blurhashStyle: blurhashStyle })),
+                }, contentPosition: { left: '50%', top: '50%' }, hashPlaceholderContentPosition: contentPosition, hashPlaceholderStyle: blurhashStyle })),
         ]
         : null;
     const currentNodeAnimationKey = (recyclingKey
@@ -63,7 +63,7 @@ export default function ExpoImage({ source, placeholder, contentFit, contentPosi
                 objectFit: selectedSource ? contentFit : imagePlaceholderContentFit,
                 ...(blurRadius ? { filter: `blur(${blurRadius}px)` } : {}),
                 ...style,
-            }, className: className, priority: priority, contentPosition: selectedSource ? contentPosition : { top: '50%', left: '50%' }, blurhashContentPosition: contentPosition, blurhashStyle: blurhashStyle })),
+            }, className: className, priority: priority, contentPosition: selectedSource ? contentPosition : { top: '50%', left: '50%' }, hashPlaceholderContentPosition: contentPosition, hashPlaceholderStyle: blurhashStyle, accessibilityLabel: props.accessibilityLabel })),
     ];
     return (React.createElement("div", { ref: containerRef, className: "expo-image-container", style: {
             aspectRatio: String(aspectRatio),