feat: Simplify download to GeoTIFF-only

- Remove format selector and PNG option
- Remove rescale/colormap from API calls
- Update downloadApi.js for simplified request
- Keep S3 presigned URL download flow

Author: Kongstad

src/components/DownloadModal.jsx

@@ -12,7 +12,6 @@ const TURNSTILE_SITE_KEY = import.meta.env.VITE_TURNSTILE_SITE_KEY || '0x4AAAAAA
 
 function DownloadModal({ item, collection, onClose }) {
   const [selectedAsset, setSelectedAsset] = useState(null);
-  const [selectedFormat, setSelectedFormat] = useState('geotiff');
   const [isDownloading, setIsDownloading] = useState(false);
   const [error, setError] = useState(null);
   const [backendAvailable, setBackendAvailable] = useState(null);
@@ -59,9 +58,6 @@ function DownloadModal({ item, collection, onClose }) {
   const collectionConfig = getCollection(collection);
   const availableBands = collectionConfig ? Object.keys(collectionConfig.bands) : [];
 
-  // Check if PNG format is supported for this collection (disable for SAR)
-  const supportsPNG = collectionConfig?.type !== 'sar';
-  
   // Check if downloads are disabled for this collection (SAR files too large)
   const downloadsDisabled = collectionConfig?.type === 'sar';
 
@@ -100,17 +96,14 @@ function DownloadModal({ item, collection, onClose }) {
       const bandConfig = collectionConfig.bands[selectedAsset];
       const assetKey = bandConfig.assets[0]; // Use first asset for the band
 
-      const filename = `${collection}_${item.id}_${assetKey}.${selectedFormat === 'geotiff' ? 'tif' : 'png'}`;
+      const filename = `${collection}_${item.id}_${assetKey}.tif`;
 
       // Get presigned URL from backend
       const response = await downloadTile({
         collection: collection,
         itemId: item.id,
         assetKey: assetKey,
         bbox: null, // Full tile download
-        format: selectedFormat,
-        rescale: bandConfig.rescale || null,
-        colormap: bandConfig.colormap || null,
         turnstileToken: turnstileToken,
       }, filename, controller.signal);
 
@@ -242,33 +235,10 @@ function DownloadModal({ item, collection, onClose }) {
             </div>
           </div>
 
-          {/* Format selection */}
+          {/* Format info */}
           <div className="download-section">
-            <h3>Select Format</h3>
-            {!supportsPNG && (
-              <div className="format-note">
-                PNG conversion is disabled for SAR data (slow processing)
-              </div>
-            )}
-            <div className="format-options">
-              <button
-                className={`format-option ${selectedFormat === 'geotiff' ? 'selected' : ''}`}
-                onClick={() => setSelectedFormat('geotiff')}
-                disabled={isDownloading}
-              >
-                <span className="format-name">GeoTIFF</span>
-                <span className="format-desc">With georeferencing</span>
-              </button>
-              {supportsPNG && (
-                <button
-                  className={`format-option ${selectedFormat === 'png' ? 'selected' : ''}`}
-                  onClick={() => setSelectedFormat('png')}
-                  disabled={isDownloading}
-                >
-                  <span className="format-name">PNG</span>
-                  <span className="format-desc">Smaller, no geo data</span>
-                </button>
-              )}
+            <div className="format-note">
+              Downloads are provided as GeoTIFF format with full georeferencing.
             </div>
           </div>
 

src/utils/downloadApi.js

@@ -27,14 +27,12 @@ export async function getCollectionAssets(collectionId) {
  * @param {string} params.itemId - STAC item ID
  * @param {string} params.assetKey - Asset/band to download
  * @param {Array<number>} [params.bbox] - Bounding box [minLon, minLat, maxLon, maxLat]
- * @param {string} params.format - Output format ('geotiff' or 'png')
- * @param {string} [params.rescale] - Rescale range for PNG (e.g., '0,4000')
- * @param {string} [params.colormap] - Matplotlib colormap name for PNG
+ * @param {string} params.turnstileToken - Cloudflare Turnstile token
  * @param {Function} [onProgress] - Progress callback
  * @param {AbortSignal} [signal] - AbortSignal for request cancellation
  * @returns {Promise<Object>} Object with download_url and filename
  */
-export async function downloadTile({ collection, itemId, assetKey, bbox, format, rescale, colormap, turnstileToken }, onProgress, signal) {
+export async function downloadTile({ collection, itemId, assetKey, bbox, turnstileToken }, onProgress, signal) {
   const response = await fetch(`${BACKEND_URL}/download`, {
     method: 'POST',
     headers: {
@@ -45,9 +43,6 @@ export async function downloadTile({ collection, itemId, assetKey, bbox, format,
       item_id: itemId,
       asset_key: assetKey,
       bbox: bbox || null,
-      format: format,
-      rescale: rescale || null,
-      colormap: colormap || null,
       turnstile_token: turnstileToken || null,
     }),
     signal: signal,