Add S3 public endpoint for display in browser

Author: dgehriger

.env.example

@@ -14,6 +14,9 @@ S3_SECRET_KEY=your-secret-key-here
 # S3 domain for Caddy HTTPS (used in docker-compose.cloudflare.yml)
 S3_DOMAIN=s3.yourdomain.com
 
+# Public S3 endpoint URL for display in browser (e.g., https://s3.yourdomain.com:8443)
+S3_PUBLIC_ENDPOINT=https://s3.yourdomain.com:8443
+
 # Cloudflare API token for DNS challenge (Zone:DNS:Edit permission)
 # Create at: https://dash.cloudflare.com/profile/api-tokens
 CLOUDFLARE_API_TOKEN=your-cloudflare-api-token

browser/app/config.py

@@ -13,6 +13,7 @@ class Settings(BaseSettings):
 
     # S3 Gateway settings
     s3_endpoint: str = "http://s3-gateway:9000"
+    s3_public_endpoint: str = ""  # Public S3 endpoint URL for display (e.g., https://s3.example.com:8443)
     s3_access_key: str = ""
     s3_secret_key: str = ""
 

browser/app/main.py

@@ -271,6 +271,7 @@ async def object_detail_page(
     username: str = Depends(get_current_user),
     s3_client: S3Client = Depends(get_s3_client),
     version_mapper: VersionMapper = Depends(get_version_mapper),
+    settings: Settings = Depends(get_settings),
 ):
     """Object detail page with version history."""
     try:
@@ -301,6 +302,7 @@ async def object_detail_page(
                 "versions": [v.to_dict() for v in versions],
                 "breadcrumbs": breadcrumbs,
                 "username": username,
+                "s3_public_endpoint": settings.s3_public_endpoint,
             },
         )
     except HTTPException:

browser/app/templates/object_detail.html

@@ -23,7 +23,7 @@ <h1 class="card-title">📄 {{ key.split('/')[-1] }}</h1>
     <div class="metadata-grid">
         <div class="metadata-item">
             <div class="metadata-label">S3 URI</div>
-            <div class="metadata-value"><code>s3://{{ bucket }}/{{ key }}</code></div>
+            <div class="metadata-value"><code>{% if s3_public_endpoint %}--endpoint-url={{ s3_public_endpoint }} {% endif %}s3://{{ bucket }}/{{ key }}</code></div>
         </div>
         <div class="metadata-item">
             <div class="metadata-label">Size</div>

docker-compose.cloudflare.yml

@@ -60,6 +60,7 @@ services:
     container_name: rsync-s3-browser
     environment:
       - S3_ENDPOINT=http://s3-gateway:9000
+      - S3_PUBLIC_ENDPOINT=${S3_PUBLIC_ENDPOINT:-}
       - S3_ACCESS_KEY=${S3_ACCESS_KEY}
       - S3_SECRET_KEY=${S3_SECRET_KEY}
       - RSYNC_HOST=${RSYNC_HOST}

docker-compose.portainer.yml

@@ -52,6 +52,7 @@ services:
     container_name: rsync-s3-browser
     environment:
       - S3_ENDPOINT=http://s3-gateway:9000
+      - S3_PUBLIC_ENDPOINT=${S3_PUBLIC_ENDPOINT:-}
       - S3_ACCESS_KEY=${S3_ACCESS_KEY}
       - S3_SECRET_KEY=${S3_SECRET_KEY}
       - RSYNC_HOST=${RSYNC_HOST}

docker-compose.yml

@@ -30,6 +30,7 @@ services:
     container_name: rsync-s3-browser
     environment:
       - S3_ENDPOINT=http://s3-gateway:9000
+      - S3_PUBLIC_ENDPOINT=${S3_PUBLIC_ENDPOINT:-}
       - S3_ACCESS_KEY=${S3_ACCESS_KEY}
       - S3_SECRET_KEY=${S3_SECRET_KEY}
       - RSYNC_HOST=${RSYNC_HOST}