Added GeoTiff Box

app/src/commonMain/kotlin/HtmlGenerator.kt

@@ -177,6 +177,46 @@ fun ImageMetadata.toXmpHtmlString(): String =
  )
  }
 
+fun ImageMetadata.toGeoTiffHtmlString(): String =
+ buildString {
+
+ val geoTiffDirectory = exif?.geoTiffDirectory
+
+ if (geoTiffDirectory == null) {
+ append("No GeoTiff data.")
+ return@buildString
+ }
+
+ append("<table>")
+
+ append("<tr>")
+ append("<th>Name</th>")
+ append("<th>Value</th>")
+ append("</tr>")
+
+ append("<tr>")
+ append("<td>Version</td>")
+ append("<td>${geoTiffDirectory.geoTiffVersionString}")
+ append("</tr>")
+
+ append("<tr>")
+ append("<td>Model type</td>")
+ append("<td>${geoTiffDirectory.modelType?.displayName ?: "-/-"}")
+ append("</tr>")
+
+ append("<tr>")
+ append("<td>Raster type</td>")
+ append("<td>${geoTiffDirectory.rasterType?.displayName ?: "-/-"}")
+ append("</tr>")
+
+ append("<tr>")
+ append("<td>Geographic type</td>")
+ append("<td>${geoTiffDirectory.geographicType?.displayName ?: "-/-"}")
+ append("</tr>")
+
+ append("</table>")
+ }
+
 fun generateHexHtml(bytes: ByteArray): String {
 
  val format = ImageFormat.detect(bytes) ?: return "Image format was not recognized."

app/src/wasmJsMain/kotlin/Main.kt

@@ -57,6 +57,9 @@ private val xmpBox =
 private val textBox =
  document.getElementById("text-box") as HTMLDivElement
 
+private val geoTiffBox =
+ document.getElementById("geotiff-box") as HTMLDivElement
+
 private val hexBox =
  document.getElementById("hex-box") as HTMLDivElement
 
@@ -75,6 +78,9 @@ private val xmpElement =
 private val textElement =
  document.getElementById("text") as Element
 
+private val geotiffElement =
+ document.getElementById("geotiff") as Element
+
 private val hexElement =
  document.getElementById("hex") as Element
 
@@ -180,6 +186,7 @@ private fun processFile(uint8Array: Uint8Array) {
  iptcBoxVisible = false,
  xmpBoxVisible = false,
  textBoxVisible = false,
+ geotiffBoxVisible = false,
  hexBoxVisible = false
  )
 
@@ -263,6 +270,8 @@ private fun processFile(uint8Array: Uint8Array) {
  }
  }
 
+ updateHtml(geotiffElement, metadata.toGeoTiffHtmlString())
+
  /*
  * Set all boxes visible that have meaningful content.
  */
@@ -272,6 +281,7 @@ private fun processFile(uint8Array: Uint8Array) {
  iptcBoxVisible = metadata.iptc != null,
  xmpBoxVisible = metadata.xmp != null,
  textBoxVisible = displayTextChunk,
+ geotiffBoxVisible = metadata.exif?.geoTiffDirectory != null,
  hexBoxVisible = true
  )
 
@@ -286,7 +296,7 @@ private fun processFile(uint8Array: Uint8Array) {
  * Make all boxes visible even if there is an error or
  * the error message would not be shown to the user.
  */
- makeAllBoxesVisible()
+ makeAllRegularBoxesVisible()
  }
 }
 
@@ -403,6 +413,7 @@ private fun setBoxVisibility(
  iptcBoxVisible: Boolean,
  xmpBoxVisible: Boolean,
  textBoxVisible: Boolean,
+ geotiffBoxVisible: Boolean,
  hexBoxVisible: Boolean
 ) {
 
@@ -411,19 +422,21 @@ private fun setBoxVisibility(
  iptcBox.style.display = cssDisplayValue(iptcBoxVisible)
  xmpBox.style.display = cssDisplayValue(xmpBoxVisible)
  textBox.style.display = cssDisplayValue(textBoxVisible)
+ geoTiffBox.style.display = cssDisplayValue(geotiffBoxVisible)
  hexBox.style.display = cssDisplayValue(hexBoxVisible)
 }
 
 private fun cssDisplayValue(shouldDisplay: Boolean) =
  if (shouldDisplay) "block" else "none"
 
-private fun makeAllBoxesVisible() =
+private fun makeAllRegularBoxesVisible() =
  setBoxVisibility(
  thumbnailBoxVisible = true,
  exifBoxVisible = true,
  iptcBoxVisible = true,
  xmpBoxVisible = true,
  textBoxVisible = false,
+ geotiffBoxVisible = false,
  hexBoxVisible = true
  )
 

app/src/wasmJsMain/resources/index.html

@@ -189,6 +189,14 @@ <h1>EXIF Viewer</h1>
  <div class="box-content" id="text"></div>
 </div>
 
+<div id="geotiff-box" class="box">
+ <div class="box-title" onclick="toggleBoxContent('geotiff-box')">
+ GeoTiff
+ <i class="fas fa-chevron-down expand-icon"></i>
+ </div>
+ <div class="box-content" id="geotiff"></div>
+</div>
+
 <div id="hex-box" class="box">
  <div class="box-title" onclick="toggleBoxContent('hex-box')">
  File structure (HEX view)